:root {
  --primary-font-size: 12px;
  --primary-font-size-lg: 14px;
  --primary-font-size-xl: 16px;
 }
@font-face {font-family: 'OpenSans'; src: url('../fonts/opensans/OpenSans-Light/OpenSans-Light.eot');
src: url('../fonts/opensans/OpenSans-Light/OpenSans-Light.woff') format('woff'),
url('../fonts/opensans/OpenSans-Light/OpenSans-Light.woff2') format('woff2'),
url('../fonts/opensans/OpenSans-Light/OpenSans-Light.ttf') format('truetype'),
url('../fonts/opensans/OpenSans-Light/OpenSans-Light.svg#OpenSans-Light') format('svg'),
url('../fonts/opensans/OpenSans-Light/OpenSans-Light.eot?#iefix') format('embedded-opentype');
font-weight: 300; font-style:normal; font-stretch:normal; /*font-display:optional;*/ }
@font-face {font-family: 'OpenSans'; src: url('../fonts/opensans/OpenSans-Regular/OpenSans.eot');
src: url('../fonts/opensans/OpenSans-Regular/OpenSans.woff') format('woff'),
url('../fonts/opensans/OpenSans-Regular/OpenSans.woff2') format('woff2'),
url('../fonts/opensans/OpenSans-Regular/OpenSans.ttf') format('truetype'),
url('../fonts/opensans/OpenSans-Regular/OpenSans.svg#OpenSans') format('svg'),
url('../fonts/opensans/OpenSans-Regular/OpenSans.eot?#iefix') format('embedded-opentype');
font-weight: 400; font-style:normal; font-stretch:normal; /*font-display:optional;*/ }
@font-face {font-family: 'OpenSans'; src: url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.eot');
src: url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.woff') format('woff'),
url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.woff2') format('woff2'),
url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.ttf') format('truetype'),
url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'),
url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype');
font-weight: 600; font-style:normal; font-stretch:normal; /*font-display:optional;*/ }
@font-face {font-family: 'OpenSans'; src: url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.eot');
src: url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.woff') format('woff'),
url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.woff2') format('woff2'),
url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.ttf') format('truetype'),
url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.svg#OpenSans-Bold') format('svg'),
url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype');
font-weight: 700; font-style:normal; font-stretch:normal; /*font-display:optional;*/ }
/*******************************/
/*******************************/
/*@font-face {font-family: 'OpenSans-Light'; src: url('../fonts/opensans/OpenSans-Light/OpenSans-Light.eot');
src: url('../fonts/opensans/OpenSans-Light/OpenSans-Light.woff2') format('woff2'),
url('../fonts/opensans/OpenSans-Light/OpenSans-Light.woff') format('woff'),
url('../fonts/opensans/OpenSans-Light/OpenSans-Light.ttf') format('truetype'),
url('../fonts/opensans/OpenSans-Light/OpenSans-Light.svg#open_sanslight') format('svg'),
url('../fonts/opensans/OpenSans-Light/OpenSans-Light.eot?#iefix') format('embedded-opentype');
font-weight: 100; font-style: normal;
}*/
/*@font-face {font-family: 'OpenSans'; src: url('../fonts/opensans/OpenSans-Regular/OpenSans.woff') format('woff'),
url('../fonts/opensans/OpenSans-Regular/OpenSans.ttf') format('truetype'),
url('../fonts/opensans/OpenSans-Regular/OpenSans.svg#open_sansregular') format('svg');
font-weight: 400; font-style: normal;
}*/
/*@font-face {font-family: 'OpenSans-Semibold';
src: url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.eot');
src: url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.woff2') format('woff2'),
url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.woff') format('woff'),
url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.ttf') format('truetype'),
url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.svg#open_sanssemibold') format('svg'),
url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype');
font-weight: 600; font-style: normal;
}*/
/*@font-face {font-family: 'OpenSans-Bold';
src: url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.eot');
src: url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.woff2') format('woff2'),
url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.woff') format('woff'),
url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.ttf') format('truetype'),
url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.svg#open_sansbold') format('svg'),
url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype');
font-weight: 700; font-style: normal;
}*/
html, body {
	/*position:relative; min-height: 100%; overflow:hidden; overflow-y:hidden; font-family: 'OpenSans', sans-serif;*/
	position:relative;
	min-height: 100%;
	overflow:hidden;
	overflow-y:hidden;
	font-family: 'OpenSans',Arial, sans-serif;
	background-color: #fff;
	font-weight: 400;
	font-size: 12px;font-size: var(--primary-font-size);
	color: #000;
	padding: 0;
	margin: 0;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	line-height: 1.4;
	-webkit-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	letter-spacing: 0.35px;
}
body {
	/* background: #f2f8fa; */
	font-size: 12px;font-size: var(--primary-font-size);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
    user-select: none;
	
	-webkit-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*content-visibility: auto;
    contain-intrinsic-size: 1000px;*/
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'OpenSans',Arial, sans-serif;}
.ui-widget-content{color: #000;}
.dark-theme div.dataTables_processing,
.ui-widget input, .ui-widget select,
.ui-widget textarea, .ui-widget button{font-family: 'OpenSans',Arial, sans-serif;font-weight: 400;}
textarea#TextEditor{width: 100%; min-width: 100%;}
.vakata-context, .vakata-context ul{z-index: 10000;}
.vakata-context li>a:hover{}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p{font-size: 14px;word-break: break-all;}
.container-fluid{padding-right: 7.5px;padding-left: 7.5px;}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px
}
.form-rows .control-label{
    padding-top: 6px;
    margin-bottom: 0;
    text-align: left;
}
.form-rows.label-right .control-label{text-align: right;}
.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px
}

.col {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.col-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
.col-xs-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-xs-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-xs-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-xs-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-xs-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-xs-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-xs-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-xs-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-xs-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-xs-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-xs-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-xs-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
/*@media (min-width:576px) {*/
@media (min-width:768px) {
    .col-sm {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
    .col-sm-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
    .col-sm-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-sm-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-sm-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-sm-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-sm-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-sm-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-sm-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-sm-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-sm-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-sm-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-sm-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-sm-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}

/*@media (min-width:768px) {*/
@media (min-width:992px) {
    .col-md {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
    .col-md-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
    .col-md-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-md-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-md-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-md-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-md-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-md-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-md-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-md-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-md-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-md-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-md-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-md-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}

/*@media (min-width:992px) {*/
@media (min-width:1200px) {
    .col-lg {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
    .col-lg-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
    .col-lg-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-lg-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-lg-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-lg-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-lg-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-lg-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-lg-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-lg-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-lg-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-lg-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-lg-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-lg-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}

/*@media (min-width:1200px) {
    .col-xl {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
    .col-xl-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
    .col-xl-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-xl-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-xl-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-xl-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-xl-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-xl-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-xl-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-xl-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-xl-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-xl-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-xl-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-xl-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}*/
.popover,.ui-datepicker{font-family: 'OpenSans', sans-serif;}
.popover {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #ddd;
    font-size: 11px;
}
.popover.top>.arrow{bottom: -11px; margin-left: -11px; }
.popover.top > .arrow:after{border-width: 10px !important; bottom: -9px !important; border-top-color: #fff !important; }
.popover-content{
    max-height: 150px;
    overflow: auto;
    -webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
    user-select: text;
}
.AttrTrack{
    z-index: 2;zoom: 1;    
}
.wrapper{position:relative;min-height: 100%;}
#wrapper{position: relative; min-height: 100%; height: 100vh; top: 0; display: flex; background-color: #eaebeb; }
/*.sortbox{display:table !important;width:100%;}*/
.sortbox{display:inline-block !important;width:100%;}
.sortbox[class*=col-md-4] {width: 33.33333333%; /*background:#181818;*/ margin-right: -3px; float:none; display:inline-block; vertical-align:top; }
::-webkit-scrollbar {width: 10px; height: 10px; /*background:#eaebeb;*/background:#ffffff; }
::-webkit-scrollbar-track {/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);*/ -webkit-box-shadow: 0 0 0px rgba(0,0,0,1); border-radius: 0px; }
::-webkit-scrollbar-thumb {border-radius: 5px; /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/ -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.5); background:grey;/*background:#ddd;*/ }
@media(max-width:1340px){.sortbox[class*=col-md-4] {width: 50%; } }
@media(max-width:991px){.sortbox[class*=col-md-4] {width: 100%; } }
.sort-highlight{background:#181818;border:1px dashed #757575;margin-bottom:10px;display:inline-block;}
/* General Links */
a {color: #3c8dbc; } a:hover, a:active, a:focus {outline: none; text-decoration: none; color: #72afd2; } ol, ul {list-style: none; padding: 0; } *{outline:none;}
.btn,a{outline:none;}
.content-header > .breadcrumb{top: 0px;}
.content-header.hedr+.content{
    overflow: auto;
    height: calc(100vh - 60px);
}
.relative{position:relative;}
.block{display:block;}
.divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.alert{padding: 7px; margin-bottom: 20px; margin-top: 10px;border-radius: 0;}
/* Page Header */
.page-header {margin: 10px 0 20px 0; font-size: 22px; }
.page-header > small {color: #666; display: block; margin-top: 5px; }
.extrabold {font-weight: 800;}
.bold{font-weight:700;}
.sbold{font-weight:600;}
.normal {font-weight:400;}
.thin{font-weight:300;}
.uppercase{text-transform:uppercase!important}
.fix-margin{margin-left:0!important}
.border{border:1px solid red}
.font-hg{font-size:23px}
.font-lg{font-size:18px}
.font-md{font-size:14px}
.font-sm{font-size:13px}
.font-xs{font-size:11px}
.inline{display:inline}
.inline-block{display:inline-block}
.input-xsmall{width:80px!important}
.input-small{width:145px!important}
.input-medium{width:240px!important}
.input-large{/*width:280px!important*/}
.input-xlarge{width:320px!important}
@media(max-width:650px){.input-xsmall{width:100%!important}
.input-small{width:100%!important}
.input-medium{width:100%!important}
.input-large{width:100%!important}
.input-xlarge{width:100%!important} }
.fullwidth {	width: 100% !important;max-width: 100% !important;}
.autowidth{width:auto;}
.m-t-5{margin-top:5px !important;}
.m-t-10{margin-top:10px !important;}
.m-t-15{margin-top:15px !important;}
.m-t-20{margin-top:20px !important;}
.m-t-25{margin-top:25px !important;}
.m-t-30{margin-top:30px !important;}
.m-t-35{margin-top:35px !important;}
.m-t-40{margin-top:40px !important;}
.m-t-70{margin-top:70px !important;}
.m-r-5{margin-right:5px !important;}
.m-r-10{margin-right:10px !important;}
.m-r-15{margin-right:15px !important;}
.m-r-20{margin-right:20px !important;}
.m-r-30{margin-right:30px !important;}
.m-r-40{margin-right:40px !important;}
.m-b-none{margin-bottom:0px !important;}
.m-b-5{margin-bottom:5px !important;}
.m-b-10{margin-bottom:10px !important;}
.m-b-15{margin-bottom:15px !important;}
.m-b-20{margin-bottom:20px !important;}
.m-b-30{margin-bottom:30px !important;}
.m-b-40{margin-bottom:40px !important;}
.m-l-5{margin-left:5px !important;}
.m-l-10{margin-left:10px !important;}
.m-l-15{margin-left:15px !important;}
.m-l-20{margin-left:20px !important;}
.m-l-40{margin-left:40px !important;}
.m-l-37{margin-left:37px !important;}
.m-l-60{margin-left:60px !important;}
.m-t-none{margin-top:0px !important;}
.m-b-none{margin-bottom:0px !important;}
.m-l-none{margin-left:0px !important;}
.m-r-none{margin-right:0px !important;}
.p-t-none{padding-top:0px !important;}
.p-b-none{padding-bottom:0px !important;}
.p-l-none{padding-left:0px !important;}
.p-r-none{padding-right:0px !important;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.sidebar-menu > li > a{font-size: 12px;font-size: var(--primary-font-size);padding: 5px 5px 5px 12px;}
.sidebar-menu .treeview-menu > li > a{font-size: 12px;font-size: var(--primary-font-size);}
.sidebar-menu img {margin-right: 6px; width: 14px; webkit-filter: contrast(25%); filter: contrast(25%); }
.dark-theme .sidebar-menu > li:hover > a > img{webkit-filter: contrast(100%); filter: contrast(100%); }
.skin-purple .sidebar-menu > li > a:hover {color: #CCC; }
/********Dialog Side Menu**********/
.sidebar-menu.dialog-side-menu > li:hover > a, .sidebar-menu.dialog-side-menu > li.active > a{border-left:none;}
.condata {margin-left: 0px !important; position: relative; }
.ttt {display: none; }
#test2 {/*float: left; width: 250px;*/ }
#addClass{/*width: calc(100% - 250px); float: left;*/ }
#test1 .box-header {padding: 0 0 10px;}
.even img, .odd img {width: 30px; padding-right: 4px;}
.col-xs-12.tree_btn {padding: 6px 15px; margin: 0px 15px; width: calc(100% - 30px); border-radius: 5px; color: #fff; min-height:45px; background: #131313;}
/*.table{ font-size:13px}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding: 4px !important; }*/
.actions a {color: #367FA9; font-size: 18px; padding: 0 2px; }
#test2 > form {margin-bottom: 8px; }
.yellow {background-color: #DDD; }
.adv_ser {margin-bottom: 17px; }
.tre img {width: 26px; }
.tre > ul {margin: 30px 0; }
.tre li {list-style: none outside none; padding: 4px 0; }
#close_main {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 4px 4px 10px #CCCCCC; margin-top: 35px; opacity: 0.93; overflow: hidden; padding: 10px 0; position: absolute; z-index: 999; }
.forms_us .col-md-2 {text-align: center; }
.fa.fa-times.pull-right {margin: -6px 0 0; padding: 0 6px 0 0; }
@media (max-width:1200px) {.col-xs-12.forms_us {float: none; } }
@media (max-width:991px) {.hei button {margin: 0 !important; }
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {color: #FFFFFF !important; background: #367FA9 } }
@media (max-width:500px) {.pull-right.rt_form {float: none !important; margin-left: -42px !important; } }
.fa.fa-bars.treenavdiv {background: #1560BD; color: #FFFFFF; padding: 4px 6px; cursor: pointer; }
.clos {display: none; }
#close_main > h3 {color: #333F4F; font-size: 19px; margin: 0; padding: 0 0 5px 15px; }
.menu_btn > img {margin: 0 3px; padding: 0; width: 26px; cursor: pointer; }
.forms_us .form-group {margin: 0; overflow: hidden; }
.forms_us .form-control {height: 26px !important; padding: 3px !important; }
.input-group-addon {padding: 4px 12px !important; }
.content-header {/*margin: 0px 0 -6px;*/ }
.content-header > h1 {font-size: 14px;margin-bottom: 5px; }
.col-xs-12.tree_btn > span {font-size: 17px; padding-left: 7px; }
.box.box-primary {/*min-height: 300px !important; display: table;*/ }
.box-tools .form-inline .form-control, .box-tools.form-inline .form-control, .content-header .form-inline .form-control{display: inline-block;}
.box-tools .btn-box-tool{margin-bottom:0;}
.login-box .login-box-logo{text-align:center}
.login-box .login-box-logo img{display: block; max-width: 100%; height: auto; margin: 30px auto 20px; width: 160px; }
.login-page, .register-page{background: #ffffff;}
body.login-page, body.register-page{height: 100vh;}
.login-page .btn-submit, .register-page .btn-submit{
    background: transparent;
    color: #059ad4;
    width: 100%;
    margin: 15px 0;
    text-transform: uppercase;
    border: 1px solid #059AD4;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
.login-page .btn-submit:hover, .register-page .btn-submit:hover{background: #059ad4;color: #fff;}
.login-box-msg-head, .register-box-msg-head{padding: 10px;border-radius: 2px;font-size: 16px}
.login-box-msg-head.font-white, .register-box-msg-head.font-white,.login-box-msg-head .font-white, .register-box-msg-head .font-white {color:#222 !important;}
.login-box-msg, .register-box-msg{margin: 0;padding: 3px 5px 10px 3px;text-align:left;}
.login-box-body, .register-box-body{/* border: 1px solid #1a222d; */box-shadow: 0px 2px 1px #0a111b;background: #f5f5f5;border: 1px solid #222222;}
.login-box-body .form-group, .register-box-body .form-group{position: relative;}
.login-box-body .form-group input, .register-box-body .form-group input{height: 34px;background: transparent;border-color: #3b3d3f;}
.ConfirmViaMail{
    width: auto;
    min-width: 480px;
    max-width: 600px;
    text-align: center;
    display: table;
}
.ConfirmViaMail .ConfirmViaMailBody{
    -webkit-border-radius: 40px;
            border-radius: 40px;
}
.ConfirmViaMail .confirmTitle{
    font-size: 28px;
    margin: 0 0 10px;
    color: #fff;
    opacity: 0.7;
}
.ConfirmViaMail .msgText{
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 10px;
    color: #fff;
    opacity: 0.7;
}
.ConfirmViaMail .confirmInputTitle{
    font-size: 18px;
    margin: 0 0 15px;
    color: #fff;
    opacity: 0.7;
}
.ConfirmViaMail .form-multi-input{
    position: relative;
    display: block;
    margin-bottom: 25px;
    text-align: center;
}
.ConfirmViaMail .form-multi-input input,.ConfirmViaMail .form-multi-input.single-input input{
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 5px;
    width: 40px;
    height: 54px;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
}
.ConfirmViaMail .form-multi-input.single-input input{width:100%;max-width: 260px;}
.ConfirmViaMail .confirm-input-divider{font-size: 34px;}
.ConfirmViaMail .btn-confirm{
    background: #0097d7;
    color: #fff;
    margin: 10px 0 20px;
    padding: 10px;
    width: 100%;
    max-width: 200px;
    border-radius: 4px;
}
/*.login-box-body input.form-control{background: #181818;border: none;color: #fff;}*/
.main-header{height: 36px;}
.main-header .sidebar-toggle{padding: 10px 15px;font-family: 'Font Awesome\ 5 Free';font-weight: 900;}
.main-header > .navbar{min-height: 30px;margin-left: 280px;}
.main-header > .navbar .header-search{top: 3px !important;}
.main-header .logo {height: 36px; line-height: 36px; font-size: 14px; width: 280px; font-family: 'OpenSans',Arial, sans-serif; font-weight: 600; text-align: left; }
.main-header .logo .logo-lg > img{height: 35px;}
.main-header .sidebar-toggle{padding: 7px 15px;}
.main-header > .navbar{min-height: 30px;}
.main-header .navbar .nav > li > a {padding-top: 8px; padding-bottom: 5px; }
.main-header .navbar .nav > li > a > .label{top: 3px;}
.skin-purple .main-header .logo {background-color: #131313  !important; color:#ef5350; }
.skin-purple .main-header .logo:hover {background-color: #242424!important; }
.skin-purple .wrapper, .skin-purple .main-sidebar, .skin-purple .left-side {background-color: #181818!important; height:100%; }
.skin-purple .main-header .navbar {background-color: #131313 !important; }
.skin-purple .main-header .navbar .sidebar-toggle:hover {background-color: #242424 !important; }
.main-sidebar{padding-top: 40px;}
.main-sidebar, .left-side{width: 280px;}
.main-sidebar.lead-popup-sidebar{width: 270px;}
.lead-popup-content.content-wrapper{margin-left: 270px;}
.main-sidebar .arrow-toggle>.fa:not(.collapsed):before{content: "\f107";}
.main-sidebar .arrow-toggle>.fa.collapsed:before{content: "\f106";}
.lead-popup-sidebar .sidebar-menu > li > a{border-left:none;background: #181818;}
.lead-popup-sidebar .sidebar-menu > li table tbody tr:last-child{border-bottom:none;}
.rt_form ul li {float: left; padding: 0 2px; list-style: none outside none; }
/*ul li form .form-control {height: 26px !important; } ul li form .btn.btn-default {padding: 2px 8px !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 0px 10px !important; } div.dataTables_length select {width: 53px !important; color: #000; border: 1px solid #fff; border-radius: 0px; } table.dataTable {margin-top: 0px !important; }
#example1_wrapper .dataTables_length {padding-top: 8px; color: #666; }*/ /*.dataTables_wrapper .dataTables_paginate {margin-top: 8px;    margin-bottom: 10px; }*/ /*table.dataTable thead th, table.dataTable thead td {border-bottom: none; }*/
.logo-lg img {margin-top: -6px; }
.main-header li.user-header {/*background-color: #3a3a3a!important;*/ }
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {color: #FFFFFF !important; }
.navbar-nav > .user-menu > .dropdown-menu {width: 224px; }
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {/*color: #FFFFFF !important;*/ }
.content-wrapper, .right-side {background-color: #eaebeb; }
.content-wrapper, .right-side, .main-footer{margin-left: 280px;/*margin-top: 5px;*/ }
/*.dataTables_wrapper .dataTables_paginate {border: 1px solid #999; padding-top: 0; border-radius: 3px 3px 3px 3px; background: #242424; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background: #000!important; color: #fff !important; border-left: 1px solid #999!important; border-right: 1px solid #999!important; }*/
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after{font-family: 'Font Awesome\ 5 Free'; font-weight: 900;}
.content{padding: 8px 15px;}
.content-header {padding: 8px 15px 0 15px;}
.tab_scroll {padding-bottom: 12px; }
/*.dataTables_wrapper .dataTables_paginate {padding-top: 0 !important; }*/
.message {padding: 10px !important; float: none; }
.message .glyphicon.glyphicon-remove {cursor: pointer; }
.message h3 {margin: 0; font-size: 17px; font-style: italic; padding: 6px 10px; display: inline-block; }
.message .glyphicon.glyphicon-remove {float: right; padding: 8px 8px 0 0; }
.message .error {border: 2px solid #DD4B39; color: #DD4B39; margin-bottom: 5px; }
.message .success {border: 2px solid #00A65A; color: #00A65A; margin-bottom: 5px; }
.message .warning {border: 2px solid #F39C12; color: #F39C12; margin-bottom: 5px; }
/*------------------tab and filters-----------------------*/
.box_filters {position: relative;display: table;width: 100%;}
.box_filters ul {height: 180px; padding:0px;}
.box_filters ul li{padding:2px 8px;}
.box_filters .box_filter_left{display: table-cell;}
.box_filters .box_filter_right{display: table-cell;}
.box_filters .box_filter_btns{display: table-cell;vertical-align: middle;}
.box_filters .box_filter_btns>.btn{
    position: relative;
    display: block !important;
    background: #f39c12;
    color: #FFF;
    width: 34px;
    height: 34px;
    min-width: 34px;
    max-width: 34px;
    margin: 5px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.arrows_div.col-md-2 {text-align: center; }
.arrows_div.col-md-2 button {border: none; background: none; padding: 2px 0; }
.arrows_div>div{width: 100%; display: table; height: 100%; padding-top: 90px;text-align: center;}
.nav-tabs-custom {box-shadow: none; }
/*logo*/
.menuright-mrg {padding-right: 0; }
.nav {list-style: none outside none; margin-bottom: 0; padding-left: 0;border:none; }
.nav > li.usernamebg {/*background: none repeat scroll 0 0 #222222;*/ }
.nav > li.usernamebg:hover{/*background: none repeat scroll 0 0 #131313;*/}
.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer {transition: all 0.5s ease 0s; }
.nav > li {display: block; position: relative; margin-right: 0px; /*background: #131313;*/ border-radius: 0px; color:#fff!important; }
.content .nav > li {display: block; position: relative; margin-right: 10px; background: #2c2c2c; border-radius: 5px; border:none; }
.nav-header {padding: 10px 0;/*padding: 10px 25px; width: 230px; */ }
.text-center {text-align: center;}
.dropdown {position: relative;}
.nav-header a {color: #DFE4ED;}
.clear {display: block;overflow: hidden;}
.m-t-xs {margin-top: 5px;}
.block {display: block;}
.font-bold {font-weight: 600;}
.usernamecl {/*color: #fff;*/ }
.logo-element {color: #FFFFFF; display: none; font-size: 18px; font-weight: 600; height: 59px; padding-left: 5px; padding-top: 7px; text-align: center; width: 40px; }
.logo-element img {width: 100%; } img {vertical-align: middle; } table tr td label {font-weight: 400; }
.nav.nav-tabs > li > a {/*padding: 3px 10px; font-weight: normal; border: none; color: #fff; background: #f3f3f3;*/ padding: 3px 10px; /*background-color: #454545;*/ }
.nav.nav-tabs > li > a:hover {}
.nav-tabs-custom {margin-bottom: 0px; }
#tbl {width: 100% !important; }
/*-----------rt--------*/
.form-control {/*border-radius: 2px !important;*/ }
.form-control{height: 28px; padding: 3px 12px;font-size: 12px;}
select.input-sm {height: 28px; line-height: 22px; } li {list-style-type: none; }
.feature-box {padding: 0; }
.error {color: #DD4B39; font-weight: 400; float: left; }
/*----------rt---------*/
.errormessage {padding-top: 6px; }
.noname {padding-top: 6px; }
.col-sm-2.gn {padding-top: 6px; }
.list1.task.availableTasks.form-control {overflow-y: scroll; padding: 0px; }
.list1.task.availableTasks.form-control li{padding: 2px 8px; }
.AssignedFields.list2.task.form-control.ui-sortable {overflow-y: scroll; padding:0px; }
.AssignedFields.list2.task.form-control.ui-sortable li {padding: 2px 8px; }
#BOAttributesGroupTree a {color: #000000; }
.tree {min-height: 416px; padding-top: 10px; /*border: 1px solid #3a3a3a;*/ overflow: auto; width: 100%; /*max-width: 230px;*/ overflow-x: auto; overflow-y: hidden; }
/*-----Table Row Color----*/
.even_row, .odd_row {background-color: #e1e5eb; color: #333;}
#groupingtbl tr:hover {color: #1560bd;}
.selected_row {background-color: #e1e5eb !important; color: #333;}
/*-----Table Row Color---- @media (max-width:1200px) {.tab_scroll {overflow-x: auto; width: 100%;} }*/ /*table.dataTable thead th, table.dataTable thead td {border-bottom: 1px solid #333 !important; color:#fff; } table.dataTable thead tr{background:#242424!important; }*/ /*---Query rt---*/
.box_filters select{height:180px; }
.form-group.col-md-3.ttb_bt {padding-top: 25px; }
.txt_tab {padding-top: 20px; }
.feature-box > h4 {font-size: 14px; font-weight: 600; }
.tab-pane h6, h6.Fieldheading {border-radius: 2px 2px 2px 2px; color: #F5A301; font-size: 13px; font-style: italic; padding: 6px 8px; font-weight: 600; background:#131313; margin-top: 0; }
#Querygen > form h4 {font-size: 14px; font-weight: 600; }
#query {padding-top: 20px; }
.whereactive {display: inline-block !important; padding-left: 8px; }
.ttb_bt_where{margin-top:25px; }
#ORText{width:50px; margin-top:33px; }
.groupname {margin-top: 5px; margin-bottom: 0px; }
.danger{color:red; }
.easy-pie .panel {box-shadow: none; }
.easy-pie .easypiechart {/*position: relative; border: 1px solid #ccc; border-radius: 100px; padding: 20px; width: 155px; height: 155px; margin: 0 auto;*/ position: relative; border: 2px solid #2f2f2f; border-radius: 100px; padding: 13px; width: 140px; height: 140px; margin: 0 auto; }
.easy-pie span {/*position: absolute; top: 55px; left: 60px; right:0; font-size: 24px;*/ position: absolute; height: 110px; width: 110px; line-height: 110px; text-align: center; }
.easy-pie h5 {font-size:14px; margin-top:10px!important; font-weight:600; }
.easypiechart {position: relative; }
.easypiechart .chart-topicon{width: 30px; height: 30px; line-height: 25px; border-radius: 50px; top: 0px; right: 5px; position: absolute; text-align: center; }
.easypiechart .chart-topicon i{color: #fff; /*line-height: 40px; text-align: center; width: 40px; font-size: 20px;*/ top: 2px; position: relative; }
.easypie-darksalmon .chart-topicon{background: #e58c7a;}
.easypie-palevioletred .chart-topicon{background: #d789a3;}
.easypie-goldenrod .chart-topicon{background: #eeba6f;}
.easypie-lightcora .chart-topicon{background: #e47b78;}
.easypie-darkslateblue .chart-topicon{background: #6c7ba6;}
.easypie-skyblue .chart-topicon{background: #6bb9ef;}
.easypie-yellowgreen .chart-topicon{background: #d4e157;}
.easypie-lightslategray .chart-topicon{background: #859095;}
.easypie-coral .chart-topicon{background: #ff9e7a;}
.easypie-mediumpurple .chart-topicon{background: #a790ce;}
.easypie-lightseagreen .chart-topicon{background: #79d29b;}
.easypie-steelblue .chart-topicon{background: #6f91bc;}
.easypie-turquoise .chart-topicon{background: #58dccf;}
.easypie-darkgray .chart-topicon{background: #828282;}
.easypie-gold .chart-topicon{background: #f1cf46;}
.easypie-mediumturquoise .chart-topicon{background: #62cdd7;}
.easypie-dimgray .chart-topicon{background: #95a5a6;}
/*.easypiechart .chart-topicon-blue {width: 50px; height: 50px; border-radius: 50px; background: #f2c35f; top: -43px; right: -15px; position: absolute; text-align:center; line-height:4; }
.easypiechart .chart-topicon-blue i {color: #fff; line-height: 40px; text-align: center; width: 40px; font-size: 20px; }
.easypiechart .chart-topicon-yellow {width: 50px; height: 50px; border-radius: 50px; background: #58c8b9; top: -43px; right: -15px; position: absolute; text-align:center; line-height:4; }
.easypiechart .chart-topicon-yellow i {color: #fff; line-height: 40px; text-align: center; width: 40px; font-size: 20px; }
.easypiechart .chart-topicon-green {width: 30px; height: 30px; line-height: 25px; border-radius: 50px; background: #6894dd; top: 0px; right: 5px; position: absolute; text-align: center; }
.easypiechart .chart-topicon-green i {}
.easypiechart .chart-topicon-red {width: 50px; height: 50px; border-radius: 50px; background: #e7957c; top: -43px; right: -15px; position: absolute; text-align:center; line-height:4; }
.easypiechart .chart-topicon-red i {color: #fff; line-height: 40px; text-align: center; width: 40px; font-size: 20px; }
.easypiechart .chart-topicon-pink {width: 50px; height: 40px; border-radius: 50px; background: #ED7DE4; top: -43px; right: -15px; position: absolute; text-align:center; line-height:4; }
.easypiechart .chart-topicon-pink i {color: #fff; line-height: 40px; text-align: center; width: 40px; font-size: 20px; }
.easypiechart .chart-topicon-orng {width: 50px; height: 50px; border-radius: 50px; background: #F3A086; top: -43px; right: -15px; position: absolute; text-align:center; line-height:4; }
.easypiechart .chart-topicon-orng i {color: #fff; line-height: 40px; text-align: center; width: 40px; font-size: 20px; }
.easypiechart .chart-topicon-purple {width: 50px; height: 50px; border-radius: 50px; background: #a47ae9; top: -43px; right: -15px; position: absolute; text-align:center; line-height:4; }
.easypiechart .chart-topicon-purple i {color: #fff; line-height: 40px; text-align: center; width: 40px; font-size: 20px; }
.easypiechart .chart-topicon-rose {width: 50px; height: 50px; border-radius: 50px; background: #ed5565; top: -43px; right: -15px; position: absolute; text-align:center; line-height:4; }
.easypiechart .chart-topicon-rose i {color: #fff; line-height: 40px; text-align: center; width: 40px; font-size: 20px; }
.easypiechart .chart-topicon-lightyl {width: 50px; height: 50px; border-radius: 50px; background: #f3dd65; top: -43px; right: -15px; position: absolute; text-align:center; line-height:4; }
.easypiechart .chart-topicon-lightyl i {color: #fff; line-height: 40px; text-align: center; width: 40px; font-size: 20px; }
.easypiechart .chart-topicon-drakred {width: 50px; height: 50px; border-radius: 50px; background: #ed5565; top: -43px; right: -15px; position: absolute; text-align:center; line-height:4; }
.easypiechart .chart-topicon-drakred i {color: #fff; line-height: 40px; text-align: center; width: 40px; font-size: 20px; }*/ /*.ibox {width: 100%; margin-bottom: 15px; }
.ibox:after, .ibox:before {display: table; }
.ibox-title {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #333333; border: solid 1px rgb(58, 58, 58); color: inherit; margin-bottom: 0; padding: 12px 0px 7px 10px; height: 40px; border-top-left-radius:5px; border-top-right-radius:5px; }
.ibox-header-items{float:right; margin-top:0px;}
.ibox-header-items ul{list-style:none;}
.ibox-header-items ul li{float:left;}
.ibox-header-items a{padding-right: 0px;cursor: pointer;float:right}
.ibox-header-items a i{color:#eaeaea; font-size:18px;}
.ibox-title h5 {display: inline-block; font-size: 14px; margin: 0 0 7px; padding: 0; text-overflow: ellipsis; float: left; }
.ibox-title .label {float: left; margin-left: 4px; }
.ibox-tools {display: inline-block; float: right; margin-top: 0; position: relative; padding: 0; }
.ibox-tools a {cursor: pointer; margin-left: 5px; color: #c4c4c4; }
.ibox-tools a.btn-primary {color: #fff; }
.ibox-tools .dropdown-menu > li > a {padding: 4px 10px; font-size: 12px; }
.ibox-content {background-color: #242424; color: inherit; padding: 32px 12px 20px; border: 1px solid #3a3a3a; max-width: 100%; overflow-y: hidden; overflow-x: auto; width: 100%; }
.ibox-content svg{ max-width:520px!important}*/ /*.btn-default{background:none; border:none; color:#fff !important;}
.btn-default {border-color: #c2c2c2; color: #bfb8b8; }*/
h1.TabPreview{margin-bottom:50px; }
/*.panel-default{height:340px; }*/
/*newly added*/
.minimalize-styl-2 {padding: 4px 12px; margin: 5px 5px 5px 7px; font-size: 20px; float: left;}
/*.leftsidemenu-default { background-color: #2c2d2d; border: 1px solid #3a3a3a; width: 100%; color: #fff; float: left; padding: 10px; padding-bottom: 0px; height: 100%; border-radius: 5px;}*/
.clint-leds h4{background: #2874d2 none repeat scroll 0 0; border-bottom: 1px solid #3c99c9; color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 0px; margin-top: 1px; padding: 5px 5px 5px 8px; text-align: left; border-top-left-radius:5px; border-top-right-radius:5px; text-transform:uppercase;}
.clint-leds h4 i{margin-right:8px;}
.accordion-btn{float: right; font-size: 14px; height: 21px; line-height: 22px; margin-right: 1px; margin-top: -3px; text-align: center; vertical-align: middle; width: 21px; color:#d7e8fc; outline:none !important; font-size:19px; border-left:solid 1px #1f5da9; padding-left:5px; }
.clint-leds h4{background: #2874d2 none repeat scroll 0 0; border-bottom: 1px solid #3c99c9; color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 0px; margin-top: 1px; padding: 5px 5px 5px 8px; text-align: left; border-top-left-radius:5px; border-top-right-radius:5px; text-transform:uppercase;}
.clint-leds h4 i{margin-right:8px;}
.clint-ledscontent-nopad{padding:0px;}
.clint-ledscontent{padding-left:10px; padding-right:10px; padding-top:7px; position:relative; border: solid 1px #3a3a3a; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding-bottom:10px;}
ul.actionlist{list-style:none; padding:0px 8px; margin:8px 0 0 0; position:relative;}
ul.actionlist li{background: #F5A301 none repeat scroll 0 0; line-height: 27px; padding-left: 19px; position: relative; border-radius:5px; margin-bottom:5px; cursor:pointer;}
ul.actionlist li .eyeicon{float:right; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; color:#fff; font-size:14px; background:#F5A301; width:30px; height:27px; line-height:27px; border-left:solid 1px #bb8516; }
ul.actionlist li:hover{background: #F39C12 none repeat scroll 0 0; }
ul.actionlist li:before{content:""; font-family: 'Font Awesome\ 5 Free';font-weight: 900; left:0; position:absolute; padding-left:8px; color:#fff;}
ul.actionlist li a{font-size:13px; color:#fff; font-weight:600; display:block; width:230px;}
ul.actionlist li a:hover{font-size:13px; color:#f8f8f8; font-weight:600;} ul.actionlist li a i{margin-right:5px;}
.userdetadl{margin-bottom: 10px;}
.userdetadl h5{    background: #131313 none repeat scroll 0 0; border-bottom: 1px solid #131313; color: #fff; font-size: 15px; font-weight: 600; margin-bottom: 0px; margin-top: 1px; padding: 5px 5px 5px 8px; text-align: left; border-top-left-radius:5px; border-top-right-radius:5px; }
.userdetadl h5 i{margin-right:8px;}
.accordion-btn{float: right; font-size: 14px; height: 21px; line-height: 22px; margin-right: 1px; margin-top: -3px; text-align: center; vertical-align: middle; width: 21px; color:#d7e8fc; outline:none !important; font-size:19px; border-left: solid 1px #3a3a3a; padding-left:5px; }
.userdatatable{position:relative; padding-left:13px; background:#f8f8f8; border:solid 1px #3a3a3a; padding-top:7px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.userdatatable table{}
.userdatatable table tr td{color:#555; font-size: 12px;font-size: var(--primary-font-size); vertical-align:top; padding:3px 0; padding-right:8px;}
.userdatatable table tr td:last-child{padding-right:0px;}
.userdetadl h4 i{margin-right:8px;}
.userdetadl .newleadcontent{position:relative; border: solid 1px #3a3a3a;; padding-top:7px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.userdetadl table{}
.userdetadl table td{color:#fff; font-size: 12px;font-size: var(--primary-font-size); padding:3px 0; vertical-align:top; border-bottom:solid 0px #3a3a3a; padding-left:0px;}
.newleadcontent table{margin-bottom:0px;}
.clint-leds{ margin-bottom:10px;}
.clint-leds h4{background: #131313 none repeat scroll 0 0; border-bottom: 1px solid #131313; color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 0px; margin-top: 1px; padding: 5px 5px 5px 8px; text-align: left; border-top-left-radius:5px; border-top-right-radius:5px; text-transform:uppercase;}
.clint-leds h4 i{margin-right:8px;}
.headgroplist{list-style:none; padding:0; margin:0; display:inline-block; width:100%;}
.headgroplist li{float:left; width:100%; margin-bottom:10px;}
.headgroplist li .headicon{width:25px; height:25px; text-align:center; float:left;}
.headgroplist li .headtext{text-align:left; float:left; margin-left:10px;}
.headgroplist li .headtext a, .headgroplist li .headleval{color:#444444; font-size:14px;}
.headgroplist li .headtext a:hover{color:#777;}
.headgroplist li .headleval{float:right;}
.headgroplist li .headicon>i{color:#fff; text-align:center; line-height:24px;}
.headgroplist li .headicon.cl1{background:#3faba4;}
.headgroplist li .headicon.cl2{background:#4c87b9;}
.headgroplist li .headicon.cl3{background:#eda972;}
.headgroplist li .headicon.cl4{background:#d05454;}
.headgroplist li .headicon.cl5{background:#3faba4;}
.headgroplist li .headicon.cl6{background:#4c87b9;}
.headgroplist li .headicon.cl7{background:#eda972;}
.headgroplist li .headicon.cl8{background:#d05454;}
/*.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{ color: #fff!important;}*/ /*input, button, select, textarea{color: #fff!important; background: #242424; border: 1px solid #242424; border-radius: 2px;} select, input{color: #fff;background: #131313;} select{border: 1px solid #fff;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background-color:#242424;} table tr td input{margin-right:10px;}
.EditRecordDetails table td{height:31px}*/
input[type=checkbox], input[type=radio]{border: none !important; box-shadow: none !important; outline: none !important; border-radius: 0 !important; width: 14px; height: 14px;} .btn,input{outline:none !important;}
.btn{/*font-weight:600;*/border-radius:2px;}
.btn-link{}
.btn-normal{padding: 3px 8px;}
.dark-theme #AddMenu.btn-theme, .dark-theme .user-footer .btn-theme{color:#f28d48;}
.btn-theme {box-sizing: border-box; border-radius: 2px; cursor: pointer; display: inline-table; height: 100%; font-size: 11px; /*font-weight: 600;margin-left: 5px;*/ margin-bottom: 5px; outline: 0; padding: 5px 8px; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; word-wrap: normal;line-height: 1.2; }
.btn-theme + .btn-theme{margin-left: 5px;}
/*div[class^='col-'] .btn-theme:first-child{margin-left: 5px;}*/
/* /////////////////////////////////// */
.header-form-btn{display: table;}
div[class^='col-'] .btn + .btn{margin-left: 5px;/*display: inline-block*/}
/* /////////////////////////////////// */
.btn-theme>.fa{/*margin-right:5px;*/}
.btn-theme.btn-xs,.btn-xs{/*font-size: 11px !important;*/ padding: 5px 5px; font-size: 12px;font-size: var(--primary-font-size); line-height: 1; }
/*.btn-dark{border-color: #17191b !important; color: #cacaca; background: #484e55; background: -moz-linear-gradient(top, #484e55 0%, #313539 100%); background: -webkit-linear-gradient(top, #484e55 0%,#313539 100%); background: linear-gradient(to bottom, #484e55 0%,#313539 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484e55', endColorstr='#313539',GradientType=0 ); }
.btn-light{border-color: #303336; color: #cacaca; background: #70787d; background: -moz-linear-gradient(top, #70787d 0%, #383838 100%); background: -webkit-linear-gradient(top, #70787d 0%,#383838 100%); background: linear-gradient(to bottom, #70787d 0%,#383838 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70787d', endColorstr='#383838',GradientType=0 ); }*/
.btn-dark{/*border-color: #404244; color: #cacaca; background: #70787d; background: -moz-linear-gradient(top, #70787d 0%, #383838 100%); background: -webkit-linear-gradient(top, #70787d 0%,#383838 100%); background: linear-gradient(to bottom, #70787d 0%,#383838 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70787d', endColorstr='#383838',GradientType=0 );*/ border-color: #404244; color: #cacaca; background: #70787d; background: -moz-linear-gradient(top, #70787d 0%, #383838 100%); background: -webkit-linear-gradient(top, #70787d 0%,#383838 100%); background: linear-gradient(to bottom, #52575a 0%,#2d2d2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70787d', endColorstr='#383838',GradientType=0 ); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
.btn-dark:hover{color: #fff !important;}
/*.btn-success {background-color: #77c17a !important; border-color: #6BB36E !important; }
.btn-success:hover, .btn-success:active, .btn-success.hover {background-color: #6BB36E !important; }
.btn-info {background-color: #00c0ef; border-color: #00acd6; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.hover {background-color: #00acd6; }
.btn-danger {background-color: #dd4b39; border-color: #d73925; }
.btn-danger:hover, .btn-danger:active, .btn-danger.hover {background-color: #d73925; }
.btn-warning {background-color: #f39c12!important; border-color: #e08e0b; }
.btn-warning:hover, .btn-warning:active, .btn-warning.hover {background-color: #e08e0b!important; }
.btn-active:hover, .btn-active:active, .btn-active.hover {background-color: #FF5722; }
.btn-active{ background-color: #FF5722; border-color: #FF5722;} */ label{font-weight:400!important;}
.c3 .c3-axis-y path, .c3 .c3-axis-y line{stroke: #b3b8bc;}
.c3 .c3-axis-x path, .c3 .c3-axis-x line{stroke: #b3b8bc;} svg text{/*fill: rgb(255, 255, 255);*/fill:#b3b8bc;}
.c3-legend-item text{fill:#fff;}
.m-mt-10{ margin-top:-10px;} li.treeview a{color:#fff} table th, table thead {border:none!important}
.portlet-content{width:100%;display:block;}
.panel-default{border-color: #333;}
.actionstab a {color: #fff!important;}
/*.LeadContent table tr td, .LeadContent table tr th{height:32px ;padding: 0px 10px;}*/ /* .list1.task.availableTasks.form-control::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #2c2c2c;}
.list1.task.availableTasks.form-control::-webkit-scrollbar {width: 10px;background-color: #2c2c2c;}
.list1.task.availableTasks.form-control::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #5d5d5d; }
.AssignedFields.list2.task.form-control.ui-sortable::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #2c2c2c;}
.AssignedFields.list2.task.form-control.ui-sortable::-webkit-scrollbar {width: 10px;background-color: #2c2c2c;}
.AssignedFields.list2.task.form-control.ui-sortable::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #5d5d5d;}
#GroupBySelectBox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #2c2c2c;}
#GroupBySelectBox::-webkit-scrollbar {width: 10px;background-color: #2c2c2c;}
#GroupBySelectBox::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #5d5d5d;}
.nav-tabs-custom::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #2c2c2c;}
.nav-tabs-custom::-webkit-scrollbar {width: 10px;background-color: #2c2c2c;}
.nav-tabs-custom::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #5d5d5d;} */ /**************/

/*dialog content VH*/
.LeadContent-table{/*padding: 5px;*/}
.LeadContent-table .table > tbody > tr{/* border-top:1px solid #3e3e3e; */ }
.LeadContent-table .table > tbody > tr:first-child{border-top:none;}
.LeadContent-table .table > tbody > tr > td{/* padding:10px 5px; */vertical-align: middle;}
.LeadContent-table .table > tbody > tr > td input{padding: 3px 5px; }
/*****************************************************/ /*****************************************************/
.LeadContent .form-group {padding: 10px 0; margin-bottom: 15px; position:relative; }
/*BIG Blue height: 34px; line-height: 27px; font-size: 12px; -->Extra included */
.LeadContent input[type="text"].form-control {background: #fff; height: 28px; line-height: 28px; display:inline-block; padding: 4px 10px 4px 12px; -webkit-appearance: none; border:1px solid #d2d6de; font-size: 12px;font-size: var(--primary-font-size); }
/*BIG Blue line-height: 20px; -->Extra included */
.LeadContent .form-input span.form-control{box-shadow:none;line-height: 16px;height:auto;}
.LeadContent .form-control:focus {font-weight:600; -webkit-appearance: none; -webkit-box-shadow: inset 1px 1px 2px 0 #c6cacc, 0 0 0 1px #c6cacc; box-shadow: inset 1px 1px 2px 0 #c6cacc, 0 0 0 1px #c6cacc; }
.LeadContent .form-control::-moz-placeholder, .LeadContent .form-control:-ms-input-placeholder, .LeadContent .form-control::-webkit-input-placeholder {color: #bbb; opacity: 1; }
/*BIG Blue height: 34px; */
.select-wrapper {position: relative; width: 100%; height: 28px;height: auto; border-radius: 2px; background: #ebf0f2; /* -webkit-box-shadow: 1px 3px 2px #c6cacc; box-shadow: 1px 3px 2px #c6cacc; */ display: inline-block; vertical-align: middle; transition: all .2s linear; padding: 0; cursor: pointer; }
/*BIG Blue min-height: 34px; font: 700 14px/20px 'OpenSans'; */
.select-wrapper .form-control {/*  -webkit-box-shadow: 2px 2px 3px #c6cacc; box-shadow: 2px 2px 3px #c6cacc; */ z-index: 1; width: 100%; min-height: 28px; position: relative; padding: 5px 36px 5px 12px; border: 1px solid #c6cacc; outline: 0; background: #fff; border-radius: 2px; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; font: 400 12px/16px 'OpenSans';font-size: 12px;font-size: var(--primary-font-size); }
.select-wrapper > select[multiple="multiple"] + .select_wrapper_caret{display: none;}
.select-wrapper > select[multiple="multiple"]{padding-right: 5px;} 
/*BIG Blue top: 6px; */
.select_wrapper_caret {position: absolute; top: 1px; right:0px; width: 27px; height: 27px; text-align: center; pointer-events: none; /*color: #00aeef;*/ border-left: solid 1px #c6cacc; border-radius: 0 2px 2px 0; cursor: pointer; z-index: 801; line-height: 27px; font-size: 10px; }
.LeadContent .infobox-left .questionset-section {background: #fff; /*-webkit-box-shadow: 0 0 0 1px #ebf0f2; box-shadow: 0 0 0 1px #ebf0f2;*/ }
.LeadContent .infobox-left__wrapper {padding-bottom: 60px; }
.LeadContent .form-horizontal .control-label{margin-bottom: 0; padding: 0; text-align: right; color: #2b3133; margin-top: 7px; width: 100%; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; font-weight:700 !important; }
/*Button*/
.LeadContent .btn{outline:none;font-weight: 400;}
.LeadContent .btn-group.btn-toggle > .btn{border-radius: 1px 1px 1px 1px !important; }
.LeadContent .btn-group.btn-toggle > .btn.col-xs-6.btn-hr{width: 48%; margin-right: 4%; }
.LeadContent .btn-group.btn-toggle > .btn.col-xs-6.btn-hr:last-child{margin-right: 0;}
.LeadContent .btn-theme {color: #00aeef; background-color: #e4f7fd; border-color: #00aeef; box-shadow: none !important; }
.LeadContent .btn-theme.active, .LeadContent .btn-theme:active, .LeadContent .open>.dropdown-toggle.btn-theme {color: #fff; background-color: #00aeef; border-color: #00aeef; }
.LeadContent .btn-theme:hover,.btn-theme.active:hover {color: #fff; background-color: #00aeef; border-color: #00aeef; }
.LeadContent .btn-theme.active.focus, .LeadContent .btn-theme.active:focus, .LeadContent .btn-theme.active:hover, .LeadContent .btn-theme:active.focus, .LeadContent .btn-theme:active:focus, .LeadContent .btn-theme:active:hover, .LeadContent .open>.dropdown-toggle.btn-theme.focus, .LeadContent .open>.dropdown-toggle.btn-theme:focus, .LeadContent .open>.dropdown-toggle.btn-theme:hover{/* color: #fff; background-color: #00aeef; border-color: #00aeef; */ }
.LeadContent .btn.rounded{border-radius: 25px;}
.LeadContent .btn.btn-find {width: 100%; padding-right: 40px; background: 0 0; -webkit-transition: none; transition: none; color: #00aeef; }
.LeadContent .btn.btn-find, .btn.btn-previous {border-color: #00aeef; text-align: left; }
.LeadContent .btn.btn-find, .LeadContent .btn.btn-next, .LeadContent .btn.btn-previous {font-size: 13px; /*font-size: 1.3rem;*/ position: relative; background-color: #e4f7fd; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; font-weight: 600; }
.LeadContent .btn.btn-find:after, .LeadContent .btn.btn-next:after, .LeadContent .btn.btn-previous:after {font-size: 20px; /*font-size: 2rem;*/ display: block; position: absolute; top: 0; }
.LeadContent .btn.btn-find.active, .LeadContent .btn.btn-find:active, .LeadContent .btn.btn-find:focus, .LeadContent .btn.btn-find:hover {color: #fff; background: #00aeef; }
.LeadContent .btn-theme{}
.LeadContent .btn-theme.reverse{}
.LeadContent .btn.btn-continue:after, .LeadContent .btn.btn-find:after, .LeadContent .btn.btn-result:after {right: 15px; content: '\203A'; }
/*DATE INPUT FIELD*/
.LeadContent .smart-date-field {padding: 0; }
.LeadContent .smart-date-field__input {display: inline-block; border: 0; background: 0 0; height: 100%; text-align: center; vertical-align: middle; font-size: 14px; width: 29%; float: left; padding-bottom: initial; padding-top: initial; line-height: 34px; line-height: 3.4rem; }
.LeadContent .smart-date-field__separator {width: 2%; float: left; padding: 8px 0; }
.LeadContent .helptext {display: none; }
.LeadContent .helptext--visible .helptext {display: block; }
.LeadContent .form-input + .helptext--desktop {position: absolute; left: 100%; top: 50%; width: 190px; background: #fff; padding: 10px; border: 1px solid #c6cacc; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
.LeadContent .helptext--visible .helptext--desktop {max-height: 700px; opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; color: #4e585c; }
.LeadContent .helptext--desktop:before,
.LeadContent .helptext--desktop:after {
    top: 50%; left: -20px;
    border-right: 7px solid #c6cacc;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.LeadContent .helptext--desktop:after {
    left: -19px;
    border-right: 7px solid #fff;
}
.LeadContent .helptext--visible .helptext--desktop:before {opacity: 1; }
.LeadContent .helptext--desktop:after,
.helptext--desktop:before {
    position: absolute; display: inline-block;
    border-bottom: 8px solid transparent;
    border-left: 12px solid transparent;
    border-top: 8px solid transparent;
    content: '';
}
/*.highlight--help.helptext--visible .helptext-mobile-button > i.fa-info:before{content: "\f00d";}
.highlight--help:not(.helptext--visible) .helptext-mobile-button > i.fa-info:before{content: "\f129";}*/
.form-group.highlight--help:hover {background: #e5e6e6; -webkit-box-shadow: 0 0 0 1px #dadbdd; box-shadow: 0 0 0 1px #dadbdd;-webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
        transition: all 0.2s; }
.LeadContent .helptext--visible.form-group .form-input input, .LeadContent .helptext--visible.form-group .form-input select{border-color: #dee0e0; border-left-color: red; border-style: solid; border-width: 1px 1px 1px 2px; box-shadow: none; }
@media screen and (min-width: 992px){.LeadContent .form-group .col-content {width: 40%; left: -84px; }
.LeadContent .helptext--visible.form-group {background: #f2f8fa; -webkit-box-shadow: 0 0 0 1px #dadbdd; box-shadow: 0 0 0 1px #dadbdd; } }
@media screen and (min-width: 768px){.LeadContent .infobox-left .questionset-section {padding: 5px 10px; border-radius: 2px; margin-bottom: 20px; }
.LeadContent .helptext-visible .helptext-mobile-button {width: 24px; height: 24px; }
.LeadContent .helptext-mobile-button{/* position: absolute; top:8px; right: 0%; -webkit-transition: none; transition: none; border: 0; padding: 0; width: 24px; height: 24px; */ }
.LeadContent .helptext-mobile-button + .popover{width:100%;}
.LeadContent .helptext-content-close{position: absolute; display: block; text-align: center; width: 24px; height: 24px; line-height: 24px; background: #00aeef; color: #fff; right: -10px; top: -10px; border-radius: 50%; }
.LeadContent .helptext-content-close:hover{color: #fff;}
.LeadContent .form-horizontal .btn.btn-find {border-width: 1px; }
/*BIG Blue top: 5px;*/
.LeadContent .helptext-btn-group{position: absolute; top: 50%; left: 100%; right: -100%; display: inline-block;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);
 -webkit-transition: none; transition: none; border: 0; padding: 0; margin-left: 0px; z-index:1; }
.LeadContent .helptext-btn-group .btn{
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    top: 0;
    left: 0;
    right: 0;
    transform: initial;
    position: relative;
    padding: 0;
    }
}
/*****************************************************/ /*****************************************************/ /*******************/
.form-control::-webkit-scrollbar-track{/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #e8e8e8;*/ }
.form-control::-webkit-scrollbar{/*width: 10px; background-color: #2c2c2c;*/ }
.form-control::-webkit-scrollbar-thumb{/*border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #5d5d5d;*/ }
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #ddd #ffffff;
  }
  
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }
  
  *::-webkit-scrollbar-track {
    background: #ffffff;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 20px;
    border: 3px solid #ffffff;
  }
  /********************************/
.btn-rr{background: #f39c12!important; width: 42px; height: 30px; margin-bottom: 15px; margin-top: -15px; color: #fff!important;}
.btn-ll{background: #f39c12!important; width: 42px; height: 30px; color: #fff!important;}
.selected{/*background: #2c2c2c;*/}
.lead-toggle {margin: 2px 10px; cursor: pointer; }
.lead-toggle:not(.selected)>.fa:before{content: "\f023";}
.lead-toggle.selected>.fa:before{content: "\f09c";}
#ClassIDs{padding:0px;}
/*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{color:#ffffff!important; background-color: #808080; }*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{cursor: default;}
.nh3{color:#000;}
#Import h4{padding-left: 15px; margin-bottom: 17px; color: #f39c12}
.asidetoglbtn{ }
#QueryButton{background: #131313;}
.noborder{display:block}
.breadcrumb.col-md-4{text-align:right;  float: right;}
/*table tbody tr:last-child{border-bottom: 1px solid #2c2c2c;}*/ #sortable { width: 100%;height: 50px;}
#Row1Col12 {width: 100%; height: 250px; }
.ui-state-highlight { height: 310px; line-height: 1.2em;}
#ddlClassGlobalFilter, #ddlDateGlobalFilter {/*margin-bottom: 10px;*/}
/*.sortable {font-size: 0;border-radius: 5px;padding-top: 15px;}
.portlet {font: 12px/1.3 sans-serif; display:inline-block; vertical-align: top;height: auto; }
.portlet-header .ui-icon {float: right;}
.portlet-minimized {height: auto;}
.portlet-minimized .portlet-content { display: none;}
.ui-sortable-placeholder {border:1px dotted black; visibility:visible!important;}*/ #SubStages{padding:0px}
#SubStages option{padding:2px 15px;}
.content .nav-tabs{margin-bottom:10px;}
.sbox, .wbox, .gbox, .obox{color:#fff;} select#GroupBySelectBox{padding:0px}
.m-p-l-0{padding-left:0px!important}
#EmailBox{width:100%;display:block;padding-left:270px;position:relative;}
#FolderList{    margin-left: -270px; max-width: 270px; width: 270px; position: relative; float: left; padding: 10px; z-index:100; }
#SubjectList{width: 100%; display: block; float: left; padding: 10px; max-height: 500px; overflow-y: auto;}
.maillist{ background: #6bba70; color: #fff; float: left; margin-right: 15px;}
.leftzerozero{left:0px!important;}
.btn.pull-right{margin-left:15px} h1.col-md-4{margin-top:0px}
.m-t-b-15{margin:15px 0px;}
.treeleft{left:15px!important}
.treebtn{    float: right; cursor: pointer; position: relative; z-index: 10; background: #5c5c5c; border: 1px solid #5c5c5c; padding: 4px 10px; margin-bottom: 10px;}
.rotate i{    transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg);}
.table > thead > tr > th{mn-width:100px;}
.m-pad-0{padding:0px;}
.m-b-15{margin-bottom:15px;}
/*.dataTables_wrapper.no-footer.table-responsive{overflow-x:auto; overflow-y:hidden;}*/ #UserResult td{ cursor:pointer}
.DetailsTable tr td:nth-child(1){min-width:160px;}
.DetailsTable tr td:nth-child(2){min-width:10px;}
/*#LeadPopupLeftContent{width: 300px; max-width: 300px; display: block; padding: 10px; padding-left: 15px; position: absolute; top: 5px; left: 15px; z-index: 1; }*/ /*#page-wrapper2{width: 100%; float: left; padding-left: 300px; display: table; }
.gray-bg.dashbard-1{min-height:636px;}*/
.EditButtons-33, .ViewButtons-33{margin: 10px 0px}
#IconDisplay i {font-size: 20px;}
.icn-select-dialog h1,.icn-select-dialog h2,.icn-select-dialog h3,.icn-select-dialog h4,.icn-select-dialog h5,.icn-select-dialog h6{color:#444;}
.form-horizontal .form-group .icn-select-dialog a, .form-horizontal .form-group .icn-select-dialog div{color:#444 !important;}
.form-horizontal .form-group .icn-select-dialog a:hover, .form-horizontal .form-group .icn-select-dialog div:hover {color: #FF5722 !important;}
.icn-select-dialog .close{color:#444 !important;}
.icn-select-dialog>.modal-dialog{width:100%;width:calc(100% - 120px);margin-left:60px;margin-right:60px;}
.icn-select-dialog .fa-hover {cursor: default;}
.disptab{display: block!important}
.toggleft{position: absolute; right: 15px; top: 15px; z-index: 10; background: #f39c12; color: #fff;}
.leftzero{left:15px!important}
#ActionButtons .form-group{width:100%;display:table;}
#OrgGenDetails .nav-tabs-custom{margin-bottom: 0px} select[multiple], select[size]{ padding: 0px; }
.Desc span{     width: 100%; height: 100%; background: #4c4c4c; border-radius: 3px; padding: 4px 8px; position: relative; margin-top: 10px;white-space: nowrap}
.Desc span::after{ content:""; border: 7px solid transparent; border-right: 10px solid #4c4c4c; position: absolute; top: 5px; left: -17px;}
.panel{margin-bottom: 0px!important;}
.innerborder{overflow: auto;/*background: #2c2c2c!important; background: #ffffff!important;*/ padding: 10px; margin-top: 0px; border-radius: 3px!important; /*border: 1px solid #3a3a3a!important;*/ width: 100%; min-height: 277px;}
.padding10Tab{padding:10px;width:100%;}
.padding10Tab .innerborder{display: table;width:100%;}
.mgt20{margin-top:20px;}
/*  -------------- media styles ----------------  */
@media (min-width: 768px){
	.sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {-webkit-transform: translate(-280px, 0); -ms-transform: translate(-280px, 0); -o-transform: translate(-280px, 0); transform: translate(-280px, 0); }
	}
@media(max-width:1366px){.table-responsive{overflow-x:auto; overflow-y:hidden;} }
@media(max-width:992px){.ui-jqdialog, .ui-dialog{ width: 80%!important;} }
@media(max-width:768px){.content .nav-tabs-custom{width:100%;overflow-y:hidden; overflow-x:auto;margin-bottom: 5px;}
.content .box .nav-tabs-custom{width:100%; overflow-x:hidden; overflow-y:auto}
.table-responsive {border:none!important;padding:0px 0px;}
.m-p-l-0{padding-left:15px!important}
.col-xs-1{padding:0px;}
.ibox-header-items a{padding-right:5px}
/*.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td{min-width:100px!important}*/ #FolderList{ margin-left: 0px; position: absolute; left:-800px; top:12px; transition: all 0.3s ease-in-out 0.01s; background: #242424; width: 100%; max-width: 100%;}
#EmailBox{padding-left: 0; transition: all 0.3s ease-in-out 0.01s; -webkit-transition: all 0.3s ease-in-out 0.01s; -moz-transition: all 0.3s ease-in-out 0.01s; -ms-transition: all 0.3s ease-in-out 0.01s; -o-transition: all 0.3s ease-in-out 0.01s; }
.ui-jqdialog, .ui-dialog{width:100%;font-size: 12px;font-size: var(--primary-font-size);}
.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu{    width: 260px; right: -30px!important;}
#test2{width:100%;float:none;}
#addClass {width: 100%;}
.btn-rr, .btn-ll{padding: 4px;width: 25px}
#test2{ position: absolute; z-index: 10; background: #2c2c2c; border: 1px solid #3a3a3a; border-radius: 3px; left: -300px; top: 0; width: 250px; transition: all 0.3s ease-in-out 0.01s; -webkit-transition: all 0.3s ease-in-out 0.01s; -moz-transition: all 0.3s ease-in-out 0.01s; -ms-transition: all 0.3s ease-in-out 0.01s; -o-transition: all 0.3s ease-in-out 0.01s; }
.tree{height:100%;min-height: 200px!important;}
.groupname .btn{ margin-bottom: 10px;}
.arrows_div.col-xs-2{padding-left:8px;}
.arrows_div>div{padding-top: 110px}
#LeadPopupLeftContent{ left: -315px;    transition: all 0.3s ease-in-out 0.01s; -webkit-transition: all 0.3s ease-in-out 0.01s; -moz-transition: all 0.3s ease-in-out 0.01s; -ms-transition: all 0.3s ease-in-out 0.01s; -o-transition: all 0.3s ease-in-out 0.01s; }
#page-wrapper2{padding-left:0px;display:block;}
.btn{margin-bottom:10px}
#EditPopUPFields h4{height:30px}
.ttb_bt_where{margin-top:0px} form .form-group{ padding:0px}
.tab-content .form-group{ padding: 0px!important;}
.locerrormsg{margin-top:0px!important} }
.table-clean{/*overflow-x:auto;*/padding:0px;}
.theme-table{white-space: nowrap;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{/*border-top: none !important;*/}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{    padding: 3px 5px;}
.table-hover>tbody>tr:hover {cursor: pointer;background-color: #f2f2f2;-webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
        transition: all 0.2s; }
.datatable-scroll {overflow-x: auto; overflow-y: visible; } table.dataTable thead{white-space:nowrap;}
.dtable-header{clear: both;display: inline-block;width: 100%;}
.dtable-header .dataTables_length{float:left;margin-right: 15px;}
.dtable-header .new-query{display: inline-block;top: 0px;position: relative;}
.dtable-header div.dataTables_filter{float: right;}
.dtable-footer>.dataTables_info{display:inline-block;}
.dtable-footer>.dataTables_paginate{float:right;}
.dtable-footer .pagination >li>a{padding: 5px 10px;font-size: var(--primary-font-size) ;line-height: 1.5;}
.dtable-footer>.dataTables_length {display: inline-block;margin-right: 20px;}
@media(max-width:768px){.dtable-header .dataTables_length, .dtable-footer>.dataTables_paginate{float:none;}
.dtable-footer>.dataTables_info {display: block;} }
/* BG Colors */
.bg-transparent{background:transparent!important;}
.bg-grey-dark{background:#191919!important;}
.bg-grey-darker{background:#181818!important;}
.bg-default,.bg-hover-default:hover{background:#e1e5ec!important;color:#ffffff!important;}
.bg-dark,.bg-hover-dark:hover{background:#000000!important;color:#ffffff!important;}
.bg-blue,.bg-hover-blue:hover{background:#3598dc!important;color:#ffffff!important;}
.bg-blue-madison,.bg-hover-blue-madison:hover{background:#578ebe!important;color:#ffffff!important;}
.bg-blue-chambray,.bg-hover-blue-chambray:hover{background:#2C3E50!important;color:#ffffff!important;}
.bg-blue-ebonyclay,.bg-hover-blue-ebonyclay:hover{background:#22313F!important;color:#ffffff!important;}
.bg-blue-hoki,.bg-hover-blue-hoki:hover{background:#67809F!important;color:#ffffff!important;}
.bg-blue-steel,.bg-hover-blue-steel:hover{background:#4B77BE!important;color:#ffffff!important;}
.bg-blue-soft,.bg-hover-blue-soft:hover{background:#4c87b9!important;color:#ffffff!important;}
.bg-blue-dark,.bg-hover-blue-dark:hover{background:#5e738b!important;color:#ffffff!important;}
.bg-blue-sharp,.bg-hover-blue-sharp:hover{background:#5C9BD1!important;color:#ffffff!important;}
.bg-green,.bg-hover-green:hover{background:#32c5d2!important;color:#ffffff!important;}
.bg-green-meadow,.bg-hover-green-meadow:hover{background:#1BBC9B!important;color:#ffffff!important;}
.bg-green-seagreen,.bg-hover-green-seagreen:hover{background:#1BA39C!important;color:#ffffff!important;}
.bg-green-turquoise,.bg-hover-green-turquoise:hover{background:#36D7B7!important;color:#ffffff!important;}
.bg-green-haze,.bg-hover-green-haze:hover{background:#44b6ae!important;color:#ffffff!important;}
.bg-green-jungle,.bg-hover-green-jungle:hover{background:#26C281!important;color:#ffffff!important;}
.bg-green-soft,.bg-hover-green-soft:hover{background:#3faba4!important;color:#ffffff!important;}
.bg-green-dark,.bg-hover-green-dark:hover{background:#4DB3A2!important;color:#ffffff!important;}
.bg-green-sharp,.bg-hover-green-sharp:hover{background:#2ab4c0!important;color:#ffffff!important;}
.bg-grey,.bg-hover-grey:hover{background:#E5E5E5!important;color:#333!important;}
.bg-grey-steel,.bg-hover-grey-steel:hover{background:#e9edef!important;color:#80898e!important;}
.bg-grey-cararra,.bg-hover-grey-cararra:hover{background:#fafafa!important;color:#333!important;}
.bg-grey-gallery,.bg-hover-grey-gallery:hover{background:#555!important;color:#ffffff!important;}
.bg-grey-cascade,.bg-hover-grey-cascade:hover{background:#95A5A6!important;color:#ffffff!important;}
.bg-grey-silver,.bg-hover-grey-silver:hover{background:#BFBFBF!important;color:#ffffff!important;}
.bg-grey-salsa,.bg-hover-grey-salsa:hover{background:#ACB5C3!important;color:#ffffff!important;}
.bg-grey-salt,.bg-hover-grey-salt:hover{background:#bfcad1!important;color:#ffffff!important;}
.bg-grey-mint,.bg-hover-grey-mint:hover{background:#525e64!important;color:#ffffff!important;}
.bg-red,.bg-hover-red:hover{background:#e7505a!important;color:#ffffff!important;}
.bg-red-pink,.bg-hover-red-pink:hover{background:#E08283!important;color:#ffffff!important;}
.bg-red-sunglo,.bg-hover-red-sunglo:hover{background:#E26A6A!important;color:#ffffff!important;}
.bg-red-intense,.bg-hover-red-intense:hover{background:#e35b5a!important;color:#ffffff!important;}
.bg-red-thunderbird,.bg-hover-red-thunderbird:hover{background:#D91E18!important;color:#ffffff!important;}
.bg-red-flamingo,.bg-hover-red-flamingo:hover{background:#EF4836!important;color:#ffffff!important;}
.bg-red-soft,.bg-hover-red-soft:hover{background:#d05454!important;color:#ffffff!important;}
.bg-red-haze,.bg-hover-red-haze:hover{background:#f36a5a!important;color:#ffffff!important;}
.bg-red-mint,.bg-hover-red-mint:hover{background:#e43a45!important;color:#ffffff!important;}
.bg-yellow,.bg-hover-yellow:hover{background:#c49f47!important;color:#ffffff!important;}
.bg-yellow-gold,.bg-hover-yellow-gold:hover{background:#E87E04!important;color:#ffffff!important;}
.bg-yellow-casablanca,.bg-hover-yellow-casablanca:hover{background:#f2784b!important;color:#ffffff!important;}
.bg-yellow-crusta,.bg-hover-yellow-crusta:hover{background:#f3c200!important;color:#ffffff!important;}
.bg-yellow-lemon,.bg-hover-yellow-lemon:hover{background:#F7CA18!important;color:#ffffff!important;}
.bg-yellow-saffron,.bg-hover-yellow-saffron:hover{background:#F4D03F!important;color:#ffffff!important;}
.bg-yellow-soft,.bg-hover-yellow-soft:hover{background:#c8d046!important;color:#ffffff!important;}
.bg-yellow-haze,.bg-hover-yellow-haze:hover{background:#c5bf66!important;color:#ffffff!important;}
.bg-yellow-mint,.bg-hover-yellow-mint:hover{background:#c5b96b!important;color:#ffffff!important;}
.bg-purple,.bg-hover-purple:hover{background:#8E44AD!important;color:#ffffff!important;}
.bg-purple-plum,.bg-hover-purple-plum:hover{background:#8775a7!important;color:#ffffff!important;}
.bg-purple-medium,.bg-hover-purple-medium:hover{background:#BF55EC!important;color:#ffffff!important;}
.bg-purple-studio,.bg-hover-purple-studio:hover{background:#8E44AD!important;color:#ffffff!important;}
.bg-purple-wisteria,.bg-hover-purple-wisteria:hover{background:#9B59B6!important;color:#ffffff!important;}
.bg-purple-seance,.bg-hover-purple-seance:hover{background:#9A12B3!important;color:#ffffff!important;}
.bg-purple-intense,.bg-hover-purple-intense:hover{background:#8775a7!important;color:#ffffff!important;}
.bg-purple-sharp,.bg-hover-purple-sharp:hover{background:#796799!important;color:#ffffff!important;}
.bg-purple-soft,.bg-hover-purple-soft:hover{background:#8877a9!important;color:#ffffff!important;}
/*************Font Color******************/
.fc-today-color{color:#f7eebe!important;}
.font-white{color:#ffffff!important;}
.font-default{color:#e1e5ec!important;}
.font-dark{color:#2f353b!important;}
.font-blue{color:#3598dc!important;}
.font-blue-madison{color:#578ebe!important;}
.font-blue-chambray{color:#2C3E50!important;}
.font-blue-ebonyclay{color:#22313F!important;}
.font-blue-hoki{color:#67809F!important;}
.font-blue-steel{color:#4B77BE!important;}
.font-blue-soft{color:#4c87b9!important;}
.font-blue-dark{color:#5e738b!important;}
.font-blue-sharp{color:#5C9BD1!important;}
.font-green{color:#32c5d2!important;}
.font-green-meadow{color:#1BBC9B!important;}
.font-green-seagreen{color:#1BA39C!important;}
.font-green-turquoise{color:#36D7B7!important;}
.font-green-haze{color:#44b6ae!important;}
.font-green-jungle{color:#26C281!important;}
.font-green-soft{color:#3faba4!important;}
.font-green-dark{color:#4DB3A2!important;}
.font-green-sharp{color:#2ab4c0!important;}
.font-grey{color:#E5E5E5!important;}
.font-grey-steel{color:#e9edef!important;}
.font-grey-cararra{color:#fafafa!important;}
.font-grey-gallery{color:#555!important;}
.font-grey-cascade{color:#95A5A6!important;}
.font-grey-silver{color:#BFBFBF!important;}
.font-grey-salsa{color:#ACB5C3!important;}
.font-grey-salt{color:#bfcad1!important;}
.font-grey-mint{color:#525e64!important;}
.font-red{color:#e7505a!important;}
.font-red-pink{color:#E08283!important;}
.font-red-sunglo{color:#E26A6A!important;}
.font-red-intense{color:#e35b5a!important;}
.font-red-thunderbird{color:#D91E18!important;}
.font-red-flamingo{color:#EF4836!important;}
.font-red-soft{color:#d05454!important;}
.font-red-haze{color:#f36a5a!important;}
.font-red-mint{color:#e43a45!important;}
.font-yellow{color:#e5c453!important;}
.font-yellow-gold{color:#E87E04!important;}
.font-yellow-casablanca{color:#f2784b!important;}
.font-yellow-crusta{color:#f3c200!important;}
.font-yellow-lemon{color:#F7CA18!important;}
.font-yellow-saffron{color:#F4D03F!important;}
.font-yellow-soft{color:#c8d046!important;}
.font-yellow-haze{color:#c5bf66!important;}
.font-yellow-mint{color:#c5b96b!important;}
.font-purple{color:#8E44AD!important;}
.font-purple-plum{color:#8775a7!important;}
.font-purple-medium{color:#BF55EC!important;}
.font-purple-studio{color:#8E44AD!important;}
.font-purple-wisteria{color:#9B59B6!important;}
.font-purple-seance{color:#9A12B3!important;}
.font-purple-intense{color:#8775a7!important;}
.font-purple-sharp{color:#796799!important;}
.font-purple-soft{color:#8877a9!important}
/*COLOR NEW*/
.fc-white{color:#ffffff !important;}
.fc-grey{color:#8f8f8f !important;}
.fc-grey-shade1{color:#181818 !important;}
.fc-grey-shade2{color:#222222 !important;}
.fc-grey-shade3{color:#363636 !important;}
.fc-black{color:#000000 !important;}
.fc-red{color:#d92626 !important;}
.fc-green{color:#3cb371 !important;}
.fc-lime{color:#b8d54b !important;}
.fc-blue{color:#2872ad !important;}
.fc-orange{color:#f28d48 !important;}
.fc-yellow{color:#f3e212 !important;}
.fc-purple{color:#9e33cc !important;}
.fc-sky{color:#36c2d6 !important;}
.bc-white{background:#ffffff !important;}
.bc-grey,.bc-disable{background:#eee !important;border: 1px solid #c6cacc !important;}
.bc-grey-shade1{background:#181818 !important;}
.bc-grey-shade2{background:#222222 !important;}
.bc-grey-shade3{background:#363636 !important;}
.bc-black{background:#000000 !important;}
.bc-red{background:#d92626 !important;}
.bc-green{background:#3cb371 !important;}
.bc-lime{background:#b8d54b !important;}
.bc-blue{background:#2872ad !important;}
.bc-orange{background:#f28d48 !important;}
.bc-yellow{background:#f9bf2c !important;color:#000000;}
.bc-purple{background:#9e33cc !important;}
.bc-sky{background:#36c2d6 !important;}
/*COLOR NEW END*/
.border-none{border:none;}
.row-gutter0{margin-right: 0px;margin-left: 0px;}
.row-gutter1{margin-right: -1px;margin-left: -1px;}
.row-gutter2{margin-right: -2px;margin-left: -2px;}
.row-gutter3{margin-right: -3px;margin-left: -3px;}
.row-gutter4{margin-right: -4px;margin-left: -4px;}
.row-gutter5{margin-right: -5px;margin-left: -5px;}
.row-gutter6{margin-right: -6px;margin-left: -6px;}
.row-gutter7{margin-right: -7px;margin-left: -7px;}
.row-gutter8{margin-right: -8px;margin-left: -8px;}
.row-gutter9{margin-right: -9px;margin-left: -9px;}
.row-gutter10{margin-right: -10px;margin-left: -10px;}
.gutter0{padding:0 0 !important;}
.gutter1{padding:0 1px !important;}
.gutter2{padding:0 2px !important;}
.gutter3{padding:0 3px !important;}
.gutter4{padding:0 4px !important;}
.gutter5{padding:0 5px !important;}
.gutter6{padding:0 6px !important;}
.gutter7{padding:0 7px !important;}
.gutter8{padding:0 8px !important;}
.gutter9{padding:0 9px !important;}
.gutter10{padding:0 10px !important;}
.gutter0_rl{padding-right:0 !important;padding-left:0 !important;}
.gutter1_rl{padding-right:1px !important;padding-left:1px !important;}
.gutter2_rl{padding-right:2px !important;padding-left:2px !important;}
.gutter3_rl{padding-right:3px !important;padding-left:3px !important;}
.gutter4_rl{padding-right:4px !important;padding-left:4px !important;}
.gutter5_rl{padding-right:5px !important;padding-left:5px !important;}
.gutter6_rl{padding-right:6px !important;padding-left:6px !important;}
.gutter7_rl{padding-right:7px !important;padding-left:7px !important;}
.gutter8_rl{padding-right:8px !important;padding-left:8px !important;}
.gutter9_rl{padding-right:9px !important;padding-left:9px !important;}
.gutter10_rl{padding-right:10px !important;padding-left:10px !important;}
/* * Component: Form * ---------------------- */
.form-group{margin-bottom: 5px !important;}
.form-group-inline-devider{display: inline-block;width: 10px;text-align: center;color: #ddd;}
@media (max-width:768px){.form-group-inline-devider{display:none;} }
.form-group .input-group,.form-group .input-group+.input-group-control,.form-group+.input-group,.form-group+.input-icon,.form-horizontal .form-group .input-group,.form-horizontal .form-group .input-group>.input-group-control,.form-inline {padding-top:0}
.form-inline > * {/*margin:5px 0px;*/ }
.form-group>.input-icon>i{left:0;bottom:0;margin:9px 2px 10px 10px;color:#888}
.form-group>.input-icon.input-icon-lg>i{top:6px}
.form-group>.input-icon.input-icon-sm>i{top:-1px}.form-group>.input-icon>label{margin-top:-20px}
.form-group>.input-icon.right .form-control{padding-right:34px}
.form-group>.input-icon.right>i{left:auto;right:8px;margin:11px 2px 10px 10px}
.form-horizontal .form-group .input-group>.form-control-focus,.form-horizontal .form-group .input-group>.input-group-control>.form-control-focus,.form-horizontal .form-group .input-icon>.form-control-focus{left:0!important;right:0!important}
.form-inline>.input-icon{padding:0}
.form-horizontal .form-group .input-icon .form-control{padding-left:33px}.form-horizontal .form-group .input-icon>i{top:0}
.form-horizontal .form-group .input-icon.right .form-control{padding-left:0;padding-right:33px}
.input-group .input-icon>.form-control,.tabs-left.nav-tabs>li>a:focus,.tabs-left.nav-tabs>li>a:hover{-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;-ms-border-radius:2px 0 0 2px;-o-border-radius:2px 0 0 2px}
.icon-btn>div{margin-top:5px;margin-bottom:20px;text-transform:uppercase;font-weight:600;font-size:11px;color:#565d66}
.input-icon{position:relative;left:0}.input-icon>.form-control{padding-left:33px}
.input-group .input-icon>.form-control{border-radius:2px 0 0 2px}
.input-group .input-icon.right>.form-control,.tabs-right.nav-tabs>li>a:focus,.tabs-right.nav-tabs>li>a:hover{-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-ms-border-radius:0 2px 2px 0;-o-border-radius:0 2px 2px 0}
.input-icon>i{color:#ccc;display:block;position:absolute;margin:8px 2px 4px 10px;z-index:3;width:16px;/*font-size:16px;*/text-align:center}.modal .input-icon>i{z-index:10055}.has-success .input-icon>i{color:#36c6d3}.has-warning .input-icon>i{color:#F1C40F}.has-info .input-icon>i{color:#659be0}.has-error .input-icon>i{color:#ed6b75}
.input-icon.right{left:auto;right:0}
.input-icon.right>.form-control{padding-right:33px;padding-left:12px}
.input-group .input-icon.right>.form-control{border-radius:0 2px 2px 0}
.input-icon.right>i{right:8px;float:right}.input-icon.input-icon-lg>i{margin-top:16px}
.input-icon.input-icon-sm>i{margin-top:8px;font-size:13px}
.portlet.light>.portlet-title>.inputs>.portlet-input .input-icon>i{font-size:14px;margin-top:9px}
.portlet.light>.portlet-title>.inputs>.portlet-input .input-icon>.form-control{height:30px;padding:2px 26px 3px 10px;font-size:13px}
/*-----------------------------------------------------------------------------------*/ /*-------------------------------Radio Checkbox-----------------------------*/ /*-----------------------------------------------------------------------------------*/
.form-md-checkboxes,.form-md-radios{padding-top:5px}
.checkbox-list{}
.md-checkbox{position:relative}.md-checkbox.md-checkbox-inline{display:inline-block}
.form-inline .md-checkbox.md-checkbox-inline{margin-right:20px;top:3px}.md-checkbox input[type=checkbox]{opacity:0;position:absolute;z-index:10;}
.md-checkbox label{cursor:pointer;padding-left:30px;margin-bottom:10px;height: 20px;}
.md-checkbox label>span{display:block;position:absolute;left:0;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;transition-duration:.1s}
.md-checkbox label>span.inc{background:#fff;left:-20px;top:-20px;height:60px;width:60px;opacity:0;border-radius:50%!important;-moz-border-radius:50%!important;-webkit-border-radius:50%!important;-webkit-animation:growCircle .1s ease;-moz-animation:growCircle .1s ease;animation:growCircle .1s ease}
.md-checkbox label>.box{top:0;/*border:2px solid #607D8B;*/border:2px solid #f3cd5b;border-radius: 4px;height:20px;width:20px;z-index:5;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}
.md-checkbox label>.check{top:0px;left:8px;width:7px;height:15px;border:2px solid #f3cd5b;border-top:none;border-left:none;opacity:0;z-index:6;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}
.md-checkbox input[type=checkbox]:checked~label>.box{/*opacity:0;-webkit-transform:scale(0) rotate(-180deg);-moz-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)*/}
.md-checkbox input[type=checkbox]:checked~label>.check {opacity:1;-webkit-transform:scale(1) rotate(45deg);-moz-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg)}
.md-checkbox input[type=checkbox]:disabled:checked~label>.check,.md-checkbox input[type=checkbox]:disabled~label,.md-checkbox input[type=checkbox]:disabled~label>.box,.md-checkbox input[type=checkbox][disabled]:checked~label>.check,.md-checkbox input[type=checkbox][disabled]~label,.md-checkbox input[type=checkbox][disabled]~label>.box{cursor:not-allowed;opacity:.7;filter:alpha(opacity=70)}
.has-error .md-checkbox label,.has-error.md-checkbox label{color:#fbe1e3}
.has-error .md-checkbox label>.box,.has-error .md-checkbox label>.check,.has-error.md-checkbox label>.box,.has-error.md-checkbox label>.check{border-color:#e73d4a}
.has-success .md-checkbox label,.has-success.md-checkbox label{color:#abe7ed}
.has-success .md-checkbox label>.box,.has-success .md-checkbox label>.check,.has-success.md-checkbox label>.box,.has-success.md-checkbox label>.check{border-color:#27a4b0}
.has-warning .md-checkbox label,.has-warning.md-checkbox label{color:#f9e491}
.has-warning .md-checkbox label>.box,.has-warning .md-checkbox label>.check,.has-warning.md-checkbox label>.box,.has-warning.md-checkbox label>.check{border-color:#c29d0b}
.has-info .md-checkbox label,.has-info.md-checkbox label{color:#e0ebf9}
.has-info .md-checkbox label>.box,.has-info .md-checkbox label>.check,.has-info.md-checkbox label>.box,.has-info.md-checkbox label>.check{border-color:#327ad5}
.form-md-checkboxes>label{font-size:14px;color:#888;opacity:1;filter:alpha(opacity=100)}
.form-md-checkboxes.has-error label{color:#ed6b75}.form-md-checkboxes.has-info label{color:#659be0}
.form-md-checkboxes.has-success label{color:#1084AB}
.form-md-checkboxes.has-warning label{color:#F1C40F}
.md-checkbox-list{margin:5px 0}
.form-horizontal .md-checkbox-list{margin-top:5px}
.md-checkbox-list .md-checkbox{display:block;margin-bottom:10px}
.md-checkbox-list .md-checkbox:last-child{margin-bottom:0}
.md-checkbox-inline{margin:5px 0}
.form-horizontal .md-checkbox-inline{margin-top:7px}
.md-checkbox-inline .md-checkbox{display:inline-block;margin-right:20px}
.md-checkbox-inline .md-checkbox:last-child{margin-right:0}
/********* checkbox2 **********/
.md-checkbox.checkbox2{}
.md-checkbox.checkbox2 input[type=checkbox]:checked~label>.check{-webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); border: none; background: #f3cd5b; }
.md-checkbox.checkbox2 label>.check{top: 4px; left: 4px; width: 12px; height: 12px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform: scale(0) rotate(0deg); -moz-transform: scale(0) rotate(0deg); transform: scale(0) rotate(0deg); }
/********* checkbox Color **********/
.md-checkbox.checkbox2.box-black label>.check{background: #000000 !important; }
.md-checkbox.checkbox2.box-black label>.box{border: 2px solid #000000 !important; }
.md-checkbox.checkbox2.box-purple label>.check{background: #b465d3 !important; }
.md-checkbox.checkbox2.box-purple label>.box{border: 2px solid #b465d3 !important; }
.md-checkbox.checkbox2.box-green label>.check{background: #71aa3a !important; }
.md-checkbox.checkbox2.box-green label>.box{border: 2px solid #71aa3a !important; }
.md-checkbox.checkbox2.box-blue label>.check{background: #117df4 !important; }
.md-checkbox.checkbox2.box-blue label>.box{border: 2px solid #117df4 !important; }
.md-checkbox.checkbox2.box-skyblue label>.check{background: #00BCD4 !important; }
.md-checkbox.checkbox2.box-skyblue label>.box{border: 2px solid #00BCD4 !important; }
.md-checkbox.checkbox2.box-orange label>.check{background: #f28d48 !important; }
.md-checkbox.checkbox2.box-orange label>.box{border: 2px solid #f28d48 !important; }
.md-checkbox.checkbox2.box-red label>.check{background: #ec6a60 !important; }
.md-checkbox.checkbox2.box-red label>.box{border: 2px solid #ec6a60 !important; }
.md-checkbox.checkbox2.box-red2 label>.check{background: #f44336 !important; }
.md-checkbox.checkbox2.box-red2 label>.box{border: 2px solid #f44336 !important; }
#Month-Filter .md-checkbox.checkbox2{width: 57px;margin-right: 4px;margin-left: 4px;}
#Dist-Filter .md-radio.checkbox2{min-width: 57px;margin-right: 4px;margin-left: 4px;} @-webkit-keyframes growCircle{0%,100%{-webkit-transform:scale(0);opacity:1} 70%{background:#eee;-webkit-transform:scale(1.25)} } @-moz-keyframes growCircle{0%,100%{-moz-transform:scale(0);opacity:1} 70%{background:#eee;-moz-transform:scale(1.25)} } @keyframes growCircle{0%,100%{transform:scale(0);opacity:1} 70%{background:#eee;transform:scale(1.25)} }
.md-radio{position:relative}
.md-radio input[type=radio]{opacity:0;position:absolute;z-index:10;}
.md-radio label{cursor:pointer;padding-left:30px;margin-bottom: 10px;height: 20px;}
.md-radio label>span{display:block;position:absolute;left:0;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s}
.md-radio label>span.inc{background:#fff;left:-20px;top:-20px;height:60px;width:60px;opacity:0;border-radius:50%!important;-moz-border-radius:50%!important;-webkit-border-radius:50%!important;-webkit-animation:growCircleRadio .3s ease;-moz-animation:growCircleRadio .3s ease;animation:growCircleRadio .3s ease}
.md-radio label>.box{top:0;border:2px solid #f3cd5b;height:20px;width:20px;border-radius:50%!important;-moz-border-radius:50%!important;-webkit-border-radius:50%!important;z-index:5}
.md-radio label>.check{top:5px;left:5px;width:10px;height:10px;background:#f3cd5b;opacity:0;z-index:6;border-radius:50%!important;-moz-border-radius:50%!important;-webkit-border-radius:50%!important;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}
.md-radio input[type=radio]:checked~label>.check{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.md-radio input[type=radio]:disabled:checked~label>.check,.md-radio input[type=radio]:disabled~label,.md-radio input[type=radio]:disabled~label>.box,.md-radio input[type=radio][disabled]:checked~label>.check,.md-radio input[type=radio][disabled]~label,.md-radio input[type=radio][disabled]~label>.box{cursor:not-allowed;opacity:.7;filter:alpha(opacity=70)}
.has-error .md-radio label, .has-error.md-radio label{color:#fbe1e3}
.has-error .md-radio label>.box, .has-error.md-radio label>.box{border-color:#e73d4a}
.has-error .md-radio label>.check, .has-error.md-radio label>.check{background:#e73d4a}
.has-success .md-radio label, .has-success.md-radio label{color:#abe7ed}
.has-success .md-radio label>.box, .has-success.md-radio label>.box{border-color:#27a4b0}
.has-success .md-radio label>.check, .has-success.md-radio label>.check{background:#27a4b0}
.has-warning .md-radio label, .has-warning.md-radio label{color:#f9e491}
.has-warning .md-radio label>.box, .has-warning.md-radio label>.box{border-color:#c29d0b}
.has-warning .md-radio label>.check, .has-warning.md-radio label>.check{background:#c29d0b}
.has-info .md-radio label, .has-info.md-radio label{color:#e0ebf9}
.has-info .md-radio label>.box, .has-info.md-radio label>.box{border-color:#327ad5}
.has-info .md-radio label>.check, .has-info.md-radio label>.check{background:#327ad5}
.form-md-radios>label{font-size:14px;color:#888;opacity:1;filter:alpha(opacity=100)}
.form-md-radios.has-error label{color:#ed6b75}
.form-md-radios.has-info label{color:#659be0}
.form-md-radios.has-success label{color:#1084AB}
.form-md-radios.has-warning label{color:#F1C40F}
.md-radio-list{margin:5px 0}
.form-horizontal .md-radio-list{margin-top:5px}
.md-radio-list .md-radio{display:block;margin-bottom:10px}
.md-radio-inline{margin:5px 0}
.form-horizontal .md-radio-inline{margin-top:7px}
.md-radio-inline .md-radio{display:inline-block;margin-right:20px}
.md-radio-inline .md-radio:last-child{margin-right:0}
/*-----------------------------------------------------------------------------------*/
/*-------------------------------Radio Checkbox End-----------------------------*/
/*-----------------------------------------------------------------------------------*/
/***************************/
label.label-wrapper {margin: 0; }
.label-wrapper input[type="radio"], .label-wrapper input[type="checkbox"]{display: none; }
.label-wrapper .rad:before, .label-wrapper .check:before {position: relative; padding-right: 3px; top: 1px; /* font-family: 'Arial'; */
font-family: 'Font Awesome\ 5 Free';/*font-weight: 900;*/ font-style: normal; font-size:22px; /* content: "X"; */ /*content: "\f10c";*/content: "\f111"; color: #aaa; }
.label-wrapper .check:before{/*content: "\f096";*/content: "\f0c8"; }
.label-wrapper  input:checked + .rad:before {/* content: "✔"; */ content: "\f192"; color: #aaa; }
.label-wrapper  input:checked + .check:before {/* content: "✔"; */ /*content: "\f046";*/content: "\f14a"; color: #aaa; }
.label-wrapper  input[disabled] + .rad:before, .label-wrapper  input[disabled] + .check:before{opacity: .65; }
/************************/
/********MALE FEMALE**********/
.check-wrap{}
.check-wrap input[type=checkbox]{
    border: 1px solid #e4e6eb !important;
    width: 15px;
    height: 15px;
    text-align: center;
    cursor: pointer;
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 1px !important;
    position: relative;
}
.check-wrap input[type=checkbox]:checked {
    /*background-color: #e4e6eb;*/
}
.check-wrap input[type=checkbox]:checked:before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f00c";
    position: absolute;
    display: block;
    font-size: 12px;
    color: #e4e6eb;
    left: 1px;
    top: 0px;
    font-weight: 900;
}
.check-wrap input[type=checkbox]:checked[disabled],
.check-wrap input[type=checkbox][disabled]{opacity: 0.5;cursor: not-allowed;}
/* ////////////////////////////////////////////////////////// */
/************************/
/********MALE FEMALE**********/
.label-wrapper.gender span:before {position: relative; padding-right: 3px; top: 1px; /* font-family: 'Arial'; */ font-family: 'Font Awesome\ 5 Free';font-weight: 900; font-style: normal; font-weight: 400; font-size:18px; /* content: "X"; */ content: "\f10c"; color: #aaa; }
.label-wrapper.gender input:checked + span:before {/* content: "✔"; */ content: "\f192"; color: #aaa; }
.label-wrapper.gender input[disabled] + span:before{opacity: .65; }
/************************/
.dialog-taskbar-left.btn-visible{display:block; position:relative; float:left; width:65px; padding:5px 6px; height:100%; }
.dialog-taskbar-left{display:none; }
.control-sidebar-dark, .control-sidebar-dark + .control-sidebar-bg{/*background: #222222;*/}
.sidebar-tree-menu{
	overflow: hidden;
	/*height: 100%;*/
    padding: 7px;
    background: #fff;
}
.dialog-taskbar-left:not(.btn-visible) + .sidebar-tree-menu{margin-left: 0px; }

.jstree-default .jstree-anchor{color: #000;font-size: 11px;position: relative;/*padding-left: 15px;*/}
.jstree-default .jstree-clicked,
.jstree-default .jstree-anchor.jstree-hovered{background: #ddd; }
.jstree-default .jstree-anchor{white-space: normal;}
.jstree-default .jstree-anchor{height: auto !important;}
.vakata-context ul{top: 31px; overflow: auto; min-height: 200px; }
.vakata-context li>a.vakata-context-parent{background: none;}
.vakata-context li>a.vakata-context-parent:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    font-weight: 900;
    right: 10px;
    margin-top: 2px;
}
.sidebar-tree-menu.jstree-default>.jstree-container-ul>.jstree-node{padding: 2px 0 !important; /*border-left: 3px solid transparent;*/ }
.dialog-taskbar-left.list-group{}
.dialog-taskbar-left.list-group .list-group-item{padding: 2px 1px; background-color:transparent; border:none; }
.sidebar-tree-menu.jstree-default>.jstree-container-ul>.jstree-node .jstree-anchor{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90%; }
.sidebar-tree-menu.jstree-default>.jstree-container-ul>.jstree-node:hover{/*background: #181818; border-left-color: #e5c453;*/ }
.sidebar-tree-menu.jstree-default>.jstree-container-ul>.jstree-node.jstree-open{/*background: #191919; border-left-color: #e5c453;*/ }
.sidebar-tree-menu.jstree-default>.jstree-container-ul>li>.jstree-children>.jstree-node.jstree-open{/*background: #181818;*/ }
.sidebar-tree-menu.jstree-default .jstree-clicked{background: #e5c453; color: #fff !important; padding-left: 4px; border-radius: 0px; box-shadow:none; font-weight: 600; }
.sidebar-tree-menu>.sidebar-menu>.treeview{/* border-bottom:none; */}
.sidebar-tree-menu>.sidebar-menu>.treeview>a{padding: 4px 0 4px 5px;}
.jstree-default .jstree-icon:empty{/*width: 18px !important;*/position: relative;/*margin-left: -18px;*/}
.jstree-node input{color:#000 !important;}
.sidebar-right-toggle .content-wrapper{margin-right: 230px !important;} html.layout2-popup {background: #181818; }
.layout2-popup .lead-popup-content > .content{padding:0;}
.layout2.ui-tabs-vertical {/*width: 55em; width: 100%; padding-right: 260px;*/ margin: 0; }
.layout2.ui-tabs-vertical> .layout2-sidebar {/*padding: .2em .1em .2em .2em; float: left; width: 12em; width: 270px;*/ position: absolute; top: 0; left: 0; padding-top: 0px; min-height: 100%; width: 230px; background: #222222; z-index: 810; -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out; transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; }
.layout2.ui-tabs-vertical> .layout2-sidebar li {clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0; height: 24px; line-height: 24px; }
.layout2.ui-tabs-vertical > .layout2-sidebar li a {font-weight: 600; color: #b3b8bc; display: block; border:none !important; }
.layout2.ui-tabs-vertical > .layout2-sidebar li a:hover{color:#f28d48;}
.layout2.ui-tabs-vertical > .layout2-sidebar li.ui-tabs-active {padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.layout2.ui-tabs-vertical .layout2-content {/*padding: 1em; float: right; width: 40em;*/ margin-left: 230px; margin-right: 230px; border-radius: 0; margin-top:0; background: #181818; border: none; min-height: 350px; }
.layout2.ui-tabs-vertical .layout2-content .ui-tabs-panel{border-radius: 0px; margin: 0; border: none; background: #222; }
.layout2 .ui-tabs.ui-widget-content{background: #181818 !important;}
/*NAV TABS*/
.nav.nav-tabs > li > a {/*background-color: #454545; background-image: -webkit-linear-gradient(top,#3e3e3e,#333); border: 1px solid #141414; box-shadow: 0 1px 0 rgba(255,255,255,.06), 1px 1px 0 rgba(255,255,255,.03), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,.05); color: #aaa; text-shadow: 0 -1px 0 rgba(0,0,0,.5);*/ }
.nav.nav-tabs > li > a:hover {/*background: #f28d48 !important; color: #fff;*/ }
.nav-tabs-custom{}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {/*background: #131313 none repeat scroll 0 0; background: #00adef none repeat scroll 0 0; border: medium none; color: #fff; border-radius: 5px;*/ /*color:#fff; background-color: #f28d48 !important; background-image: -webkit-linear-gradient(top,#f28d48,#f28d48); border: 1px solid #f28d48; box-shadow: 0 1px 0 rgba(255,255,255,.09), 1px 1px 0 rgba(255,255,255,.05), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,.05);*/ }
.nav-tabs-custom > .nav-tabs > li.active {/*border-top-color: #2c2c2c !important;*/ }
.nav-tabs-custom .tab-line  li a{border: none !important; box-shadow: none !important; border-bottom: 3px solid transparent !important; padding: 8px 2px 5px !important; }
.nav-tabs-custom .nav-tabs.tab-line > li{margin-right: 30px; border: 0; }
.nav-tabs-custom .nav-tabs.tab-line > li:first-child{margin-left:5px;}
.nav-tabs-custom .nav-tabs.tab-line > li.active > a{}
.scrtabs-tabs-fixed-container{height: 42px; margin-bottom: 1px; }
.scrtabs-tabs-fixed-container .scrtabs-tabs-fixed-container{/* padding:0 40px; */ }
.scrtabs-tabs-fixed-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left, .scrtabs-tabs-fixed-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right{display:none !important; }
.scrtabs-tab-scroll-arrow{border:none; padding-top: 17px; width: 30px; height: 52px; text-align: center; /* position:absolute; z-index:10; */ }
.scrtabs-tab-scroll-arrow:hover{background-color:transparent; }
.scrtabs-tab-scroll-arrow{color: #a2a2a2;}
.scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right{/* right:0; top:0; */ }
.scroll_tabs_container div.scroll_tab_inner span, .scroll_tabs_container div.scroll_tab_inner li {padding-left: 5px !important; padding-right: 5px !important; line-height: 34px !important; }
.scroll_tabs_container div.scroll_tab_inner li a{font-size: 12px;font-size: var(--primary-font-size); padding: 3px 5px 6px !important; background: #333333 !important; border-radius: 3px 3px 0 0; color: #b3b8bc !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.scroll_tabs_container div.scroll_tab_inner li.tab_selected a, .scroll_tabs_container div.scroll_tab_inner > li > a:hover{/*border-bottom-color: #f28d48 !important;*/ background: #f28d48 !important; border: none !important; color: #fff !important; }
.scroll_tabs_container, .scroll_tabs_container div.scroll_tab_inner, .scroll_tabs_container .scroll_tab_left_button, .scroll_tabs_container .scroll_tab_right_button{height: 32px !important; border-bottom: 2px solid #f28d48; }
.nav-tabs-custom .tab-line  li a{/*font-family: 'OpenSans-Semibold', sans-serif;*/ }
/*******************/
.table>thead>tr>th,.table>tbody>tr>td{font-weight:400;letter-spacing: .5px;}
.custom-table.table>thead>tr>th,.custom-table.table>tbody>tr>th,.custom-table.table>tfoot>tr>th,.custom-table.table>thead>tr>td, .custom-table.table>tbody>tr>td{font-size: 12px;font-size: var(--primary-font-size);vertical-align:middle;}
.custom-table.table .btn-xs{font-size: 11px !important;min-height: 23px;}
.custom-table.dark-head.table>thead>tr>th:nth-child(odd), .custom-table.dark-head.table>thead>tr>th:nth-child(even) {/*background-color: #e4e4e4; color: #ffffff; */ }
.TableReport{}
.TableReport .table>thead>tr>th{padding-right:3px !important;color:#fff;}
.TableReport .table>thead>tr>th:first-child {text-align: left;}
.TableReport .table>tbody>tr>td:first-child {}
.TableReport .table > thead > tr > th, .TableReport .table > tbody > tr > th, .TableReport .table > tfoot > tr > th, .TableReport .table > thead > tr > td, .TableReport .table > tbody > tr > td, .TableReport .table > tfoot > tr > td,.TableReport .table-bordered{border-color:#2d2d2d;}
.TableReport .table {font-size: 12px;font-size: var(--primary-font-size); margin: 0 !important; margin-bottom: 15px !important; background: #181818; }
.TableReport table th, .TableReport table thead{border: 1px solid #2d2d2d !important;}
.TableReport .table-hover>tbody>tr:hover{}
/******************************/
.ProBar {
	    position: relative;
    display: block;
    float: right;
    margin-right: 5px;
    width: auto;
    min-width: 34px;
    height: 15px;
    line-height: 15px;
    text-align: right;
    border-radius: 15px;
    padding: 0 2px;
        background: #3b4448;
    color: #fff;
}
.ProBar .progress-bar{line-height: 16px;}
.ProBar.red{background-color: #dd3c3c;}
.ProBar.green{background-color: #00b31b;}
.ProBar.amber{background-color: #ffbf00;}
/**********VerticalLeftBar**************/ #VerticalRightBar,#VerticalLeftBar{height: 98%; /* background: #131313; */ max-width: 48px; }
#HorizontalTopBar,#HorizontalBottonBar{/* background: #131313; */ }
#VerticalRightBar .btn,#VerticalLeftBar .btn{position: relative; display: block; margin: 0 auto; margin-bottom: 5px; border-radius: 0; }
#HorizontalTopBar .btn,#HorizontalBottonBar .btn {margin: 0 3px; display: table-cell; }
/*#VerticalLeftBar > #DialogContent {position: relative; margin-left: 90px; width: 100%; }
#HorizontalTopBar{}*/ /*-----------------------------------------------------------------------------------*/ /*	SOCIAL LINKS /*-----------------------------------------------------------------------------------*/
/* ---------- Button Popover ---------- */
.btn-popover {/*right: 0;*/ /*margin-top: -75px;*/ /* (li * a:width) / -2 */ /*position: fixed; top: 50%; z-index: 10;*/ }
/*#btn-popover li:first-child a { border-radius: 5px 0 0 0; }
#btn-popover li:last-child a { border-radius: 0 0 0 5px; }*/
.btn-popover button {/*background: #ffc850;*/ /**/color: #cacaca !important; display: block; /**/height: 36px; font-size: 18px; /**/line-height: 36px; position: relative; text-align: center; width: 36px; /*border-bottom: 1px solid #ffffff;*/ }
/*#btn-popover a.bg-blue-soft{background:#619cce !important;}
#btn-popover a.bg-green{background:#4bceda !important;}
#btn-popover a.bg-red{background:#ff7070 !important;}
#btn-popover a.bg-blue{background:#4da6e2 !important;}
#btn-popover a.bg-red-soft{background:#ec6161 !important;}
.btn-popover li:last-child button{border-bottom:none;}*/
.btn-popover button:hover span {left: 48px; opacity: 1; display:block; color: #fff; }
.btn-popover button span {border-radius: 3px; line-height: 24px; /**/left: 60px; margin-top: -16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; padding: 4px 8px; position: absolute; /*-webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; -ms-transition: opacity .3s, left .4s; -o-transition: opacity .3s, left .4s; transition: opacity .3s, left .4s;*/ -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; top: 50%; white-space: nowrap; z-index: 1; display:none; }
.btn-popover button span:before {content: ""; display: block; height: 8px; width: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /*z-index: -2;*/ }
/*popover bottom*/
.btn-popover.bottom button span{top: 150%; left: 50%; transform: translateX(-50%); }
.btn-popover.bottom button:hover span {top: 57px; left: 50%; transform: translateX(-50%); }
.btn-popover.bottom  button span:before{top: 0; left: 50%; margin-left: -4px; }
/*popover left*/
.btn-popover.left button span{left: auto; right: 60px; }
.btn-popover.left button:hover span {left: auto; right: 47px; }
.btn-popover.left  button span:before{left: 100%; margin-left: -4px; }
/*popover top*/
.btn-popover.top button span{top: -50%; left: 50%; transform: translateX(-50%); }
.btn-popover.top button:hover span {top: -22px; left: 50%; transform: translateX(-50%); }
.btn-popover.top  button span:before{top: 100%; left: 50%; margin-left: -4px; }
.btn-popover button[class*="dialogBtn"]:hover, .btn-popover button[class*="dialogBtn"] span, .btn-popover button[class*="dialogBtn"] span:before { background: #619cce; }
#VerticalLeftBar.btn-popover button:hover, #HorizontalTopBar.btn-popover button:hover, #VerticalRightBar.btn-popover button:hover, #HorizontalBottonBar.btn-popover button:hover{color:#fff !important; }
/* ---------- Button Popover End---------- */ /* ---------- CUSTOM CSS---------- */
.section {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; }
.box-header select, .input-xs {padding: 0; width: 100px !important; height: 24px; line-height: 24px; font-size: 11px; }
.box-header select{margin-right:3px;}
.box-header .box-title{font-size: 14px;}
.main-footer{border-top: none; }
.sidebar-form {border-radius: 3px; margin: 10px 10px; }
.sidebar-form input[type="text"], .sidebar-form .btn {box-shadow: none; height: 35px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.sidebar-form input[type="text"] {border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; }
.sidebar-form .btn {border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; }
.ui-tabs .ui-tabs-nav li{border-radius: 0px!important; background: transparent; border: none; margin-right: 10px; padding-right: 10px; border-right: 1px solid #212121 !important; }
.c3-tooltip{-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}
.c3-tooltip th{font-size: var(--primary-font-size) !important;}
.c3-tooltip td{font-size: var(--primary-font-size) !important;}
/*******************************/
/**********Datepicker***********/
/*******************************/
.ui-datepicker{padding: 0; border-radius: 0; border: 0; }
.ui-datepicker .ui-datepicker-header{border-radius: 0; border: 0; margin: 0; }
.ui-datepicker .ui-datepicker-calendar td:hover:not(.ui-datepicker-current-day){border-radius:0; border:0; }

.main-sidebar, .left-side,.control-sidebar{z-index:10; }
.main-header{z-index:101;}

/**********************************/ /**********************************/
.wrap-width{position:relative;}
.que-icn{position: absolute; top: 10px; left: 5px; font-size: 18px; }
.wrap-width .HelpIcon {position: absolute; top: 10px; left: 5px; font-size: 18px; background: transparent url(../images/icon_sprite.png) -20px 0px; height: 21px; width: 22px; display: none; }
.wrap-width .HelpIcon:hover + .helptext {/*display: block !important;*/ }
.wrap-1 .wrap-width, .group-col-1 .form-group{width: 8.33333333%;}
.wrap-2 .wrap-width, .group-col-2 .form-group{width: 16.66666667%;}
.wrap-3 .wrap-width, .group-col-3 .form-group{width: 25%;}
.wrap-4 .wrap-width, .group-col-4 .form-group{width: 33.33333333%;}
.wrap-5 .wrap-width, .group-col-5 .form-group{width: 41.66666667%;}
.wrap-6 .wrap-width, .group-col-6 .form-group{width: 50%;}
.wrap-7 .wrap-width, .group-col-7 .form-group{width: 58.33333333%;}
.wrap-8 .wrap-width, .group-col8 .form-group{width: 66.66666667%;}
.wrap-9 .wrap-width, .group-col-9 .form-group{width: 75%;}
.wrap-10 .wrap-width, .group-col-10 .form-group{width: 83.33333333%;}
.wrap-11 .wrap-width, .group-col-11 .form-group{width: 91.66666667%;}
.wrap-12 .wrap-width, .group-col-12 .form-group{width: 100%;}
.wrap-12.wrap-fullwidth .wrap-width{width: calc( 100% - 50px);}
/**********************************/
.LeadContent .wrap-1 .wrap-width .helptext--desktop{width: calc(100% - 8.33333333%);}
.LeadContent .wrap-2 .wrap-width .helptext--desktop{width: calc(100% - 16.66666667%);}
.LeadContent .wrap-3 .wrap-width .helptext--desktop{width: calc(100% - 25%);}
.LeadContent .wrap-4 .wrap-width .helptext--desktop{width: calc(100% - 33.33333333%);}
.LeadContent .wrap-5 .wrap-width .helptext--desktop{width: calc(100% - 41.66666667%);}
.LeadContent .wrap-6 .wrap-width .helptext--desktop{width: calc(100% - 50%);}
.LeadContent .wrap-7 .wrap-width .helptext--desktop{width: calc(100% - 58.33333333%);}
.LeadContent .wrap-8 .wrap-width .helptext--desktop{width: calc(100% - 66.66666667%);}
.LeadContent .wrap-9 .wrap-width .helptext--desktop{width: calc(100% - 75%);}
.LeadContent .wrap-10 .wrap-width .helptext--desktop{width: calc(100% - 87.33333333%);}
.LeadContent .wrap-11 .wrap-width .helptext--desktop{width: calc(100% - 91.66666667%);}
.LeadContent .wrap-12 .wrap-width .helptext--desktop{width: calc(100% - 100%);}
#QSStep .LeadContent .wrap-12 .wrap-width .helptext--desktop{width:100%;}
/**********************************/
.group-col-1 .form-group, .group-col-2 .form-group, .group-col-3 .form-group, .group-col-4 .form-group, .group-col-5 .form-group, .group-col-6 .form-group, .group-col-7 .form-group, .group-col-8 .form-group, .group-col-9 .form-group, .group-col-10 .form-group, .group-col-11 .form-group, .group-col-12 .form-group{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; }
/*BIG Blue font-size:16px;*/
.form-label{font-size: 12px;font-size: var(--primary-font-size);}
.form-h.group-col-1 .form-group .label-empty, .form-h.group-col-2 .form-group .label-empty,
.form-h.group-col-3 .form-group .label-empty, .form-h.group-col-4 .form-group .label-empty,
.form-h.group-col-5 .form-group .label-empty, .form-h.group-col-6 .form-group .label-empty,
.form-h.group-col-7 .form-group .label-empty, .form-h.group-col-8 .form-group .label-empty,
.form-h.group-col-9 .form-group .label-empty, .form-h.group-col-10 .form-group .label-empty,
.form-h.group-col-11 .form-group .label-empty, .form-h.group-col-12 .form-group .label-empty {display:none;}
.form-v .form-group, .form-h .form-group{position:relative;}
.form-v .form-group {padding: 0px; margin-bottom: 0px !important; }
.form-v .form-group{min-height: 61px;}
.form-v{}
.form-v .que-icn + .form-label{padding-left: 30px;}
.form-v .que-icn{top: 4px; }
.form-v .form-label{}
.form-v .form-input{position:relative;}
.form-v .label-empty{display: block;}
.form-v:before, .form-v:after, .form-v .form-group:before, .form-v .form-group:after{display: table; content: " "; }
.form-v:after,.form-v .form-group:after{clear: both;}
.form-v select.form-control, .form-v input[type="text"]{/* width: 320px; */ }
.form-v .form-label, .form-v label.label-wrapper{font-size: 18px; /* font-family: 'OpenSans-Semibold', sans-serif; */ font-weight:600; }
.form-v .wrap-width{position: relative; max-width: 660px; padding: 10px 0 10px 0px; /* border-style: solid; border-width: 1px; border-color: #c6c6c6 transparent transparent; */ }
.form-v .wrap-width:hover {/* background-color: #f9f0b4; border-color: #e8d760; */ }
.form-v .highlight--help:first-child .wrap-width {border-top-color: transparent; }
.form-v .highlight--help:first-child .wrap-width:hover{border-top-color: #e8d760; }
.form-v .wrap-width label{margin-bottom:0px;padding-bottom: 9px;}
.form-v .wrap-width:hover .helptext{display: block !important; }
.form-v .wrap-width .helptext--desktop{margin: 0px 0px 25px; padding: 10px 13px 10px; border: 1px solid #ababab; border-radius: 3px; left: calc(100% - 20px); right: 0; margin:0; width: 330px; color: #3d3700; background-color: #ffeb6c; border-color: #b49c17; box-shadow: 0 0 5px rgba(0,0,0,0.2); font-size: 15px; line-height: 1.25; border-width:1px; }
.form-v .wrap-width .helptext--desktop:before, .form-v .wrap-width .helptext--desktop:after{content: ""; position: absolute; left: -7px; top: 20px; border-style: solid; border-width: 7px 7px 7px 0; border-color: transparent; border-right-color: #ffeb6c; }
.form-v .wrap-width .helptext--desktop:before {/* top: 35px; */ left: -8px; border-right-color: #b49c17; }
.form-v .wrap-width select.form-control, .form-v .wrap-width input[type="text"]{font-size: 14px !important; /* font-family: 'OpenSans-Bold', sans-serif; */ font-weight:600; color: #333 !important; /* width: 320px; */ height: 40px; padding: 0 10px; background: #fff; border: 1px solid #c6c6c6; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: textfield; }
/*****************/
.form-h label.control-label{padding: 4px 0;margin: 0;}
.form-h .form-label,.form-h .form-input{padding-top: 0px; margin-bottom: 0; text-align: right; float: left; padding-right: 20px; }
.form-h .form-label{/* padding-left: 30px; font-weight: bold;*/padding-top: 5px; }
.form-h .form-input{/*padding-top: 2px; padding-bottom:2px;*/ float: left; text-align: left; padding-right: 15px; position:relative;min-height: 28px; }
.form-h .form-input .ScriptIcon{position: absolute; top: 0; left: 100%; right: -100%; height: auto; min-width: 24px; height: 24px; line-height: 24px; }
/*BIG Blue padding: 10px 0px; min-height: 34px; */
.form-h .form-group{/* min-height: 28px; */ padding: 0px 0px; margin-bottom: 0; /* border-top: 1px solid #788FBA; */ }
.form-h .form-group:before, .form-h .form-group:after{display: table; content: " "; }
.form-h .form-group:after{clear: both;}
.form-h.label-1 .form-label{width: 8.33333333%;}
.form-h.label-1 .form-input{width: 91.66666667%;}
.form-h.label-1 .form-btn,.form-h.label-1 .footer-form-btn{margin-left: 8.33333333%;}
.form-h.label-2 .form-label{width: 16.66666667%;}
.form-h.label-2 .form-input{width: 83.33333333%;}
.form-h.label-2 .form-btn,.form-h.label-2 .footer-form-btn{margin-left: 16.66666667%;}
.form-h.label-3 .form-label{width: 25%;}
.form-h.label-3 .form-input{width: 75%;}
.form-h.label-3 .form-btn,.form-h.label-3 .footer-form-btn{margin-left: 25%;}
.form-h.label-4 .form-label{width: 33.33333333%;}
.form-h.label-4 .form-input{width: 66.66666667%;}
.form-h.label-4 .form-btn,.form-h.label-4 .footer-form-btn{margin-left: 33.33333333%;}
.form-h.label-5 .form-label{width: 41.66666667%;}
.form-h.label-5 .form-input{width: 58.33333333%;}
.form-h.label-5 .form-btn,.form-h.label-5 .footer-form-btn{margin-left: 41.66666667%;}
.form-h.label-6 .form-label{width: 50%;}
.form-h.label-6 .form-input{width: 50%;}
.form-h.label-6 .form-btn,.form-h.label-6 .footer-form-btn{margin-left: 50%;}
.form-h.label-7 .form-label{width: 58.33333333%;}
.form-h.label-7 .form-input{width: 41.66666667%;}
.form-h.label-7 .form-btn,.form-h.label-7 .footer-form-btn{margin-left: 58.33333333%;}
.form-h.label-8 .form-label{width: 66.66666667%;}
.form-h.label-8 .form-input{width: 33.33333333%;}
.form-h.label-8 .form-btn,.form-h.label-8 .footer-form-btn{margin-left: 66.66666667%;}
.form-h.label-9 .form-label{width: 75%;}
.form-h.label-9 .form-input{width: 25%;}
.form-h.label-9 .form-btn,.form-h.label-9 .footer-form-btn{margin-left: 75%;}
.form-h.label-l0 .form-label{width: 83.33333333%;}
.form-h.label-10 .form-input{width: 16.66666667%;}
.form-h.label-10 .form-btn,.form-h.label-10 .footer-form-btn{margin-left: 83.33333333%;}
.form-h.label-11 .form-label{width: 91.66666667%;}
.form-h.label-11 .form-input{width: 8.33333333%;}
.form-h.label-11 .form-btn,.form-h.label-11 .footer-form-btn{margin-left: 91.66666667%;}
.form-h.label-12 .form-label{width: 100%;}
.form-h.label-12 .form-input{width: 100%;}
.form-h.label-12 .form-btn,.form-h.label-12 .footer-form-btn{margin-left: 100%;}
.form-v[class*="group-col-"] .form-btn {position: relative; top: 22px; }
.form-v[class*="group-col-"] .form-popover, .form-h[class*="group-col-"] .form-popover {left: 5px; right: 0; top: 110%; }
.form-v[class*="group-col-"] .form-popover .HelpText:before, .form-h[class*="group-col-"] .form-popover .HelpText:before{position: absolute; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ff9800; top: -9px; }
.wrap-8 .wrap-width.tab-footer-form-btn, .group-col8 .form-group.tab-footer-form-btn{width:100%;}
.form-h.label-5 .tab-footer-form-btn .form-btn, .form-h.label-5 .tab-footer-form-btn .footer-form-btn{margin-left: 0;}
.text-error{font-size:14px;color:#ac0000;}
.ui-datepicker{background-color: #ffffff;}
/**********************************/ /*************MTA CSS*************/
.bc-transparent{background:transparent;}
.container.body-container{width:100%; padding-left:0; padding-right:0; }
.body-container .que-icn{position: absolute; top: 10px; left: 5px; font-size: 18px; }
.body-container .wrap-width .HelpIcon {
    position: relative;
    top: 8px;
    left: 5px;
    font-size: 14px;
    /*background: transparent url(../images/icon_sprite.png) -20px 0px;*/
    background: none;
    /* height: 21px;
    width: 22px; */
    display: inline-block;
    display: none;
}
.body-container .wrap-width .HelpIcon:before{position: absolute; font-family: 'Font Awesome\ 5 Free';font-weight: 900; content:"\f059"; color:#b8c5e0; }
.body-container .helptext {display: none; }
.body-container .form-input+.helptext .helptext--desktop {left:100%; top:50%;padding: 5px;}
.body-container .helptext--desktop {position: absolute; background-color: #181818; border: 1px solid #f28d48; padding: 10px; text-align: left; max-width: 270px; color: #aaa; z-index: 999; margin-top: 10px; /*  margin-left: 25px; */ font-size: 13px; }
.body-container .helptext--visible .helptext--desktop {max-height: 700px; opacity: 1; -webkit-transform: translateY(-38%); -ms-transform: translateY(-38%); transform: translateY(-38%); z-index: 100; color: #4e585c; }
.body-container .helptext--desktop:before {/*top: 4px; left: -16px; border-right: 8px solid #c6cacc;*/ }
.body-container .helptext--desktop:after {/*top: 4px; left: -15px; border-right: 8px solid #fff;*/ }
.body-container .helptext--visible .helptext--desktop:before {opacity: 1; }
.body-container .helptext--desktop:after, .helptext--desktop:before {}
.body-container .wrap-width .HelpIcon+.helptext{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    margin-left: 12px;
}
.body-container .wrap-width .HelpIcon+.helptext>.helptext--desktop{
    margin-left: auto;
    position: relative;
    width: auto;
    min-width: 180px;
    padding: 7px;
}
.body-container .wrap-width .HelpIcon+.helptext>.helptext--desktop .helptext__content p{
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
}
.body-container .wrap-width .HelpIcon:hover + .helptext {display: inline-block !important; }
.body-container .form-h .form-label {padding-left:5px;padding-right: 15px;text-align: left;}
.body-container .questionset-section .form-h .form-label {padding-left:30px;padding-right: 15px;text-align: left;}
.body-container .questionset-section .form-h .helptext-exist>span {position: relative;}
.body-container .form-input+.helptext .helptext--desktop p{margin: 0; line-height: 1.4;font-size: 12px;color: #b8c5e0;}
/**********FORM BTN************/
.body-container .form-btn{display:inline-block;margin-right:16px;}
.body-container .questionset-section .form-btn .btn{font-size: 12px;font-size: var(--primary-font-size); font-weight: 600; padding: 5px 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.50); }
.body-container .questionset-section .form-btn .btn:hover{text-decoration: underline; }
.body-container .questionset-section .form-btn .btn-success, .body-container .questionset-section .form-btn .btn-back{/*color: #fff; background-color: #449d44; border-color: #008d4c; position: relative;*/ background-color: #454545 !important; background-image: -webkit-linear-gradient(top,#3e3e3e,#333) !important; border: 1px solid #141414 !important; box-shadow: 0 1px 0 rgba(255,255,255,.06), 1px 1px 0 rgba(255,255,255,.03), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,.05) !important; color: #aaa !important; text-shadow: 0 -1px 0 rgba(0,0,0,.5) !important; }
.body-container .questionset-section .form-btn .btn-success:hover, .body-container .questionset-section .form-btn .btn-back:hover{/*color: #fff; background-color: #008d4c; border-color: #008d4c;*/ color: #f28d48 !important; background-image: -webkit-linear-gradient(top,#4e4e4e,#474747) !important; border: 1px solid #191919 !important; box-shadow: 0 1px 0 rgba(255,255,255,.09), 1px 1px 0 rgba(255,255,255,.05), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,.05) !important; }
.body-container .questionset-section .questionset-header{font-size:15px;}
.body-container .form-btn.move-right{float: right; /* margin-right: 0; */ }
/**************************/
.body-container .custom-table.table>thead>tr>th, .body-container .custom-table.table>tbody>tr>th, .body-container .custom-table.table>tfoot>tr>th, .body-container .custom-table.table>thead>tr>td, .body-container .custom-table.table>tbody>tr>td{border:0 !important;}
.body-container .theme-table.custom-table.table>thead>tr>th, .body-container .theme-table.custom-table.table>tbody>tr>th, .body-container .theme-table.custom-table.table>tfoot>tr>th, .body-container .theme-table.custom-table.table>thead>tr>td, .body-container .custom-table.table>tbody>tr>td{border:1px solid #222222;}
.body-container .theme-table.table-striped>tbody>tr:nth-of-type(odd) {background-color: #181818; }
.body-container .theme-table.table th, .theme-table.table td {line-height: 1.2; text-align: center; vertical-align: middle; border: none; }
.body-container .dark-theme table.dataTable.no-footer{border-bottom:none;}
.body-container .quote-table > .table{font-weight:400; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
.body-container .quote-table > .table-bordered{border:none !important;}
.body-container .quote-table > .table thead>tr>th{background-color: #181818; border:none !important; font-weight:400; text-align:center; vertical-align:middle; }
.body-container .quote-table > .table thead>tr>th:nth-child(2){background-color: #f28d48; color: #fff; }
.body-container .quote-table > .table tbody>tr>td:nth-child(2){background-color: #181818; }
.body-container .quote-table > .table tbody>tr>td{border: 1px solid #181818; line-height: 1.2; text-align:center; vertical-align:middle; }
.body-container .quote-table .quote-table-details{padding:5px 15px; background:#222222; color:#aaa; border-radius: 4px; }
.body-container .quote-table-details .table tbody>tr>td, .body-container .quote-table-details .table tbody>tr>td{text-align: left; }
.body-container .quote-table-details .table tbody>tr>td:nth-child(2) {background-color: transparent; }
.body-container .close-quote-detail {/* position: absolute; left: auto; right: 0; top: -40px; padding: 10px; font-size: 30px; line-height: 1; background: #e2eef9; width: 97px; */ }
/**************************/
.body-container .quote-container{position: relative; display: block; padding: 20px 0; text-align: center; }
.body-container .quote-container .table th,.quote-container .table td{line-height: 1.2; text-align: center; vertical-align: middle; border: none; border-bottom: 1px solid #788fba; }
.body-container .quote-container .table td:first-child{text-align:left;}
.body-container .quote-container .table td .table-btn{min-width:82px;}
.body-container .CloseDetails{position: absolute; border: none; bottom: -10px; left: 0; height: 90%; width: 100%; background: #222222; border-radius: 5px 5px 0 0; color: #aaa; }
.body-container .MoreDetails.btn,.body-container .BuyNow.btn,.body-container .RiskFactors.btn{padding: 2px 5px; color: #f28d48 !important; background-image: -webkit-linear-gradient(top,#4e4e4e,#474747) !important; border: 1px solid #191919 !important; box-shadow: 0 1px 0 rgba(255,255,255,.09), 1px 1px 0 rgba(255,255,255,.05), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,.05) !important; }
/**************************/ /**DATA TABLE FOR WITHOUT SORT ICON**/
.body-container .no-sort-icn .sorting:after, .body-container .no-sort-icn .sorting_asc:after, .body-container .no-sort-icn .sorting_desc:after {/* background : none !important; */ display:none !important; }
.body-container table.no-sort-icn.dataTable.table-condensed thead > tr > th{padding-right: 5px; }
.body-container table.table-bordered.dataTable{border-collapse: collapse !important;}
/**DATA TABLE FOR WITHOUT SORT ICON END**/ /*************************/ /**********FORM BTN END************/ @media screen and (min-width: 768px){.body-container .helptext-mobile-button {position: absolute; top: 50%; right: 30px; -webkit-transition: none; transition: none; border: 0; padding: 0; width: 24px; height: 24px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); display: none; }
.body-container .helptext-content-close {position: absolute; display: block; text-align: center; width: 24px; height: 24px; line-height: 24px; background: #171717; color: #f28d48; right: -10px; top: -10px; border-radius: 50%; display: none; }
.input-success, .input-error, .input-success-error {position: absolute; top: 50%; /* left: auto; */ right: 30px; -webkit-transition: none; transition: none; border: 0; padding: 0; width: 24px; height: 24px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); /* background: url(../images/input-success.png) center center no-repeat; */ } }
/**********************************/ /**************************/
.form-popover{position: absolute; left: 100%; top: 0; right: 0; min-width: 260px; /* padding: 6px 10px; */ /* top: 50%; */ /* transform: translateY(-30%); */ z-index: 10; }
.form-popover .HelpText{position: relative; display: block; background: #181818; padding: 3px 5px; border: 1px solid #a06714; margin-left: 10px; max-height: 160px; overflow-y: auto; }
/* .form-popover .HelpText{max-height: 120px; overflow-y:auto; position: absolute; left: 110%; top: 0; width: 360px; background: #fff; padding: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.form-popover .HelpText:after {position: absolute; display: inline-block; border-bottom: 8px solid transparent; border-left: 12px solid transparent; border-top: 8px solid transparent; content: ''; }
.form-popover .HelpText:after {top: 50%; left: -24px; border-right: 12px solid #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } */
/* .form-popover.form-popover-visible {max-height: 700px; opacity: 1; -webkit-transform: translateY(-38%); -ms-transform: translateY(-38%); transform: translateY(-38%); z-index: 100; color: #4e585c; } */
.opacity-change1 {opacity: 0.1; }
.opacity-change2 {opacity: 0.2; }
.opacity-change3 {opacity: 0.3; }
.opacity-change4 {opacity: 0.4; }
.opacity-change5 {opacity: 0.5; }
.opacity-change6 {opacity: 0.6; }
.opacity-change7 {opacity: 0.7; }
.opacity-change8 {opacity: 0.8; }
.opacity-change9 {opacity: 0.9; }
.opacity-change10 {opacity: 1; }
.dialogIcons {float: right; /*margin-right: 20px;*/ }
.dialogIcons > i {cursor: pointer;width: 18px;height: 14px;margin-right: 7px;text-align: center;opacity: 1;}
.dialogIcons > i:hover {opacity: 1;}
.dialogIcons > i.windowminWidth{transform: rotate(45deg);}
.dialogIcons > i.windowminHeight{transform: rotate(-45deg);}
/*.opacity-change{background: rgba(0, 0, 0, 0.5); }
.opacity-change .ui-dialog-titlebar{background: transparent !important; }
.opacity-change .dialog-box, .opacity-change.ui-dialog .ui-dialog-content, .opacity-change .dialog-box .box, .opacity-change .box-header{background: transparent !important; }*/
.classAbsolute{position:absolute;}
.classFixed{position:fixed !important;}
/* **************************** */
.PopupTabContentArea,.PopupTabContentArea_0,.PopupTabContentArea_,
#TreeScrollbar,.OneClickResDiv,#MenuContent,#GridComponent{/*overflow:auto;*/}
.OneClickResDiv{/*padding: 5px;*/}

.OneClickResDiv .maintitle{display: inline-block;}
.OneClickResDiv .search-input{margin: 0px 7px 3px auto;margin-left:auto;}
.OneClickResDiv .search-input input{margin: 2px 0 !important;width: 200px;}
.OneClickResDiv > div {/*padding: 5px;background: #1f2023;*/}
/* //////////////////////////////// */
.table-search-input{margin: 0px 7px 3px auto;margin-left:auto;float: right;}
.table-search-input input{margin: 2px 0 !important;width: 200px;}
/* //////////////////////////////// */
#TreeStructure{}
#TreeStructure #TreeScrollbar{padding: 5px;}
#TreeStructure #TreeScrollbar>div{background-color: #1f2023;}
#TreeStructure #TreeScrollbar .tree-guid{padding: 5px 5px 5px 20px;}
#TreeStructure #TreeScrollbar .fa-hierarchy:before{content:'\f0e8'}
#TreeStructure #TreeScrollbar .fa-hierarchy:not(.fa-folder-open):before{content:'-'}
#TreeStructure #TreeScrollbar .fa-team:before{content:'\f0c0'}
#TreeStructure #TreeScrollbar .fa-team:not(.fa-folder-open):before{content:'-'}
/* //////////////////////////////// */
#FormComponent .PopupTabContentArea{/*padding: 5px;*/}
#FormComponent .PopupTabContentArea .LeadContent{/*padding: 5px;background: #1F2023;*/}
/* //////////////////////////////// */
.d-flex{display: flex;}
.btn-flex-end{height: auto;align-items: flex-end;}
.flex-head{    
    display: flex;
    align-items: center;
}
.flex-head .maintitle{
    font-size: 12px;
    margin: 0px;
    text-transform: uppercase;
    padding: 8px 0px;
}
.align-items-flex-end{align-items:flex-end;}
/* //////////////////////////////// */
.scroll_vh_100{/*padding: 10px 0;*/}
.form-container,.section-container{padding: 5px;}
.dialog-box .scroll_vh_100,.dialog-box .slimScrollDiv{height: auto !important;}
/* //////////////////////////////// */
.overflow-hide{overflow: hidden;}
/* //////////////////////////////// */
#FormulaCode{width:100%;width: calc(100% - 10px) !important;}
/* //////////////////////////////// */
.theme-bg-primary{background: #1F2023;}
.theme-bg-secondary{background: #070708;}
/* //////////////////////////////// */
.gridtable thead tr th,.gridtable tbody tr td{min-width:150px;}
.ui-autocomplete{z-index:9999 !important;max-height:200px; max-width:400px; overflow:auto;}
.dtable-header{margin-top:10px;}
.infobox-left .mCSB_container{/* overflow:auto; height:100%; */ }
#mCSB_1_container  .wrap-10 .wrap-width {/* width: 100%; */ }
.ui-menu-item{padding:1px !important;}
.btn{/*margin-bottom:5px;*/}
.table tbody tr td .btn{margin-bottom:0px !important;}
.maintitle{font-size:12px; margin:0px;text-transform: uppercase;}
.tableset tr td a.btn-theme{min-width:45px; height:25px; line-height:25px; }
.addresses {position: absolute; border: 1px solid #ddd; z-index: 10; background: #fff; color:#000; width: 96%; max-height: 300px; overflow-y: auto !important; }
.addresses  span{position: relative; display: block; padding: 5px 10px; line-height: 1; font-size: 16px; cursor: pointer;}
/*motorhome css*/
.errorpage .box-container .box-header{background-color:#f8f8f8;}
.errorpage .box-container .box-header > h1{font-size: 20px; vertical-align: top; color: #e8193c; font-weight: 600; text-align:center; margin:0px; }
.errorpage{margin-top:100px;}
.errorpage .font10{font-size:10px;}
.errorpage .font12{font-size: 12px;font-size: var(--primary-font-size);}
.errorpage .font16{font-size: var(--primary-font-size-xl);}
.errorpage .footertext{text-align:center; font-style:italic; font-size:14px;color:#064570;font-weight: 600;}
.fc-lblue{color: #ffffff;}
/*Quote css*/
.Quotetable{width: 100%; overflow-x: auto;display:flex;flex-direction:column;}
.Quoteheader{color:#fff; height:70px;min-height:70px;margin-bottom:10px;}
.Addbtn,.Moredetailsbtn {background-color: #454545; background-image: -webkit-linear-gradient(top,#3e3e3e,#333); border: 1px solid #141414; box-shadow: 0 1px 0 rgba(255,255,255,.06), 1px 1px 0 rgba(255,255,255,.03), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,.05); color: #aaa; text-shadow: 0 -1px 0 rgba(0,0,0,.5);}
.Addbtn:hover,.Addbtn:focus,.Moredetailsbtn:hover,.Moredetailsbtn:focus{ color: #f28d48; background-image: -webkit-linear-gradient(top,#4e4e4e,#474747); border: 1px solid #191919; box-shadow: 0 1px 0 rgba(255,255,255,.09), 1px 1px 0 rgba(255,255,255,.05), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,.05);}
.Buybtn{color: #a1a1a1; background-color: #353535; border: 1px solid #181818; border-radius: 4px; padding: 2px 4px !important; margin: 0px 0; font-size: 14px; font-weight: 600; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);}
.Buybtn:hover,.Buybtn:focus{color: #f28d48; background-color: #454545; background-image: -webkit-linear-gradient(top,#3e3e3e,#333); border: 1px solid #141414; box-shadow: 0 1px 0 rgba(255,255,255,.06), 1px 1px 0 rgba(255,255,255,.03), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,.05); /* text-shadow: 0 -1px 0 rgba(0,0,0,.5); */}
.Quoteheaderul{display:table;position:relative;padding:0px;width:100%;list-style:none;margin:0px;background-color:#171717;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}
.Quoteheaderli{display:table-cell;vertical-align:middle;height:70px;width:16.6%;text-align:center;font-size: 14px;font-weight:600;border-left:1px solid #fff;}
.Quoteheaderli:nth-child(1){border-left:0px;}
.Quoteheaderli .Insurer{width:100px;}
.Quoteheaderli .MonthlyPrice{width:120px;}
.Quoteheaderli .Excess{width:150px;}
.Quoteheaderli .legal{width:90px;}
.Quoteheaderli .Excessprotection{width:110px;}
.Quoteheaderli .keycover{width:105px;}
.Quoteheaderli .breakdown{width:105px;}
.Quoteheaderli .Quoteaction{width:100px;}
.Quoteheaderli .Buyoption{width:110px;}
.addons-header{margin:0px;display:table;padding:0px;border-top:1px solid #fff;}
.addons-headeritem:nth-child(1){border-left:0px;}
.addons-headeritem{width: 82px; padding: 0 5px; display: table-cell; vertical-align: middle; list-style: none; height: 37px; line-height: 1.2em; font-size: 12px;font-size: var(--primary-font-size); font-size: 1.2rem; border-left:1px solid #fff; }
.addontitle {color: #fff; margin: 0; font-style: italic; height: 30px; line-height: 30px; line-height: 3rem; font-size: 12px;font-size: var(--primary-font-size);}
.Quotebody-inner{margin-bottom:10px;}
.Quotebodyul{display:table;position:relative;width:100%;padding:0px;list-style:none;margin:0px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}
.Quotebodyli{display:table-cell;vertical-align:middle;width:16.6%;text-align:center;border-left:1px solid #ddd;/*background-color:#333;*/background-color:rgb(0 0 0 / 0.05);}
.Quotebodyli:nth-child(1){border-left:0px;}
.Quotebodyli:nth-child(1) .Insurer-1{margin: 0 auto;}
.Quotebodyli .Insurer-1{width:100px;}
.Quotebodyli .MonthlyPrice-1,.Quotebodyli .AnnualPrice-1{width:120px;}
.Quotebodyli .Excess-1{width:150px;padding:0px 5px;}
.Quotebodyli .legal-1{width:90px;}
.Quotebodyli .Excessprotection-1{width:110px;}
.Quotebodyli .keycover-1{width:105px;}
.Quotebodyli .breakdown-1{width:105px;}
.Quotebodyli .Quoteaction-1{width:100px;}
.Quotebodyli .Buyoption-1{width:110px;}
.Quotebodyli .Insurer-1 img{max-width:90px;max-height:auto;}
.Quotebodyli{height:100px;}
.Quotebodyli .AnnualPrice-1 h3{font-size:18px;font-weight:600;}
.Excess-1 .table{margin:0px;}
.Excess-1 .table tbody tr td,.Excess-1 .table thead tr td,.Excess-1 .table tbody tr th, .Excess-1 .table thead tr th{padding:3px;font-size: 12px;font-size: var(--primary-font-size);border-top:0px;}
.moreanchor{color:#f6a416;font-style:italic;}
.Quotebodyul-inner{background-color:#fff;padding:10px 15px;list-style:none;}
.Quotebodyli-inner .table{background-color:#fff;}
.Quotebodyli-inner .table tr td:first-child{    background-color: #0f4570; color: #fff;}
/* ///////////////////////////////// */
/*.Quoteheaderul, .Quotebodyul {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.Quoteheaderul > li, .Quotebodyul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex: 1;
    min-width: 100px;
}*/
/* ///////////////////////////////// */
.closeanchor{    background-color: #f6a416; color: #fff; border:1px solid #f6a416; padding: 2px 4px; border-radius: 4px;}
.closeanchor:hover,.closeanchor:focus{    background-color: #fff; color: #f6a416; }
.MonthlyPrice-1 h3{font-size:18px;}
.AMprice{font-size: var(--primary-font-size) !important; padding: 2px; border-radius: 4px; width: 90px; border: 1px solid #333333; background-color: #333333; color: #fff;}
.AMprice:hover,.AMprice.active{background-color: #fff; color: #f28d48;}
.Quotetable [type="radio"]:checked, .Quotetable [type="radio"]:not(:checked),.pricebtned  [type="radio"]:checked,.pricebtned  [type="radio"]:not(:checked){position: absolute; left: -9999px; }
.Quotetable [type="radio"]:checked + label,.pricebtned [type="radio"]:checked + label{background-color:#333333 !important;color:#fff  !important;}
.Quotetable [type="radio"]:checked + label, .Quotetable [type="radio"]:not(:checked) + label, .pricebtned [type="radio"]:checked + label, .pricebtned [type="radio"]:not(:checked) + label {position: relative; background: rgb(255, 255, 255); padding: 4px 6px 4px 28px; float: left; margin-left: 10px; border: 1px solid #333; border-radius: 4px; cursor: pointer; line-height: 20px; display: inline-block; color: #333; }
.Quotetable [type="radio"]:checked + label:before, .Quotetable [type="radio"]:not(:checked) + label:before , .pricebtned [type="radio"]:checked + label:before, .pricebtned [type="radio"]:not(:checked) + label:before{content: ''; position: absolute; left: 4px; top: 5px; width: 18px; height: 18px; border: 1px solid #333; border-radius: 100%; background: #fff; }
.Quotetable [type="radio"]:checked + label:after, .Quotetable [type="radio"]:not(:checked) + label:after, .pricebtned [type="radio"]:checked + label:after, .pricebtned [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #f28d48; position: absolute; top: 8px; left: 7px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.Quotetable [type="radio"]:not(:checked) + label:after, .pricebtned [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.Quotetable [type="radio"]:checked + label:after , .pricebtned [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.Quotesection-inner  .Quotebodyli{border-left: 1px solid #0f4570;}
.Quotesection-inner  .Quotebodyli:first-child{border-left: 0px !important;}
.Quotesection-inner{background-color: #fff; border: 1px solid #0f4570; border-radius: 0px; margin-bottom:10px; }
.Logosection{width:180px;}
.Quotebodyli .Logosection img {max-width: 120px; max-height: 60px; }
.sectionexcess .table{margin:0px;border:1px solid #0f4570;}
.sectionexcess .table tbody tr th{background-color: #0f4570; color: #ffffff;}
.sectionexcess .table tbody tr td,.sectionexcess .table tbody tr th{padding:3px 6px;border:0px !important;}
.btnsection{width:200px;}
.coveredsection{width:220px;padding:0px 15px;}
.coveredsection i{font-size:20px !important;}
.coveredsection p{margin-bottom:5px;line-height:20px;}
.sectionprice p{margin-bottom:5px;}
.sectionprice{width:220px;}
.sectionexcess{width:220px;padding:10px;}
.Quotesection{padding:0px;}
.btnsection  button{min-width:100px !important;margin-bottom:10px;}
.Quotesummary{border:1px solid #000;padding:10px;background-color:#333;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);margin-bottom:10px;}
.Quotesummary h4 {color:#fff;}
.Quotesummary .panel-title a:hover,.Quotesummary .panel-title a:focus{color:#0f4570;}
.Quotesummary .table {margin:0px;}
.Quotesummary .table tr td{padding:3px;border-top:0px;}
.Quotesummary .table tr td  label{font-size:14px;color:#fff;}
.Quotesummary .table tr td  p{font-size: 12px;font-size: var(--primary-font-size);}
.Quotesummary .panel-default>.panel-heading{background-color: #181818;}
.Editbtnn{background-color: #343434; color: #fff; font-weight: 600; border: 1px solid #181818; border-radius: 4px; padding: 4px 6px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);}
.Editbtnn:hover{background-color: #fff; color: #f28d48; border: 1px solid #181818; }
.cheapquote{    border: 2px dashed #f28d48; margin-bottom: 10px; background-color: #333; padding: 5px 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}
.cheaptext{line-height:30px;}
.cheapquote img{max-height:30px;margin-left:10px;}
.more-less{float:right;}
/*Addon css*/
.addonbox{border:2px solid #ddd;padding:10px;border-radius:4px;background-color:#fff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}
.addonboxchecked{border: 2px solid #f28d48 !important;}
.addonhead  h4{text-align:center;color:#0f4570;margin: 0px 0px 10px;}
.addonhead {border-bottom:1px solid #ddd;margin-bottom:15px;}
.addonfeatures{min-height:150px;margin:0px 15px;}
.addoncost{text-align:center;}
.pdfsection{text-align:center;margin-top:20px;}
.pdfsection img{height:15px;}
.pdfsection a{color: #f2f2f2;line-height:15px;}
.selectswitch {/* padding-top:20px; */}
.selectswitch .switch {position: relative; display: block; vertical-align: top; width: 110px; height: 30px; padding: 3px; margin: 0 auto; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; box-sizing:content-box; }
.selectswitch .switch-input {position: absolute; top: 0; left: 0; opacity: 0; box-sizing:content-box; }
.selectswitch .switch-label {position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #222222; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); box-sizing:content-box; }
.selectswitch .switch-label:before,.selectswitch  .switch-label:after {position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; box-sizing:content-box; }
.selectswitch .switch-label:before {content: attr(data-off); right: 7px; color: #fff; text-shadow: 0 1px rgba(255, 255, 255, 0.5); }
.selectswitch .switch-label:after {content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; }
.selectswitch .switch-input:checked ~ .switch-label {background: #f28d48; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }
.selectswitch .switch-input:checked ~ .switch-label:before {opacity: 0; }
.selectswitch .switch-input:checked ~ .switch-label:after {opacity: 1; }
.selectswitch .switch-handle {position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
.selectswitch .switch-handle:before {content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); }
.selectswitch .switch-input:checked ~ .switch-handle {left: 84px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }
.selectswitch .switch-label,.selectswitch  .switch-handle {transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }
.styled-checkbox {position: absolute; opacity: 0; }
.styled-checkbox + label {position: relative; cursor: pointer; padding: 0; font-weight:600; }
.styled-checkbox + label:before {content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: #ddd; }
.styled-checkbox:hover + label:before {background: #0f4570; }
.styled-checkbox:focus + label:before {box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12); }
.styled-checkbox:checked + label:before {background: #0f4570; }
.styled-checkbox:disabled + label {color: #b8b8b8; cursor: auto; }
.styled-checkbox:disabled + label:before {box-shadow: none; background: #ddd; }
.styled-checkbox:checked + label:after {content: ''; position: absolute; left: 5px; top: 9px; background: white; width: 3px; height: 3px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.unstyled {margin: 0; padding: 0; list-style-type: none; }
.addongrid .panel-heading{padding:10px;background-color: #222222;}
.addongrid .panel-body{padding:10px;}
.addongrid .panel-title{font-weight: 600; margin-bottom: 5px; position: relative; padding-right: 25px; min-height: 39px; margin-right: 6px; color: #f6f6f6; font-size: 16px; }
.addongrid .more-less{position:absolute;right:-20px;}
.addongrid  .glyphicon-remove-sign{color: #f6f6f6;}
.addonli {color: white; padding: 5px; background-color: #333; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); border: 2px solid transparent; min-height:370px; border-radius: 2px; margin-bottom: 5px; }
.addon-price {text-align:center; margin-bottom: 5px; font-size: 20px; color: #f2f2f2; }
.addon-price span{color: #fdfdfd; font-size:14px;}
.addonsmallswitch{text-align: center; }
.addonsmallswitch .switch {position: relative; display: inline-block; width: 60px; height: 30px; }
.addonsmallswitch .switch input {opacity: 0; width: 0; height: 0; }
.addonsmallswitch .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 30px; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.addonsmallswitch .slider:before {position: absolute; content: ""; height: 22px; width: 22px; left: 4px; border-radius: 50%; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.addonsmallswitch input:checked + .slider {background-color: #ec1846; }
.addonsmallswitch input:focus + .slider {box-shadow: 0 0 1px #2196F3; }
.addonsmallswitch input:checked + .slider:before {-webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
.addongridmain:nth-child(3n+1) {}
.policygrid1 .box-body{min-height:100px;}
.policysummary .panel-title{color:#222;}
.policysummary .panel-body{background-color:#222;}
.Pricefield {position: relative; }
.Pricefield span {position: absolute; padding: 3px 10px; font-size: 15px; }
.Pricefield input {padding-left: 30px; }
.box-container .box-header > h2, .box-container .box-footer > h2 {position: relative; display: inline-block; margin: 0; font-size: 18px; vertical-align: top; font-weight: 600; }
.right-nav-btns ul li a{/*color: #fff;cursor:pointer;*/}
.right-nav-btns ul li{/*padding: 5px 10px; background-color: #181818; margin-bottom: 10px; margin-right: 10px; border-radius: 3px; border: 1px solid #333;*/}
.right-nav-btns{height: 100%; }
.right-nav-btns .sidebar-menu{/*overflow: auto; height: calc(100vh - 40px);*/ }
.Qutationless{padding: 10px;background-color:#fff;position:relative;display:block;}
.Qutationenquiry{padding: 10px; position:relative; background-color: #fff; border: 3px solid #17b59d; display:inline-block; width:100%; }
.Qutationless::before{content: ""; position: absolute; height: 20px; border-top: 10px solid #17b59d; border-left: 10px solid #17b59d; border-right: 0px solid #17b59d; border-bottom: 0px solid #17b59d; background-color: #17b59d; width: 20px; top: 0px; right: 20%; transform: rotate(45deg);}
.Quotenot{font-size: 16px !important; padding: 10px; background-color: #f3f3f3; margin: 0px auto; border: 1px solid #ddd; color: #a0a0a0; width: 100px; border-radius: 4px; }
.Quotecall{    float: left; width: 50%;}
.Quotehours{    float: left; width: 50%;}
.Quotehighlite{width: 95%; background-color: #f3f3f3; min-height: 68px; padding: 10px;}
.Quotehighlite p{margin-bottom:5px;}
.Quotehighlite div{font-size:24px;padding:10px;text-align:center;}
.firstline{font-weight: 700; font-style: italic; font-size: 15px;}
.tablelook tr th,.tablelook tr td{padding:5px;}
/*Loader or Loading*/
.loader,.loader-center {position: absolute; display: block; border: 2px solid #ddd; border-radius: 50%; border-top: 2px solid #f28d48;
	width: 30px; height: 30px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; top: 50%;
	left: 50%; z-index: 999; }
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); } }
@keyframes spin {0% {transform: rotate(0deg); } 100% {transform: rotate(360deg); } }
.loader-center {position: absolute; z-index: 102; }
.loader-center+span:after {position: fixed; display: block; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; top: 0; } @-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); } } @keyframes spin {0% {transform: rotate(0deg); } 100% {transform: rotate(360deg); } }
/*VH HEIGHT*/ #wrapper,.ui-dialog{/*display: -webkit-box;*/ display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; height: 100vh; }
.sidebar #side-Logo + #InboxTree .inboxtreeview { height: calc(100vh - 136px);overflow-y: auto;/*content: 'viewport-units-buggyfill; height: calc(100vh - 136px);'; height: calc(var(--vh, 1vh) * 100);*/}
.box {/*height: 85vh; overflow-y: auto;*/ }
.box .chartSize{height: 350px !important;min-height: 350px !important;text-align: center;}
#maincontentdv .content .row .col-xs-12 .box {/**/height: calc(100vh - 68px); overflow-y: auto; }
.control-sidebar #RightMenuDetails{height: calc(100vh - 52px); overflow-y: auto; }
#RightMenu .control-sidebar{/*width: 230px*/ } div[class*='col-md-'] > .control-sidebar{position: relative; width:100%; height: calc(100vh - 100px); padding-top: 0; z-index:0; }
.vhScroll-100{height:95vh; overflow-y:auto; }
.vhScroll-85{height:85vh; overflow-y:auto; }
.vhScroll-50{height:47vh; overflow-y:auto; }
div[role="dialog"] {box-sizing:border-box; }
/****************/
.NavbarWrapper.left,.NavbarWrapper.Left,.NavbarWrapper.right,.NavbarWrapper.top,.NavbarWrapper.bottom {position: relative; display: block; width: 100%; }
.NavbarWrapper.left.showLeftBtn,.NavbarWrapper.Left.showLeftBtn{padding-left: 45px;}
.NavbarWrapper.right{padding-right: 30px;}
.NavbarWrapper.top{padding-top: 60px;}
.NavbarWrapper.bottom{padding-bottom: 60px;}
.NavbarWrapper.left > #NavigationBar, .NavbarWrapper.Left > #NavigationBar, .NavbarWrapper.right > #NavigationBar, .NavbarWrapper.top > #NavigationBar, .NavbarWrapper.bottom > #NavigationBar {position: absolute; display: block; }
.NavbarWrapper.left #NavigationBar,.NavbarWrapper.Left #NavigationBar{left: 0;top: 5px;}
.NavbarWrapper.right #NavigationBar{right:-15px;z-index:1050;}
.NavbarWrapper.top #NavigationBar{top:0;left: 15px;z-index:1050;}
.NavbarWrapper.bottom #NavigationBar{bottom:0;left: 15px;z-index:1050;}
.NavbarWrapper.top .btnTabs .dialogNavBtn, .NavbarWrapper.bottom .btnTabs .dialogNavBtn{position: relative; float: left; display: inline-block; }
.NavbarWrapper.top .btnTabs .dialogNavBtn button{margin-right:5px;}
.NavbarWrapper.right .btnTabs .dialogNavBtn span.hoverText{left: auto; right: -30px; position: absolute; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.NavbarWrapper.right .btnTabs .dialogNavBtn:hover span.hoverText {right: 4px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.NavbarWrapper.top .btnTabs .dialogNavBtn span.hoverText{top: 44px;left: 0;}
.NavbarWrapper.top .btnTabs .dialogNavBtn:hover span.hoverText{top: 44px;left: 0;}
.NavbarWrapper.top .btnTabs .dialogNavBtn span.hoverText:before {position: absolute; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #474747; top: -5px; }
.NavbarWrapper.bottom .btnTabs .dialogNavBtn span.hoverText{top: -44px;left: 0;}
.NavbarWrapper.bottom .btnTabs .dialogNavBtn:hover span.hoverText{top: -44px;left: 0;}
.NavbarWrapper.bottom .btnTabs .dialogNavBtn span.hoverText:before, .NavbarWrapper.bottom .btnTabs .dialogNavBtn span.hoverText:after {position: absolute; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333333; bottom: -5px; }
.NavbarWrapper.bottom .btnTabs .dialogNavBtn span.hoverText:after {left: 8px; bottom: -6px; border-top-color: #141414; z-index: -1; }
.NavbarWrapper:before,.NavbarWrapper:after{display: table; content: " "; }
.NavbarWrapper:after{clear: both; }
/****************/
.NavbarWrapper #NavigationBar{position: absolute;z-index: 999999;}
.NavbarWrapper #NavigationBar .btnTabs {display: block; padding: 5px; z-index: 1050; }
.NavbarWrapper #NavigationBar .btnTabs {/* box-shadow: 1px 0 4px rgba(0, 0, 0, 0.4); */border-radius: 0 3px 3px 0; border: 1px solid; }
.NavbarWrapper #NavigationBar .btnTabs.left{border-left: none;}
.NavbarWrapper #NavigationBar .dialogNavBtn a.nav-dlg-btn {
    display: inline-block;
    min-width: 24px;
    margin: 0 1px;
    text-align: center;
}
.btnTabs{}
.btnTabs > .dialogNavBtn{}
.btnTabs.left{}
.btnTabs.left > #NavigationBar{/*z-index:1;*/}
.btnTabs {/*left: 0;*/ /*margin-top: -75px;*/ /* (li * a:width) / -2 */ /*position: relative;*/ /*top: 50%;*/ /*z-index:1; min-width:85px;*/ }
.btnTabs .dialogNavBtn{position:relative; z-index: 1; width: 34px; }
.btnTabs .dialogNavBtn > button {/*background: #121212; color: #fff;*/ display: block; height: 34px; font-size: 12px;font-size: var(--primary-font-size); line-height: 34px; position: relative; text-align: center; width: 34px; padding: 0; font-weight: 400;margin: 0 0 5px; }
.btnTabs .dialogNavBtn:last-child > button{margin-bottom: 0;}
.btnTabs .dialogNavBtn:hover > button.btn-theme {color: #f28d48; }
.btnTabs .dialogNavBtn .icn {font-size: 16px; }
.btnTabs .dialogNavBtn span.hoverText {
    /*border-radius: 3px;*/ background: #121212; line-height: 24px; left: 0%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
    opacity: 0; padding: 4px 8px; position: absolute; display:table; -webkit-transition: opacity .3s,
    left .4s,visibility 0.3s; -moz-transition: opacity .3s, left .4s,visibility 0.3s;
    -ms-transition: opacity .3s, left .4s,visibility 0.3s; -o-transition: opacity .3s,
    left .4s,visibility 0.3s; transition: opacity .3s, left .4s,visibility 0.3s; top: 0;
    white-space: nowrap; z-index: -1; width: calc(100% - 34px); padding-right:34px;
    background-color: #454545;
    background-image: -webkit-linear-gradient(top,#3e3e3e,#333);
    border: 1px solid #141414;
    box-shadow: 0 1px 0 rgba(255,255,255,.06), 1px 1px 0 rgba(255,255,255,.03), -1px -1px 0 rgba(0,0,0,.02), inset 1px 1px 0 rgba(255,255,255,.05);
    color: #aaa; text-shadow: 0 -1px 0 rgba(0,0,0,.5); border-left: 0; visibility: hidden; }
.btnTabs .dialogNavBtn:hover span.hoverText {left: 39px; opacity: 1; color: #fff; visibility: visible; border-radius: 0 2px 2px 0; }
.btnTabs .dialogNavBtn span.hoverText:before {/*content: ""; display: block; height: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 8px; z-index: -2;*/ }
.btnTabs .dialogNavBtn span.hoverText .closeNavBtn {position: absolute; width: 28px; text-align: center; line-height: 34px; top: 0; right: 0; font-size: 16px; cursor:pointer; color:#b3b8bc; }
.btnTabs .dialogNavBtn span.hoverText .closeNavBtn:hover{color:#fff;}
/*.btnTabs .dialogNavBtn > button:hover, .btnTabs .dialogNavBtn span.hoverText, .btnTabs .dialogNavBtn span.hoverText:before { background: #181818; }*/
.btnTabs.left .dialogNavBtn:after {position: absolute; content: ""; width: 5px; top: 0; right: -5px; height: 100%; }
#LeftDescription .body-container .form-h .form-label{/*padding-left:0px !important;*/}
.ui-dialog-titlebar-close{display:none; }
.ui-dialog{/* position:absolute !important; */}
/* changed for header alignment*/
.main-header .navbar .nav > li > a {padding-left:10px; padding-right:10px; }
.quoteSection{display:none;}
.moneyheader{display:none;}
.infobox-right{display:none;} div#PPQSComponentHolder:first-child {padding-left: 0px; padding-right: 0px; }
/*.content{background-color: #333!important; }*/
.inline-layout .row {margin-right: -5px; margin-left: -5px; }
.inline-layout .PopupTabContentArea {/*padding: 5px; background: #222222;*/ }
.inline-layout .control-sidebar {
	height: calc(100vh - 40px) !important;
    overflow: auto;
    position: relative; display: block; padding-top: 0px; border-left: 1px solid rgba(40, 58, 70, 0.34); width: 100%; }
.inline-layout .sidebar-menu > li > a, .inline-layout .sidebar-menu .treeview-menu > li > a {font-size: 12px;font-size: var(--primary-font-size); white-space: normal; }
.inline-layout .sidebar-menu li > a > .pull-right,.sidebar-menu li > a > .pull-right {position: absolute; top: 50%; right: 0px; margin-top: -6px; }
.inline-layout [class*='col-'] {padding-right: 10px; padding-left: 10px; }
.sidebar-menu li > a{
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
	    -ms-transition: all 0.2s;
	     -o-transition: all 0.2s;
	        transition: all 0.2s;
}
.CCfield{position:relative;}
.CCfield input{padding-right:45px !important;}
.CCfield span{position: absolute; right: 0px; padding: 4px 12px; font-size: 14px; z-index: 1; }
#QSStep .highlight--help .form-input+.helptext{display:none !important;}
#QSStep .highlight--help .form-input+script+.helptext{display:none !important;}
#QSStep .LeadContent .helptext--desktop:before{display:none !important;}
#QSStep .LeadContent .helptext--desktop:after{display:none !important;}
#QSStep .helptext--desktop p{margin-bottom:0px !important;}
#QSStep .PopupTabContentArea .form-label .helptext--desktop:nth-last-child(1){bottom:0px !important;}
#QSStep .PopupTabContentArea .form-label .helptext--desktop:nth-last-child(2){bottom:0px !important;}
.body-container .form-input+script+.helptext .helptext--desktop{top:50%;left:100%;}
.cheapquote .Qutationless:before{display:none;}
/*tr.trhighlighter{background-color: rgb(255 133 51 / 50%) !important;}*/
/* newly changes alignments btns of drivers page add drivers  */
#QSStep .footer-form-btn .btnQuote {margin-left: 30px; }
#QSStep .header-form-btn .btnQuote {margin-left: 25px; }
#QSStep  h3.maintitle{margin-left:30px;margin-bottom:5px;}
/*Ended*/
.body-container .highlight--help:first-child .form-input+.helptext .helptext--desktop{left: 100%; top: 118%; }
.LeadContent .highlight--help:first-child  .helptext--desktop:before{top:24%;}
.LeadContent .highlight--help:first-child  .helptext--desktop:after{top:24%;}
.additionaldrive {background: #fff; margin-bottom: 5px; margin-left: 25px; padding: 5px 10px; }
.additionaldrive h4, h6 {margin-top: 5px; margin-bottom: 5px; }
tr.trhighlighter{background-color: rgb(255 118 77 / 40%) !important;}
.bc-tred{background-color:red; color:white; }
.bc-tgreen{background-color:green; color:white; }
.bc-tamber{background-color:#FFBF00; color:white; }
.star {color: #FF0000; position: relative; top: -3px; }
.pdftag{list-style:none;display: inline-block;}
.pdftag li{float:left;}
.pdftag li img{    height: 18px; margin-right: 2px;}
.contentaddon1 {min-height: 60px; }
.label-wrapper span.checkred:before{color:#f28d48;}
.errorfont{    font-size: 50px; text-align: center; color: #e91a3c; width: 77px; margin: 0 auto 15px; position: relative;}
.ui-timepicker-container{z-index:1026 !important;}
.TouringQuote .Quoteheaderul{width:100%;}
.TouringQuote .Quoteheaderli{width:20%;}
.TouringQuote .Quotebodyul{width:100%;}
.TouringQuote .Quotebodyli{width:20%;}
.TouringQuote .Quoteheaderli .Insurer {width: 140px; margin: 0 auto; }
.TouringQuote .Quoteheaderli .Excess {width: 160px; margin: 0 auto; }
.TouringQuote .Quoteheaderli .Quoteaction {width: 130px; margin: 0 auto; }
.TouringQuote .Quoteheaderli .MonthlyPrice {width: 140px; margin: 0 auto; }
.TouringQuote .Quoteheaderli .Buyoption {width: 110px; margin: 0 auto; }
.TouringQuote .Quotebodyli .Insurer-1 {width: 140px;margin:0 auto; }
.TouringQuote .Quotebodyli .Excess-1 {width: 160px;margin:0 auto; }
.TouringQuote .Quotebodyli .Quoteaction-1 {width: 130px;margin:0 auto; }
.TouringQuote .Quotebodyli .MonthlyPrice-1,.TouringQuote .Quotebodyli .AnnualPrice-1 {width: 140px;margin:0 auto; }
.TouringQuote .Quotebodyli .Buyoption-1 {width: 110px;margin:0 auto; }
.ParkHomeQuote .Quoteheaderul{width:100%;}
.ParkHomeQuote .Quoteheaderli{width:11.11%;}
.ParkHomeQuote .Quotebodyul{width:100%;}
.ParkHomeQuote .Quotebodyli{width:11.11%;}
.ParkHomeQuote .Quoteheaderli .Insurer {width: 100px; margin: 0 auto; }
.ParkHomeQuote .Quoteheaderli .Building {width: 95px; margin: 0 auto; }
.ParkHomeQuote .Quoteheaderli .Excess{width: 95px; margin: 0 auto; }
.ParkHomeQuote .Quoteheaderli .PersonalPoss {width: 100px; margin: 0 auto; }
.ParkHomeQuote .Quoteheaderli .LegalExpense {width: 95px; margin: 0 auto; }
.ParkHomeQuote .Quoteheaderli .Homecare {width: 100px; margin: 0 auto; }
.ParkHomeQuote .Quoteheaderli .Quoteaction {width: 100px; margin: 0 auto; }
.ParkHomeQuote .Quoteheaderli .MonthlyPrice {width: 110px; margin: 0 auto; }
.ParkHomeQuote .Quoteheaderli .Buyoption {width: 100px; margin: 0 auto; }
.ParkHomeQuote .Quotebodyli .Insurer-1 {width: 100px;margin:0 auto; }
.ParkHomeQuote .Quotebodyli .Building-1 {width: 95px; margin: 0 auto; }
.ParkHomeQuote .Quotebodyli .Excess-1 {width: 95px;margin:0 auto; }
.ParkHomeQuote .Quotebodyli .PersonalPoss-1 {width: 100px;margin:0 auto; }
.ParkHomeQuote .Quotebodyli .LegalExpense-1 {width: 95px; margin: 0 auto; }
.ParkHomeQuote .Quotebodyli .Homecare-1 {width: 100px; margin: 0 auto; }
.ParkHomeQuote .Quotebodyli .Quoteaction-1 {width: 100px;margin:0 auto; }
.ParkHomeQuote .Quotebodyli .MonthlyPrice-1,.ParkHomeQuote .Quotebodyli .AnnualPrice-1 {width: 110px;margin:0 auto; }
.ParkHomeQuote .Quotebodyli .Buyoption-1 {width: 100px;margin:0 auto; }
.StaticQuote .Quoteheaderul{width:100%;}
.StaticQuote .Quoteheaderli{width:14.28%;}
.StaticQuote .Quotebodyul{width:100%;}
.StaticQuote .Quotebodyli{width:14.28%;}
.StaticQuote .Quoteheaderli .Insurer {width: 100px; margin: 0 auto; }
.StaticQuote .Quoteheaderli .Excess {width: 90px; margin: 0 auto; }
.StaticQuote .Quoteheaderli .Building {width: 100px; margin: 0 auto; }
.StaticQuote .Quoteheaderli .PersonalPoss {width: 100px; margin: 0 auto; }
.StaticQuote .Quoteheaderli .Quoteaction {width: 100px; margin: 0 auto; }
.StaticQuote .Quoteheaderli .MonthlyPrice {width: 110px; margin: 0 auto; }
.StaticQuote .Quoteheaderli .Buyoption {width: 110px; margin: 0 auto; }
.StaticQuote .Quotebodyli .Insurer-1 {width: 100px; margin: 0 auto; }
.StaticQuote .Quotebodyli .Excess-1 {width: 90px; margin: 0 auto; }
.StaticQuote .Quotebodyli .Building-1 {width: 100px; margin: 0 auto; }
.StaticQuote .Quotebodyli .PersonalPoss-1 {width: 100px; margin: 0 auto; }
.StaticQuote .Quotebodyli .Quoteaction-1{width: 100px; margin: 0 auto; }
.StaticQuote .Quotebodyli .MonthlyPrice-1,.StaticQuote .Quotebodyli .AnnualPrice-1 {width: 110px; margin: 0 auto; }
.StaticQuote .Quotebodyli .Buyoption-1 {width: 110px; margin: 0 auto; }
.Moredetailsbtn{padding:5px;}
.contentaddon1 .firstul{padding-left:20px;}
.contentaddon1 .firstul .firstli{list-style-type: disc;}
.addonli .panel-body>h4{font-size: 16px; min-height: 38px; }
.info-contentBox .tox{height:500px !important;}
.ui-datepicker-title + button{font-size:14px; border: 1px solid #ddd; font-weight:600;line-height: 1.2; position: absolute; right: 33px; top: 5px;}
.ui-datepicker-title + button:hover{font-weight:600;}
.ui-datepicker-title{text-align:left !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 38%;}
.ui-datepicker th{font-weight:600;}
.LeadContent .helptext--visible .form-label .helptext{display:none !important;}
.form-control[readonly].DatePic{background-color: #fff !important;}
.lw{ padding:0px; white-space: nowrap;}
.Ortag{    float: left; margin-right: 10px; font-size: 18px; padding: 0px; font-weight: 700;}
.select-wrapper {position: relative; display: inline-block; cursor: pointer; }
.SwY{width:100px !important;}
.SwM{width:140px !important;}
.SwD{width:120px !important;}
.ComponentLock button{cursor: not-allowed; pointer-events: none; }
.priorityHighFlash {animation-name: anim; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); color: #d9534f; border: 1px solid #d9534f; border-bottom: 1px solid #d9534f !important; background-color: #fff; } @keyframes anim {50% {background-color: #d9534f; border: 1px solid #d9534f; color: #fff; /* text-shadow: 0 0 3px #000; */ } }
.ProBarBL{background-color:#fff; border:1px solid #fff;}
.treeview:hover .ProBar{background-color:#222; color:#fff;}
.treeview:hover .ProBar.red{background-color:#dd3c3c; color:#fff;}
.treeview:hover .ProBar.amber{background-color:#ffbf00; color:#fff;}
.treeview:hover .ProBar.green{background-color:#00b31b; color:#fff;}
.priorityHighFlash a{animation-name: animm; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); color: #d9534f !important; } @keyframes animm {50% {color: #fff; } }
.priorityHighFlash .ProBar{animation-name: animme; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); background-color:#fff; color: #d9534f; } @keyframes animme {50% {color: #fff; background-color: #d9534f; } }
/*Lead Trace*/
.Leadtrace .popup {position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Leadtrace .popup .popuptext {visibility: hidden; width: 160px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -80px; }
.Leadtrace .popup .popuptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.Leadtrace .popup .show {visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;} }
.Leadtrace .hexagon {width: 100px; height: 52px; margin: 103px 295px 12px -395px; border-top: 1px solid gray; border-bottom: 1px solid gray; background: #18de837d; position: relative; }
.Leadtrace .hexagon:before {content: ""; position: absolute; top: -2px; left: -88px; border: 26px solid gray; border-left: 65px solid transparent; border-top: 28px solid transparent; border-bottom: 27px solid transparent; }
.Leadtrace .hexagon:after {content: ""; position: absolute; top:0px; right:-52px; width: 0px; border: 23px solid #8eefc2; height: 0px; border-top: 26px solid transparent; border-right:29px solid transparent; border-bottom: 24px solid transparent; }
.Leadtrace .hexagon2:before {content: ""; position: absolute; top: 0px; left: -26px; border-top: 26px solid transparent; border-right: 24px solid #8eefc2; border-bottom: 26px solid transparent; border-left: 5px solid transparent; }
.Leadtrace .hexagon2:after {content: ""; position: absolute; right: -89px; width:8px; height: 0px; top:-1px; border-top:31px solid transparent; border-left: 29px solid gray; border-bottom: 22px solid transparent; border-right: 60px solid transparent; }
.Leadtrace .hexagon3 {width: 111px; height: 52px; margin: 51px 0px 0px -289px; border-top: 1px solid gray; border-bottom: 1px solid gray; background: #18de837d; position: relative; }
.Leadtrace .hexagon3:before {content: ""; position: absolute; top: -2px; left: -88px; border: 26px solid gray; border-left: 65px solid transparent; border-top: 28px solid transparent; border-bottom: 27px solid transparent; }
.Leadtrace .hexagon3:after {content: ""; position: absolute; top:0px; right:-52px; width: 0px; border: 23px solid #8eefc2; height: 0px; border-top: 26px solid transparent; border-right:29px solid transparent; border-bottom: 24px solid transparent; }
.Leadtrace .hexagon4:before {content: ""; position: absolute; top: 0px; left: -26px; border-top: 26px solid transparent; border-right: 24px solid #8eefc2; border-bottom: 26px solid transparent; border-left: 5px solid transparent; }
.Leadtrace .hexagon4:after {content: ""; position: absolute; right: -81px; width:8px; height: 0px; top:-1px; border-top:29px solid transparent; border-left: 28px solid gray; border-bottom: 23px solid transparent; border-right: 53px solid transparent; }
.Leadtrace .num{padding-left: 29px; }
.Leadtrace.main{width:99%; border:5px dotted #000; }
.Leadtrace  *{box-sizing:border-box; }
@media screen and (max-width:1380px){.Leadtrace.main{width:151%; margin:0; border:4px dotted #000; } }
/* @media screen and (max-width:940px) {.Leadtrace.main{width: 204%; margin:0; border:4px dotted gray; } } */
.Leadtrace ul{list-style:none; display:flex; margin:0 -42px; }
.Leadtrace ul li {/* border:1px solid gray;  */ padding:10px; }
.Leadtrace.main .stages{width:100%; }
.Leadtrace .items{width:100% !important; }
.Leadtrace.main .stages ul{list-style:none; display:flex; }
.Leadtrace.main .stages ul li{border:1px solid gray; margin: 10px 184px 12px 90px; padding:10px; background-color:#80808029; font-size: 22px; }
.Leadtrace .items ul.first {padding-top: 20px; position: relative; }
.Leadtrace .items ul.first li .New{border-radius:40%; /*   border: 3px solid gray; */ margin: 17px 52px -7px 76px; }
.Leadtrace .items ul.first li .New2{margin: -42px 3px 25px 630px; }
.Leadtrace .items ul.first li a{padding:16px; text-decoration: none; color: inherit; border:2px solid gray; border-radius:10px; /* margin: 10px 410px 10px 42px; */ background-color:#d4bdbd21; }
.Leadtrace .items ul.first li  span{font-size:28px; }
.Leadtrace .items ul.second li.online  div{padding:10px; border:1px solid gray; /*  margin: 35px 0px 10px 95px; */ border-radius:10px; background-color:#d4bdbd21; }
.Leadtrace .items ul.second li.online .line1{margin: -13px 56px 0px 200px; }
.Leadtrace .items ul.second li.online .line3{padding: 15px; border-radius: 40%; margin: -12px 4px 2px -120px; border: 3px solid gray; background-color: #00d4077a; }
.Leadtrace .items ul.second li.online .line2 {border-radius:0; margin: -14px 0px 0px -36px; }
.Leadtrace .items ul.second li.online .line4{border-radius:0; background-color:pink; margin: 70px 0px 2px 10px; }
.Leadtrace .items ul li p {margin:0; }
.Leadtrace .items ul.third {margin: -479px 0px 0px -155px; }
.Leadtrace .items ul.third li.online1 .line1{margin: -28px -120px 0px 383px; }
.Leadtrace .items ul.third li.online1 .line3{margin-left: 188px; }
.Leadtrace .items ul.third li.online1 .line4{margin-left: 178px; }
.Leadtrace .items ul.third li.online1 .line5{margin: 36px 0px 0px -18px; border-radius: 12px; }
.Leadtrace .items ul.third li.online1 .line1,.items ul.third li.online1 .line2,.items ul.third li.online1 .line3,.line4,.line5{border:1px solid gray; padding:10px; }
.Leadtrace .items ul.third li.online1 .line4,.line5{background-color:pink; }
.Leadtrace .items ul.third li.online1 .line4{margin: 0 0px 2px 19px; }
.Leadtrace .items ul.third li.online1 .line2{margin: -20px 0px 1px 58px; padding: 16px; border: 3px solid gray; border-radius: 40%; }
.Leadtrace .items ul.fourth li.online2 .line1{margin: -35px 4px 1px 232px; }
.Leadtrace .items ul.fourth li.online2 .line2{margin: -47px -6px 0 156px; }
.Leadtrace .items ul.fourth li.online2 .line3{margin: -44px 95px 2px -226px; }
.Leadtrace .items ul.fourth li.online2 .line4{margin: -42px 10px 0 -106px; }
.Leadtrace .items ul.fourth li.online2 .line1,.line2,.line3,.line4,.line5{border:1px solid gray; padding:10px; }
.Leadtrace .items ul.fourth li.online2 .line5{background-color:pink; margin: 16px -10px 0 -12px; }
.Leadtrace .items ul.fourth li.online2 .line2,.items ul.fourth li.online2 .line4, .Leadtrace .items ul.fifth li.online3 .line1,.Leadtrace .items ul.fifth li.online3 .line3{background-color: #18de837d; }
.Leadtrace .items ul.fourth li.online2 .line3,.Leadtrace .items ul.fifth li.online3 .line2{border-radius:40px; background-color:#03a9f473; }
.Leadtrace  .items ul.fifth li.online3 .line1{margin: 1px 6px 3px 60px; }
.Leadtrace .items ul.fifth li.online3 .line2, .items ul.fourth li.online2 .line3{padding: 10px 18px; }
.Leadtrace .items ul.fifth li.online3 .line4{margin: -39px 200px 0px 148px; }
.Leadtrace .items ul.fifth li.online3 .line5{margin: -66px 0px 0 235px; }
.Leadtrace .items ul.fifth li.online3 .line1,.line2,.line3,.line4,.line5{border:1px solid gray; padding:8px; }
.Leadtrace .items ul.sixth li.online4 .line1{border:1px solid gray; padding:10px; }
.Leadtrace .items ul.sixth li.online4 .line1{margin: 0 200px 0 90px; }
/* .Leadtrace .items ul.sixth li.online4 .line2{margin: 93px 313px 0px -423px; } */ /* .Leadtrace .items ul.sixth li.online4 .line3{margin: 34px 323px 0px -322px; } */
.Leadtrace .vl{border-left: 1px solid #94a294; height: 46px; margin: -19px 255px; }
.Leadtrace .hrr1 {border-top:1px solid gray; width: 61px; height: 0px; margin: 8px -10px 5px -77px; }
.Leadtrace .hrr2{border-left:1px solid gray; margin: 44px 0px 0px -62px; height: 46px; width:0; }
.Leadtrace .hrr3{border-top:1px solid gray; width: 140px; height: 0; margin: 90px -46px 15px -107px; }
.Leadtrace .hrr4{border-left:1px solid gray; width:0; margin: 89px 48px 3px -49px; background-color: #FFF; height: 64px; border-color:gray; }
.Leadtrace .hrr5{border-top:1px solid gray; height: 0; margin: 91px 5px 3px -266px; width: 30px; }
.Leadtrace .hrr6{border-left:1px solid gray; height: 51px; margin: 91px 25px 1px -286px; width: 0; }
.Leadtrace .hrr7{border-top:1px solid gray; height: 51px; margin: 97px 25px 1px -244px; width: 0; }
.Leadtrace .no1{margin: 82px -16px 0 -25px; background-color: aliceblue; width: 20px; }
.Leadtrace .yes1{margin: 80px 0px 0px -191px; }
.Leadtrace .v2{border-left: 1px solid #94a294; height: 65px; margin: 29px 99px 2px -78px; display: grid; }
.Leadtrace .v3{border-left: 1px solid #94a294; height: 18px; margin: 5px 59px 0px -112px; display: grid; }
.Leadtrace .yes2{margin: -48px 0px 0px -88px; background-color: aliceblue; }
.Leadtrace  i {border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; }
.Leadtrace .down1 {transform: rotate(45deg); margin: 25px 5px -36px 8px; -webkit-transform: rotate(45deg); }
.Leadtrace .down2{transform: rotate(45deg); margin: 37px 0px 0px -229px; -webkit-transform: rotate(45deg); }
.Leadtrace .down3 {transform: rotate(45deg); margin: 22px 0px 12px -81px; -webkit-transform: rotate(45deg); }
.Leadtrace .right1{margin: -10px 1px 18px -24px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.Leadtrace .right100{margin: -27px 3px 11px 458px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.Leadtrace .hrr1000{border-top: 1px solid gray; width: 3%; margin: 4px 0px -30px 42px; }
.Leadtrace .hrr100{border-top: 1px solid gray; width: 39%; margin: -47px 5px 18px 164px; }
.Leadtrace  .hrr200{border-top: 1px solid gray; margin: -38px -5px 29px 746px; width: 60%; }
.Leadtrace .yes200{margin: -10px 1px 0px 437px; background-color: aliceblue; width: 24px; }
.Leadtrace .down100 {transform: rotate(45deg); margin: 9px 0px -1px 252px; -webkit-transform: rotate(45deg); }
.Leadtrace .vv1{border-left: 1px solid gray; height:112%; margin: -60px -44px 0 46px; }
.Leadtrace .vv2{border-left: 1px solid gray; height: 112%; margin: -60px 0px 0px 92px; }
.Leadtrace .hr111{border-top: 1px solid gray; width: 99%; margin: 0px 8px 32px; }
.Leadtrace .yes111{width: 111px; margin: -44px 0px 29px 986px; background-color: aliceblue; }
.Leadtrace .hrr11{border-top: 1px solid gray; width: 327px; margin: 22px 0px 0px -307px; }
.Leadtrace .yes11{margin: -10px 0 0 -243px; background-color: aliceblue; width: 26px; }
.Leadtrace .no11{margin: -17px 0 1px -57px; background-color: aliceblue; width: 21px; }
.Leadtrace .v11{border-left: 1px solid gray; margin: 23px 1px 0px -347px; height: 97%; }
.Leadtrace .down11{transform: rotate(45deg); /* margin: 11px 0px -2px 252px; */ margin: 0px 2px -68px -4px; }
.Leadtrace .v12{height: 98%; border-left: 1px solid gray; margin: 22px 0px 0 -41px;; }
.Leadtrace .down12{margin: 0px 0 -69px -4px; transform: rotate(45deg); }
.Leadtrace .v13{border-left: 1px solid gray; height: 17%; margin: -24px 0 0 -472px; }
.Leadtrace .down13{margin: 0px 0 -9px -4px; transform: rotate(45deg); }
.Leadtrace .hrr14{border-top: 1px solid gray; margin: 68px -214px 0px -494px; width: 640px; }
.Leadtrace .yes14{margin: -9px 0px 0px -59px; background-color: #fff; width: 26px; }
.Leadtrace .right14{transform: rotate(-45deg); margin: -14px 264px 69px 136px; }
.Leadtrace  .v14{border-left: 1px solid gray; height: 10%; margin: 55px 0px 0 -921px; }
.Leadtrace .v15{border-left: 1px solid gray; height: 12px; margin: -46px 0 6px 713px; }
.Leadtrace .up2{transform: rotate(-135deg); margin: -1px 0 10px -4px; }
.Leadtrace .hrr15{width: 50px; margin: 29px -196px 0 -29px; border-top: 1px solid gray; }
.Leadtrace  .left1{transform: rotate(135deg); margin: -10px 7px 11px 3px; }
.Leadtrace  .hrr16{width: 44px; margin: 29px -198px 0 -23px; border-top: 1px solid gray; }
.Leadtrace  .right16{transform: rotate(-45deg); margin: -5px 0 11px 35px; }
.Leadtrace .hrr17{width: 26px; margin: -13px -35px 0px -230px; border-top: 1px solid gray; }
.Leadtrace .left2{transform: rotate(135deg); margin: -10px 7px 11px 3px; }
.Leadtrace .hrr18{width: 26px; margin: -16px 0px 1px -115px; border-top: 1px solid gray; }
.Leadtrace  .right17{transform: rotate(-45deg); margin: -5px 0 11px 20px; }
.Leadtrace .hrr20{width: 424px; margin: 24px -399px 0px -25px; border-top: 1px solid gray; }
.Leadtrace  .left3{transform: rotate(135deg); margin: -10px 7px 11px 3px; }
.Leadtrace  .v18{border-left: 1px solid gray; height: 47px; margin: -59px -41px 0 224px; }
.Leadtrace .down14{margin: 0px 0 -33px -4px; transform: rotate(45deg); }
.Leadtrace .v20{border-left: 1px solid gray; height: 39px; margin: 59px -12px 0px 10px; }
.Leadtrace .hrr31{border-top: 1px solid gray; width: 168px; margin: 26px 0px 8px -225px; }
.Leadtrace .right31{transform: rotate(-45deg); margin: -6px 1px 11px 157px; }
.Leadtrace .hrr30{border-top: 1px solid gray; width: 324px; margin: 98px -29px 0px -289px; }
.Leadtrace .right30{transform: rotate(-45deg); margin: -4px 4px 12px 316px; }
.Leadtrace  .v21{border-left: 1px solid gray; height: 460px; margin: 30px 0 -102px -258px; }
.Leadtrace .yes20{margin: 26px 2px 351px -9px; width: 10px; background-color: aliceblue; }
.Leadtrace .no20{margin: 19px 4px 4px -10px; background-color: aliceblue; }
.Leadtrace .down20{transform: rotate(45deg); margin: 2px 8px -82px -4px; }
.Leadtrace .hrr222{border-top: 1px solid gray; width: 105px; margin: 489px 0px 0px -278px; }
.Leadtrace .no140{margin: 0px 5px 7px -27px; }
.Leadtrace .v140{border-left: 1px solid gray; height: 120px; margin: -30px 8px 11px -330px; }
.Leadtrace .no22{margin: -26px 0 0 207px; background-color: #fff; width: 20px; }
.Leadtrace .v30{border-left: 1px solid gray; height: 582px; margin: 24px -371px -228px 369px; }
.Leadtrace .hrr32{border-top: 1px solid gray; width: 563px; margin: 606px -242px -29px -212px; }
.Leadtrace .left32{transform: rotate(135deg); margin: 25px 0px 3px -194px; }
.Leadtrace .yes32{margin: -22px 1px 15px 18px; background-color: aliceblue; width: 28px; }
.Leadtrace .hrr35{border-top: 1px solid gray; width: 223px; margin: 18px -179px 3px -182px; }
.Leadtrace .left35{transform: rotate(135deg); margin: -4px 1px 11px 1px; }
.Leadtrace .yes35{margin: -26px 3px 4px 55px; background-color: aliceblue; width: 25px; }
.Leadtrace .v40{border-left: 1px solid gray; height: 21px; margin: 39px 0px 3px -97px; }
.Leadtrace .hrr40{border-top: 1px solid gray; margin: 60px 18px 0px -256px; width: 318px; }
.Leadtrace .yes40{margin: -8px 0 0 34px; background-color: aliceblue; width: 24px; }
.Leadtrace .no40{margin: -17px 0 0 192px; background-color: aliceblue; width: 21px; }
.Leadtrace .v41{border-left: 1px solid gray; margin: 60px -9px 4px -354px; height: 25px; }
.Leadtrace .down40{transform: rotate(45deg); margin: 18px 0 0 -4px; }
.Leadtrace .v42{border-left: 1px solid gray; height: 27px; margin: 59px 0 4px -58px; }
.Leadtrace .down41{transform: rotate(45deg); margin: 21px 0 0 -4px; }
.Leadtrace .v50{border-left: 1px solid gray; height: 22px; margin: 7px 0 0 -90px; }
.Leadtrace .hrr50{border-top: 1px solid gray; width: 488px; margin: 29px -203px 0px -110px; }
.Leadtrace .right50{transform: rotate(-45deg); margin: -9px 0px 11px 445px; }
.Leadtrace .v52{border-left: 1px solid gray; margin: 36px 0 0 -82px; height: 23px; }
.Leadtrace .hrr52{border-top: 1px solid gray; width: 103px; margin: 59px 0 0 -103px; }
.Leadtrace .no52{margin: -8px 0 8px 16px; background-color: aliceblue; width: 20px; }
.Leadtrace .right52{transform: rotate(-45deg); margin: -31px 2px 29px 96px; }
.Leadtrace .v55{border-left: 1px solid gray; height: 43px; margin: 128px 0 0 -110px; }
.Leadtrace .down55{transform: rotate(45deg); margin: 35px 0 0 -4px; }
.Leadtrace .hrr56{border-top: 1px solid gray; width: 236px; margin: -14px -205px 0px -31px; }
.Leadtrace .ri1{margin: -9px 0 0 106px; background-color: aliceblue; width: 17px; }
.Leadtrace .v57{border-left: 1px solid gray; height: 77px; margin: -14px -188px 0px 185px; }
.Leadtrace .hrr57{border-top: 1px solid gray; width: 60px; margin: 63px -225px 0 164px; }
.Leadtrace .right57{transform: rotate(-45deg); margin: -4px 0 11px 52px; }
.Leadtrace .v58{border-left: 1px solid gray; height: 31px; margin: 52px 0 0 -106px; }
.Leadtrace .hrr58{border-top: 1px solid gray; width: 342px; margin: 83px 0px -20px -467px; }
.Leadtrace .left58{transform: rotate(135deg); margin: -10px 1px 11px 1px; }
.Leadtrace .v60{border-left: 1px solid gray; height: 25px; margin: -4px 0 0 -303px; }
.Leadtrace .v61{border-left: 1px solid gray; height: 102px; margin: 22px 0px -64px -279px; }
.Leadtrace .down61{transform: rotate(45deg); margin: 93px 0 0 -4px; }
.Leadtrace .hrr60{border-top: 1px solid gray; width: 65px; margin: 21px 3px 0 -323px; }
.Leadtrace .yes60{margin: -8px 0 0 15px; background-color: aliceblue; width: 26px; }
.Leadtrace .hrr90{border-top: 1px solid gray; width: 385px; margin: 25px 8px 0px -221px; }
.Leadtrace .decline{margin: -9px 0 0 262px; background-color: #fff; width: 85px; }
.Leadtrace .v90{border-left: 1px solid gray; height: 268px; margin: -242px 0 0 -30px; }
.Leadtrace .up1{transform: rotate(-135deg); margin: 1px 0 7px -4px; }
.Leadtrace .hrr92{border-top: 1px solid gray; width: 33px; margin: 0px -119px 0px 100px; }
.Leadtrace .v92{border-left: 1px solid gray; height: 37px; margin: 0 -112px 0 96px; }
.Leadtrace .no92{margin: 1px 1px 0px -6px; background-color: aliceblue; }
.Leadtrace .hrr94{border-top: 1px solid gray; width: 104px; margin: 37px -117px 0 76px; }
.Leadtrace .right94{transform: rotate(-45deg); margin: -4px 0px 12px 99px; }
.Leadtrace .hrr96{border-top: 1px solid gray; width: 54px; margin: 32px -46px 0px -23px; }
.Leadtrace .hrr499{border-top: 1px solid gray; width: 6px; margin: 36px 0px 0px -20px; }
.Leadtrace .hrr500{border-top: 1px solid gray; width: 28px; margin: -53px 0px 1px -58px; }
.Leadtrace .v500{border-left: 1px solid gray; height: 89px; margin: -52px 0px 22px -35px; }
.Leadtrace .ri500{margin: 0px 1px 2px -14px; background-color: #fafcff; }
/*Lead Trace*/
.Leadtrace .popup {position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Leadtrace .popup .popuptext {visibility: hidden; width: 160px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -80px; }
.Leadtrace .popup .popuptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.Leadtrace .popup .show {visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;} }
.Leadtrace .hexagon {width: 100px; height: 52px; margin: 103px 295px 12px -395px; border-top: 1px solid gray; border-bottom: 1px solid gray; background: #18de837d; position: relative; }
.Leadtrace .hexagon:before {content: ""; position: absolute; top: -2px; left: -88px; border: 26px solid gray; border-left: 65px solid transparent; border-top: 28px solid transparent; border-bottom: 27px solid transparent; }
.Leadtrace .hexagon:after {content: ""; position: absolute; top:0px; right:-52px; width: 0px; border: 23px solid #8eefc2; height: 0px; border-top: 26px solid transparent; border-right:29px solid transparent; border-bottom: 24px solid transparent; }
.Leadtrace .hexagon2:before {content: ""; position: absolute; top: 0px; left: -26px; border-top: 26px solid transparent; border-right: 24px solid #8eefc2; border-bottom: 26px solid transparent; border-left: 5px solid transparent; }
.Leadtrace .hexagon2:after {content: ""; position: absolute; right: -89px; width:8px; height: 0px; top:-1px; border-top:31px solid transparent; border-left: 29px solid gray; border-bottom: 22px solid transparent; border-right: 60px solid transparent; }
.Leadtrace .hexagon3 {width: 111px; height: 52px; margin: 51px 0px 0px -289px; border-top: 1px solid gray; border-bottom: 1px solid gray; background: #18de837d; position: relative; }
.Leadtrace .hexagon3:before {content: ""; position: absolute; top: -2px; left: -88px; border: 26px solid gray; border-left: 65px solid transparent; border-top: 28px solid transparent; border-bottom: 27px solid transparent; }
.Leadtrace .hexagon3:after {content: ""; position: absolute; top:0px; right:-52px; width: 0px; border: 23px solid #8eefc2; height: 0px; border-top: 26px solid transparent; border-right:29px solid transparent; border-bottom: 24px solid transparent; }
.Leadtrace .hexagon4:before {content: ""; position: absolute; top: 0px; left: -26px; border-top: 26px solid transparent; border-right: 24px solid #8eefc2; border-bottom: 26px solid transparent; border-left: 5px solid transparent; }
.Leadtrace .hexagon4:after {content: ""; position: absolute; right: -81px; width:8px; height: 0px; top:-1px; border-top:29px solid transparent; border-left: 28px solid gray; border-bottom: 23px solid transparent; border-right: 53px solid transparent; }
.Leadtrace .num{padding-left: 29px; }
.Leadtrace.main{width:99%; border:5px dotted #000; }
.Leadtrace  *{box-sizing:border-box; }
@media screen and (max-width:1380px){.Leadtrace.main{width:151%; margin:0; border:4px dotted #000; } }
/* @media screen and (max-width:940px) {.Leadtrace.main{width: 204%; margin:0; border:4px dotted gray; } } */
.Leadtrace ul{list-style:none; display:flex; margin:0 -42px; }
.Leadtrace ul li {/* border:1px solid gray;  */ padding:10px; }
.Leadtrace.main .stages{width:100%; }
.Leadtrace .items{width:100% !important; }
.Leadtrace.main .stages ul{list-style:none; display:flex; }
.Leadtrace.main .stages ul li{border:1px solid gray; margin: 10px 184px 12px 90px; padding:10px; background-color:#80808029; font-size: 22px; }
.Leadtrace .items ul.first {padding-top: 20px; position: relative; }
.Leadtrace .items ul.first li .New{border-radius:40%; /*   border: 3px solid gray; */ margin: 17px 52px -7px 76px; }
.Leadtrace .items ul.first li .New2{margin: -42px 3px 25px 630px; }
.Leadtrace .items ul.first li a{padding:16px; text-decoration: none; color: inherit; border:2px solid gray; border-radius:10px; /* margin: 10px 410px 10px 42px; */ background-color:#d4bdbd21; }
.Leadtrace .items ul.first li  span{font-size:28px; }
.Leadtrace .items ul.second li.online  div{padding:10px; border:1px solid gray; /*  margin: 35px 0px 10px 95px; */ border-radius:10px; background-color:#d4bdbd21; }
.Leadtrace .items ul.second li.online .line1{margin: -13px 56px 0px 200px; }
.Leadtrace .items ul.second li.online .line3{padding: 15px; border-radius: 40%; margin: -12px 4px 2px -120px; border: 3px solid gray; background-color: #00d4077a; }
.Leadtrace .items ul.second li.online .line2 {border-radius:0; margin: -14px 0px 0px -36px; }
.Leadtrace .items ul.second li.online .line4{border-radius:0; background-color:pink; margin: 70px 0px 2px 10px; }
.Leadtrace .items ul li p {margin:0; }
.Leadtrace .items ul.third {margin: -479px 0px 0px -155px; }
.Leadtrace .items ul.third li.online1 .line1{margin: -28px -120px 0px 383px; }
.Leadtrace .items ul.third li.online1 .line3{margin-left: 188px; }
.Leadtrace .items ul.third li.online1 .line4{margin-left: 178px; }
.Leadtrace .items ul.third li.online1 .line5{margin: 36px 0px 0px -18px; border-radius: 12px; }
.Leadtrace .items ul.third li.online1 .line1,.items ul.third li.online1 .line2,.items ul.third li.online1 .line3,.line4,.line5{border:1px solid gray; padding:10px; }
.Leadtrace .items ul.third li.online1 .line4,.line5{background-color:pink; }
.Leadtrace .items ul.third li.online1 .line4{margin: 0 0px 2px 19px; }
.Leadtrace .items ul.third li.online1 .line2{margin: -20px 0px 1px 58px; padding: 16px; border: 3px solid gray; border-radius: 40%; }
.Leadtrace .items ul.fourth li.online2 .line1{margin: -35px 4px 1px 232px; }
.Leadtrace .items ul.fourth li.online2 .line2{margin: -47px -6px 0 156px; }
.Leadtrace .items ul.fourth li.online2 .line3{margin: -44px 95px 2px -226px; }
.Leadtrace .items ul.fourth li.online2 .line4{margin: -42px 10px 0 -106px; }
.Leadtrace .items ul.fourth li.online2 .line1,.line2,.line3,.line4,.line5{border:1px solid gray; padding:10px; }
.Leadtrace .items ul.fourth li.online2 .line5{background-color:pink; margin: 16px -10px 0 -12px; }
.Leadtrace .items ul.fourth li.online2 .line2,.items ul.fourth li.online2 .line4, .Leadtrace .items ul.fifth li.online3 .line1,.Leadtrace .items ul.fifth li.online3 .line3{background-color: #18de837d; }
.Leadtrace .items ul.fourth li.online2 .line3,.Leadtrace .items ul.fifth li.online3 .line2{border-radius:40px; background-color:#03a9f473; }
.Leadtrace  .items ul.fifth li.online3 .line1{margin: 1px 6px 3px 60px; }
.Leadtrace .items ul.fifth li.online3 .line2, .items ul.fourth li.online2 .line3{padding: 10px 18px; }
.Leadtrace .items ul.fifth li.online3 .line4{margin: -39px 200px 0px 148px; }
.Leadtrace .items ul.fifth li.online3 .line5{margin: -66px 0px 0 235px; }
.Leadtrace .items ul.fifth li.online3 .line1,.line2,.line3,.line4,.line5{border:1px solid gray; padding:8px; }
.Leadtrace .items ul.sixth li.online4 .line1{border:1px solid gray; padding:10px; }
.Leadtrace .items ul.sixth li.online4 .line1{margin: 0 200px 0 90px; }
/* .Leadtrace .items ul.sixth li.online4 .line2{margin: 93px 313px 0px -423px; } */ /* .Leadtrace .items ul.sixth li.online4 .line3{margin: 34px 323px 0px -322px; } */
.Leadtrace .vl{border-left: 1px solid #94a294; height: 46px; margin: -19px 255px; }
.Leadtrace .hrr1 {border-top:1px solid gray; width: 61px; height: 0px; margin: 8px -10px 5px -77px; }
.Leadtrace .hrr2{border-left:1px solid gray; margin: 44px 0px 0px -62px; height: 46px; width:0; }
.Leadtrace .hrr3{border-top:1px solid gray; width: 140px; height: 0; margin: 90px -46px 15px -107px; }
.Leadtrace .hrr4{border-left:1px solid gray; width:0; margin: 89px 48px 3px -49px; background-color: #FFF; height: 64px; border-color:gray; }
.Leadtrace .hrr5{border-top:1px solid gray; height: 0; margin: 91px 5px 3px -266px; width: 30px; }
.Leadtrace .hrr6{border-left:1px solid gray; height: 51px; margin: 91px 25px 1px -286px; width: 0; }
.Leadtrace .hrr7{border-top:1px solid gray; height: 51px; margin: 97px 25px 1px -244px; width: 0; }
.Leadtrace .no1{margin: 82px -16px 0 -25px; background-color: aliceblue; width: 20px; }
.Leadtrace .yes1{margin: 80px 0px 0px -191px; }
.Leadtrace .v2{border-left: 1px solid #94a294; height: 65px; margin: 29px 99px 2px -78px; display: grid; }
.Leadtrace .v3{border-left: 1px solid #94a294; height: 18px; margin: 5px 59px 0px -112px; display: grid; }
.Leadtrace .yes2{margin: -48px 0px 0px -88px; background-color: aliceblue; }
.Leadtrace  i {border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; }
.Leadtrace .down1 {transform: rotate(45deg); margin: 25px 5px -36px 8px; -webkit-transform: rotate(45deg); }
.Leadtrace .down2{transform: rotate(45deg); margin: 37px 0px 0px -229px; -webkit-transform: rotate(45deg); }
.Leadtrace .down3 {transform: rotate(45deg); margin: 22px 0px 12px -81px; -webkit-transform: rotate(45deg); }
.Leadtrace .right1{margin: -10px 1px 18px -24px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.Leadtrace .right100{margin: -27px 3px 11px 458px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.Leadtrace .hrr1000{border-top: 1px solid gray; width: 3%; margin: 4px 0px -30px 42px; }
.Leadtrace .hrr100{border-top: 1px solid gray; width: 39%; margin: -47px 5px 18px 164px; }
.Leadtrace  .hrr200{border-top: 1px solid gray; margin: -38px -5px 29px 746px; width: 60%; }
.Leadtrace .yes200{margin: -10px 1px 0px 437px; background-color: aliceblue; width: 24px; }
.Leadtrace .down100 {transform: rotate(45deg); margin: 9px 0px -1px 252px; -webkit-transform: rotate(45deg); }
.Leadtrace .vv1{border-left: 1px solid gray; height:112%; margin: -60px -44px 0 46px; }
.Leadtrace .vv2{border-left: 1px solid gray; height: 112%; margin: -60px 0px 0px 92px; }
.Leadtrace .hr111{border-top: 1px solid gray; width: 99%; margin: 0px 8px 32px; }
.Leadtrace .yes111{width: 111px; margin: -44px 0px 29px 986px; background-color: aliceblue; }
.Leadtrace .hrr11{border-top: 1px solid gray; width: 327px; margin: 22px 0px 0px -307px; }
.Leadtrace .yes11{margin: -10px 0 0 -243px; background-color: aliceblue; width: 26px; }
.Leadtrace .no11{margin: -17px 0 1px -57px; background-color: aliceblue; width: 21px; }
.Leadtrace .v11{border-left: 1px solid gray; margin: 23px 1px 0px -347px; height: 97%; }
.Leadtrace .down11{transform: rotate(45deg); /* margin: 11px 0px -2px 252px; */ margin: 0px 2px -68px -4px; }
.Leadtrace .v12{height: 98%; border-left: 1px solid gray; margin: 22px 0px 0 -41px;; }
.Leadtrace .down12{margin: 0px 0 -69px -4px; transform: rotate(45deg); }
.Leadtrace .v13{border-left: 1px solid gray; height: 17%; margin: -24px 0 0 -472px; }
.Leadtrace .down13{margin: 0px 0 -9px -4px; transform: rotate(45deg); }
.Leadtrace .hrr14{border-top: 1px solid gray; margin: 68px -214px 0px -494px; width: 640px; }
.Leadtrace .yes14{margin: -9px 0px 0px -59px; background-color: #fff; width: 26px; }
.Leadtrace .right14{transform: rotate(-45deg); margin: -14px 264px 69px 136px; }
.Leadtrace  .v14{border-left: 1px solid gray; height: 10%; margin: 55px 0px 0 -921px; }
.Leadtrace .v15{border-left: 1px solid gray; height: 12px; margin: -46px 0 6px 713px; }
.Leadtrace .up2{transform: rotate(-135deg); margin: -1px 0 10px -4px; }
.Leadtrace .hrr15{width: 50px; margin: 29px -196px 0 -29px; border-top: 1px solid gray; }
.Leadtrace  .left1{transform: rotate(135deg); margin: -10px 7px 11px 3px; }
.Leadtrace  .hrr16{width: 44px; margin: 29px -198px 0 -23px; border-top: 1px solid gray; }
.Leadtrace  .right16{transform: rotate(-45deg); margin: -5px 0 11px 35px; }
.Leadtrace .hrr17{width: 26px; margin: -13px -35px 0px -230px; border-top: 1px solid gray; }
.Leadtrace .left2{transform: rotate(135deg); margin: -10px 7px 11px 3px; }
.Leadtrace .hrr18{width: 26px; margin: -16px 0px 1px -115px; border-top: 1px solid gray; }
.Leadtrace  .right17{transform: rotate(-45deg); margin: -5px 0 11px 20px; }
.Leadtrace .hrr20{width: 424px; margin: 24px -399px 0px -25px; border-top: 1px solid gray; }
.Leadtrace  .left3{transform: rotate(135deg); margin: -10px 7px 11px 3px; }
.Leadtrace  .v18{border-left: 1px solid gray; height: 47px; margin: -59px -41px 0 224px; }
.Leadtrace .down14{margin: 0px 0 -33px -4px; transform: rotate(45deg); }
.Leadtrace .v20{border-left: 1px solid gray; height: 39px; margin: 59px -12px 0px 10px; }
.Leadtrace .hrr31{border-top: 1px solid gray; width: 168px; margin: 26px 0px 8px -225px; }
.Leadtrace .right31{transform: rotate(-45deg); margin: -6px 1px 11px 157px; }
.Leadtrace .hrr30{border-top: 1px solid gray; width: 324px; margin: 98px -29px 0px -289px; }
.Leadtrace .right30{transform: rotate(-45deg); margin: -4px 4px 12px 316px; }
.Leadtrace  .v21{border-left: 1px solid gray; height: 460px; margin: 30px 0 -102px -258px; }
.Leadtrace .yes20{margin: 26px 2px 351px -9px; width: 10px; background-color: aliceblue; }
.Leadtrace .no20{margin: 19px 4px 4px -10px; background-color: aliceblue; }
.Leadtrace .down20{transform: rotate(45deg); margin: 2px 8px -82px -4px; }
.Leadtrace .hrr222{border-top: 1px solid gray; width: 105px; margin: 489px 0px 0px -278px; }
.Leadtrace .no140{margin: 0px 5px 7px -27px; }
.Leadtrace .v140{border-left: 1px solid gray; height: 120px; margin: -30px 8px 11px -330px; }
.Leadtrace .no22{margin: -26px 0 0 207px; background-color: #fff; width: 20px; }
.Leadtrace .v30{border-left: 1px solid gray; height: 582px; margin: 24px -371px -228px 369px; }
.Leadtrace .hrr32{border-top: 1px solid gray; width: 563px; margin: 606px -242px -29px -212px; }
.Leadtrace .left32{transform: rotate(135deg); margin: 25px 0px 3px -194px; }
.Leadtrace .yes32{margin: -22px 1px 15px 18px; background-color: aliceblue; width: 28px; }
.Leadtrace .hrr35{border-top: 1px solid gray; width: 223px; margin: 18px -179px 3px -182px; }
.Leadtrace .left35{transform: rotate(135deg); margin: -4px 1px 11px 1px; }
.Leadtrace .yes35{margin: -26px 3px 4px 55px; background-color: aliceblue; width: 25px; }
.Leadtrace .v40{border-left: 1px solid gray; height: 21px; margin: 39px 0px 3px -97px; }
.Leadtrace .hrr40{border-top: 1px solid gray; margin: 60px 18px 0px -256px; width: 318px; }
.Leadtrace .yes40{margin: -8px 0 0 34px; background-color: aliceblue; width: 24px; }
.Leadtrace .no40{margin: -17px 0 0 192px; background-color: aliceblue; width: 21px; }
.Leadtrace .v41{border-left: 1px solid gray; margin: 60px -9px 4px -354px; height: 25px; }
.Leadtrace .down40{transform: rotate(45deg); margin: 18px 0 0 -4px; }
.Leadtrace .v42{border-left: 1px solid gray; height: 27px; margin: 59px 0 4px -58px; }
.Leadtrace .down41{transform: rotate(45deg); margin: 21px 0 0 -4px; }
.Leadtrace .v50{border-left: 1px solid gray; height: 22px; margin: 7px 0 0 -90px; }
.Leadtrace .hrr50{border-top: 1px solid gray; width: 488px; margin: 29px -203px 0px -110px; }
.Leadtrace .right50{transform: rotate(-45deg); margin: -9px 0px 11px 445px; }
.Leadtrace .v52{border-left: 1px solid gray; margin: 36px 0 0 -82px; height: 23px; }
.Leadtrace .hrr52{border-top: 1px solid gray; width: 103px; margin: 59px 0 0 -103px; }
.Leadtrace .no52{margin: -8px 0 8px 16px; background-color: aliceblue; width: 20px; }
.Leadtrace .right52{transform: rotate(-45deg); margin: -31px 2px 29px 96px; }
.Leadtrace .v55{border-left: 1px solid gray; height: 43px; margin: 128px 0 0 -110px; }
.Leadtrace .down55{transform: rotate(45deg); margin: 35px 0 0 -4px; }
.Leadtrace .hrr56{border-top: 1px solid gray; width: 236px; margin: -14px -205px 0px -31px; }
.Leadtrace .ri1{margin: -9px 0 0 106px; background-color: aliceblue; width: 17px; }
.Leadtrace .v57{border-left: 1px solid gray; height: 77px; margin: -14px -188px 0px 185px; }
.Leadtrace .hrr57{border-top: 1px solid gray; width: 60px; margin: 63px -225px 0 164px; }
.Leadtrace .right57{transform: rotate(-45deg); margin: -4px 0 11px 52px; }
.Leadtrace .v58{border-left: 1px solid gray; height: 31px; margin: 52px 0 0 -106px; }
.Leadtrace .hrr58{border-top: 1px solid gray; width: 342px; margin: 83px 0px -20px -467px; }
.Leadtrace .left58{transform: rotate(135deg); margin: -10px 1px 11px 1px; }
.Leadtrace .v60{border-left: 1px solid gray; height: 25px; margin: -4px 0 0 -303px; }
.Leadtrace .v61{border-left: 1px solid gray; height: 102px; margin: 22px 0px -64px -279px; }
.Leadtrace .down61{transform: rotate(45deg); margin: 93px 0 0 -4px; }
.Leadtrace .hrr60{border-top: 1px solid gray; width: 65px; margin: 21px 3px 0 -323px; }
.Leadtrace .yes60{margin: -8px 0 0 15px; background-color: aliceblue; width: 26px; }
.Leadtrace .hrr90{border-top: 1px solid gray; width: 385px; margin: 25px 8px 0px -221px; }
.Leadtrace .decline{margin: -9px 0 0 262px; background-color: #fff; width: 85px; }
.Leadtrace .v90{border-left: 1px solid gray; height: 268px; margin: -242px 0 0 -30px; }
.Leadtrace .up1{transform: rotate(-135deg); margin: 1px 0 7px -4px; }
.Leadtrace .hrr92{border-top: 1px solid gray; width: 33px; margin: 0px -119px 0px 100px; }
.Leadtrace .v92{border-left: 1px solid gray; height: 37px; margin: 0 -112px 0 96px; }
.Leadtrace .no92{margin: 1px 1px 0px -6px; background-color: aliceblue; }
.Leadtrace .hrr94{border-top: 1px solid gray; width: 104px; margin: 37px -117px 0 76px; }
.Leadtrace .right94{transform: rotate(-45deg); margin: -4px 0px 12px 99px; }
.Leadtrace .hrr96{border-top: 1px solid gray; width: 54px; margin: 32px -46px 0px -23px; }
.Leadtrace .hrr499{border-top: 1px solid gray; width: 6px; margin: 36px 0px 0px -20px; }
.Leadtrace .hrr500{border-top: 1px solid gray; width: 28px; margin: -53px 0px 1px -58px; }
.Leadtrace .v500{border-left: 1px solid gray; height: 89px; margin: -52px 0px 22px -35px; }
.Leadtrace .ri500{margin: 0px 1px 2px -14px; background-color: #fafcff; }
/*Lead Trace*/
.map {position: relative; width: 100%; height: 0; padding-bottom: 52.168447517%; background-image: url(map.png); background-size: contain; box-shadow: 0 0 100px #000; border-radius: 10px; }
.text-normal{font-weight:normal;}
.text-bold{font-weight:bold;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-24{font-size:24px;}
.line {position: absolute; width: 100%; height: 0; padding-bottom: 52.168447517%; top: 0; }
.line svg {position: absolute; width: 99%; height: 95%; /*border:2px dashed #000;*/ background: white; font-size: 16px; color: #000000; font-family: Arial, sans-serif; }
.line svg path {}
.line svg #new-ne-to-outcome-1, .line svg #new-ne-to-outcome-2, .line svg #new-ne-to-outcome-3, .line svg #new-ne-to-outcome-4, .line svg #new-ne-to-outcome-5, .line svg #new-ne-to-outcome-6, .line svg #new-ne-to-outcome-7, .line svg #new-ne-to-outcome-8, .line svg #new-ne-to-outcome-9, .line svg #new-ne-to-outcome-10, .line svg #new-ne-to-outcome-11, .line svg #new-ne-to-outcome-12, .line svg #new-ne-to-outcome-13, .line svg #new-ne-to-outcome-14, .line svg #new-ne-to-outcome-15, .line svg #new-ne-to-outcome-16, .line svg #new-ne-to-outcome-17, .line svg #new-ne-to-outcome-18, .line svg #new-ne-to-outcome-19, .line svg #new-ne-to-outcome-20, .line svg #new-ne-to-outcome-21, .line svg #new-ne-to-outcome-22, .line svg #new-ne-to-outcome-23, .line svg #new-ne-to-outcome-A, .line svg #new-ne-to-outcome-B, .line svg #new-ne-to-outcome-C, .line svg #new-ne-to-outcome-D, .line svg #new-ne-to-outcome-E, .line svg #new-ne-to-outcome-F{display:none;}
.line svg #new-ne-to-outcome-1.activate, .line svg #new-ne-to-outcome-2.activate, .line svg #new-ne-to-outcome-3.activate, .line svg #new-ne-to-outcome-4.activate, .line svg #new-ne-to-outcome-5.activate, .line svg #new-ne-to-outcome-6.activate, .line svg #new-ne-to-outcome-7.activate, .line svg #new-ne-to-outcome-8.activate, .line svg #new-ne-to-outcome-9.activate, .line svg #new-ne-to-outcome-10.activate, .line svg #new-ne-to-outcome-11.activate, .line svg #new-ne-to-outcome-12.activate, .line svg #new-ne-to-outcome-13.activate, .line svg #new-ne-to-outcome-14.activate, .line svg #new-ne-to-outcome-15.activate, .line svg #new-ne-to-outcome-16.activate, .line svg #new-ne-to-outcome-17.activate, .line svg #new-ne-to-outcome-18.activate, .line svg #new-ne-to-outcome-19.activate, .line svg #new-ne-to-outcome-20.activate, .line svg #new-ne-to-outcome-21.activate, .line svg #new-ne-to-outcome-22.activate, .line svg #new-ne-to-outcome-23.activate, .line svg #new-ne-to-outcome-A.activate, .line svg #new-ne-to-outcome-B.activate, .line svg #new-ne-to-outcome-C.activate, .line svg #new-ne-to-outcome-D.activate, .line svg #new-ne-to-outcome-E.activate, .line svg #new-ne-to-outcome-F.activate{display:block; fill-opacity: 0; stroke: #EF4136; stroke-width: 3; stroke-dasharray: 870; stroke-dashoffset: 870; animation-name: draw; animation-duration: 4.5s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: linear; }
.line svg #new-ne-to-outcome-2{stroke: #2630F7 !important; }
.line svg #new-ne-to-outcome-3{stroke: #EF9C07 !important; }
.line svg #new-ne-to-outcome-4{stroke: #16AD00 !important; }
.line svg #new-ne-to-outcome-5{stroke: #77b300 !important; }
.line svg #new-ne-to-outcome-6{stroke: #FF5733 !important; }
.line svg #new-ne-to-outcome-7{stroke: #ffd700 !important; }
.line svg #new-ne-to-outcome-8{stroke: #1e90ff !important; }
.line svg #new-ne-to-outcome-9{stroke: #702963 !important; }
.line svg #new-ne-to-outcome-10{stroke: #8b008b !important; }
.line svg #new-ne-to-outcome-11{stroke: #ef87ec !important; }
.line svg #new-ne-to-outcome-12{stroke:	#F08080 !important; }
.line svg #new-ne-to-outcome-13{stroke:#0B0B61 !important; }
.line svg #new-ne-to-outcome-14{stroke:#FE2E64 !important; }
.line svg #new-ne-to-outcome-15{stroke:#61380B !important; }
.line svg #new-ne-to-outcome-16{stroke:#ff0000 !important; }
.line svg #new-ne-to-outcome-17{stroke:#DF01A5 !important; }
.line svg #new-ne-to-outcome-18{stroke:#688A08 !important; }
.line svg #new-ne-to-outcome-19{stroke:#8A0808 !important; }
.line svg #new-ne-to-outcome-20{stroke:#006666 !important; }
.line svg #new-ne-to-outcome-21{stroke:#ff4d94 !important; }
.line svg #new-ne-to-outcome-22{stroke:#8706F3 !important; }
.line svg #new-ne-to-outcome-23{stroke:#FA2A04 !important; }
.line svg #new-ne-to-outcome-A, .line svg #new-ne-to-outcome-B, .line svg #new-ne-to-outcome-C, .line svg #new-ne-to-outcome-D, .line svg #new-ne-to-outcome-E, .line svg #new-ne-to-outcome-F{stroke: #ba55d3 !important; } @keyframes draw {/* to {stroke-dashoffset: 0;} */ 50%    {stroke-dashoffset:50;} 80%,100%   {stroke-dashoffset:0; } }
/*******************************/
.outcome-1 .rect-color, .outcome-2 .rect-color, .outcome-3 .rect-color, .result-4 .rect-color, .result-5 .rect-color, .outcome-6 .rect-color, .outcome-7 .rect-color{fill:#91F09C;stroke:#212121;stroke-miterlimit:10; }
.outcome-1.completed .rect-color, .outcome-2.completed .rect-color, .PickedUW.completed  .box-white, .outcome-7.completed  .rect-color , .outcome-6.completed  .rect-color , .Uncontactable.completed  .path-color, .outcome-3.completed  .rect-color , .RI.completed  .rect-color, .result-4.completed .rect-color, .result-5.completed .rect-color, .NewNE.completed .border-thick {stroke: #EF4136; stroke-width: 2px; stroke-dasharray:4; }
.outcome-1.completed text, .outcome-2.completed text, .PickedUW.completed text, .outcome-7.completed text, .outcome-6.completed text, .Uncontactable.completed text, .outcome-3.completed text, .RI.completed text, .NewNE.completed text {fill: #ef4136; }
.outcome-1 text tspan{}
.OnlineQuote .path-color, .OfflineQuote .path-color{fill:#93D1F6;stroke:#212121;stroke-miterlimit:10; }
.PE-RI .rect-color, .ContactMade .rect-color, .Uncontactable .path-color, .WC .rect-color, .RI .rect-color{fill:#FBBCC4;stroke:#212121;stroke-miterlimit:10; }
.NewNE .whiteBox, .OnlineLead .whiteBox, .LegitimateCustomer .whiteBox, .QuestionSetComplete .whiteBox, .SuccessOnlineQuote .whiteBox, .QuoteAccepted .whiteBox, .PickedUW .whiteBox{fill:#FFFFFF;stroke:#212121;stroke-width:2;stroke-miterlimit:10; }
/*******************************/
.box-white{fill:#FFFFFF;}
.box-green{fill:#91F09C;}
.box-blue{fill:#93D1F6;}
.box-red{fill:#FBBCC4;}
.with-border{stroke:#212121;stroke-width:1;stroke-miterlimit:10;}
.border-thick{stroke-width:2;}
/*******************************/
.btn{cursor:pointer;}
.btn-red{fill:#EF4136;}
.btn-blue{fill:#2630F7;}
.btn-orange{fill:#EF9C07;}
.btn-green{fill:#16AD00;}
.btn-lime{fill:#77b300;}
.btn-gray{fill:#FF5733;}
.btn-yellow{fill:#ffd700;}
.btn-cyan{fill:#1e90ff;}
.btn-coal{fill:#702963;}
.btn-violet{fill: #8b008b;}
.btn-plum{fill:#ef87ec;}
.btn-gray2{fill:#F08080;}
.btn-gray3{fill:#0B0B61;}
.btn-gray4{fill:#FE2E64;}
.btn-gray5{fill:#61380B;}
.btn-gray6{fill:#01DFD7;}
.btn-gray7{fill:#DF01A5;}
.btn-gray8{fill:#688A08;}
.btn-gray9{fill:#8A0808;}
.btn-gray10{fill:#006666;}
.btn-gray11{fill:#ff4d94;}
.btn-gray12{fill:#8706F3;}
.btn-gray13{fill:#FA2A04;}
.btn-aliceblue{fill:#ba55d3;}
.btn-aliceblue{fill:#ba55d3;}
.btn-red+.btn-text, .btn-blue+.btn-text, .btn-orange+.btn-text, .btn-green+.btn-text, .btn-lime+.btn-text, .btn-gray+.btn-text, .btn-yellow+.btn-text, .btn-cyan+.btn-text, .btn-coal+.btn-text,
.btn-violet+.btn-text, .btn-plum+.btn-text, .btn-gray2+.btn-text, .btn-gray3+.btn-text, .btn-gray4+.btn-text, .btn-gray5+.btn-text, .btn-gray6+.btn-text, .btn-gray7+.btn-text, .btn-gray8+.btn-text,
.btn-gray9+.btn-text, .btn-gray10+.btn-text, .btn-gray11+.btn-text, .btn-gray12+.btn-text, .btn-gray13+.btn-text, .btn-aliceblue+.btn-text{fill:#FFFFFF;font-size: 12px;font-size: var(--primary-font-size);}
/*******************************/
/*******************************/
image.outcome-1.completed:before {position: absolute; display: block; content: ""; width: 100%; height: 100%; /*border: 3px solid #f90000;*/ }
/***********Easy Alert**************/
.Easy {width: 200px; height: auto; background-color: cadetblue; color: #FFFFFF; padding: 10px 5px; position: absolute;
	right: -250px; bottom: 110px; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; transition: all 1.0s ease;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-size: var(--primary-font-size); text-align: center; transform: scale(1); opacity: 1; z-index:999999; }
.Easy p {padding: 0px; margin: 0; }
.Easy.go {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; right: 5px; transform: scale(1); }
.Easy.stop {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; }
/*******************************/
.form-h.label-6 .form-input.search{width: 49% !important; padding-right:0 !important;}
#left {/*float: right ; width: 50% ;*/ }
/*DIAL COMPONENT*/
.range-slider {/*position: relative;*/ margin: 10px 0 10px 0; min-height: 30px; /*z-index: 10; */ }
.range-slider > label{margin-bottom: 10px;}
.range-slider {width: 100%; }
.range-slider__range {-webkit-appearance: none; width: calc(100% - (73px)); height: 2px; border-radius: 5px; background: #4d4d4d; outline: none; padding: 0; margin: 0; }
.range-slider__range::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 50%; background: #f28d48; cursor: pointer; -webkit-transition: background .15s ease-in-out; transition: background .15s ease-in-out; }
.range-slider__range::-webkit-slider-thumb:hover {background: #ee6911; }
.range-slider__range:active::-webkit-slider-thumb {background: #ee6911; }
.range-slider__range::-moz-range-thumb {width: 10px; height: 10px; border: 0; border-radius: 50%; background: #f28d48; cursor: pointer; -moz-transition: background .15s ease-in-out; transition: background .15s ease-in-out; }
.range-slider__range::-moz-range-thumb:hover {background: #ee6911; }
.range-slider__range:active::-moz-range-thumb {background: #ee6911; }
.range-slider__range:focus::-webkit-slider-thumb {box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ee6911; }
::-moz-range-track {background: #d7dcdf; border: 0; } input::-moz-focus-inner, input::-moz-focus-outer {border: 0; }
.gaugeContainer {/* background: #f9f9f9; */ position: relative; color: #fff; margin: 0 0px 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; clear: both; height: 100px; }
.gaugeContainer .preview_textfie_class {position: absolute; width: 100%; text-align: center; font-size: 1.5em; font-weight: bold; color: #f9f9f9; padding: 5px 0 5px; bottom: -20px; }
.canvas_preview_class {position: absolute; display: block; margin: 0 auto; top: -50px; left: 50%; transform: translateX(-50%); }
.body-container .DetailsTable .form-h .form-label {/*padding-left: 30px;*/ }
/*DIAL COMPONENT END*/ /* CREATEIF CSS */
#CIFAdminHome #TreeScrollbar,#CIFAdminHome  .PopupTabContentArea{overflow: auto !important; height: calc(100vh - 40px) !important; }
#CIFAdminHome .DetailsTable{display: flex; height: calc(100vh - 50px); }
#CIFAdminHome .DetailsTable > div{width: 100%;height: 100%;}
#CIFAdminHome .DetailsTable > div > embed{height: calc(100% - 25px);width: 100%;}
/* CREATEIF CSS END */ /* New CSS 25-Aug-2020 */ /*@media only screen and (min-width: 1280px) and (max-width: 1279px){*/
.inline-layout .row {margin-right: 0px !important; margin-left: 0px !important; }
.inline-layout [class*='col-'] {padding-right: 0 !important; padding-left: 0 !important; }
.content {padding: 0px 10px 0; min-height: auto;width:100%; }
.chart-title {padding: 5px 10px; margin: 0px 10px 0; font-size:var(--primary-font-size-lg); }
.box{border-radius: 0; border: 1px solid;margin-bottom: 8px; }
/* ////////////////// */
.inboxtree{height: 100%;}
/* New Sidebar Menu */
.zeeMenutree{position: relative; display: block;background: #FFF;padding: 0; }
.zeeMenutree ul{list-style: none;padding: 0;margin: 0;}
.zeeMenutree > ul{/*margin-bottom: 15px;*/}
.zeeMenutree ul li{position: relative; display: block; float: none; list-style-type: none; }
.zeeMenutree > ul > li > a{/*font-weight: 700 !important;*/ }
.zeeMenutree ul li a{position: relative; display: block; padding: 7px 10px !important; line-height: 1; font-size:var(--primary-font-size); }
.zeeMenutree ul li a>span {position: relative; display: block; float: right;margin-right: 0; width: auto; min-width: 34px; height: 15px; line-height: 15px; text-align: center; border-radius: 15px; padding: 0 2px; }
.zeeMenutree ul li ul ul{padding-left: 15px; }
.zeeMenutree > ul > li > ul > li {border-bottom: 1px solid;}
.zeeMenutree li.treeLevel-1,.zeeMenutree li.treeLevel-2{position: relative;display: block;}
.zeeMenutree li.treeLevel-1:after,.zeeMenutree li.treeLevel-2:after {position: absolute; display: inline-block; font-family: 'Font Awesome\ 5 Free';font-weight: 900; content: "\f104"; margin: 5px 10px 0 0; right: 0; top: 0; }
.zeeMenutree li.treeLevel-1.open:after,.zeeMenutree li.treeLevel-2.open:after{-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
/*}*/
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
.table>tbody>tr.trActive {background-color: #2b2d31 !important; color: #f28d48; }
tr.trActive{}
tr.trActive td {border-top: 1px solid #f28d48 !important; border-bottom: 1px solid #f28d48 !important; }
/*tr.trActive.trActiveBefore td {border-bottom: 1px solid #f28d48 !important; border-top: none !important;}*/
tr.trActive td:first-child{border-left: 1px solid #f28d48 !important;}
tr.trActive td:last-child{border-right: 2px solid #f28d48 !important;}
tr.simple1clickInline td .LeadContent {border: 1px solid #f28d48; border-top: none; }
tr.simple1clickInline.beforeTR td .LeadContent {border-top: 1px solid #f28d48; border-bottom: none;}
.simple1clickActive.btn-theme{border-color: #f28d48 !important;}
.table-hover>tbody>tr.simple1clickInline:hover{color: inherit;}
.simple1clickInline .simple1clickContent{padding: 0;position: relative;}
.simple1clickInline .simple1clickContent .CreateForm{/*font-size: 18px;*/}
.simple1clickInline .simple1clickContent .CreateForm .form-input>input.form-control{width: 100%;min-width: 100%;}
.simple1clickInline .simple1clickContent .CreateForm .form-input>textarea.form-control{width: 100%;min-width: 100%;}
.simple1clickClose {
    position: absolute;
    right: 0;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 1;
    opacity: 0.87;
}
/* ////////////////////////////////////////// */
div>tr.simple1clickInline,div>tr.simple1clickInline td.simple1clickContent{display: block;}
div>tr.simple1clickInline .simple1clickClose{display: none;}
div>tr.simple1clickInline td .LeadContent{border: none;}
/* ////////////////////////////////////////// */
/*****************UI DIALOG RESIZING******************/
.ui-widget{font-family: 'OpenSans',Arial, sans-serif;}
.ui-jqdialog .ui-jqdialog-titlebar, .ui-dialog .ui-dialog-titlebar{font-weight: 600;}
.ui-dialog .row{margin-right: 0px; margin-left: 0px; }
.ui-dialog [class*='col-']{padding-right: 5px; padding-left: 5px; }
.ui-dialog .content{padding: 0;}
.ui-dialog .ui-dialog-title{width: 80% !important;}
.ui-dialog .PopupTabContentArea{/* padding: 5px; min-height: 420px; */ width:100% !important;overflow: auto; }
.ui-dialog #TreeScrollbar{width:100% !important;overflow: auto;}
.ui-dialog .PopupTabContentArea .table-clean{/*max-height: 420px; overflow-y:auto;*/ }
.ui-dialog .PopupTabContentArea .LeadContent{/*overflow:auto;*/}
.ui-dialog .PopupTabContentArea .popover > .arrow{display:none;}
.ui-dialog .LeftPane{padding: 5px; max-height: 500px; overflow-y: auto; }
.ui-dialog #TreeStrctr .jstree-container-ul{/*max-height: 340px; overflow: auto;*/ margin-right:30px; }
.ui-dialog #TreeScrollbar .mCSB_container{min-width:200px;}
.ui-dialog .questionset-section{padding: 10px 0;}
.ui-dialog .questionset-section #GridAddBtn {position: absolute; height: auto; right: 4px; z-index: 1; }
.ui-dialog .dialog-box{/*width:100% !important;*/}
.ui-jqdialog, .ui-dialog{z-index: 1001;font-size: 12px;font-size: var(--primary-font-size); }
.ui-dialog .dialog-box{width:100% !important;}
.ui-dialog .maximize-dialog{width: 100% !important; height: 100% !important; /*top: 0 !important; left: 0 !important;*/ }
.ui-dialog .minimize-dialog{width: 60% !important; height: 60% !important; min-height:700px; /*top: 50% !important; left: 50% !important; margin-left: -30%; margin-top: -15%;*/ }
.ui-dialog .restore-dialog{}
.ui-dialog .vertical-expand-dialog{}
.ui-dialog .horizontal-expand-dialog{}
.ui-dialog .PopupTabContentArea,.ui-dialog .PopupTabContentArea_0,.ui-dialog .PopupTabContentArea_,
.ui-dialog #TreeScrollbar,.ui-dialog .OneClickResDiv,.ui-dialog #MenuContent,
.ui-dialog #GridComponent,.ui-dialog #FeedData,.ui-dialog [data-name="Menu"]{overflow:auto;}
.ui-dialog [data-name="Tab Content Area"],.ui-dialog [data-name='Main Content'] {
	overflow: auto;border-right: 1px solid;border-left: 1px solid;/*padding-top: 5px;*/
	border-right-color: #ebebeb;
	border-left-color: #ebebeb;
	background: #fff;
}
/*.ui-dialog [data-name="Tab Content Area"] .dark-theme .ui-dialog .PopupTabContentArea,
.ui-dialog [data-name="Tab Content Area"] .oneclickresponse{padding: 0;}*/
.ui-dialog [data-name="Tab Content Area"] .CreateForm,.ui-dialog [data-name='Main Content'] .CreateForm{padding: 0;}
/****************UI DIALOG RESIZING END***************/
.ui-dialog .right-nav-btns{overflow: auto;}
.ui-dialog .right-nav-btns .sidebar-menu{/*height: inherit;*/ }
.ui-dialog .control-sidebar{position: relative; display: block; padding-top: 0px; border-left: 1px solid rgba(40, 58, 70, 0.34); width:100%; }
.ui-dialog .control-sidebar:after {/*position: absolute; content: ""; width: 100%; height: 100%; background: #222; min-height: calc(100% + 34px); background: #222;*/ }
.ui-dialog .sidebar-menu > li > a, .ui-dialog .sidebar-menu .treeview-menu > li > a {
	font-size: 12px;font-size: var(--primary-font-size);
	white-space: normal;
-webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
        transition: all 0.2s;
    }
/*dialog content VH*/
.ui-dialog #BOForm .PopupTabContentArea{height:100% !important;}
.ui-dialog #OneClickData .OneClickResDiv{height:100% !important;}
.ui-dialog #OneClickData,.ui-dialog #BOForm{/* height:41vh !important;*/ overflow-y:auto; margin-bottom: 15px; background: #fff; width:100% !important; }
.ui-dialog #BOForm{margin-bottom: 0px;}
.ui-dialog [class*='col-'] {padding-right: 0; padding-left: 0; }
.ui-dialog .PopupTabContentArea{/*border-right: 1px solid #ebebeb;*/}
.ui-dialog .ui-dialog-content,.ui-jqdialog-content{padding: 0;}
/*.ui-dialog .CreateForm{padding: 0 10px;}*/
/* ///////////////////////////////////////// */
/*.ui-dialog .maintitle{font-size: 14px;margin: 0px 10px 0;}*/
.ui-dialog .maintitle{font-size: 12px;padding: 5px;text-transform: uppercase;}
.ui-dialog .right-box .maintitle{margin: 10px 0 5px !important;}
.ui-dialog .right-box .box-container .box-body{padding: 0;}
.ui-dialog .left-nav-btns{position: relative;display: block;margin: 0;margin-top: 5px;}
.ui-dialog .left-nav-btns > li > a{margin: 0 auto;}
.ui-dialog .eligibility1 li, .ui-dialog .eligibility2 li {padding: 5px;}
.ui-dialog .body-container .wrap-width .HelpIcon{position: relative;display: inline-block;vertical-align: middle;top: -2px;}
.ui-dialog .body-container .DetailsTable .form-h .form-label>span {position: relative; }
.ui-dialog .body-container .helptext--desktop{min-width: 200px;max-width: inherit;top: 50%;transform: translateY(-30%);margin-top: 0;}
.ui-dialog .body-container .wrap-width .HelpIcon:hover + .helptext{position: absolute;width: 100%;top: 0;left: 100%;}
.ui-dialog .LeadContent .helptext--desktop{margin-left: 10px;}
.ui-dialog #DynamicForm {/*margin-top: 10px;padding: 0 10px;*/}
.ui-dialog .label-wrapper .rad:before, .label-wrapper .check:before{font-size: 16px;}
.ui-dialog .right-box {padding-right: 5px; padding-left: 5px; width: calc(100% - 200px); float: left; position: relative; min-height: 1px; }
.ui-dialog .left-box {padding-right: 5px; padding-left: 5px;margin-bottom: 5px; width: 200px; float: left; position: relative; min-height: 1px; }
.ui-dialog .left-nav-btns {}
.ui-dialog .left-nav-btns > li > a {position: relative; display: block; padding: 5px 10px; font-size: 13px; cursor: pointer; border: 1px solid; }
.ui-dialog .left-nav-btns > li.active > a {position: relative; display: block; padding: 5px 10px; font-size: 13px; cursor: pointer; }
.ui-dialog #QSStep .oneclickresponse .box-container,
.ui-dialog #QSStep .oneclickresponse .pdftag,
.ui-dialog #QSStep .oneclickresponse .highlite{width: 100%;}
.ui-dialog .policybox {}
.ui-dialog .policybox table th{font-weight: 600;}
.ui-dialog .policybox table th,.ui-dialog .policybox table td{border: 0;}
.ui-dialog .policybox .policygrid1 .box-body{min-height:auto !important;}
/* /////////////////////////////////////////// */
.ui-dialog .custom-table input[type=checkbox]{
	border: 2px solid #0097d7 !important;
	width: 18px;
    height: 18px;
    text-align: center;
    cursor: pointer;
    /*background: rgba(40,40,40,0.2);*/
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px !important;
    position: relative;
}
.ui-dialog .custom-table input[type=checkbox]:checked {
    /*background-image: url(../images/input-success.png);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;*/
    background-color: #0097d7;
}
.ui-dialog .custom-table input[type=checkbox]:checked:before {
    /*font-family: 'FontAwesome';*/
    font-family: 'Font Awesome\ 5 Free';
    content: "\f00c";
    position: absolute;
    display: block;
    font-size: 12px;
    color: #fff;
    left: 1px;
    top: 1px;
    font-weight: 900;
}
.ui-dialog .custom-table input[type=checkbox]:checked[disabled],
.ui-dialog .custom-table input[type=checkbox][disabled]{opacity: 0.5;cursor: not-allowed;}
/* ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////// */
.snippet-box{
position: relative;
    display: flex;
    padding: 8px 10px;
    height: 180px;
    justify-content: center;
}
.snippet-box .snippet-content{
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-left-width: 60px;
}
.snippet-box .value{
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 70px;
    /*font-size:var(--primary-font-size-xl);*/
    font-weight: 300;
    flex: 1;
}
.snippet-box .head{
	/*position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    left: -60px;
    top: 50%;
    width: 160px;
    height: 60px;
    overflow: hidden;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg) translateX(-50%);
    -moz-transform: rotate(-90deg) translateX(-50%);
    -ms-transform: rotate(-90deg) translateX(-50%);
    -o-transform: rotate(-90deg) translateX(-50%);
    transform: rotate(-90deg) translateX(-50%);
    transform-origin: 0 0;*/
    position: relative;
    display: table;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    /* writing-mode: vertical-lr; */
    margin: 0;
    width: 60px;
    margin-left: -60px;
    writing-mode: tb-rl;
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.snippet-box .head span{
	display: table-cell;
    vertical-align: middle;
}
/*.snippet-box .snippet-content{
	position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-left-width: 60px;
}
.snippet-box .snippet-content>h1{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 70px;
    font-weight: 300;
}
.snippet-box .snippet-content>h3{
    text-transform: uppercase;
    letter-spacing: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -30px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}*/
/* ////////////////////////////////// */
/* //////////////#mhv2 .contact-poster {display: block;} in MotorhomeV2////////////// */#mhv2 .contact-poster {display: block;}
.contact-poster {display: none;}

/* /////////////////////////////////////// */
@media (max-width: 992px) {
    /*html, body{overflow-y: auto;}
    html{height: 100%;}
    body{min-height: 100%;} 
    body, .inline-layout .sidebar-menu>li>a,
    .inline-layout .sidebar-menu .treeview-menu>li>a,
    .ui-jqdialog,.ui-dialog,.form-label {font-size: 14px;}
    .body-container .helptext-mobile-button{display: none;}
    .overflow_hide{overflow: hidden !important;}
    .loader,.loader-center{ width: 20px;height: 20px;border-top-color: #00adef;}*/

    /* LOGIN PAGE */
    .login-page, .register-page{
        display: table;
        width: 100%;
        margin: 0px auto;
        height: 100%;
    }
    .login-box, .register-box{
        display: table-cell;
        vertical-align: middle;
    }
    .login-box .login-box-logo img{
            margin: 0px auto 20px;
            width: 100%;
        max-width: 260px;
    }
    .login-box-body, .register-box-body{
        box-shadow: none;
        background: transparent;
        border: none;
        padding: 0;
        max-width: 280px;
        margin: 0 auto;
    }
    .login-box-body .form-control,.login-box-body .form-group input, .register-box-body .form-group input {
        height: 50px;
        padding: 3px 50px 3px 12px;
        border-radius: 3px;
        background: transparent;
        border-color: #3d444d;
        margin: 0 0 25px;
    }
    .login-page .btn-submit, .register-page .btn-submit{min-height: 50px;}
    .login-box-body form .form-group{position: relative;}
    .login-box-body .btn-forgot {
        margin-top: 0;
        margin-bottom: 15px;
        line-height: 34px;
        text-align: right;
    }
    .login-box-body .btn-login{position: relative;margin-top: 5px;}
    .login-box-body .btn-login .btn{min-height: 50px;}
    .login-box-body .form-control-feedback{width: 50px;height: 50px;line-height: 50px;}

    /* LOGIN PAGE END */
    }

/* /////////////////////////////////////// */

.ui-dialog{
    display: block; padding-left: 50px;
}
.ui-jqdialog .ui-jqdialog-titlebar, .ui-dialog .ui-dialog-titlebar {
  float: left;
  width: 50px;
  height: 100%;
  position: absolute;
  left: 0;
  border-right: 1px solid #000;
}
.ui-dialog .ui-dialog-content, .ui-jqdialog-content{
  /*width: calc(100% - 50px) !important;*/
}
.ui-dialog .ui-dialog-title{
  position: absolute;
    -webkit-transform-origin:9px -5px;
    display:inline-block;
    -webkit-transform:rotate(-90deg);
    text-align:center;
          bottom: 0;
    width: auto !important;
    text-transform: uppercase;
}
/*.ui-dialog + .ui-dialog, .ui-dialog + div + .ui-dialog {margin-left: 9%;}
.ui-dialog + .ui-dialog + .ui-dialog, .ui-dialog + div + .ui-dialog + .ui-dialog {margin-left: 29%; width: calc(86%) !important;}*/
.dialogIcons{
    margin: 0 10px;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dialogIcons > i{
  margin-right: 0;
      margin-top: 7px;
}

.sideSpaceDialog .dialog-box {
    height: 100% !important;
}
/* /////////////////////////////////////////////////////////// */
.mainDate {
    width: 100%;
    height: 28px;
    border: 0.1px solid;
    text-align: center;
    display: table;
}

.myField {
    width: 33.33%;
    height: 25px;
    border: none;
    text-align: center;
    display: table-cell;
}
.mainDate .devider-line:after{
    position: relative;
    content: "";
    width: 1px;
    height: 10px;
    background: #ccc;
    display: inline-block;
    margin-left: -1px;
    -webkit-transform: rotateZ(20deg);
    -moz-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
}
.chosen-container-single .chosen-single{
    border-radius: 0 !important;
    border: 1px solid !important;
    box-shadow: none !important;
    padding: 0 0 0 5px !important;
    height: 28px;
}

div#debug-info {
    position: fixed;
    bottom: 0.3rem;
    right: 0.5rem;
    opacity: 0.3;
}

.login-page div#debug-info {
    color: #fff;    
}