body{font-family: 'Open Sans', sans-serif; color:#c37c11;background-color:#fff;position:relative;min-height:100vh;
  /* background: rgb(255,218,106);
  background: linear-gradient(187deg, rgba(255,218,106,1) 0%, rgba(250,220,155,1) 100%); */
}


*{margin:0;padding:0}
p, h1, h2, h3, h4, h5, h6, ul, li, a{margin:0;padding:0;list-style-type:none}
a, a:hover{text-decoration:none;color:none}


#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,0.75) url('/images/loader.gif') no-repeat center center;
  z-index: 10000;
}


/* .header{padding:15px 0;z-index:1;position:relative; background:#ffc10724; }
.header h1{display:block;font-weight:400;font-size:23px;margin:0; color: #e31e24; font-weight: 700; line-height: 22px;}
.header h2{display:block;font-weight:700;font-size:30px;margin:0 0 0 0; color:#a26912}
.header .hsrportal{display:block;font-weight:400;font-size:22px; color:#c37c11; line-height: normal;}
.header .hd-logo{display:inline-block;text-align:center;padding:0 20px 0 0; }
.header .hd-logo img{height:100px;}
.header .logo2 img{height:70px; margin-top:10px}
.header .hd-logo p{display:block;color:#333333;padding:5px 0;font-size:18px;text-align:center;width:100%} */

.header{padding:15px 0;z-index:1;position:relative; background:#ffc10724; }
.header h1{display:block;font-weight:400;font-size:23px;margin:0; color: #e31e24; font-weight: 700; line-height: 22px;}
.header h2{display:block;font-weight:700;font-size:30px;margin:0 0 0 0; color:#a26912}
.header .hsrportal{display:block;font-weight:400;font-size:22px; color:#c37c11; line-height: normal; font-weight: bold;}
.header .hd-logo{display:inline-block;text-align:center;}
.header .hd-logo.logo2{text-align:right}
.header .hd-logo img{height:100px;}
.header .logo2 img{height:70px; margin-top:10px}
.header .hd-logo p{display:block;color:#333333;padding:5px 0;font-size:18px;text-align:center;width:100%}


.main-section{z-index:1;position:relative;padding:20px 0 100px;}
.lang-wrap{display:block; }
.lang-wrap h3{color:#c37c11; font-size:20px; line-height: 30px; margin:0 0 20px; font-weight: 600;text-transform: capitalize; }
.lang-wrap h3 svg{position: relative; top:4px;}
.lang-wrap p{display:block;color:#c37c11;padding:5px 0;font-size:24px}
.lang-wrap p svg{float:left;margin:5px 10px 5px 5px}
.lang-list{float:left;width:100%;padding:0}
.lang-list li{float: left;}
.lang-list li a{float:left; display:block; padding:10px 20px 10px 0; background-color:rgb(254 214 41 / 45%); margin: 0 5px 5px 0; font-weight:500 }
.lang-list li a:hover{background-color:#e31e24}
.lang-list li a{text-align:center;padding:10px 15px;border-radius:3px;color:#c37c11; max-width:100px; width:100px; }

.lang-list li a:hover{color:#FFF;}
.disabled-btn{cursor: auto!important;  opacity: 0.5; }
.disabled-btn:hover{background:#c37c11!important}

.userinfo-wrap{display:block;}
.userinfo-list{float:left;width:100%;padding:0}

.userinfo-list li{display: inline-block;
  background: rgb(254 214 41 / 45%);
  padding: 5px 10px;
  width: 100%;
  border-radius: 15px;
  max-width: 500px;}
.userinfo-list li a{position:relative;padding:5px 0 5px 30px;min-width:100%;float:left;color:#c37c11;font-size:16px; font-weight: 600;}
.userinfo-list li:hover{background-color:#e31e24}
.userinfo-list li a:hover, .userinfo-list li:hover a{color:#fff;}
.userinfo-list li a:before{position:absolute; left:0;height:25px;width:25px;content:"\f054"; text-align: center; font-family: "Font Awesome 5 Free"; font-weight: 700;}
.lang-time-btn{min-width:265px;}


.header_text{position:relative; text-transform: uppercase; min-width:100%;color:#c37c11;font-size:20px; padding:0; margin-bottom: 20px; font-weight: 600; text-align: center;}
.header-links a{ position: relative; margin-right:20px; padding-left:35px; }
/* .header-links a:hover{color:#c37c11} */

.table td, .table th{border:1px solid #c37c11!important; padding:0.5rem}
.table th, .table-striped tbody tr:nth-of-type(odd){background:#ffc10724}

.logout-btn{text-align: center;padding: 10px 15px; color: #E31E24; position: relative; }
.logout-btn img{position: absolute; left:0;}
.lan-hd-btn{text-align: center;padding: 10px 15px;border-radius: 3px;color: #c37c11; position: relative;
  padding-left: 33px;}
.lan-hd-btn svg{position: absolute; left: 0;}
.back-btn{text-align: center;padding: 10px 15px;border-radius: 3px;color: #c37c11;}
.header-links a i{position:absolute; font-size:20px; left:0; top:7px;}
.header-links a:hover svg{color: #c37c11;}
.top-bar{background:#c37c11; text-align: right; padding: 3px 0;}
.header-links a{color:#fff; padding:5px 10px 5px 25px; display:inline-block}
.header-links a:last-of-type{padding-right:0}
.frame-box{width:100%;  margin:0 auto; background:#ffc10724; padding:20px; border: 1px solid #ffeeba }
.frame-box form{clear:both}
.instruction-note{color: #6c757d; font-weight: 700; font-size:16px;text-align: center !important;}
.username-display{color:#fff6dc; display:inline-block; }
.username-display i{margin-right:5px;}
em{color:red; font-style: normal;}
.btn-primary { color: #fff; background-color: #c37c11; border-color: #c37c11; }
.btn-primary:hover{background-color: #E31E24; border-color: #E31E24;}
.form-control{color:#c37c11;}
.form-control, textarea{border:1px solid #c37c11}
textarea{    width: 100%;   border-radius: 5px;}
.form-control:focus { color: #c37c11; background-color: #fff; border-color: #c37c11; outline: 0; box-shadow:0 0 0 0.02rem #c37c11; }
footer { position: fixed; z-index: 2; width: 100%; left: 0; bottom: 0; background-color: #c37c11; color: white; text-align: center; padding:10px;} 
footer a { color: #fff6dc;}
footer a:hover{color:#fff;}
.frame-box{clear:both}

.select2-container .select2-selection--single{height:38px!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:36px!important;}
.select2-container--default .select2-selection--single {border:1px solid #c37c11!important;background:#fff!important; }
.form-control:disabled, .form-control[readonly], .select2-container--default.select2-container--disabled .select2-selection--single{ background: rgb(254 214 41 / 10%)!important; opacity: 0.5; color:#c37c11}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#c37c11!important}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#c37c11!important}
.btn-primary.focus, .btn-primary:focus {box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 50%);}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus{box-shadow: none!important;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background:#E31E24!important; border:0!important}
.error{color:red; font-size:14px; }
.comming-soon{color:#999; font-size:20px;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #c37c11;
  -webkit-text-fill-color: #c37c11;
  -webkit-box-shadow:none;
  transition: background-color 5000s ease-in-out 0s;
}
.watsupp-link{background-color:#26a118; color:#fff; border:0; line-height: 24px; white-space: normal;}
.watsupp-link i{font-size: 23px; line-height: 22px; position: relative; top: 3px; margin-right: 5px;}
.language-box dl, dt, dd{border:1px solid #c37c11; margin: 0; }
.language-box p{color:#333; font-size:16px}
.form-control::-webkit-input-placeholder { /* Edge */
  color:#c37c11;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c37c11;
}
h4.sub-title {text-align: center;font-size: 16px;margin-bottom: 12px; font-weight: 500; text-transform: capitalize;}
.form-control::placeholder {
  color: #c37c11;
}
.join-group-form{background: #f7e7ba; padding:15px; margin-bottom:20px}
.back-btn{ margin: 20px 0 0;  padding: 5px 20px;}
.back-btn i{margin-right:5px}
/* .table-responsive{overflow-x:scroll;} */
@media only screen and (min-width:0px) and (max-width:991px){
.header_text{font-size: 20px;}
body::after{background-size:90px}
.order1{order:1}
.order2{order:2}
.order3{order:3}

.main-section{padding:20px 0 100px}
.lang-wrap p{font-size:18px}
.lang-list li a{font-size:14px}
.lang-wrap p svg{margin:2px 5px 5px 5px}
.userinfo-list li a{margin:0;font-size:15px}
.userinfo-list li a:before{top:3px}


.header-links{background:#c37c11; padding:0;}

}
@media only screen and (min-width:0px) and (max-width:767px){
  .username-display{    text-align: center; color: #ffffff; display: block; background: #a26912; margin: 0 -15px; padding: 5px 10px; font-weight: bold;}
  .header{padding:0}
  .hd-logo{text-align:center; width:100%;}
  .header .hd-logo img{height:65px;margin:0 10px; }
  .selfhportal{background:#ffed9e; padding:2px 0;}
  .header .logo2 img{height:39px; margin:0; margin-top:10px}
  .header .hd-logo p{font-size:14px}
  .header h1{margin:0; font-size: 15px; line-height: normal; text-align:center}
  .header h2{font-size:18px;margin:10px 0;text-align:center}
  .header .hsrportal{font-size:14px;margin:0 10px 0 0;text-align:center}

}
@media only screen and (min-width:540px) and (max-width:640px){
  .header h2{font-size:22px;margin:10px 0;text-align:center}
}