@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900&display=swap');
body{font-size:14px;color:#333;background-color:#fff; font-family: 'Heebo', sans-serif;min-width:320px;overflow-x:hidden}
.mat-table, .mat-tab-label, .mat-tab-group, .btn{ font-family: 'Heebo', sans-serif;}
input::-ms-clear {display: none;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
/*for autofilled yellow color bg*/
input, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;} 
img{border:none;}
a:focus, .btn:focus, a:hover, a:focus, button:focus {text-decoration: none;outline: none !important;}
a.text-white:hover, a.text-white:focus, a.text-white:visited{color:#fff;}
.form-control:focus{box-shadow:none !important;border-color: #163659}
textarea{resize:none;}
.radius-100{border-radius: 100px;}
.top-buffer-50{margin-top:50px;}
.no-padding-bottom{padding-bottom: 0 !important;}
.top-buffer-60{margin-top:60px;}
.top-bottom-buffer-40{margin-top:40px;margin-bottom:40px;}
.max-height-65{height:65px;}
hr{border-top:1px solid #ddd;clear:both;padding-top:5px;}
.text-thin{font-weight:300}
.lh-25{line-height:25px;}
.img-60{width:60px;border:2px solid #ccc;border-radius:100px;}
.no-padding-lr{padding-left:0;padding-right:0;}
.hide-scroll{overflow: hidden;/*padding-right:17px;*/}
.ln-20{line-height:20px;}
.ln-30{line-height:30px;}
.ln-40{line-height:40px;}
.ln-48{line-height:48px;}
.border-color-ddd{border-color:#ddd;}
.border-color-eee{border-color:#eee;}
.left-buffer-5{margin-left:5px;}
.left-buffer-15{margin-left:15px;}
.border-right-ddd{border-right:1px solid #ddd;}
.border-left-ddd{border-left:1px solid #ddd;}
.border-bottom-ddd{border-bottom:1px solid #ddd;}
.border-top-ddd{border-top:1px solid #ddd;}
.border-bottom-eee{border-bottom:1px solid #eee;}
.border-r-l-b-ddd{border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.padding-bottom-5{padding-bottom:5px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-15{padding: 15px;}
.padding-10{padding: 10px;}
.top-bottom-buffer-5{margin-top:5px;margin-bottom:5px;}
.top-buffer-3{margin-top:3px;}
.top-buffer-2{margin-top:2px;}
.top-buffer-60{margin-top:60px;}
.top-buffer-25{margin-top:25px;}
.xs-show{display:none;}
.x-scroll{max-width:100%;overflow-x:auto;}
.table-ellipsis td{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 0;} 
.disabled-click{pointer-events:none;} 
.disabled-cursor{cursor: not-allowed !important;pointer-events:auto !important;}
.disabled-cursor.k-state-disabled{cursor: not-allowed !important;pointer-events:auto !important;}
.top-bottom-buffer-30{margin-bottom:30px;margin-top:30px;}
.padding-top-bottom-10{padding-top:10px;padding-bottom:10px;}
.padding-top-bottom-15{padding-top:15px;padding-bottom:15px;}
.padding-top-bottom-30{padding-top:30px;padding-bottom:30px;}
.padding-top-bottom-60{padding-top:60px;padding-bottom:60px;}
.top-buffer-offset-3{margin-top:-3px;}
.text-red{color:#ff0000} 
.text-000{color:#000}
.text-light-green{color:#13bb72}
textarea.form-control{min-height:80px; }
.panel tr:nth-child(even) {background-color: #eee}
.panel tr:nth-child(odd) {background-color: #FFF}
.panel table thead tr{background-color:#e1e1e1!important}
.btn:active, .btn.active, .btn:focus{box-shadow:none}
.no-margin{margin:0 !important;}
.no-margin-top{margin-top:0 !important;}
.no-margin-bottom{margin-bottom:0 !important;}
.top-buffer-5{margin-top:5px !important;}
.top-buffer-20{margin-top:20px !important;}
.top-buffer-15{margin-top:15px;}
.top-buffer-30{margin-top:30px;}
.top-buffer-33{margin-top:33px;}
.top-buffer-40{margin-top:40px;}
.top-buffer-10{margin-top:10px !important;}
.top-buffer-8{margin-top:8px;}
.top-bottom-buffer-10{margin-top:10px;margin-bottom:10px;}
.top-bottom-buffer-15{margin-top:15px;margin-bottom:15px;}
.bottom-buffer-5{margin-bottom:5px !important;}
.bottom-buffer-10{margin-bottom:10px;}
.bottom-buffer-15{margin-bottom:15px !important;}
.bottom-buffer-17{margin-bottom:17px !important;}
.bottom-buffer-25{margin-bottom:25px;}
.bottom-buffer-20{margin-bottom:20px !important;}
.bottom-buffer-40{margin-bottom:40px;}
.bottom-buffer-50{margin-bottom:50px;}
.bottom-buffer-30{margin-bottom:30px !important;}
.bottom-buffer-90{margin-bottom:90px !important;}
.border-right{border-right:1px solid #d9d9d9;}
.no-padding{padding:0 !important;}
.thumbnail{padding:0;margin-bottom:0}
.font-10{font-size:10px;}
.font-11{font-size:11px;}
.font-12{font-size:12px;}
.font-13{font-size:13px !important;}
.font-14{font-size:14px !important;}
.font-15{font-size:15px !important;}
.font-16{font-size:16px !important;}
.font-17{font-size:17px !important;}
.font-18{font-size:18px !important;}
.font-20{font-size:20px !important;}
.font-24{font-size:24px !important;}
.font-30{font-size:30px;}
.font-48{font-size:48px;}
.font-60{font-size:60px !important;}
.font-72{font-size:72px !important;}
.padding-top-15{padding-top:15px;}
.padding-top-20{padding-top:20px;}
.padding-top-3{padding-top: 3px;}
.padding-top-7{padding-top: 7px;}
.padding-top-10{padding-top:10px !important;}
.padding-top-12{padding-top:12px !important;}
.padding-top-55{padding-top:55px;}
.padding-top-5{padding-top:5px;}
.padding-bottom-20{padding-bottom:20px !important} 
.left-buffer-40{margin-left:40px;}
.left-buffer-5-xs{margin-left:5px;}
.no-border-radius{border-radius:0 !important}
.img-round-40{height:40px;border-radius:100px;border: 1px solid #eee;}
.img-48{height:48px;}
.img-110{height:110px;}
.img-cricle{border-radius: 100px}
.bg-eee{background-color:#eee}
.bg-grey{background-color:#eceef1;}
.bg-f5{background-color:#f5f5f5}
.bg-fff{background-color:#fff}
.no-bg-img{background-image:none !important;}
.no-border{border:none !important;}
.border-ddd{border:1px solid #ddd} 
.max-height-65{max-height:65px !important;}
.text-fff{color:#fff;}
.asterisk:after{content: ' *';color: red;position: absolute;padding-left: 3px}
.right-buffer-30{margin-right:30px;}
.right-buffer-15{margin-right:15px;}
.right-buffer-20{margin-right:20px;}
.right-buffer-10{margin-right:10px;}
.right-buffer-5{margin-right:5px;}
.right-buffer-3{margin-right:3px;}
.full-width{width:100% !important;}
.half-width{width:50% !important;}
.text-bold-lt{font-weight:300;}
.text-bold-md{font-weight:400;}
.text-bold-ex{font-weight:700;}
.text-left{text-align:left !important;}
.padding-5{padding:5px 8px !important;}
.pull-right-xs{float:right;}
.pull-right-cu{float:right;}
.pull-left-xs{float:left;}
.pull-left-cu{float:left;}
.bottom-buffer-2{margin-bottom:2px !important;}
.left-buffer-20 {margin-left:20px !important;} 
.left-buffer-10 {margin-left:10px !important;} 
.padding-left-10{padding-left:10px !important;}
.padding-left-20{padding-left:20px;}
.padding-right-50{padding-right:50px;}
.padding-right-15{padding-right:15px;}
.padding-left-50{padding-left:50px;}
.padding-left-right-15{padding-left: 15px !important;padding-right: 15px !important;}
.text-999{color:#999}
.label-danger{background-color:#e13030;border-radius:3px;}
.text-right-cu{text-align:right}
.letter-space-3{letter-spacing:3px}
.w160{width:160px;}
.input-error, .invalid-feedback{font-size: 12px;color: #ff0000;margin-top: 2px; /*position: absolute;*/}
.form-group{position: relative;margin-bottom: 10px}
.btn{padding: 10px 30px;border-radius: 10px;border:none;}
.btn-xs, .btn-group-xs > .btn{padding: 2px 10px;}
.btn-sm, .btn-group-sm > .btn{padding: 4px 15px}
.page-action{position: relative;}
.page-action .res-width{width: 185px;}
.page-action .res-width.big{width: 200px;}
.text-warning{color: #e9a545;}
.text-555{color: #555;}

.btn-success,
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active,
.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{background-color: #13bb72;border-color:unset;background: linear-gradient(to bottom, #2cf69e 0%, #13bb72 100%)}
.btn-red,
.btn-red:hover, .btn-red:focus{background-color: #ef1d1d;color: #fff;border-color:unset;background: linear-gradient(to bottom, #ff6565 0%, #ef1d1d 100%)}

.btn-warning{background-color: #f0ad4e;border-color:unset;border:none; background: linear-gradient(to bottom, #ffc879 0%, #e59e3a 100%)}
.btn-warning:hover, .btn-warning:focus{background-color: #e59e3a;border-color:unset;background: linear-gradient(to bottom, #ffbc5d 0%, #e59e3a 100%)}
.btn-default{background: linear-gradient(to bottom, #f4f4f4 0%, #ccc 100%);border:none !important;background-color: #ccc;}
.btn-default:hover, .btn-default:focus{background: linear-gradient(to bottom, #e5e5e5 0%, #ccc 100%);}
/*change theme (primary color change)*/
.btn-primary {background-color: #163659;background: linear-gradient(to bottom, #3da6ea 0%, #163659 100%);border-color:unset}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #163659;background: -webkit-linear-gradient(#1e92dd, #163659);color:#fff;border-color:unset}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color: #163659;background: linear-gradient(to bottom, #3da6ea 0%, #163659 100%);}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#163659;background: linear-gradient(to bottom, #3da6ea 0%, #163659 100%);border-color:unset}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,
.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#163659;background: linear-gradient(to bottom, #3da6ea 0%, #163659 100%);border-color:unset}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary{pointer-events: none}
.btn-link{color: #163659;}
a, a:hover, a:focus{color:#163659;}
a.text-primary:hover {color: #163659;}
.bg-primary {background-color: #163659;background: linear-gradient(to bottom, #3da6ea 0%, #163659 100%);}
a.bg-primary:hover, a.bg-primary:foucs {background-color:#163659;}
.label-primary{background-color: #163659;background: linear-gradient(to bottom, #3da6ea 0%, #163659 100%);}
.label-primary[href]:hover, .label-primary[href]:focus {background-color: #163659;color:white;background: linear-gradient(to bottom, #3da6ea 0%, #163659 100%);}
.panel-primary {border-color: #163659;}
.panel-primary > .panel-heading {background-color: #163659;border: #163659;background: linear-gradient(to bottom, #3da6ea 0%, #163659 100%);}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {border-top-color: #163659;}
.panel-primary > .panel-heading .badge {color: #163659;}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #163659;}
.text-primary, .text-primary:hover, .text-primary:focus{color: #163659;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{background-color:#163659;border-color:unset;background: linear-gradient(to bottom, #3da6ea 0%, #163659 100%);}
/*change theme (primary color change) end*/

.scroll-top{bottom: -40px;font-size: 15px;height: 30px;width: 30px;position: fixed;right: 10px;z-index:99;border:2px solid #163659;transition: all 0.3s ease-out 0s;border-radius:10px;text-align:center;padding-top:3px;font-weight:bold}
.scroll-top i{display:block}
.scroll-top.up{bottom:15px;}

.login-bg{background: url('../images/login-bg.jpg') no-repeat center center;position: absolute;background-size: cover; min-height: 100%; width: 100%;}
.login{width:480px; margin:10% auto 30px; position:relative;left: -13%;}
.login-content{ padding-top: 15px;}
.login-footer{padding:20px 30px;background-color:#ebf0f3;font-size:13px;font-weight:500;color:#666}
.login-content a{color: #163659;}
.form-control{box-shadow: none;border:2px solid #ddd;border-radius: 10px;min-height: 42px;padding: 6px 15px;background-color: transparent}
label{color: #666;font-weight: 500}
.animate{ transition: all 0.3s ease-out 0s;}
.cursor-pointer{cursor: pointer;}

/*material-checkbox color*/

.mat-checkbox-layout{margin-bottom: 0;}
.mat-checkbox .mat-checkbox-frame, .mat-pseudo-checkbox { border-color: #163659 !important;border-radius: 5px !important;}
.mat-checkbox-anim-checked-unchecked .mat-checkbox-checked .mat-checkbox-background{border-radius: 5px !important}
.mat-checkbox-ripple .mat-ripple-element {background-color: rgba(57, 76, 179 , 0.3) !important;}
.mat-checkbox-checked .mat-checkbox-background, .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {background-color: #163659 !important;border-radius: 5px !important;}
.mat-tab-label{height: 56px !important;}
.mat-tab-label-active{color: #000}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color: #163659 !important}
.mat-pseudo-checkbox-checked::after{    top: 4px !important; left: 2px !important;}
.mat-option.no-checkbox .mat-option-pseudo-checkbox {display: none !important;}

.cdk-overlay-container{z-index: 10000 !important;}
.cdk-global-scrollblock{top: 0 !important;} /*forcefully changing all popup overlay html top value*/

/*snack bar design change*/
.mat-simple-snackbar{ font-family: 'Heebo', sans-serif;}
.mat-snack-bar-container{padding-right: 48px !important;border-radius: 10px !important;margin-bottom: 5px !important;background: -webkit-linear-gradient(#4b4b4b, #323232) !important;border-color:unset;}
.mat-snack-bar-container.success-snack{background-color: #13bb72 !important;background: linear-gradient(to bottom, #2cf69e 0%, #13bb72 100%) !important;}
.mat-snack-bar-container.danger-snack{background-color: #ef1d1d !important;background: linear-gradient(to bottom, #ff6565 0%, #ef1d1d 100%) !important;}
.mat-simple-snackbar-action .mat-button{position: absolute;width: auto;min-width: auto;color: #fff;font-size: 24px;border-radius: 10px;padding: 0 10px;right: 5px;}
.mat-snack-bar-handset{width:calc(100% - 30px) !important;}
.mat-simple-snackbar { align-items: inherit    !important;}
.mat-snack-bar-container{color:#fff !important}
/*snack bar design change*/

/*loader style */
.loader-container {height: 100%;width: 100%;background-color: rgba(0,0,0,0.1);position: fixed;z-index: 99;}
.loaderBox{position: fixed;left: 50%;top: 50%;margin-left:-40px; margin-top:-40px;height: 80px; width: 80px;z-index: 9999;background-color: white;border-radius: 100%;padding: 5px;box-shadow: 0 0 35px rgba(0,0,0,0.2);}
.loaderBox img{height: 100%;}

.otp-input{letter-spacing: 28px;border: none;border-radius: 0;font-size: 24px;font-weight: bold;padding: 0px 8px;border-bottom: 1px solid #ddd}
.otp-input:focus{border-color: #ddd;}

/*for tour guide*/
.cdk-overlay-connected-position-bounding-box{z-index: 10001 !important;}
.ngx-tour_backdrop {z-index: 9999 !important;border-radius: 10px;}

.pass-strength{position: relative;}
.pass-strength .strength-type{position: absolute;right: 35px;top: 10px;width: 100px;text-align: right}
.pass-strength .form-control{padding-right: 125px;}
.pass-strength.strength-horz .strength-type{top: 35px !important;right: 15px !important;}
.width-130{width: 130px;}

.mat-tooltip{font-size: 13px !important;border-radius: 5px !important;background-color: #fff !important;color: #399cdd /*#16c77b 444444*/ !important;box-shadow: 0px 0px 10px rgba(0,0,0,0.2)}
.red-tooltip.mat-tooltip{color: red !important}

.z10000{z-index: 10000 !important;}
.z99999{z-index: 99999 !important;}


@media (max-height: 580px) {

}

@media (max-height: 640px) {

.login{margin:30px auto 30px;}
}

@media (max-width: 1520px) {
 
}

@media (max-width: 1300px) {
 
}


@media (max-width: 1199px) {
  
}

@media (max-width: 1099px) {
 
}  

@media (max-width: 991px) {

}



@media (max-width: 767px) {
.text-left-xs{text-align:left;}
.top-buffer-10-xs{margin-top:10px;}
.top-buffer-20-xs{margin-top:20px;}
.no-margin-top-xs{margin-top:0 !important;}
.xs-display-none{display:none}
.pull-left-xs-only{float:left;}
.top-buffer-250-xs{margin-top:250px;}
.xs-show{display:block;}
.left-buffer-5-xs{margin-left:0px;}
.no-margin-bottom-xs{margin-bottom:10px;}
.xs-display-none{display:none}
.xs-hide{display:none !important;}
.pull-right-xs, .pull-left-xs{float:none;}
/* transition: all 0.3s ease-out 0s; */
.login-logo{max-width: 100%;}
.login{width:60%;    left: 5%;
margin-left: 0;
margin-right: 0;}
/* .side-popup{width:90%;right:-92%;} */
}

@media (max-width: 500px) {
.cu-hide{display:none !important;}
.col-cu-12, .col-cu-11, .col-cu-10, .col-cu-9, .col-cu-8, .col-cu-7, .col-cu-6, .col-cu-5, .col-cu-4, .col-cu-3, .col-cu-2, .col-cu-1{position: relative;	min-height: 1px;	padding-right: 15px;	padding-left: 15px;	width:100%;}
.col-cu-11{width:91.63%}
.col-cu-10{width:83.3%}
.col-cu-9{width:74.97%}
.col-cu-8{width:66.64%}
.col-cu-7{width:58.31%}
.col-cu-6{width:49.98%;}
.col-cu-5{width:41.65%}
.col-cu-4{width:33.32%}
.col-cu-3{width:24.99%}
.col-cu-2{width:16.66%}
.col-cu-1{width:8.33%}
.top-buffer-10-cu{margin-top:10px;}
.padding-top-cu-15{padding-top:15px;}
.padding-top-bottom-15-cu{padding-bottom:15px;padding-top:15px;}
.no-padding-cu {padding:0;} 
.pull-right-cu, .pull-left-cu{float:none;}
.text-center-cu{text-align:center;}
.scroll-top.up{bottom:10px;}
.login{width: 100%;left: 0;margin-left: 0;margin-right: 0;padding: 0 15px;}
}

/*Disable controls on EvoPlayer*/
video::-webkit-media-controls {
display: none !important;
}