/*general*/
@charset "utf-8";
BODY {
	margin: 0;
    padding: 0;
    padding-bottom:15px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
   } 
a {
	color: #666666;
	text-decoration:none;
	cursor: pointer;
}
a:hover { 
	color: #00ac51; 
	text-decoration:underline;
}
h3, .h3 {
    font-size: 24px;
}
h4, .h4 {
    font-size: 18px;
}
h6, .h6 {
    font-size: 12px;
}
#logo{
	position: relative;
    text-align: right;
    float: right;
}
@media screen and (max-width: 480px) {
#logo{
	float:none;
	text-align: center;
}
}
.border-bottom{
	border-bottom: 1px solid #ccc;
}
.border-bottom-light{
	border-bottom: 1px solid #e8e8e8;
}
.greenBorder{
	border: 8px solid #eaf4eb;
    background-color: white;
    max-width: 360px;
}
.footer{
    line-height: 1;
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color:white;
}
@media screen and (max-width: 991px) {
	.greenBorder{
	    max-width: 100%;
	}
	.footer {
	  	position: relative;
	}
	.footer h6 {
	   text-align: center;
	   padding-top: 0 !important;
	}
	.footer .border-bottom {
    	margin-bottom: 0.5rem;
}
}
@media screen and (max-width: 768px) {
	.greenBorder{
	   padding-top: 10px;
	}
}

/*language*/
ul.horizontal_list li{
    text-align: left;
    float: left;
    list-style: none;
	margin: 0px;
    border: 0px;
	color:#666666;
	font-size:11px;
	position:relative;
	left:-15px;
	display: inline;
	padding: 0px 15px;
}
ul.horizontal_list li.english{    
    border-right: 2px solid #00863f; 
} 
.language{
    font-size: 13px;
    text-decoration: none;
}
/*end of language*/

/*alignment*/
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
    }
}

.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}
.margin-top-0{
	margin-top:0;
}
.margin-top-10{
	margin-top:10px;
}
.margin-bottom-35{
	margin-bottom:35px;
}
.margin-bottom-5{
	margin-bottom:5px;
}
.padding-0{
	padding:0;
}
.padding-top-8{
	padding-top:8px;
}
.padding-top-15{
	padding-top:15px;
}
.padding-bottom-8{
	padding-bottom:8px;
}
/*end of alignment*/

/*button*/
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-success {
  color: #fff;
  background-color: #28952c;
  border-color: #28952c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #008130;
  border-color: #008130;
}
.btn-success:hover {
  color: #fff;
  background-color: #008130;
  border-color: #008130;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #02702b;
  border-color: #02702b;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #02702b;
  border-color: #02702b;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #28952c;
  border-color: #28952c;
}
.btn-success .badge {
  color: #28952c;
  background-color: #fff;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
/* end of button*/

/* scrollbar style */
#bodyDiv{
	padding-right:0 !important;
	width:100% !important;
}
#scrollbox {
    overflow: hidden;
    overflow-y: auto;
    min-height: 340px;
    height: calc(100% - 23px);
    padding: 0 5px;
    width: 100% !important;
    scrollbar-width: thin;
}
#scrollbox a{
	text-decoration: none;
    cursor: pointer;
}
/* @media screen and (max-width: 480px) {
	#bodyDiv {
	   display:none;
	}
} */
.track {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}
.track:hover,
.track.dragging {
    background: #d9d9d9; 
}
.handle {
    width: 7px;
    right: 0px;
    background: #999;
    background: #999;
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}
.track:hover .handle,
.track.dragging .handle {
    width: 10px;
}
/* end of scrollbar style*/

/* Password Hide and Show Icon*/
.passwordInputWrap{
	position: relative; 
	padding: 0; 
	width: 100%;
}
.passwordInput{
	padding-right: 2.8rem;
}
.passwordHideNShow{
	position: absolute;
	height: 100%; 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-pack: center; 
	-ms-flex-pack: center; 
	justify-content: center; 
	top: 0; 
	padding: 0.5rem 1rem; 
	right: 0; 
	cursor: pointer;
}
.passwordHideNShowIcon{
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	align-items: center; 
	-webkit-box-pack: center; 
	-ms-flex-pack: center; 
	justify-content: center; 
	height: 100%;
}
.form-control {
    font-size: 14px;
}
/* Removing clear and reveal password icons from IE10 */
input.passwordInput::-ms-clear, input.passwordInput::-ms-reveal {
    display: none;
}
/* end: Removing clear and reveal password icons from IE10 */
/* IE8: Disable custom styling. */
.ie8 .passwordHideNShowIcon{
	display: none !important;
}
/* end IE8: Disable custom styling. */
/* end: Password Hide and Show Icon*/





