.ss-content .ss-list { max-height: 345px; }
.tooltipped{position:relative}.tooltipped:after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font:normal normal 11px/1.5 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;-webkit-font-smoothing:subpixel-antialiased}.tooltipped:before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,.8);pointer-events:none;content:"";border:5px solid transparent}.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after{display:inline-block;text-decoration:none}.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after{display:table-cell}.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{top:100%;right:50%;margin-top:5px}.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,.8)}.tooltipped-se:after{right:auto;left:50%;margin-left:-15px}.tooltipped-sw:after{margin-right:-15px}.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,.8)}.tooltipped-ne:after{right:auto;left:50%;margin-left:-15px}.tooltipped-nw:after{margin-right:-15px}.tooltipped-s:after,.tooltipped-n:after{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.tooltipped-w:after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.tooltipped-w:before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8)}.tooltipped-e:after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.tooltipped-e:before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,.8)}.tooltipped-multiline:after{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate}.tooltipped-multiline.tooltipped-s:after,.tooltipped-multiline.tooltipped-n:after{right:auto;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w:after,.tooltipped-multiline.tooltipped-e:after{right:100%}@media screen and (min-width:0\0){.tooltipped-multiline:after{width:250px}}.tooltipped-sticky:before,.tooltipped-sticky:after{display:inline-block}.tooltipped-sticky.tooltipped-multiline:after{display:table-cell}.fullscreen-overlay-enabled.dark-theme .tooltipped:after{color:#000;background:rgba(255,255,255,.8)}.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before,.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before,.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-sw:before{border-bottom-color:rgba(255,255,255,.8)}.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-n:before,.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-ne:before,.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-nw:before{border-top-color:rgba(255,255,255,.8)}.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-e:before{border-right-color:rgba(255,255,255,.8)}.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-w:before{border-left-color:rgba(255,255,255,.8)}
.dropdown-menu2 { min-width: 11em !important; }
.dropdown-menu3 { min-width: 14em !important; position: relative; margin-right: 150px !important;}
.card-header{min-height: 25px !important;}
.minheight-80{min-height: 80px;}
.header{height: 45px !important;}
.subheader{ position: relative; top: -20px !important; }
@media (min-width: 992px) {.subheader{ top: 40px !important; }}

.content{ position: relative; top: -25px !important; }
.typeahead__container .form-control-sm,  .form-control-sm,
select.form-control-sm {
    /*height: calc(1.35em + 1.1rem + 2px);*/
    height: calc(1.15em + 1.1rem + 2px);
    /*padding: 0.55rem 0.75rem;*/
    padding: 0.02rem 0.75rem;
    /*font-size: 0.925rem;*/
    font-size: 1.15rem;
    line-height: 1.35;
    border-radius: 0.28rem; 
}

.hide-default { display: none !important; }
.pointer { cursor: pointer; }
.pointer-normal { cursor: default !important; }
.allscroll { cursor: all-scroll !important; }
.count-info .label{
	line-height: 12px;
	padding: 2px 5px;
	position: absolute;
	right: 1px;
	top: 2px;
}

.count-info-sidebar .label{
	line-height: 12px;
	padding: 2px 5px;
	position: relative;
	left: -7px;
	top: -10px;	
}

.bg1{ background-color: #DBF6FA;  }
.bg1 i { color: #222;  }
.bg1 a { color: #222; }
.bg2 {background-color: #D8DBE2; border: 1px solid #D0D4DC; color: #222;}
.bg3{ background-color: #FCD9E1; border: 1px solid #F9B4C4; }
.bg4{ background-color: #88FBDD; border: 1px solid #4EF9CB; }
.bg5{ background-color: #FDE0C3; border: 1px solid #FCCC9C; }

.ul-popup, .ul-popup li { list-style: none; margin: 0;}
ul.ul-popup { padding: 7px; }

.alert-dark { background-color: #262626 !important; }
.amchart-div{
	width: 100%;
	height: 650px !important;
}
.amchart-div-xs{
    width: 100%;
    height: 250px !important;
}
.amchart-div-sm{
    width: 100%;
    height: 360px !important;
}
.amchart-div-md{
    width: 100%;
    height: 450px !important;
}
.amchart-div-xl{
    width: 100%;
    height: 1050px !important;
}
.text-white { color: #fff; }
.text-green{ color: #00F5D4; }

.bl-primary { border: 1px solid #3699ff; padding: 1px;}
tr.bl-primary { border-left: 5px solid #3699ff; }
tr.bl-warning { border-left: 5px solid #FFA800; }

th.payment{ background: #fde3e3; }
th.coverage{ background: #bfebff; }
tr.border-top-1 th, tr.border-top-1 td {border-top: 1px solid #ACCCF4; }
tr.border-tb-1 th, tr.border-tb-1 td {border-top: 1px solid #ACCCF4; border-bottom: 1px solid #ACCCF4;}
tr.border-dark th, tr.border-dark td {border-color: #707070;}
th.border-right-1, td.border-right-1 { border-right: 1px solid #707070;}
th.border-left-1, td.border-left-1 { border-left: 1px solid #707070;}

table.print-table tbody tr:nth-child(odd) { background-color: #eee; }
.strike-out { text-decoration: line-through }
.form-group {
  margin-bottom: 0.75rem; }

.amcharts-amexport-label { background-color: #e1f0ff; box-shadow: none !important; }
.amcharts-amexport-label i { color: #3699ff; }

label.input-hover, input.input-hover {
    transition: all 0.2s;
    touch-action: manipulation;
}

label.input-hover {
    text-transform: uppercase;
    letter-spacing: 0.00975em;
    width: 64%;
    background: white; font-size: 0.45em; 
    position: relative; left: 5px; top: -0.0875rem; 
}

input.form-control { padding-left: 7px; padding-bottom: 0px;}

.form-field, .form-field .bootstrap-select { position: relative; }

/* You can use "input ~ label" selector too */
.typeahead__query.form-field input + label, 
.form-field .input-group input + label, 
.form-field textarea + label, 
.form-field input + label,
.form-field select + label,
.form-field .bootstrap-select + label,
.form-field .ss-main + label,
.passtrengthMeter + label, 
.switch + label.freeze,
.form-field label.freeze-1,
.form-field .checkbox-inline + label.freeze,
.form-field .radio-inline + label.freeze {
    position: absolute;
    left: 20px;
    top: 1em;
    font-size: 0.7em;
    text-overflow: ellipsis;
    transition: transform 200ms ease;
    letter-spacing: 0.025em;
    pointer-events: none;
    text-transform: uppercase;
    background: white;
    font-weight: normal;
    /*color: #0066CC; font-weight: bold; */
    color: #505050;
    z-index: 3;
}

.form-field .input-group input + label{
    left: 53px;
    padding-left: 2px !important;
}

.typeahead__query.form-field input+label{
    left: 9px;
    top: 1em;
}

input:focus + label,
input + label.freeze,
select + label.freeze,
.form-field .bootstrap-select + label.freeze,
.checkbox-inline + label.freeze, 
.passtrengthMeter + label.freeze,
.form-field label.freeze-1,
.switch + label.freeze, .ss-main + label.freeze,
.radio-inline + label.freeze, textarea + label.freeze {
    font-size: 0.65em;
    font-weight: normal;
    /*font-weight: bold; */
    padding: 0 2px;
    transform: translateY(-1.7em);
}
.switch + label.freeze{ left: 11px;}
.typeahead__query.form-field input:focus + label,
.typeahead__query.form-field input + label.freeze {
    font-size: 0.65em;
    font-weight: normal;
    /*font-weight: bold; */
    transform: translateY(-1.5em);
}

.border-light-dark2 { border-color: #4D5061 !important; }
.border-orange{ border-color: #FF9F1C !important; }
.bg-orange{ background-color: #F58F00 !important; border-color: #E08300;}
.ss-main { color: #222; }
.ss-main .ss-single-selected {
    height: calc(1.15em + 1.12rem + 3px);
    padding: 0.02rem 0.75rem;}
}

.menu-item { padding-left: 10px;  }
.menu-item > .menu-link { padding-left: 10px !important; margin-left: 0px !important; }

.image-input .image-input-wrapper {
    width: 140px;
    height: 140px;
    border-radius: 0.42rem;
    background-repeat: no-repeat;
    background-size: cover; 
}
.image-input .image-input-wrapper2 {
    width: 100px;
    height: 100px;
}

.image-input .image-input-wrapper3 {
    width: 36px;
    height: 36px;
}

.image-input.image-input-outline .image-input-wrapper {
    border: 2px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none; }

.ul-submit, .ul-submit li { list-style: none; margin: 0;}
ul.ul-submit { padding: 7px; }

div.colour-selection {float: left; display: inline-block; height: 20px; width: 20px; margin: 0 2px 2px 0; border: 1px solid #aaa;}
.colour-selection.active { border: 1px solid #000; }

#horizontal-scrollable {
    overflow-x: scroll;
    white-space: nowrap;
    min-height: calc(85vh - 100px);
}

#horizontal-scrollable .col-sm-4 {
    display: inline-block;
    float: none;
}
  
.word-wrap{word-wrap: break-word !important; white-space: normal !important;  word-wrap: break-all;}
.task-div { background: #f5f5f5; }
.bg-primary-o-50 { background: #EFF7FB; }
.nolist, .nolist li { list-style: none;  }
.nolist li {margin-left: 2px; padding-left: 2px;}
.word-break{ overflow-wrap: break-word; white-space: pre-line; word-wrap: break-word; }
.align-top{ vertical-align: top; }
.line1 {
    padding: 0 !important;
    width: 25px;
    height: 20px;
    border-bottom: 1px solid red;
    -webkit-transform:
        translateY(-8px)
        translateX(-10px)
        rotate(-45deg);
}

.btn-primary2 {
    color: #ffffff;
    background-color: #0A85FF;
    border-color: #0A85FF;
    -webkit-box-shadow: none;
    box-shadow: none; 
}

.btn.btn-primary2 i { color: #ffffff; }
.btn-primary2:hover {
    color: #ffffff;
    background-color: #0070E0 !important;
    border-color: #0070E0 !important; 
}

.btn-cfdashboard { min-height: 120px; }

.text-success2 { color: #38A700 !important; }
a.text-success2:hover, a.text-success2:focus {color: #308F00 !important; }

.cf-group-link i {color: #3699ff; margin-right: 2px; font-size: 12px;}
.fixie { position: -webkit-sticky;position: sticky;top: 85px; }

.colour-b-whatsapp i { color: #128C7E }
.colour-b-facebook i { color: #4267B2; }
.colour-b-instagram i { color: #8a3ab9; }
.colour-b-youtube i { color: #c4302b; }
.colour-b-twitter i { color: #00acee; }
.colour-b-weibo i { color: #DF2029; }
.colour-b-tiktok i { color: #ff0050 }
.colour-b-qq i { color: #3458b0; }
.colour-b-linkedin i { color: #0e76a8; }
.colour-b-skype i { color:#00aff0; }
.colour-b-facebook-messenger i { color:#006AFF }

.form-control-custom { background: none !important; border: 0 !important; border-radius: 0; color: #fff }
.form-control-custom:focus { color:  #fff !important;}

.equation {text-align:center;}
.equation div {padding:3px;}
.equation div:first-child {border-bottom:1px solid #000;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

ul.ul-nolist, ul.ul-nolist li{ list-style: none; margin: 0; padding: 0;  }

table.dataTable thead > tr > th {
    padding-left: 15px !important;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before{
    left: 0px !important;
    right: auto !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    left: 4px !important;
    right: auto !important;
}