:root{ 
    --brown:#4c2d00;
    --dark-brown:#3c2503; 
    --golden:#dfb20c;
    --light-gray:#e8e8e8;
    --dark-gray:#222222;
    --black:#000;
    --white:#fff;
  } 
a{color: var(--dark-brown); text-decoration: none;}
a:hover{ text-decoration: none;}
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

  body{font-family: 'Open Sans', sans-serif;}

.base, .tabsec li a{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;} 


.rs-toolbar {background-color: #673e02;}
.headerbg{background: var(--dark-brown); padding: 10px 0;}
.logo{width: 100%;}
.logo a{ display:flex; align-items:center; }
.logo img{max-width: 90px;}
.logosec, .footersec, .flogo a, .btnlinks{display: flex; align-items: center; justify-content: space-between;}
.logosec span, .flogo span {color:var(--golden); display:block; font-weight: bold; padding-left: 15px;}

.base .inner-hfs{ background-image: -moz-linear-gradient( 60deg, rgb(76,45,0) 0%, rgb(136,92,28) 100%);
  background-image: -webkit-linear-gradient( 60deg, rgb(76,45,0) 0%, rgb(136,92,28) 100%);
  background-image: -ms-linear-gradient( 60deg, rgb(76,45,0) 0%, rgb(136,92,28) 100%);}

.markbg{background:#673e02; color:#fff;  padding:5px 0; }
.base h2 a{ font-family: 'Open Sans', sans-serif;}

footer{ }
.footerbg{background:var(--dark-brown); padding: 30px 0;}
.footersec{}
.contadd{ color: #fff;}
.contadd .contact-title{ margin:0; color:#dfb342; }

.copy{background: #251703; color: #fff; padding: 5px 0;font-size: 13px; text-align: center; }
.copy a{font-size: 13px!important; color:#dfb342;}
 
.wrap-login100{background: var(--dark-brown); padding:35px; width: 410px;}
.input100{width: calc(100% - 25px);}
.input100:focus, .input100:active{  }
.login100-form-title {  color: var(--golden); font-size: 22px; font-weight: bold;}
.wrap-input100, .form-group{margin-bottom: 10px;}
.control-label.text-light{margin-bottom: 0} 
.container-login100 sup{color:red;}
 
.vprocess{border: 1px solid #ccc; margin: 10px 0; padding: 15px; color: var(--dark-brown); font-size: 14px;}
.vprocess .btn{background: var(--golden); color: var(--dark-brown);}

.marginb{margin-bottom:10px;}
.marginb .pr-0{padding-right:0!important; padding-top:7px;}
#message1{font-size: 14px;} 
#message1 h4{font-size: 16px;}

.login100-form .upro{color: var(--golden); display: block; text-align: center;}

.login100-form .btn-warning { color: var(--dark-brown); background-color:var(--golden);  border-color:var(--golden);  font-weight: bold;  text-transform: uppercase;}

.btnlinks{border-top: 1px solid var(--golden); margin-top: 10px; padding-top: 10px;}
.btnlinks a{color: var(--golden); }

.bgbrown{background:var(--dark-brown);}
.innerlogo img{max-height:64px;}
.innerlogo a{text-decoration: none;}
.innerlogo span{color: var(--golden);  font-weight: bold; padding-left: 15px;}
.bgbrowndard{background:#251703; font-size:13px; }
.bgbrowndard a{color: var(--golden); }


.usersec{background:var(--golden);   padding: 20px; height: 100%; text-align: center; color: var(--dark-brown);}
.usersec .img{width: 130px; height: 130px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.usersec .img img{width: 100%; height: 100%; object-fit: cover;}
.usersec h4{font-weight: bold;}
.usersec p{margin-bottom: 5px;}

.heading1{color: var(--dark-brown);}
.info-box-content .progress-bar{ background:var(--golden); }
.info-box-content .progress{margin-top: 10px;}
.mainsec .panel-title{font-weight: bold;}

.innerheader{display: flex; align-items: center; justify-content:space-between; padding:5px 15px;}
.mainsec .panel-info { border-color: var(--golden);}
.mainsec .panel-info>.panel-heading, .btn.btn-info { color:var(--dark-brown);  background-color: var(--golden);  border-color: var(--golden);}

.btn-warning{background:var(--dark-brown);border-color:var(--dark-brown);} 


.mainsec .table>tbody>tr>th, .mainsec .table>tbody>tr>td{ vertical-align:middle; }


.inner-hfs .fa, .inner-hfs .fas{color: var(--golden);}
.head2{display: flex; justify-content: space-between; align-items: center;}

h4{font-weight: bold;}
.breadcrumb{font-size: 13px;}
.headingborder{border-bottom: 1px solid #ccc; margin: 15px 0;}

.panel-body .container{max-width:100%; }
.mainsec .btn.btn-danger{margin:0;}

.boxs{color: var(--white);}

.tabsec{list-style: none; margin: 0; padding: 0; display: flex;}
.tabsec li a{display: block; padding: 10px 15px; font-weight: bold; text-decoration: none;}
.tabsec li a:hover{background: var(--golden); color: var(--dark-brown)}
.tabsec li.active a{ background:var(--dark-brown); color:var(--golden); }
.mainsec .table{border-color:var(--dark-brown);}
.mainsec .table tr th, .mainsec .table tr td{font-size: 13px;}
.mainsec .table tr th{ background:var(--dark-brown); color:var(--golden); border-color:var(--dark-brown); border-radius: 0} 

.colordark{color:var(--dark-brown) }
.boxb{border:1px solid var(--golden); border-radius: 5px;}

.rs-toolbar-right{display: flex; justify-content: right;}
#google_translate_element{position: static!important; right: 0;}
.toolbar-share-icon{margin-right: 10px;}


@media only screen and (min-width: 1280px) {

.container{ width:100%; max-width: 1250px; padding: 0 15px;}
}
.uploadsec{
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 5px;
}
 .uploadsec a.btn{background: var(--dark-brown); color: var(--white); border:none;}
.signuptext{ font-size:14px; color:var(--dark-gray);}


.tabmein, .btnalign{display:flex; justify-content:space-between;align-items:center;}
.btns{  }
.btns a.exbtn{ color:#fff;padding:5px 10px; border-radius:4px; margin:0 5px; background:var(--golden); display:inline-block!important;} 
.btns a.exbtn.all{background:#43A047;}