/* Minification failed. Returning unminified contents.
(6671,1): run-time error CSS1019: Unexpected token, found '@import'
(6671,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900')'
(6671,86): run-time error CSS1031: Expected selector, found ';'
(6671,86): run-time error CSS1025: Expected comma or open brace, found ';'
(6673,1): run-time error CSS1019: Unexpected token, found '@import'
(6673,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700')'
(6673,88): run-time error CSS1031: Expected selector, found ';'
(6673,88): run-time error CSS1025: Expected comma or open brace, found ';'
(8762,16): run-time error CSS1038: Expected hex color, found '#cccc'
(11335,16): run-time error CSS1038: Expected hex color, found '#333l'
 */

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
body {
    color: #666666;
    font-size: 13px;
    line-height: 18px;
    font-family: 'Open Sans';
    font-weight: 400 !important;
    margin: 0;
    padding: 0;
    text-align: left;
}

.adl-body {
    background-color: #edeff0 !important;
}

    .adl-body p {
        text-align: justify;
    }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans';
}

strong {
    color: #41a3ea;
    font-weight: 600;
}

h1 {
    color: #41a3ea;
    font-size: 22px;
    font-weight: 700;
}

h2 {
    color: #41a3ea;
    font-size: 20px;
    font-weight: 700;
}

h3 {
    color: #41a3ea;
    font-size: 18px;
    font-weight: 700;
}

h4 {
    color: #41a3ea;
    font-size: 16px;
    font-weight: 600;
}

h5 {
    color: #41a3ea;
    font-size: 14px;
    font-weight: 600;
}

h6 {
    color: #41a3ea;
    font-size: 13px;
    font-weight: 600;
}

a:link {
    text-decoration: none;
    color: #41a3ea;
}

a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #41a3ea;
}

a:hover, a:focus, a:active {
    text-decoration: none;
    color: #41a3ea;
    cursor:pointer
}

abbr {
    border-bottom: none;
}

ol {
    padding-left: 24px;
}

ul {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
}

select, textarea, input[type="text"]{
    box-sizing:border-box;
}

/* ---------- Adl Text/Allignment  --------- */
.normal {
    font-size: 13px !important;
    color: #666;
    font-family: 'Open Sans'!important;
}

.small {
    font-size: 11px !important;
    line-height: 1.2;
    font-family: 'Open Sans'!important;
    color: #666;
}

.big {
    font-size: 15px !important;
    color: #666;
    font-family: 'Open Sans'!important;
}

.font28, .font28 td, .font28 th, .font28 label {
    font-size: 28px !important;
    font-family: 'Open Sans'!important;
}

.font18, .font18 td, .font18 th, .font18 label {
    font-size: 18px !important;
    font-family: 'Open Sans'!important;
}

.font16, .font16 td, .font16 th, .font16 label {
    font-size: 16px !important;
    font-family: 'Open Sans'!important;
}

.font15, .font15 td, .font15 th, .font15 label {
    font-size: 15px !important;
    font-family: 'Open Sans'!important;
}

.font14, .font14 td, .font14 th, .font14 label {
    font-size: 14px !important;
    font-family: 'Open Sans'!important;
}

.font13, .font13 td, .font13 th, .font13 label {
    font-size: 13px !important;
    font-family: 'Open Sans'!important;
}

.font-normal, .fontN {
    font-weight: 400 !important;
}

.font-bold, .fontB {
    font-weight: bold !important;
}

.font-semibold, .fontSB {
    font-weight: 600 !important;
}

.text-left, .textL {
    text-align: left !important;
}

.text-right, .textR {
    text-align: right !important;
}

.text-center, .textC {
    text-align: center !important;
}

.text-justify, .textJ {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
    overflow: hidden;
}

.text-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.bold-text-blue {
    font-weight: bold;
    font-size: 14px;
    color: #41a3ea !important;
}

.text-blue {
    color: #41a3ea !important;
}

.text-white {
    color: #fff !important;
}

.text-blk {
    color: #444 !important;
}

.font-clbri {
    font-family: calibri;
    font-weight: 400;
    font-size: 1.1em;
}

.successMsg {
    color: green;
    font: normal 13px/18px 'Open Sans';
}

.errorMsg {
    color: red;
    font: normal 13px/18px 'Open Sans';
}

.adl-hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.adl-hr-right {
    padding: 0;
    margin: 0;
    margin-left: -1px;
    border-right: solid 1px #d0cfcf;
}

.adl-padding {
    padding: 10px !important;
}

.adl-padding-left, .adl-paddingL {
    padding-left: 10px !important;
}

.adl-padding-right, .adl-paddingR {
    padding-right: 10px !important;
}

.adl-padding-side, .adl-paddingLR {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.adl-no-padding {
    padding: 0 !important;
}

.adl-no-padding-topbottom, .adl-no-paddingTB {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.adl-no-padding-side, .adl-no-paddingLR {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.adl-no-padding-right, .adl-no-paddingR, .padding-none-right {
    padding-right: 0px !important;
}

.adl-no-padding-left, .adl-no-paddingL, .padding-none-left {
    padding-left: 0px !important;
}

.adl-padding-topbottom, .adl-paddingTB {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.adl-padding-bottom, .adl-paddingB {
    padding-bottom: 15px !important;
}

.adl-padding-top, .adl-paddingT {
    padding-top: 15px !important;
}

.boxBorder{
	box-sizing:border-box
}

.adl-margin {
    margin: 10px !important;
}

.adl-margin-left, .adl-marginL {
    margin-left: 10px !important;
}

.adl-margin-right, .adl-marginR {
    margin-right: 10px !important;
}

.adl-marginLR {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.adl-margin-bottom, .adl-marginB {
    margin-bottom: 10px !important;
}

.adl-margin-top, .adl-marginT {
    margin-top: 10px !important;
}

.adl-margin-topbottom, .adl-marginTB {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.adl-no-margin {
    margin: 0 !important;
}

.adl-no-margin-left, .adl-no-marginL {
    margin-left: 0 !important;
}

.adl-no-margin-right, .adl-no-marginR {
    margin-right: 0 !important;
}

.adl-no-margin-side, .adl-no-marginLR {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.adl-no-margin-topbottom, .adl-no-marginTB {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.adl-no-margin-top, .adl-no-marginT {
    margin-top: 0 !important;
}

.adl-no-margin-bottom, .adl-no-marginB {
    margin-bottom: 0 !important;
}

.adl-float-left, .adl-floatL {
    float: left !important;
}

.adl-float-right, .adl-floatR {
    float: right !important;
}

.adl-floatNo {
    float: none !important;
}

.adl-dInline{
    display:inline-block !important;
}
.adl-dBlock{
    display:block !important;
}


/*to make any item center align*/
.adl-center {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

.LH1{
    line-height:1
}
.LH15{
    line-height:1.5
}
.LH2{
    line-height:2
}

/*----specific divs---*/
.adl-wrapper {
    overflow: auto;
    background-color: #fff;
}

.adl-container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 20px auto 0;
    padding: 0;
    width: 97%;
    min-width: 800px;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.adl-header {
    background: #41a3ea;
    /*overflow: hidden;*/
    line-height: 26px;
    display: inline-block;
    width: 100%;
}

.adl-heading {
    font-family: 'Open Sans';
    background: #41a3ea;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    /*float: left;*/
    line-height: 26px;
    padding: 8px;
    /*overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
}

    .adl-heading .head {
        color: #fff;
        margin: 0;
        padding: 0;
        float: left;
        font-size: 15px;
        font-weight: bold;
        font-family: 'Open Sans';
    }
/*.adl-header.fact-header {
	padding: 5px 0px;
}*/
.adl-header-main {
    background: #41a3ea !important;
    padding: 10px !important;
}
/*.grid-header {
	background: #41a3ea !important;
	padding: 4px 0px
}*/
.user_img {
    max-height: 100%;
    max-width: 100%;
    /*width: 108px;
	height: 107px;*/
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
    padding: 4px;
    margin-top: 15px;
}

.section {
    display: inline-block;
    /*overflow: hidden;*/
    height: auto;
    padding: 10px 0;
}

.sub_headding {
    background: #41a3ea !important;
    clear: both;
    color: #fff;
    font-weight: 600;
    padding: 6px 10px !important;
}

    .sub_headding a {
        color: #fff !important;
    }
/*.section_head .headding {
	position: relative;
	padding: 0;
	color: #fff;
	font-weight: bold;
}*/
.section_body {
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
}
/*.section_body a {
	color: #41a3ea;
	text-decoration: none;
}*/
.list_content {
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto;
}

    .list_content li {
        list-style: none;
        padding: 0 0 0 5px;
        color: #666666;
        border-bottom: 1px solid #e5e5e5;
        margin: 0 auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 28px; /*overflow: hidden;*/
    }
        /*.section_body ul.list_content li span {
	padding: 6px 0px 5px 4px;
}*/
        .list_content li:last-child {
            border: none;
        }

    .list_content .list_icon {
        margin-left: 16px;
    }

li.adl-truncate {
    overflow: hidden !important;
}

img.item_icon {
    height: 18px;
    width: 17px;
    position: relative;
    left: -15px;
    top: 4px;
}

.vtop {
    vertical-align: top;
}

.vmid {
    vertical-align: middle;
}

.vbottom {
    vertical-align: bottom;
}

.centerBlok, .blokCenter {
    margin: 0 auto;
}

.middleBlok {
    /*margin have to set as per height-width*/
    position: absolute;
    left: 50%;
    top: 50%;
}

.grey-blok {
    background-color: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
    overflow: hidden;
}

.fixedBlok {
    position: fixed!important;
    left: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
}

.mandatory {
    color: red;
    font-size: 14px;
}

.ovrflow-scroll {
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: solid 1px #dce0e2;
}

.ovrflow-scroll-basic {
    overflow-y: auto;
    overflow-x: hidden;
}

.searchdiv, .adl-parent {
    position: relative;
}

.ovrflow-hide {
    overflow: hidden!important;
}

.ovrflow-hideX {
    overflow-x: hidden!important;
    overflow-y: auto!important;
}

.adl-title {
    height: 47px;
    padding: 10px;
    border-bottom: 1px solid #dadada;
    box-sizing: border-box;
}

    .adl-title h4 {
        float: left;
        line-height: 1.7;
    }

.adl-title-btns {
    float: right;
    margin-top: -2px;
}

.adl-title-btns .adl-btn {
    margin: 0;
}
.adlHide{
    display: none;
}
.adlShow{
    display:block;
}

/*----CheckBox----*/
[type="checkbox"].adl-checkbox:not(:checked), [type="checkbox"].adl-checkbox:checked {
    position: absolute;
    left: -9999px;
}

    [type="checkbox"].adl-checkbox:not(:checked) + label, [type="checkbox"].adl-checkbox:checked + label {
        position: relative;
        cursor: pointer;
        padding-left: 14px;
    }

        [type="checkbox"].adl-checkbox:not(:checked) + label:before, [type="checkbox"].adl-checkbox:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 12px;
            height: 12px;
            border: 1px solid #7a7979;
            background: #fff;
        }

        [type="checkbox"].adl-checkbox:checked + label:before {
            border: 1px solid #41a3ea !important;
        }

.check_text {
    position: relative;
    padding-left: 8px;
    color: #333;
    font-weight: normal;
}

[type="checkbox"].adl-checkbox:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"].adl-checkbox:not(:checked) + label:after, [type="checkbox"].adl-checkbox:checked + label:after{
 content: '7';
 -webkit-transform: scaleX(-1) rotate(120deg);
 -moz-transform: scaleX(-1) rotate(120deg);
 -ms-transform: scaleX(-1) rotate(120deg);
 -o-transform: scaleX(-1) rotate(120deg);
 transform: scaleX(-1) rotate(120deg);
 position: absolute;
 top: 3px;
 left: 4px;
 font-size: 10px;
 color: #41a3ea;
 line-height: 12px;
 transition: all .2s;
 font-family: Tahoma, Geneva, sans-serif;
 font-weight: 600;
}
/*----closed Checkbox----*/

/*---Switch button----*/
.switch > input[type="checkbox"] {
    display: none;
}

.switch_text {
    padding-left: 30px;
    color: #333;
}

.switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

    .switch > label::before {
        background: #ccc;
        border-radius: 8px;
        content: '';
        height: 12px;
        margin-top: 8px;
        position: absolute;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }

    .switch > label::after {
        background: rgb(255, 255, 255);
        border-radius: 16px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        content: '';
        height: 16px;
        left: -4px;
        margin-top: 6px;
        position: absolute;
        transition: all 0.3s ease-in-out;
        width: 24px;
    }

.switch > input[type="checkbox"]:checked + label::before {
    background: #bce3ff;
}

.switch > input[type="checkbox"]:checked + label::after {
    background: #41a3ea;
    left: 20px;
}
/*---option switch---*/
.head-switch .switch.option{
	margin:inherit
}
.head-switch .switch.option > label::before {
	content: "No";
	padding: 0 7px;
	text-align: right;
	color: #444;
	line-height: 24px;
	font-size: 13px;
	width: 45px;
	height: 24px;
	font-weight: 600;
}
.head-switch .switch.option > label::after{
	width: 22px;
    height: 22px;
}
.head-switch .switch.option > input[type="checkbox"]:checked + label::before{
	content: 'Yes';
	background: #41a3ea;
	text-align:left;
	color:#fff;
}
.head-switch .switch.option > input[type="checkbox"]:checked + label::after{
	background: #fff;
	left: 36px;
}

/*--closed---*/
/*--closed---*/

/*radio button*/
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.radio input[type="radio"]:checked + label::before {
    border-color: #41a3ea;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #7a7979;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
    cursor: pointer;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 10px;
    height: 10px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #41a3ea;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    margin: 0;
}

    .radio input[type="radio"]:focus + label::before {
        outline: none;
    }

    .radio input[type="radio"]:checked + label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .radio input[type="radio"]:disabled + label {
        opacity: 0.65;
    }

        .radio input[type="radio"]:disabled + label::before {
            cursor: not-allowed;
        }

.radio-inline + .radio-inline {
    padding-left: 15px;
}

.radio.radio-inline {
    margin-top: 0;
    display: inline-block;
}
/*radio button*/

/*.accordain_head {
	background: #41a3ea;
	height: 30px;
	line-height: 30px;
	padding: 2px 5px;
	margin: 10px 0;
	color: #fff;
	font-weight: bold;
}
.accordain_img {
	float: right;
	margin-top: 4px;
}*/
/*--adl-accordion---------*/
.adl-accordion, .adl-accordion ul, .adl-accordion li, .adl-accordion a {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    position: relative;
}

.adl-accordion {
}

    .adl-accordion a {
    }

    .adl-accordion > ul > li {
        margin: 0 0 8px 0;
    }

        .adl-accordion > ul > li:last-child {
            margin: 0;
        }

        .adl-accordion > ul > li > a {
            display: block;
            background: #41a3ea;
            padding: 2px 5px;
            margin: 0;
            color: #fff;
            font-weight: 600;
        }

        .adl-accordion > ul > li.active > a {
            background: #41a3ea;
        }

        .adl-accordion > ul > li > a > span {
            display: block;
            padding: 4px 10px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            font-weight: 600;
        }

        .adl-accordion > ul > li > a:hover {
            text-decoration: none;
        }

        .adl-accordion > ul > li.active {
            border-bottom: none;
        }

            .adl-accordion > ul > li.active > a span {
            }

        .adl-accordion > ul > li.has-sub > a span {
            background: url(/Images/adlNewImages/accr_right.png) 98% center no-repeat;
        }

        .adl-accordion > ul > li.has-sub.active > a span {
            background: url(/Images/adlNewImages/accr_up.png) 98% center no-repeat;
        }
    /* Sub menu */
    .adl-accordion ul ul {
        /*	padding: 5px 8px;*/
        display: none;
    }

        .adl-accordion ul ul.list_content {
            padding: 5px 8px;
            display: none;
        }

        .adl-accordion ul ul li {
            padding: 0;
            border-bottom: 1px solid #e5e5e5;
        }

        .adl-accordion ul ul a {
            /*display: block;*/
            color: #41a3ea;
        }

            .adl-accordion ul ul a:hover {
                text-decoration: underline;
            }
/*-------adl-toggle---------*/
.adl-toggle, .adl-toggle ul, .adl-toggle li, .adl-toggle a {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    /*position: relative;*/
}

.adl-toggle {
}

    .adl-toggle a {
    }

    .adl-toggle > ul > li {
        margin: 0 0 8px 0;
    }

        .adl-toggle > ul > li:last-child {
            margin: 0;
        }

        .adl-toggle > ul > li > a {
            display: block;
            background: #41a3ea;
            padding: 3px 5px;
            margin: 0;
            color: #fff;
            font-weight: bold;
        }
            /*.adl-toggle > ul > li.active > a {
	background: #41a3ea;
}*/
            .adl-toggle > ul > li > a > span {
                display: block;
                padding: 4px 10px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                font-weight: 600;
            }

            .adl-toggle > ul > li > a:hover {
                text-decoration: none;
            }

        .adl-toggle > ul > li.active {
            border-bottom: none;
        }
        /*.adl-toggle > ul > li.active > a span {
}*/
        .adl-toggle > ul > li.has-sub > a.toggle-menu span {
            background: url(/Images/adlNewImages/accr_up.png) 98% center no-repeat;
        }

        .adl-toggle > ul > li.has-sub > a.toggle-menu.active span {
            background: url(/Images/adlNewImages/accr_right.png) 98% center no-repeat;
        }
    /* Sub menu */
    .adl-toggle ul ul {
        padding: 5px 8px;
        display: none;
    }

        .adl-toggle ul ul li {
            padding: 0;
            border-bottom: 1px solid #e5e5e5 !important;
            overflow: visible !important;
        }
        /*.adl-toggle ul ul a {
	display: block;
	color: #41a3ea;
}*/
        .adl-toggle ul ul a:hover {
            text-decoration: underline;
        }
/*------ Closed Toogle --------*/

/*----Adviserdashboard.aspx tip------*/
.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip:after {
        visibility: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
        content: attr(data-tool); /* might also use attr(title) */
        height: auto;
        min-width: 150px;
        padding: 5px 8px;
        z-index: 999;
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        text-align: center;
        background: rgba(0, 0, 0, 0.76);
        white-space: initial;
        line-height: 14px;
    }

    .tooltip:hover:after {
        display: block;
        visibility: visible;
        opacity: 1;
    }

    .tooltip:hover:before {
        visibility: visible;
        opacity: 1;
    }

    .tooltip.animate:after, .tooltip.animate:before {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    /* tips on top */
    .tooltip.top:before {
        visibility: hidden;
        position: absolute;
        width: 0;
        height: 0;
        left: 50%;
        bottom: calc(100% + -5px);
        opacity: 0;
        z-index: 9999;
        content: "";
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid rgba(0, 0, 0, 0.76);
    }

    .tooltip.top:hover:before {
        bottom: calc(100% + 5px);
        transition: all 0s ease-out 0s;
        visibility: visible;
        opacity: 1;
    }

    .tooltip.top:after {
        bottom: 100%;
    }

    .tooltip.top:hover:after {
        transition: all 0.1s ease-out 0.1s;
        bottom: calc(100% + 10px);
    }
    /* tips on bottom */
    .tooltip.bottom:before {
        visibility: hidden;
        position: absolute;
        width: 0px;
        height: 0px;
        opacity: 0;
        left: 50%;
        top: calc(100% + -5px);
        z-index: 9999;
        content: "";
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid rgba(0, 0, 0, 0.76);
    }

    .tooltip.bottom:hover:before {
        top: calc(100% + 5px);
        transition: all 0s ease-out 0s;
        visibility: visible;
        opacity: 1;
    }

    .tooltip.bottom:after {
        bottom: auto;
        top: 100%;
    }

    .tooltip.bottom:hover:after {
        transition: all 0.1s ease-out 0.1s;
        top: calc(100% + 10px);
    }

    /* tips on the right */
    .tooltip.right:before {
        visibility: hidden;
        position: absolute;
        width: 0px;
        height: 0px;
        margin-left: -5px;
        opacity: 0;
        left: 100%;
        z-index: 9999;
        content: "";
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid rgba(0, 0, 0, 0.76);
        bottom: calc(10% + 5px);
    }

    .tooltip.right:hover:before {
        transition: all 0s ease-out 0s;
        margin-left: 5px;
        visibility: visible;
        opacity: 1;
    }

    .tooltip.right:after {
        left: 100%;
        position: absolute;
        bottom: 2px;
    }

    .tooltip.right:hover:after {
        transition: all 0.1s ease-out 0.1s;
        margin-left: 10px;
    }

    /* tips on the left */
    .tooltip.left:before {
        visibility: hidden;
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
        left: 0;
        z-index: 9999;
        content: "";
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid rgba(0, 0, 0, 0.76);
        bottom: calc(10% + 5px);
    }

    .tooltip.left:hover:before {
        transition: all 0s ease-out 0s;
        margin-left: -10px;
        visibility: visible;
        opacity: 1;
    }

    .tooltip.left:after {
        left: auto;
        position: absolute;
        bottom: 3px;
        right: 100%;
    }

    .tooltip.left:hover:after {
        transition: all 0.1s ease-out 0.1s;
        right: calc(100% + 10px);
    }

    /**/

    .tooltip.short:after {
        min-width: 90px;
    }

    .tooltip.short.animate:after, .tooltip.short.animate:before {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    /*tooltip icon in input*/
    .tooltip.icon {
        margin-top: 6px;
    }

.tooltipBox {
    background: rgba(0, 0, 0, 0.76);
    color: #fff;
}

/** Closedtooltip styles**/


/* ------- ADL Buttons -------*/

.adl-btn {
    background-color: #41a3ea;
    background-image: none;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 600;
    line-height: 1.42857;
    margin: 8px 0 8px 0;
    padding: 4px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -moz-user-select: none;
    min-width: 80px;
    height: 30px;
    box-sizing: border-box;
}

a.adl-btn {
    color: #fff!important;
}

.adl-btn:hover {
    color: #fff;
    background-color: #166ead;
}
.adl-btn:focus {
        outline: none;
    }

.adl-btn-group .adl-btn {
    margin-left: 2px;
    margin-right: 2px;
}

.adl-btn.btn-block {
    width: 95%;
}

.adl-btn.btn-sm {
    font-size: 11px;
    padding: 3px 10px;
    min-width: 30px;
    height: 25px !important;
}

.adl-btn.btn-md {
    min-width: 130px;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 1.6;
    height: 40px !important;
}

.adl-btn.btn-lg {
    min-width: 200px;
    height: 50px!important;
    padding: 15px;
    font-size: 16px;
    line-height: 1.4;
}

.adl-padding.head-btns {
    /*for div having head btns on page blu header*/
    padding: 6px!important;
}

.adl-btn-head {
    background: #fff;
    color: #666!important;
    border: 1px solid #3288c7;
    padding: 4px 20px 4px 20px;
    font-weight: 600;
    font-family: 'Open Sans';
    cursor: pointer;
    line-height: 1.42857;
    text-align: center;
    vertical-align: middle;
    min-width: 80px;
    font-size: 13px;
}

    .adl-btn-head:hover {
        color: #41a3ea!important;
    }

.adl-btn-pop {
    background: #41a3ea;
    border: 1px solid #3894d7;
    color: #fff;
    display: inline-block;
    padding: 7px 2%;
    margin-bottom: 0px;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: bold;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border-radius: 3px;
    width: 100%;
}

    .adl-btn-pop:hover, .adl-btn-pop:active, .adl-btn-pop:focus {
        background: #338ccc;
        border: solid 1px #338ccc;
        box-shadow: none;
    }

.adl-btn.btn-green {
    background-color: #42c35e;
}

    .adl-btn.btn-green:hover {
        background-color: #24983d;
    }

.adl-btn.btn-red {
    background-color: #e84546;
}

    .adl-btn.btn-red:hover {
        background-color: #c22e2f;
    }

.adl-btn-txt {
    background: none;
    border: none;
    cursor: pointer;
    color: #666;
}

/*for button having light bg color*/
.btn-light {
    color: #444!important;
}

    .btn-light:hover {
        color: #fff!important;
        background-color: #666!important;
    }

/*------ADL-row and Columns------*/

.adl-row:after, .adl-row:before, .form-horizontal:after, .form-horizontal:before {
    display: table;
    content: " ";
}

.adl-row {
    margin-left: -10px !important;
    margin-right: -10px !important;
    clear: both;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-05, .col-15, .col-25, .col-33, .col-35, .col-45, .col-54, .col-55, .col-65, .col-75, .col-85, .col-95 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    /*position: relative;*/
    box-sizing: border-box;
    min-height: 1px;
}

.col-1 {
    width: 10%;
}

.col-2 {
    width: 20%;
}

.col-3 {
    width: 30%;
}

.col-4 {
    width: 40%;
}

.col-5 {
    width: 50%;
}

.col-6 {
    width: 60%;
}

.col-7 {
    width: 70%;
}

.col-8 {
    width: 80%;
}

.col-9 {
    width: 90%;
}

.col-10 {
    width: 100%;
}

.col-05 {
    width: 5%;
}

.col-15 {
    width: 15%;
}

.col-25 {
    width: 25%;
}

.col-35 {
    width: 35%;
}

.col-33 {
    width: 33.333333%;
}

.col-45 {
    width: 45%;
}

.col-54 {
    width: 54%;
}

.col-55 {
    width: 55%;
}

.col-65 {
    width: 65%;
}

.col-75 {
    width: 75%;
}

.col-85 {
    width: 85%;
}

.col-95 {
    width: 95%;
}

.col-control {
    padding-left: 3px;
}
/*------- For All Placeholder -----------*/

input::-webkit-input-placeholder {
    color: #dadada;
}

input:focus::-webkit-input-placeholder {
    color: #f0f0f0;
}
/* Firefox < 19 */
input:-moz-placeholder {
    color: #dadada;
}

input:focus:-moz-placeholder {
    color: #f0f0f0;
}
/* Firefox > 19 */
input::-moz-placeholder {
    color: #dadada;
}

input:focus::-moz-placeholder {
    color: #f0f0f0;
}
/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color: #dadada;
}

input:focus:-ms-input-placeholder {
    color: #f0f0f0;
}

input::-webkit-input-placeholder {
    color: #dadada;
}

input:focus::-webkit-input-placeholder {
    color: #f0f0f0;
}
/* -------- grid Table -------- */
.adl-grid {
    margin: 0;
    padding: 20px 2%;
}

.adl-table {
    background-color: #fff;
    border: solid 1px #dce0e2;
    border-spacing: 0px;
    border-collapse: collapse!important;
    margin: 0;
    font-family: 'Open Sans';
    padding: 0;
    table-layout: fixed;
    width: 100%;
    color: #666;
}

    .adl-table.notfixed {
        table-layout: auto!important;
    }

    .adl-table > thead > tr > th, .adl-table > tbody > tr > th {
        color: #41a3ea;
    }

    .adl-table > thead > tr > td, .adl-table > thead > tr > th, .adl-table > tbody > tr > td, .adl-table-row td {
        border: solid 1px #dce0e2;
        padding: 10px 3px;
        line-height: 19px;
        white-space: normal;
        word-wrap: break-word;
        font-family: 'Open Sans';
        font-size: 13px;
        /*overflow: hidden;*/
        /*text-overflow: ellipsis;
white-space: nowrap;*/
    }

.adl-oddrow, .adl-oddrow td, .adl-table-oddeven tbody tr:nth-child(odd), .adl-table-oddeven tbody tr:nth-child(odd) td {
    background-color: #fff !important;
}

.adl-evenrow, .adl-evenrow td, .adl-table-oddeven tbody tr:nth-child(even), .adl-table-oddeven tbody tr:nth-child(even) td {
    background-color: #f8f9fa !important;
}

.adl-table tr.childrow td {
    background-color: #eee !important;
}

.adl-table tr.childrow th {
    border: solid 1px #dce0e2 !important;
    border-bottom: 1px solid #dce0e2 !important;
    text-align: center;
    background: #f5f9fd;
    font-size: 13px;
    color: #41a3ea !important;
    line-height: 19px !important;
    padding: 10px 3px !important;
    font-weight: 600!important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adlTableHeader {
    padding: 0 !important;
    background: #41a3ea !important;
}

    .adlTableHeader, .adlTableHeader td, .adlTableHeader th {
        color: #fff;
    }

        .adlTableHeader td, .adlTableHeader th {
            color: #fff;
        }

td.adlTableHeader {
    padding: 0 5px 0 4px !important;
}

td.moveCursor {
    padding-left: 12px !important;
}

.adlTableSubHeader, .adlTableSubHeader {
    font-family: 'Open Sans';
    Background-Color: #ebf4fb;
}

    .adlTableSubHeader th, .adlTableSubHeader td, .adl-table thead tr th, .adl-table th {
        border-left: solid 1px #dce0e2 !important;
        border-right: solid 1px #dce0e2 !important;
        border-bottom: solid 1px #8bc8f3 !important;
        border-top: solid 1px #8bc8f3 !important;
        text-align: center;
        background: #f5f9fd;
        font-size: 13px;
        font-family: 'Open Sans';
        color: #41a3ea !important;
        line-height: 19px !important;
        padding: 10px 3px !important;
        font-weight: 600!important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .adlTableSubHeader th .check_text, .adlTableSubHeader th .check_text, .adl-table th .check_text {
            padding-left: 2px;
            color: #41a3ea !important;
            font-weight: 600;
        }

        .adl-table th [type="checkbox"].adl-checkbox:not(:checked) + label:before {
            border: 1px solid #41a3ea!important;
        }

tr.adlTableSubHeader th a {
    color: #41a3ea !important;
    font-weight: 600 !important;
    font-family: 'Open Sans' !important;
    font-size: 13px !important;
}

.adlTableSubHeader td {
    font-weight: 600;
}

.adl-table tfoot tr td, .adl-table-foot td {
    border-left: solid 1px #dce0e2 !important;
    border-right: solid 1px #dce0e2 !important;
    border-bottom: solid 1px #dce0e2 !important;
    border-top: solid 1px #dce0e2 !important;
    font-size: 13px;
    line-height: 19px !important;
    padding: 10px 3px !important;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adl-full-table {
    border-left: none!important;
    border-right: none!important;
}

    .adl-full-table tr td:first-child, .adl-full-table tr th:first-child {
        padding-left: 10px !important;
    }

    .adl-full-table tr td:last-child, .adl-full-table tr th:last-child {
        padding-right: 10px !important;
    }

.blocks .adl-full-table tr td:first-child, .blocks .adl-full-table tr th:first-child {
    border-left: none!important;
}

.blocks .adl-full-table tr td:last-child, .blocks .adl-full-table tr th:last-child {
    border-right: none!important;
}

.tbl-border-merge {
    border-collapse: collapse;
}
/*table row hover effect*/
.adl-table.mhover tbody tr:hover td, .adl-table.mhover tbody tr td:hover, td.mhover:hover, tr.mhover:hover {
    background-color: #f1f1f1!important;
    cursor: pointer;
}

td.DetailEven, .DetailEven, td.DetailOdd, .DetailOdd {
    color: #666!important;
    font: normal 13px/18px 'Open Sans'!important;
    font-weight: 400!important;
}

.DetailHover, .detailHover, .DetailSelected {
    font: normal 13px/18px 'Open Sans'!important;
    border: solid 1px #dce0e2!important;
    Color: #666!important;
}

/*transparent table (no border, no bg color) we may use it seperately also*/
.adl-table.transparent, .adl-table.transparent > tr > th, .adl-table.transparent > thead > tr > th, .adl-table.transparent > tbody > tr > th, .adl-table.transparent > tr > td, .adl-table.transparent > thead > tr > td, .adl-table.transparent > tbody > tr > td, .transparent, .adl-table.transparent > tbody > tr, .adl-table.transparent > tr, .adl-table.transparent > thead > tr, .adl-table.transparent > tbody > tr {
    border: none!important;
    background-color: transparent!important;
}
/*table container div into row's TD*/
.childTbldiv {
    margin: 10px -10px -10px;
}

/* -------- Modal POPUP --------- */

.adl-modal {
    width: 100%;
    right: 0;
    left: 0;
    position: absolute;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    overflow: auto;
    display: none;
    margin: 0 auto;
    top: 0px;
    height: 100%;
}

.adl-modal-content {
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    height: auto;
    position: relative;
    /*top:50%;
	left:30%;*/
    top: -800px;
    background: #fff;
}

.adl-modal-header {
    height: 47px;
    padding: 10px;
    background-color: #f2f3f3;
    border-bottom: 1px solid #dadada;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.adl-modal-title {
    float: left;
    font-family: 'Open Sans';
    font-variant: small-caps;
    font-weight: 600;
    font-size: 20px;
    color: #666;
    line-height: 1.3;
}

.adl-modal-btns {
    margin-top: -2px;
    float: right;
    margin-right: 10px;
}

    .adl-modal-btns a.adl-btn {
        line-height: 1.7!important;
    }

.adl-modal.bg-none, .bg-none {
    background: none;
}

.adl-modal.bg-white, .bg-white {
    background-color: rgba(255, 255, 255, 0.7);
}

    .adl-modal.bg-none .adl-modal-content, .adl-modal.bg-white .adl-modal-content {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

.bg-black {
    background: rgba(0,0,0,0.5);
}

.adl-modal-header-icons-group, .adl-modal-icons {
    float: right;
}

    .adl-modal-icons .adl-modal-icon {
        margin-left: 3px;
    }

.adl-modal-icon {
    float: right;
    cursor: pointer;
    height: 26px;
    width: 26px;
}

.adl-modal-close {
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -3px -355px no-repeat;
}

    .adl-modal-close:hover {
        background-position-y: -387px;
    }

.adl-modal-minimize {
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -35px -291px no-repeat;
}

    .adl-modal-minimize:hover {
        background-position-y: -323px;
    }

.adl-modal-maximize {
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -35px -355px no-repeat;
}

    .adl-modal-maximize:hover {
        background-position-y: -387px;
    }

.adl-modal-body {
    margin: 0;
    padding: 0;
    background: #fff;
}

.adl-modal-footer {
    bottom: 0px;
}

.closeModal {
    float: right;
    text-align: right;
    background: #fff;
    padding: 0;
    color: #fff;
    font-weight: bold;
}

    .closeModal img {
        width: 18px;
        height: 18px;
    }

.adl-modal-right {
    right: 5.5%;
    position: absolute;
    height: auto;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    overflow: hidden;
    /* display: none; */
    top: 25px;
    padding: 10px 5px 5px 5px;
}
.autoH{
    height:auto !important;
}
#adlModal .adl-form-group{
    min-height:40px;
}
#collapdeInner .head-switch {
    line-height: normal;
}
#collapdeInner .head-switch .switch > label {
    top:0px;
}
#addScenario .adl-modal-body {
    max-height: calc(100vh - 200px);
}
/*----- Fixed Header Css End here --- */
@media (max-width: 767px) {
    .adl-modal-content {
            width: 90%;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .adl-modal-content {
            width: 75%;
        }
    }
    /* ------ popup dropdown -------- */
    .adl-pop-dropdown {
    position: absolute;
    min-width: 200px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    background: transparent;
    top: -600px;
}

.pop-dropdown-wrap {
    background: #fff;
    height: 100%;
    margin: 0 auto;
    padding: 10px;
    padding-top: 20px;
    overflow: auto;
    width: 95%;
    box-shadow: 0px 0px 12px #B3B3B3;
}

.pop-dropdown-container {
    background: #fff;
    height: 100%;
}
/*----- Fixed Header Css start here --- */
/*#header_fixed {
	position: fixed;
	top: 0px;
	display: none;
	left: 24.45%;
	top: 46px;
	background: #fff;
}
.Header_Fixed {
	width: 90%;
	position: fixed;
	z-index: 100;
}
.Fixed_Nav {
	margin-top: 46px;
}*/
/* ----- Navigation List "fact finder" ------ */

/*.adl-nav-flex {
	display: flex;
	margin:-1px;
}
.adl-nav{min-width: 150px;}*/

.nav-menu {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .nav-menu li {
        background: #335583;
        color: #ffffff;
        font-size: 13px;
        font-weight: 600;
        padding: 10px 0px 10px 12px;
        border-bottom: 1px solid #2a466a;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .nav-menu li a {
            color: #ffffff;
        }

        .nav-menu li.active a {
            color: #41a3ea;
        }

    .nav-menu .active {
        background: #fff !important;
        border-left: 6px solid #41a3ea;
        color: #41a3ea !important;
        border-bottom: none !important;
        padding-left: 6px;
    }

.nav-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
/* ------- Menu Items "DropDown on Hover" -------- */
.adl-drop-menu {
    position: relative;
}

.adl-menu {
    float: right;
    right: 20%;
    position: absolute;
    height: auto;
    background: transparent;
    top: 40px;
    display: none;
    z-index: 999999;
    margin: 0;
    padding: 0;
}

    .adl-menu ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .adl-menu ul li, .adl-menu ul li input, .adl-menu ul li button {
            padding: 3px 10px;
            color: #666666!important;
            font-weight: normal!important;
            text-align: left!important;
            font-size: 15px!important;
            font-family: 'Open Sans'!important;
            cursor: pointer!important;
            background: #fff!important;
            margin: 0;
        }

    .adl-menu .menu-list {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        background: #fff;
        min-width: 134px;
    }

        .adl-menu .menu-list li:hover, .adl-menu ul li:hover input, .adl-menu ul li:hover button {
            background-color: #81c8fb!important;
            color: #fff!important;
        }

.drop-arrow {
    height: 18px;
    position: absolute;
    top: -18px;
    width: 100%;
    text-align: right;
}

.drop-aro {
    width: 100%;
    display: block;
    position: absolute;
    top: -18px;
    height: 18px;
}

    .drop-aro span {
        height: 18px;
        width: 20px;
        position: absolute;
        top: 0;
        right: 5px;
        background: url(/Images/adlNewImages/icon-sprite-sheet.png) -70px -324px no-repeat;
    }

/*for listed button*/

.listedbtn .bullet {
    position: absolute;
    top: 13px;
    right: 6px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    .listedbtn .bullet img {
        margin-top: 7px;
    }

.listedbtn .adl-btn {
    padding-right: 30px;
}

.listedbtn + .Dlist {
    bottom: 38px !important;
    right: 0px !important;
}

/* ------ ADL Form ----- */
input[disabled], select[disabled] {
    border: solid 1px #a8a8a8;
    color: #c0c0c0;
}

.adl-calendar {
    display: flex;
    margin: -1px;
}

    .adl-calendar img {
        width: 25px;
        height: 25px;
        margin-left: 4px;
        margin-top: 2px;
    }

.adl-form-group {
    margin: 8px 0;
    box-sizing: border-box;
    position: relative;
}

    .adl-form-group .form-control, .form-control-field {
        display: block;
        width: 100%;
        height: 30px;
        padding: 6px;
        background-color: #FFF;
        font-family: 'Open Sans';
        color: #666;
        resize: none;
        border: solid 1px #a8a8a8;
        box-sizing: border-box;
    }

        .adl-form-group .form-control.sm, .form-control-field.sm {
            height: 24px;
            padding: 2px;
        }

    .adl-form-group select.form-control, select.form-control-field {
        padding: 4px 14px 4px 6px;
        color: #666;
        cursor: pointer;
    }

.adlTableHeader select.form-control-field, .adlTableHeader select.form-control {
    border: none!important;
    cursor: pointer;
}

.adl-form-group .form-control:hover, .adl-form-group .form-control:focus, .form-control-field:hover, .form-control-field:focus {
    border-color: #4895DE !important;
    outline: none;
}

.adl-heading .form-control-head, .adl-heading.form-control-head {
    display: block;
    width: 100%;
    height: 26px;
    padding: 3px 4px;
    line-height: 26px;
    background-color: #FFF;
    resize: none;
    border-radius: 0 !important;
    border: none !important;
}

.adl-form-group .control-label, .form-control-label {
    color: #666666;
    font: normal 13px/18px 'Open Sans';
    font-weight: 400;
    text-align: left;
}

.adl-form-group.adl-padding-left, .adl-form-group.adl-paddingL {
    padding-left: 20px !important;
}

.adl-form-group.adl-padding-right, .adl-form-group.adl-paddingR {
    padding-right: 20px !important;
}

.form-control.alert, .form-control-field.alert, select.alert, textarea.alert, .input-validation-error{
    border-color: #fa5c5c!important;
}



/*for base border transparent fields*/
.form-control.baseBorder {
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: transparent;
}

    .form-control.baseBorder::-webkit-input-placeholder {
        color: #ccc;
    }

    .form-control.baseBorder:focus::-webkit-input-placeholder {
        color: #ccc;
    }

textarea.form-control.baseBorder {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}



.adl-validation, .field-validation-error{
    font-size: 11px;
    text-align: right;
    color: #fa5c5c!important;
    display: block;
}


.form-horizontal {
    clear: both;
    overflow: hidden;
    margin-bottom: 8px;
}

    .form-horizontal .control-label {
        padding-right: 0px;
    }

.adl-textarea {
    height: 80px !important;
}

ul.list-decimal {
    list-style-type: decimal;
}

    ul.list-decimal li {
        padding-bottom: 12px;
    }

.fact-icon {
    margin-left: 2.5%;
    margin-right: 5%;
    vertical-align: middle;
}

.error-msg {
    color: #f00;
    font-size: small;
    float: left;
    margin: 12px 0;
    padding: 10px 0 0 10px;
}

ol.toolAuth-ol {
}

    ol.toolAuth-ol li {
        margin-bottom: 15px;
        line-height: 18px;
    }

.toolAuth-p {
    margin: 20px 0 15px 0;
}

.adl-clear {
    clear: both;
}

.textarea_popup:focus, .textarea_popup:active {
    border: solid 3px #00FF33;
}

.wrap_arrow {
    position: absolute;
    top: -18px;
    width: 95%;
    left: 20px;
}

.input-with-icon {
    position: relative;
    padding-right: 0;
}

.icon-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
}

.icon-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
}

.input-icon-calendar.icon-right {
    top: 1px;
    right: 1px;
}

.input-icon-search {
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -3px -130px no-repeat;
}

.input-icon-calendar {
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -1px -163px no-repeat #E3EBF6;
    width: 30px;
    height: 28px;
    border-left: 1px solid #bbb;
}


/*-------- Custom scroller ------ */
.pop-dropdown-wrap:hover {
    overflow: auto;
}

.pop-dropdown-wrap::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
}

.pop-dropdown-wrap::-webkit-scrollbar-thumb {
    background-color: #cfd1d0;
    border-radius: 10px;
}

    .pop-dropdown-wrap::-webkit-scrollbar-thumb:hover {
        background-color: #cacaca;
        /*border:1px solid #333333;*/
    }

    .pop-dropdown-wrap::-webkit-scrollbar-thumb:active {
        background-color: #c1c1c1;
        /*border:1px solid #333333;*/
    }

.pop-dropdown-wrap::-webkit-scrollbar-track {
    /*border:1px gray solid;*/
    border-radius: 10px;
    /*-webkit-box-shadow:0 0 6px gray inset;*/
}

/*--------scrollbar------*/
.adl-scroll::-webkit-scrollbar {
    width: 8px;
}

.adl-scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.adl-scroll::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

    .adl-scroll::-webkit-scrollbar-thumb:hover {
        background-color: #bbb;
    }
.ovrflow-scroll-basic, .overflow-scroll-basic {
    overflow-y: auto;
    overflow-x: hidden;
}

/*---end---*/


/*-----AutoHide Scrollbar*/
.adl-scroll-autohide {
    position: relative;
    overflow: hidden;
}

.adl-autohide-header + .adl-scroll-autohide {
    margin-top: -1px;
    border-top: solid 1px #8bc8f3;
}

    .adl-autohide-header + .adl-scroll-autohide .adl-table {
        margin-top: -1px;
    }

.adl-autohide-container .adl-autohide-scrollbar-x {
    position: absolute;
    bottom: 3px;
    height: 8px;
    background-color: #aaa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity.2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
    display: none;
}

.adl-autohide-container:hover .adl-autohide-scrollbar-x {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.adl-autohide-container .adl-autohide-scrollbar-x:hover {
    opacity: 0.9;
    filter: alpha(opacity = 90);
    cursor: default;
}

.adl-autohide-container .adl-autohide-scrollbar-x.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.adl-autohide-container .adl-autohide-scrollbar-y {
    position: absolute;
    right: 3px;
    width: 8px;
    background-color: #aaa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity.2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.adl-autohide-container:hover .adl-autohide-scrollbar-y {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.adl-autohide-container .adl-autohide-scrollbar-y:hover {
    opacity: 0.8;
    filter: alpha(opacity = 80);
    cursor: default;
}

.adl-autohide-container .adl-autohide-scrollbar-y.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}
/*end*/



/*----error-message------*/


.error-messasge, input.error-messasge:focus, input.error-messasge:active, input.error-messasge:visited, select.error-messasge:focus, select.error-messasge:active, select.error-messasge:visited {
    border: solid 1px #F0C7C7;
    box-shadow: 0 0 5px 1px #f67b7b !important;
    background: url(/Images/adlNewImages/error_msg.png) no-repeat;
    background-position: 99.6% 5px;
    outline: 0 !important;
}

.error-sucess {
    border: solid 1px #E5F1E3;
    box-shadow: 0 0 5px -1px #2cd60a;
    background: url(/Images/adlNewImages/error_sucess.png) no-repeat;
    background-position: 99.6% 5px;
}

.adl-error {
    /*position: relative;
 display: inline;*/
}
/* input field tooltips */
.error-messasge + .adl-error:before {
    /*visibility: hidden;*/
    display: none;
    position: absolute;
    /*top: -40px;*/
    bottom: 34px;
    right: 10px;
    /*opacity: 0;*/
    content: attr(data-error);
    height: auto;
    min-width: 100px;
    padding: 5px 8px;
    z-index: 9999;
    color: #f00;
    text-decoration: none;
    text-align: center;
    background: rgba(255,255,255,1);
    /*-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;*/
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.25);
    border: solid 1px #dfdfdf;
}

.error-messasge + .adl-error:after {
    display: none;
    position: absolute;
    /*visibility: hidden;*/
    content: '';
    width: 0;
    height: 0;
    top: -10px;
    right: 28px;
    z-index: 9999;
    content: url(/Images/adlNewImages/tooltip_arrow_drop.png);
}

input.error-messasge:hover + .adl-error:before, input.error-messasge:hover + .adl-error:after, select.error-messasge:hover + .adl-error:before, select.error-messasge:hover + .adl-error:after {
    /*visibility: visible;*/
    display: block;
    /*opacity: 1;*/
}

.position {
    position: relative;
}

.datecss {
    float: left;
    margin-right: 4px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 1px 0 3px #ddd inset;
    padding: 3px 5px;
    width: 85%;
    text-align: left;
}

.red {
    color: red;
}


/**/
.closeModalnew {
    background-color: transparent;
}

    .closeModalnew img {
        width: 26px;
        height: 26px;
    }

.mltipl-modal-header {
    background-color: #f2f3f3;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    height: 50px;
    padding: 10px;
}

.mltipl-modal-title {
    float: left;
    font-variant: small-caps;
    color: #666666;
    font-size: 23px;
    font-weight: bold;
}

.drag-drop {
    width: 100%;
    padding: 30px 20px;
    border: 2px dashed #888;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #888;
    box-sizing: border-box;
    background: #f4f4f4;
}

    .drag-drop img {
        cursor: auto;
    }

.mltipl-dashboard-head h4 {
    font-weight: normal;
}

/* Progress Bar */
.progress_container {
    width: 100%;
    height: 12px;
    overflow: hidden;
    background-color: #ddd;
    margin: 10px 0;
}

.progress_bar {
    height: 12px;
    width: 0px;
    background-color: #e96b3a;
}

.progress_bar_complete {
    background-color: #276ab0;
}

.progress_bar_runningRow .file-name {
    color: #e96b3a;
}

.progress_bar_completeRow .file-name {
    color: #276ab0;
}

.progress_bar_runningRow {
    margin-top: 20px;
}

.progress_bar_completeRow {
    margin-top: 80px;
}

.popup-shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    background-color: #fff;
}

.block-shadow {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}


.PageLinks {
    font-size: 13px !important;
    font-weight: 600;
}

    .PageLinks:hover {
        text-decoration: underline !important;
    }

.seprt-left {
    box-shadow: inset 0px 10px 0px 10px #e5e5e5;
    border-left: 10px solid #e5e5e5;
}

.seprt-right {
    box-shadow: inset 0px 10px 0px 10px #e5e5e5;
    border-right: 10px solid #e5e5e5;
}

.full {
    width: 100% !important;
}

.half {
    width: 50% !important;
    display: inline-block!important;
}

.adlSubHeader {
    background: #f5f9fd;
    font-size: 15px;
    font-family: 'Open Sans';
    border-bottom: solid 1px #8bc8f3 !important;
    color: #41a3ea !important;
    line-height: 19px !important;
    padding: 10px 8px !important;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*tabs*/
.tabbed_pannel {
    background: #f5f9fd;
    border-bottom: solid 1px #8bc8f3 !important;
    padding: 0;
}

.tab_selected {
    border-radius: 8px 8px 0 0;
    border-left: solid 1px #8bc8f3;
    border-right: solid 1px #8bc8f3;
    border-top: solid 1px #8bc8f3;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

.tabbed_pannel_chrome {
    font-size: 18px;
    font-weight: bold;
    background: #4ea9eb;
    color: #fff;
    padding: 8px 8px 0;
}

.tabbed_pannel .label_common, .tabbed_pannel .control-label {
    color: #41a3ea;
    cursor: pointer;
    text-align: center;
    line-height: 19px !important;
    padding: 6px 3px !important;
    font-weight: 600;
    font-size: 15px;
    margin-top: 8px;
}

/*----active tab-arrow------*/

/*down*/
.arrow_box {
    position: relative;
    background: #F6F7F9;
}

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(246, 247, 249, 0);
        border-top-color: #F6F7F9;
        border-width: 8px;
        margin-left: -8px;
    }

    .arrow_box:before {
        border-color: rgba(221, 221, 221, 0);
        border-top-color: #ddd;
        border-width: 9px;
        margin-left: -9px;
    }
/*up*/



/*----end-----*/
.arrow_boxUp {
    position: relative;
    background: #F6F7F9;
}

    .arrow_boxUp:after, .arrow_boxUp:before {
        top: calc(100% - 18px);
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_boxUp:after {
        border-color: rgba(246, 247, 249, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }

    .arrow_boxUp:before {
        border-color: rgba(221, 221, 221, 0);
        border-bottom-color: #ddd;
        border-width: 9px;
        margin-left: -9px;
    }






.adl-form-group .col-10.control-label {
    margin-bottom: 5px;
}

/*borders*/
.blu-border {
    border: solid 1px #8bc8f3 !important;
}

.blu-border-botm, .blu-borderB {
    border-bottom: solid 1px #8bc8f3 !important;
}

.blu-border-top, .blu-borderT {
    border-top: solid 1px #8bc8f3 !important;
}

.blu-border-left, .blu-borderL {
    border-left: solid 1px #8bc8f3 !important;
}

.blu-border-right, .blu-borderR {
    border-right: solid 1px #8bc8f3 !important;
}

.no-border {
    border: none !important;
}

.no-border-top, .no-borderT {
    border-top: none !important;
}

.no-border-bottom, .no-borderB {
    border-bottom: none !important;
}

.no-border-left, .no-borderL {
    border-left: none !important;
}

.no-border-right, .no-borderR {
    border-right: none !important;
}

.adl-table thead tr th.no-border-top {
    border-top: none !important;
}

.adl-table thead tr td.no-border-top, .adl-table tr td.no-border-top {
    border-top: none !important;
}

.adl-table.no-border {
    border: none !important;
}

.adl-table.noBorder td, .adl-table.noBorder th {
    border: none !important;
}

.cell-border {
    border: 1px solid #ddd !important;
}

.cell-border-left, .cell-borderL {
    border-left: 1px solid #ddd !important;
}

.cell-border-right, .cell-borderR {
    border-right: 1px solid #ddd !important;
}

.cell-border-top, .cell-borderT {
    border-top: 1px solid #ddd !important;
}

.cell-border-bottom, .cell-borderB {
    border-bottom: 1px solid #ddd !important;
}

/*border-end*/

.adl-heading-white {
    background: #fff;
    color: #41a3ea;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: bold;
    /*float: left;*/
    line-height: 26px;
    padding: 8px;
    /*overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
}

    .adl-heading-white .form-control-head {
        display: block;
        width: 100%;
        height: 26px;
        padding: 3px 4px;
        line-height: 26px;
        background-color: #FFF;
        resize: none;
        border-radius: 0 !important;
        border: solid 1px #bbb !important;
    }

        .adl-heading-white .form-control-head:hover, .adl-heading-white .form-control-head:focus {
            border: solid 1px #4895DE !important;
            outline: none;
        }

.adl-tablecell-pad-leftright {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.adl-table.thin-row > tbody > tr > td, .adl-table.thin-row tr th, .adl-table tr.thin-row td, .adl-table tr.thin-row th {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.adl-btn-white {
    background: #fff;
    border: solid 1px #41a3ea;
    color: #666;
}

    .adl-btn-white:hover {
        background: #41a3ea;
        border: solid 1px #41a3ea;
        color: #fff;
    }

.adl-btn-group-cmpresd .adl-btn {
    float: left;
    margin-left: 1px;
}

    .adl-btn-group-cmpresd .adl-btn + .adl-btn {
        margin-left: -1px;
    }

.grey-bg {
    background: #f2f2f2;
}

.data-cell, .white-bg {
    background-color: #fff;
}

.link {
    cursor: pointer;
}

.unlink {
    text-decoration: none;
    cursor: default;
}

/*colorshow blocks*/
.colorshow {
    position: relative;
}

    .colorshow::after {
        content: '';
        height: 13px;
        width: 13px;
        display: block;
        position: absolute;
        right: 10px;
        top: 0;
    }

    .colorshow.redcolor::after {
        background-color: #E84C3D;
    }

    .colorshow.bluecolor::after {
        background-color: #3598DB;
    }

    .colorshow.yellowcolor::after {
        background-color: #F1C40F;
    }

    .colorshow.greencolor::after {
        background-color: #1BBC9B;
    }
/*end*/


/*multiselect*/
.msdd-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    box-sizing: border-box;
}

.msdd-choice {
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: none;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    background-color: #fff;
}

    .msdd-choice.disabled {
        background-color: #f4f4f4;
        background-image: none;
        border: 1px solid #ddd;
        cursor: default;
    }

    .msdd-choice > span {
        position: absolute;
        top: 0;
        left: 0;
        right: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding-left: 5px;
        line-height: 29px;
        height: 28px;
    }

        .msdd-choice > span.placeholder {
            color: #dadada;
        }

    .msdd-choice > div {
        position: absolute;
        top: 0;
        right: 0;
        width: 6px;
        height: 8px;
        padding: 12px 6px 6px;
    }

        .msdd-choice > div:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 6px solid #222;
        }

.msdd-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: 0px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #4895DE;
    left: -1px;
}

    .msdd-drop.bottom {
        top: 100%;
    }

    .msdd-drop.top {
        bottom: 100%;
    }

.msdd-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

    .msdd-search input {
        width: 100%;
        height: auto !important;
        height: 24px;
        padding: 3px 5px;
        margin: 0;
        outline: 0;
        background: #fff;
    }

    .msdd-search, .msdd-search input {
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

.msdd-drop ul {
    overflow: auto;
    margin: 0;
    padding: 0;
}

    .msdd-drop ul > li {
        list-style: none;
        display: list-item;
        background-image: none;
        position: static;
        padding: 3px 2px 2px;
        border-bottom: 1px solid #fff;
    }

        .msdd-drop ul > li.selected {
            background-color: #b9e2fe;
        }

        .msdd-drop ul > li .disabled {
            opacity: .35;
            filter: Alpha(Opacity=35);
        }

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.msdd-drop ul > li.group {
    clear: both;
}

.msdd-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.msdd-drop ul > li label {
    font-weight: normal;
    display: block;
    padding-left: 23px;
    text-indent: -23px;
}

    .msdd-drop ul > li label.optgroup {
        font-weight: bold;
    }

.msdd-drop input[type="checkbox"] {
    vertical-align: middle;
}

.msdd-drop .msdd-no-results {
    display: none;
}

.msdd-drop ul::-webkit-scrollbar, .ms-drop ul::-webkit-scrollbar {
    width: 8px;
}

.msdd-drop ul::-webkit-scrollbar-track, .ms-drop ul::-webkit-scrollbar-track {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.msdd-drop ul::-webkit-scrollbar-thumb, .ms-drop ul::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

    .msdd-drop ul::-webkit-scrollbar-thumb:hover, .ms-drop ul::-webkit-scrollbar-thumb:hover {
        background-color: #bbb;
    }

.ms-drop ul > li label {
    white-space: normal!important;
}

/*icons*/
.info-icon {
    background-color: #ccc;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    float: left;
}

    .info-icon:hover {
        cursor: pointer;
        background-color: #41a3ea;
        color: #fff;
        text-decoration: none;
    }

.dsbrd-icon {
    margin-top: -2px;
    margin-bottom: -2px;
}

.deleteRed-icon {
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -5px -37px no-repeat;
    display: inline-block;
}

    .deleteRed-icon:hover {
        background-position: -5px -5px;
        cursor: pointer;
    }

.deleteblu-icon {
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -5px -101px no-repeat;
    display: inline-block;
}

    .deleteblu-icon:hover {
        background-position: -5px -37px;
        cursor: pointer;
    }

.deleteGrey-icon {
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -5px -69px no-repeat;
    display: inline-block;
}

    .deleteGrey-icon:hover {
        background-position: -5px -101px;
        cursor: pointer;
    }

.editGreen-icon {
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -36px -132px no-repeat;
    display: inline-block;
}

    .editGreen-icon:hover {
        background-position: -36px -164px;
        cursor: pointer;
    }

.closeRed-icon {
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -5px -260px no-repeat;
    display: inline-block;
}

    .closeRed-icon:hover {
        cursor: pointer;
    }

.tickGreen-icon {
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -5px -421px no-repeat;
    display: inline-block;
}

    .tickGreen-icon:hover {
        cursor: pointer;
    }

.triDown-icon {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #666;
}

.triTop-icon {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #666;
}

.triLeft-icon {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-left: 5px solid #666;
}

.triRight-icon {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid #666;
}

.icon-minus {
    font-weight: normal;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-family: 'Open Sans';
    font-weight: bold;
    line-height: 15px;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #41a4ea;
    border: 1px solid #41a4ea;
}

.icon-plus {
    font-weight: normal;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-family: 'Open Sans';
    font-weight: bold;
    line-height: 15px;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #41a4ea;
    border: 1px solid #41a4ea;
}

.icon-upAro-blu {
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    font-family: calibri;
    font-weight: bold;
    line-height: 16px;
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #41a4ea;
    border: 2px solid #41a4ea;
    border-radius: 50%;
    transform: rotate(90deg);
}

.icon-downAro-blu {
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-family: calibri;
    font-weight: bold;
    line-height: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #41a4ea;
    border: 2px solid #41a4ea;
    border-radius: 50%;
}


/*to make circle icon, put symbol inside, ideal img 18x18*/
.iconCircle {
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    width: 25px;
    height: 25px;
    float: right;
    padding-top: 3px;
    line-height: 20px;
}
    /*circle icon on blue page head*/
    .iconCircle.head {
        border-width: 2px;
        width: 26px;
        height: 26px;
    }
    /*arrow icon on head- use &larr; or &rarr;*/
    .iconCircle.aro.head {
        font-family: monospace;
        font-size: 23px;
        line-height: 16px;
    }

.white {
    border-color: #fff;
    color: #fff!important;
}

.red {
    border-color: #f57d7e;
    color: #f57d7e!important;
}

.blu {
    border-color: #41a3ea;
    color: #41a3ea!important;
}

/*for particular pages*/

/*Managed Fund*/
#spnLegalStructure .ui-multiselect.form-control, #spnAttribute .ui-multiselect.form-control {
    background: none;
    border-radius: 0;
    width: 203px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    #spnLegalStructure .ui-multiselect.form-control span, #spnAttribute .ui-multiselect.form-control span {
        color: #666;
    }

#spnLegalStructure .ui-state-default .ui-icon, #spnAttribute .ui-state-default .ui-icon {
    background-position: 4px;
}

#managedFundspage .ui-multiselect-menu {
    border-radius: 0;
    padding: 0;
}

#managedFundspage .ui-widget {
    font-family: 'Open Sans';
    font-size: 13px;
    width: 201px!important;
}

#managedFundspage .ui-corner-all .ui-state-hover {
    background-image: none!important;
    background-color: #b9e2fe;
    color: #333;
    border: none;
    border-radius: 0;
}

#managedFundspage .ui-multiselect-checkboxes {
    max-height: 170px !important;
    height: auto !important;
}

    #managedFundspage .ui-multiselect-checkboxes label {
        border: none;
    }

#managedFundspage .ui-widget-content {
    border: 1px solid #4895DE!important;
}

#managedFundspage .ui-multiselect-checkboxes li {
    padding: 0;
}

#managedFundspage .ui-multiselect span:last-child {
    width: 170px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}

iframe#frmManagedFund {
    position: fixed!important;
}

/**/

/*New theme dashboard*/

table.whitebg {
    width: 97%!important;
    border: none!important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1)!important;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1)!important;
}

.homeBlocks, .clientHome {
    display: block;
    padding: 10px 15px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

    .homeBlocks .blocks {
        padding: 20px 20px 0;
        width: 50%;
        float: left;
        box-sizing: border-box;
    }

        .homeBlocks .blocks:last-child {
            margin-bottom: 50px;
        }

    .homeBlocks .hBcontent {
        padding: 15px 0 25px;
        background-color: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        height: 370px;
        position: relative;
    }

.blocks .adl-table td, .blocks .adl-table th, .blocks .adlTableSubHeader th {
    font-size: 14px!important;
    padding: 10px 8px!important;
}


.homeBlocks .blocks .ovrflow-scroll, .blocks.ovrflow-scroll {
    max-height: 321px;
    border-bottom: none;
}

.homeBlocks .adl-table thead tr th, .blocks.adl-scroll .adlTableSubHeader th, .blocks.adl-scroll .adlTableSubHeader td, #dvFullScreenScrollBody .adlTableSubHeader td {
    font-size: 14px!important;
}

#dvFullScreenScrollBody {
    background-color: #fff;
    height: 82.7vh!important;
}

.adl-widgetExpand {
    background-color: #edeff0!important;
    top: 30px!important;
    right: 30px!important;
    height: 92vh!important;
    width: 76%!important;
    padding-left: 0!important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

#dvFullScreenContainer .adl-header {
    display: table;
    background-color: #fff;
}

#dvFullScreenContainer .adl-heading {
    background-color: #fff;
    color: #666;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    padding: 0 8px 10px;
}

#dvFullScreenContainer .ovrflow-scroll {
    max-height: 82.7vh;
}

.hBcontent .PageLinks:hover {
    color: #666;
}

.adl-full-table.noPadtable tr td:first-child {
    padding-left: 3px!important;
}

.adl-full-table.noPadtable tr td:last-child {
    padding-right: 3px!important;
}

.adl-full-table.noPadtableLast tr td:last-child {
    padding-right: 3px!important;
}

.adl-full-table.noPadtableFirst tr td:first-child {
    padding-left: 3px!important;
}

.adl-Hblock-header {
    height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
}

    .adl-Hblock-header .PageLinks {
        color: #2ecc71;
        display: none;
    }

        .adl-Hblock-header .PageLinks:hover {
            color: #41a3ea;
            text-decoration: none!important;
        }

.adl-Hblock-title {
    float: left;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Open Sans';
    line-height: 2.2;
    height: 45px;
}

.adl-Hblock-icons {
    height: 45px;
    padding: 0px 3px 7px 14px;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
}

.adl-Hblock-icon {
    float: right;
    cursor: pointer;
    height: 26px;
    width: 26px;
}

.adl-Hblock-expand {
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -99px -227px no-repeat;
}

.circleAroBlu-icon {
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -101px -292px no-repeat;
}

.hBcontent .circleAroBlu-icon {
    margin-right: 7px;
}

.bluDot-icon {
    width: 15px;
    height: 15px;
    background-color: #41A3EA;
    border-radius: 50%;
}

.redDot-icon {
    width: 15px;
    height: 15px;
    background-color: #FA5B58;
    border-radius: 50%;
}

.blackDot-icon {
    width: 15px;
    height: 15px;
    background-color: #454545;
    border-radius: 50%;
}

.row-icons img {
    margin-top: -2px!important;
    margin-bottom: -5px!important;
}

.row-icons2 img {
    margin-top: -4px!important;
    margin-bottom: -6px!important;
}

.circleTickGreen-icon {
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -101px -132px no-repeat;
    margin-left: 2px;
    margin-right: 2px;
}

.circleBlockRed-icon {
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -101px -165px no-repeat;
    margin-left: 2px;
    margin-right: 2px;
}

.noteBlu-icon {
    height: 23px;
    width: 28px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -100px -197px no-repeat;
    margin-left: 2px;
    margin-right: 2px;
}

.msgGreen-icon {
    height: 23px;
    width: 25px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -100px -484px no-repeat;
    margin-left: 2px;
    margin-right: 2px;
}

.home {
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

.topHeaderTable .header {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding-left: 150px!important;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.header-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 9999;
}

.header-leftnav {
    height: 60px;
    line-height: 30px;
}

.header-rightnav {
    position: absolute;
    right: 0;
    height: 60px;
}

.header-nav {
    margin: -1px 0 0;
    padding: 0;
    background-color: #fff;
}

    .header-nav > li {
        float: left;
        position: relative;
        display: block;
        border-left: 1px solid #ddd;
        padding: 20px 15px;
    }

.nav-top {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    position: relative;
}

.nav-bottom {
    display: block;
    float: left;
    width: 100%;
    height: 34px;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 3px;
    background-color: #fff;
}

    .nav-bottom .outer, .Header .outer {
        width: 100%;
    }

.Header .outer {
    padding-top: 8px;
}

ul {
    margin: 0;
    padding: 0;
}

.leftnav-btn {
    padding: 18px 0px;
    color: #41a33a;
    float: left;
    margin: 0;
    height: 60px;
    width: 50px;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #ddd;
}

    .leftnav-btn:hover {
        text-decoration: none;
        background-color: #f5f9fd;
    }

.headerTabs {
    float: left;
    margin: 14px 10px 14px 20px;
}

    .headerTabs .dvTabContainer {
        display: inline-block;
        padding: 0;
        float: left;
        border: 1px solid #41a3ea !important;
    }

        .headerTabs .dvTabContainer + .dvTabContainer {
            margin-left: 3px;
        }

        .headerTabs .dvTabContainer a {
            font-family: 'Open Sans'!important;
            font-size: 13px!important;
            font-weight: 600!important;
            display: block;
            margin-left: 3px;
        }

            .headerTabs .dvTabContainer a > div {
                max-width: 130px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

        .headerTabs .dvTabContainer .headerTabInactive a {
            color: #666;
            float: left;
            display: block;
            color: #666666!important;
        }

            .headerTabs .dvTabContainer .headerTabInactive a:hover {
                text-decoration: none;
                color: #41a3ea!important;
            }

        .headerTabs .dvTabContainer .headerTabActive a {
            color: #fff;
            text-decoration: none;
        }

            .headerTabs .dvTabContainer .headerTabActive a:hover {
                color: #fff;
                cursor: default;
            }

        .headerTabs .dvTabContainer .headerTabActive td {
            background-color: #41a3ea;
        }

        .headerTabs .dvTabContainer .icon {
            color: #F55B51;
            font-weight: bold;
            cursor: pointer;
            text-align: center;
            width: 18px;
            height: 18px;
            display: block;
            line-height: 18px;
            border-radius: 50%;
        }

            .headerTabs .dvTabContainer .icon:hover {
                color: #fff!important;
                background-color: #d45252!important;
            }

        .headerTabs .dvTabContainer .headerTabInactive .icon {
            color: #41a3ea;
            background-color: #f2f2f2;
        }

        .headerTabs .dvTabContainer .headerTabActive .icon {
            color: #fff;
            background-color: #63b9f7;
        }

        .headerTabs .dvTabContainer .headerTabActive td:first-child, .headerTabs .dvTabContainer .headerTabInactive td:first-child {
            padding-left: 5px;
        }

        .headerTabs .dvTabContainer .headerTabActive td:last-child, .headerTabs .dvTabContainer .headerTabInactive td:last-child {
            padding-right: 5px;
        }

.botmHdnav {
    font-size: 14px;
    font-family: 'Open Sans';
}

    .botmHdnav a {
        line-height: 20px;
        float: left;
        height: 34px;
        box-sizing: border-box;
        min-width: 51px;
        padding: 7px 0;
        text-align: center;
    }

        .botmHdnav a:first-child:hover {
            border-left: 1px solid #ddd;
        }

        .botmHdnav a + a {
            border-left: 1px solid #ddd;
        }

        .botmHdnav a:last-child {
            padding: 7px 14px;
        }

            .botmHdnav a:last-child img {
                float: left;
                margin: 2px 0;
            }

            .botmHdnav a:last-child span {
                margin-left: 4px;
            }

        .botmHdnav a:hover {
            background-color: #f8f8f8;
            text-decoration: none!important;
        }

#tblLayoutImages {
    background: #f5f9fd;
    border-bottom: solid 1px #8bc8f3 !important;
}

.DetailPage, .DetailPage_auto {
    background-color: #edeff0!important;
}

#dvEditWindow {
    padding-left: 60px!important;
    box-sizing: border-box!important;
}

.Header {
    background-color: #fff!important;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    padding-top: 0!important;
    height: 34px!important;
    padding-left: 5px!important;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 3px;
    background-color: #fff;
}

    .Header .Header {
        padding-left: 0px!important;
        box-shadow: none;
    }

.topHeaderTable {
    margin-bottom: 0!important;
}

.TabsBottom {
    height: 0!important;
}

.blocks .adlTableSubHeader .adl-padding-left, .blocks td.adl-padding-left, #dvFullScreenScrollBody td.adl-padding-left {
    padding-left: 10px!important;
}


.topHeaderTable .tooltip:after {
    font-size: 11px;
}

.topHeaderTable .tooltip.bottom:before, .topHeaderTable .tooltip.bottom:hover:before {
    top: calc(60% + 5px);
    left: 45%;
    display: none;
}

.topHeaderTable .tooltip.bottom:after, .topHeaderTable .tooltip.bottom:hover:after {
    width: auto;
    white-space: nowrap;
    top: calc(60% + 10px);
    min-width: 36px;
    right: 0;
    left: auto!important;
    padding: 3px 6px;
    text-align: center;
    z-index: 9991;
}


.topHeaderTable #dvClientList {
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}

.topHeaderTable #quickSearchResults {
    font-family: 'Open Sans'!important;
    font-size: 13px!important;
    border: none!important;
    width: 400px;
}

    .topHeaderTable #quickSearchResults tr td {
        border-right: solid 1px #dce0e2!important;
    }

    .topHeaderTable #quickSearchResults td.DetailOdd, .topHeaderTable #quickSearchResults td.DetailEven {
        font-family: 'Open Sans'!important;
        font-size: 13px!important;
        color: #666!important;
    }

    .topHeaderTable #quickSearchResults td.DetailEven {
        border: solid 1px #dce0e2!important;
    }

    .topHeaderTable #quickSearchResults .DetailHover, .topHeaderTable #quickSearchResults .detailHover, .topHeaderTable #quickSearchResults .DetailSelected {
        font-family: 'Open Sans'!important;
        font-size: 13px!important;
    }

    .topHeaderTable #quickSearchResults td.DetailOdd span.qusearch, .topHeaderTable #quickSearchResults td.DetailEven span.qusearch {
        font-weight: 600!important;
        color: #666!important;
    }

#quickSearchResults {
    font-family: 'Open Sans'!important;
    font-size: 13px!important;
    color: #666!important;
}

.dsbrd-switch {
    padding: 5px 15px;
    background: #f4f4f4;
    font-size: 14px;
    margin: 5px 0;
    text-align: left;
    border-radius: 10px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

    .dsbrd-switch .switch {
        position: absolute;
    }

    .dsbrd-switch .switch_text {
        padding-left: 55px;
    }

    .dsbrd-switch + .successMsg {
        position: absolute;
        top: calc(100% - 20px);
        right: 0;
    }

.head-switch .switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 50px;
}

    .head-switch .switch > label::before {
        background: #ccc;
        border-radius: 25px;
        margin-top: 0;
        content: '';
        height: 22px;
        position: absolute;
        transition: all 0.4s ease-in-out;
        width: 45px;
    }

    .head-switch .switch > label::after {
        background: rgb(255, 255, 255);
        border-radius: 50%;
        box-shadow: none;
        content: '';
        margin-top: 1px;
        height: 20px;
        width: 20px;
        left: 1px;
        position: absolute;
        transition: all 0.3s ease-in-out;
    }

.head-switch .switch > input[type="checkbox"]:checked + label::before {
    background: #bce3ff;
}

.head-switch .switch > input[type="checkbox"]:checked + label::after {
    background: #41a3ea;
    left: 24px;
}

/*for cards head*/
.head-switch .switch {
    margin-top: -14px;
    width: 45px;
}
/*for page blu head */
.head-switch.pageHead .switch {
    margin-top: 4px;
}

    .head-switch.pageHead .switch > label::before {
        background: #1f72ad;
    }

    .head-switch.pageHead .switch > input[type="checkbox"]:checked + label::before {
        background: #fff;
    }

    .head-switch.pageHead .switch > input[type="checkbox"]:checked + label::after {
        background: #41a3ea;
    }
/**/

/*inner head menu*/
.custmer_adviser {
    margin-top: -3px!important;
}

    .custmer_adviser .TabsMiniActive {
        cursor: default;
    }

    .custmer_adviser .TabsMiniActive, .custmer_adviser .TabsMiniInactive {
        border-bottom: none!important;
        font-size: 14px;
        font-family: 'Open Sans';
        font-weight: 400;
        padding: 0;
    }

        .custmer_adviser .TabsMiniInactive b, .custmer_adviser .TabsMiniActive b {
            color: #666;
            padding: 5px 8px 2px;
            display: block;
            height: 20px;
            font-size: 14px;
            font-family: 'Open Sans';
            border-radius: 3px 3px 0 0;
            -webkit-border-radius: 3px 3px 0 0;
        }

        .custmer_adviser .TabsMiniActive b {
            background-color: #edeff0;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #edeff0;
            font-weight: 600;
        }

        .custmer_adviser .TabsMiniInactive:hover, .custmer_adviser .TabsMiniInactive:hover b {
            color: #41a3ea!important;
        }

/**/


/*drag drop blocks*/
.gridster {
    margin: 0 auto;
    opacity: 1;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    -ms-transition: opacity .6s;
    transition: opacity .6s;
}

    .gridster .gs-w {
        cursor: pointer;
    }

    .gridster .player {
        background: #BBB;
    }

    .gridster .preview-holder {
        border: 2px dashed !important;
        background: white !important;
        opacity: 1 !important;
    }
/**/

/*dropdown*/
.dropdown.adl-toggle > ul > li {
    display: inline-block;
    margin: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    position: relative;
    float: left;
    min-width: 50px;
    z-index: 9991;
}

    .dropdown.adl-toggle > ul > li:nth-child(3) ul {
        left: 0!important;
    }

.dropdown.adl-toggle ul ul a:hover {
    text-decoration: none!important;
}

.dropdown.adl-toggle ul ul {
    position: absolute;
    right: 0;
    top: 60px;
    min-width: 200px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    max-height: 315px;
    overflow-y: auto;
}

    .dropdown.adl-toggle ul ul li {
        overflow: hidden!important;
        text-align: left;
    }

        .dropdown.adl-toggle ul ul li a {
            color: #666;
            display: block;
        }

            .dropdown.adl-toggle ul ul li a:hover {
                color: #41a3ea;
            }

        .dropdown.adl-toggle ul ul li:last-child {
            border-bottom: none!important;
        }

        .dropdown.adl-toggle ul ul li.link a {
            color: #41a3ea;
        }

.dropdown.adl-toggle > ul > li > a {
    background: none;
    color: #666;
    height: 60px;
    line-height: 60px;
    padding: 0px 10px;
    font-weight: 400;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}

    .dropdown.adl-toggle > ul > li > a.active {
        background-color: #f5f9fd;
    }

    .dropdown.adl-toggle > ul > li > a img {
        margin-top: 19px;
    }

    .dropdown.adl-toggle > ul > li > a:hover {
        color: #222;
        background-color: #f5f9fd;
    }

    .dropdown.adl-toggle > ul > li > a div {
        width: 14px;
        height: 14px;
        float: right;
        line-height: 13px;
        margin-top: 17px;
        margin-left: -14px;
        font-size: 9px;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        position: relative;
        z-index: 999;
    }

        .dropdown.adl-toggle > ul > li > a div.label-msg {
            background-color: #56B94F;
        }

        .dropdown.adl-toggle > ul > li > a div.label-alert {
            background-color: #F55B51;
        }

.dropdown.adl-toggle > ul > li.profile li {
    border-bottom: none!important;
    text-align: center;
    width: 220px;
    box-sizing: border-box;
    padding-left: 15px;
}

    .dropdown.adl-toggle > ul > li.profile li.profile-img {
        height: 141px;
    }

.dropdown.adl-toggle > ul > li.profile > a img.user_img {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 7px;
    margin-top: 13px;
    padding: 0;
}

.dropdown.adl-toggle > ul > li.profile > a .DropAro {
    width: 22px;
    height: 22px;
    float: right;
    background: url(/Images/adlNewImages/down_arrow.png) top center no-repeat;
    padding: 0;
    margin-top: 18px;
}

.dropdown.adl-toggle > ul > li.has-sub > a.toggle-menu.active span.DropAro {
    background: url(/Images/adlNewImages/down_arrow.png) top center no-repeat;
}

.profile-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.profile-info p {
    margin: 0;
    text-align: center;
    color: #333;
}

.head-search {
    position: absolute;
    z-index: 9990;
    right: 100%;
    top: 0;
    width: 45px;
    transition: all 0.2s linear;
}

    .head-search:hover {
        border-left: 1px solid #eee;
        background-color: #f5f5f5;
        width: 230px;
    }

        .head-search:hover .form-control {
            opacity: 1;
        }

    .head-search img {
        margin-top: 19px;
    }

    .head-search .adl-form-group {
        margin: 14px 0;
    }

    .head-search a {
        background: none;
        color: #666;
        height: 60px;
        line-height: 60px;
        padding: 0px 10px;
        font-weight: 400;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        display: block;
        float: right;
    }

    .head-search div .form-control {
        border: none;
        background-color: transparent;
        font-size: 14px;
        width: 80%;
        white-space: nowrap;
        transition: all 0.2s linear;
        position: absolute;
        left: 0;
        opacity: 0;
    }

    .head-search div input::-webkit-input-placeholder {
        color: #ccc;
    }

    .head-search div input:focus::-webkit-input-placeholder {
        color: #ddd;
    }

/*#tblClientSearch {
    display: none;
}*/
.notification-alert {
    padding: 20px;
    background-color: rgba(222, 70, 60, 0.8);
    position: fixed;
    bottom: 73px;
    z-index: 9990;
    right: 5px;
    border-radius: 50%;
}

    .notification-alert:hover {
        cursor: pointer;
        background-color: #de463c;
    }

/**/

/*icons*/
.closeRedS-icon {
    height: 14px;
    width: 14px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -74px -361px no-repeat;
    display: inline-block;
}

    .closeRedS-icon:hover {
        cursor: pointer;
    }
/**/
.help-btn {
    float: right;
    color: #fff!important;
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
    border-radius: 4px;
    padding: 2px 10px;
    text-align: left;
}

    .help-btn:hover {
        text-decoration: none;
    }

    .help-btn img {
        float: left;
        margin: 3px 6px 0 11px;
    }

.dropdown.adl-toggle > ul > li .toggle-body {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}
/*side-menu*/
.side-menu {
    z-index: 9999;
    position: fixed;
    width: 60px;
    height: 100%;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    background-color: #2384C9;
    box-shadow: inset -2px 0px 2px rgba(0, 0, 0, 0.1);
}

    .side-menu:hover {
        width: 150px;
    }

    .side-menu .adl-toggle {
        margin-top: 15px;
    }

        .side-menu .adl-toggle ul ul li {
            border-bottom: 1px solid #41a3ea!important;
        }

    .side-menu .navbar-nav .list_content li a {
        padding: 0 5px 0 20px;
        height: 30px;
        line-height: 30px;
    }

        .side-menu .navbar-nav .list_content li a:hover {
            cursor: pointer;
            text-decoration: none;
            background-color: #41a3ea;
        }

    .side-menu .navbar-nav .toggle-menu.active + .list_content li a:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-left: 4px solid #5fb8f9;
        border-bottom: 4px solid transparent;
        position: absolute;
        left: 8;
        margin-top: 11px;
    }
    /*.side-menu .navbar-nav .list_content li a:before{
	display:none
}*/
    .side-menu .adl-toggle ul ul {
        padding: 0;
    }

.navbar-header {
    background-color: #fff;
    height: 60px;
    width: 150px;
    transition: all 0.25s linear 0.2s;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    .navbar-header .title {
        display: block;
        width: 100%;
        height: 40px;
    }

        .navbar-header .title img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            height: 100%;
            box-sizing: border-box;
            padding: 0 5px;
        }

        .navbar-header .title span {
            display: block;
            text-align: center;
            width: 100%;
            color: #fff;
            line-height: 18px;
            font-weight: 600;
            margin-top: 10px;
        }

.navbar-brand {
    display: block;
    padding: 8px 0;
}

.side-menu .navbar {
    border: none;
    padding-left: 0px;
}

.side-menu .navbar-nav li {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

    .side-menu .navbar-nav li a {
        padding: 6px 10px;
        height: 42px;
        line-height: 42px;
        display: block;
        white-space: nowrap;
        color: #fff;
        background: none;
        box-sizing: border-box;
    }

        .side-menu .navbar-nav li a:hover {
            background-color: #166EAD;
        }

        .side-menu .navbar-nav li a.active {
            background-color: #166EAD;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        }

        .side-menu .navbar-nav li a .icon {
            width: 40px;
            text-align: center;
            display: inline-block;
            float: left;
            -webkit-transition: all 0.5s;
            transition: all 0.25s;
        }

.side-menu:hover .navbar-nav li a .icon {
    width: 30px;
    text-align: center;
    display: inline-block;
    float: left;
}

.side-menu .adl-toggle > ul > li.has-sub > a.toggle-menu span {
    background-image: none;
}

.side-menu .navbar-nav li a .title {
    white-space: nowrap;
    /*display: none;*/
    display: inline-block;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.25s;
    margin: 0;
    padding: 0 5px;
    line-height: 27px;
    font-weight: normal;
}

.side-menu:hover .navbar-nav li a .title {
    display: inline-block;
    opacity: 1;
}

.side-menu:hover a.toggle-menu:after {
    content: "";
    position: absolute;
    right: 8;
    margin-top: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #5fb8f9;
}


/*menu*/
.home .custmer_adviser {
    height: 45px;
    line-height: 45px;
    float: left;
    margin-top: 6px;
}

.custmer_adviser ul li {
    display: inline;
    float: left;
}

.custmer_adviser ul li {
    font-size: 14px;
}

    .custmer_adviser ul li a {
        color: #666;
        padding: 0 12px;
        display: block;
        height: 44px;
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
    }

        .custmer_adviser ul li a:hover {
            color: #41a3ea;
            text-decoration: none;
        }

        .custmer_adviser ul li a.active {
            background-color: #edeff0;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #edeff0;
            font-weight: 600;
        }

.adl-main-body {
    padding-left: 60px;
    box-sizing: border-box;
    margin: 0;
    transition: all 0.25s;
}

/*hover list*/

.dvContextMenu {
    width: 100px;
    height: 110px;
    position: absolute;
    z-index: 50000;
    overflow: hidden;
}

    .dvContextMenu table, .dvContextMenu table td {
        background-color: #fff;
        border: 1px solid #2384C9;
        border-collapse: collapse;
    }

        .dvContextMenu table td {
            padding: 1px 3px;
        }

    .dvContextMenu .contextmenuhover td {
        background-color: #fff;
        color: #41a3ea;
        cursor: pointer;
    }

    .dvContextMenu .contextMenu1 td {
        background-color: #41a3ea;
        color: #fff;
        text-decoration: none;
    }

/**/



/*medium*/
@media screen and (max-width: 1024px) {
    .homeBlocks .blocks {
        padding: 8px !important;
    }

    .homeBlocks {
        padding: 5px 5px 20px !important;
    }

    .custmer_adviser ul li a {
        padding: 0 9px;
    }

    .help-btn {
        position: absolute;
        left: 100px;
        top: 60px;
    }
}
/**/
/*semi-medium*/
@media screen and (max-width: 880px) {
    .homeBlocks .blocks {
        width: 100%!important;
    }
}
/**/
/*small device*/
@media screen and (max-width: 767px) {
    .custmer_adviser ul li a {
        color: #666;
        padding: 0 8px;
        display: block;
        height: 22px;
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
    }

    .custmer_adviser {
        line-height: normal;
    }

        .custmer_adviser ul li a.active {
            background: none;
            border: none;
            font-weight: 600;
            color: #41a3ea;
        }

    .nav-bottom {
        padding: 0;
    }

    .header-leftnav {
        width: 100%;
        line-height: 25px;
    }

    .headerTabs {
        float: left;
        margin: 14px 10px;
    }

        .headerTabs .dvTabContainer {
            display: inline-block;
            padding: 0;
            float: left;
        }

            .headerTabs .dvTabContainer + .dvTabContainer {
                border-left: 1px solid #eee;
            }

            .headerTabs .dvTabContainer a {
                color: #666;
                float: left;
                display: block;
                padding: 0 8px;
            }

                .headerTabs .dvTabContainer a.active {
                    background-color: #41a3ea;
                    color: #fff;
                    text-decoration: none;
                }

                    .headerTabs .dvTabContainer a.active:hover {
                        color: #fff;
                        cursor: default;
                    }

                    .headerTabs .dvTabContainer a.active span {
                        color: #ffdc39;
                    }

                .headerTabs .dvTabContainer a:hover {
                    text-decoration: none;
                    color: #41a3ea;
                }

                .headerTabs .dvTabContainer a span {
                    margin: -2px 0;
                    color: #F55B51;
                    font-weight: bold;
                }
}

/*laptops*/
@media screen and (min-width: 768px) and (max-width: 1366px) {
    .headerTabs .dvTabContainer a > div {
        max-width: 105px;
    }

    #dvFullScreenContainer .ovrflow-scroll, #dvFullScreenScrollBody {
        max-height: 81.1vh!important;
    }

    .adl-form-group select.form-control {
        padding: 4px 0px 4px 4px;
    }
}
/**/


/*end dashboard*/





/*widgetDashboard page*/
.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

/*#dropZone {
background-color: #EEEEEE;
border: 2px dashed #000000;
border-radius: 5px;
color: #555555;
font-size: 18px;
margin: auto;
text-align: center;
width: 50%;
font-style: oblique;
padding-top: 60px;
text-align: center;
line-height: 155px;
opacity: 0.7;
}*/

.white_content {
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    border: 2px dashed #cccccc;
    border-radius: 0;
    bottom: 0;
    color: #ccc;
    display: none;
    font-family: 'Open Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    /*left: 5%;*/
    left: 0;
    margin: 0 auto;
    padding: 0;
    right: 0;
    text-align: center;
    top: 0;
    width: 90%;
    z-index: 1002;
}

.drop-files {
    position: relative;
    margin-top: 16%;
    color: #BDB9B9;
    font-size: 48px;
}

#dvFullScreenBody {
    height: 100vh;
    background-color: #edeff0;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
/*widget left tabs*/
.widget-tabs {
    background-color: #fff;
    display: inline-block;
    width: 18%;
    height: 92vh!important;
    z-index: 9999;
    left: 30px;
    top: 30px;
    position: absolute;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

    .widget-tabs.ovrflow-scroll {
        max-height: 96vh!important;
    }

    .widget-tabs + .hBcontent {
        display: inline-block;
        width: 78%;
        float: right;
    }

    .widget-tabs ul {
        border-left: 2px solid #41a3ea;
        padding-top: 7px;
    }

        .widget-tabs ul li {
            width: 100%;
            border-bottom: 1px solid #eee;
        }

            .widget-tabs ul li a {
                display: block;
                padding: 12px;
                font-size: 15px;
                line-height: 18px;
                /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
            }

                .widget-tabs ul li a.active {
                    border-left: 3px solid #41a3ea;
                    background-color: #eee;
                    font-weight: 600;
                }

                .widget-tabs ul li a:hover {
                    background-color: #f4f4f4;
                    color: #666;
                    cursor: pointer;
                }

.adl-Hblock-header .input-with-icon {
    margin: 8px 0 10px;
}

    .adl-Hblock-header .input-with-icon input {
        width: 200px;
        background-color: #f2f2f2;
        border: 1px solid #fff;
    }

        .adl-Hblock-header .input-with-icon input:hover, .adl-Hblock-header .input-with-icon input:focus {
            border: solid 1px #8bc8f3 !important;
            background-color: #f8f8f8;
        }
/**/
/**/


/*adviserDashboard page*/
#overlay {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20%;
    height: 20%;
    text-align: center;
    z-index: 1000;
}

#dvCommon {
    height: 100vh!important;
}

/*#headmul tr th {
background: none repeat scroll 0 0 #CCCCCC;
}*/

.headerTabInactive {
    /*border-bottom: solid 1px #ccc;*/
}

.headerTabActive tr .rightTD {
    background-image: url(/Images/Themes/Default/Tabs/header_tab_right_inactive.gif);
    /*height: 35px !important;*/
}

.headerTabActive tr .centerTD a:hover {
    color: #fff !important;
}

.headerTabActive tr .centerTD {
    /*height: 35px !important;*/
}

.headerTabInactive tr .centerTD {
    /*height: 35px !important;*/
}

/*.ms-choice {
width: 325px !important;
}*/

.ms-drop .bottom {
    height: 100px !important;
}


/*#PreviewMailMessage {
padding: 10px;
font-size: 14px;
font-weight: bold;
color: green;
}*/
.rptDownloadDocs {
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    color: green;
}

.docHolderFrame {
    position: absolute;
    /*top: 58px;*/
    left: 1px;
}

.dvTabContainer {
    float: left;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    max-width: 170px;
}

    .dvTabContainer table {
        border-bottom: none;
    }

        .dvTabContainer table tr .centerTD {
            max-width: 145px;
        }

            .dvTabContainer table tr .centerTD a div {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

.TableHeaderNew {
    background: #f3f3f3;
    Color: #666666;
    line-height: 26px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 1px #e2e1e1;
}

.close-ico {
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) no-repeat -3px -355px;
    height: 26px;
    width: 26px;
    display: block;
    float: right;
}

    .close-ico:hover {
        background: url(/Images/adlNewImages/icon-sprite-sheet.png) no-repeat -3px -387px;
    }

.minimize-ico {
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) no-repeat -35px -291px;
    height: 26px;
    width: 26px;
    display: block;
    float: right;
}

    .minimize-ico:hover, .minimize-ico:active, .minimize-ico:focus {
        background: url(/Images/adlNewImages/icon-sprite-sheet.png) no-repeat -35px -323px;
    }

.maximize-ico {
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) no-repeat -35px -355px;
    height: 26px;
    width: 26px;
    display: block;
    float: right;
}

    .maximize-ico:hover, .maximize-ico:active, .maximize-ico:focus {
        background: url(/Images/adlNewImages/icon-sprite-sheet.png) no-repeat -35px -387px;
    }

#dvRemindersList .ovrflow-scroll {
    max-height: 300px!important;
}

#dvIFrameQuickVault {
    height: calc(100vh - 120px);
    display: block;
    background-color: #fff;
}

#dvQuickVaultSub {
    height: calc(100vh - 80px)!important;
    overflow: hidden;
}

/**/

/*--Import Emails----*/
.dataTables_info {
    padding: 10px!important;
    color: #666!important;
}
/**/
/*--lialbilties--*/
.addHead {
    background-color: transparent!important;
}
/**/

.SubHeaderBox {
    background-color: #fff!important;
    border-top: 1px solid #ddd;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3)!important;
}

/*MultipleDocumentUpload.aspx*/

#tblMultipleFileWraper .ms-choice {
    width: 100% !important;
    display: block;
    width: 100%;
    height: 30px;
    padding: 4px 12px;
    /* line-height: 30px; */
    background-color: #FFF;
    resize: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    color: #666666;
    border: solid 1px #a8a8a8;
    font-size: 13px;
}

    #tblMultipleFileWraper .ms-choice:hover, #tblMultipleFileWraper .ms-choice:active, #tblMultipleFileWraper .ms-choice:focus {
        border: solid 1px #4895DE;
        border-radius: 0;
        box-shadow: none;
        outline: none;
        font-size: 13px;
    }

#dragMask + #dropZone {
    height: 100vh;
}

/*end*/

/*ManageClientlogins.aspx*/
#tblLogins {
    margin-bottom: 60px;
}

#tdtrsearch {
    position: relative;
}

    #tdtrsearch #dvClientList {
        left: 0 !important;
        top: 30px !important;
        height: 140px;
        overflow-y: auto;
        overflow-x: hidden;
        border: 1px solid #4895DE;
    }

        #tdtrsearch #dvClientList #quickSearchResults {
            font-family: 'Open Sans'!important;
            font-size: 13px!important;
            border: none!important;
        }

            #tdtrsearch #dvClientList #quickSearchResults tr td {
                border-right: solid 1px #dce0e2!important;
            }

            #tdtrsearch #dvClientList #quickSearchResults td.DetailOdd {
                font-family: 'Open Sans'!important;
                font-size: 13px!important;
                color: #666!important;
                border-left: solid 1px #dce0e2!important;
                white-space: inherit;
            }

            #tdtrsearch #dvClientList #quickSearchResults td.DetailEven {
                font-family: 'Open Sans'!important;
                font-size: 13px!important;
                border: solid 1px #dce0e2!important;
                color: #666!important;
                white-space: inherit;
            }

            #tdtrsearch #dvClientList #quickSearchResults .DetailHover, #tdtrsearch #dvClientList #quickSearchResults .DetailSelected {
                font-family: 'Open Sans'!important;
                font-size: 13px!important;
                border-left: solid 1px #dce0e2!important;
                border-top: solid 1px #dce0e2!important;
                border-bottom: solid 1px #dce0e2!important;
                white-space: inherit;
            }
/*end*/

/*---loading process----*/
.loader-bg {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.95)
}

.loader {
    top: 50%;
    left: 50%;
    position: fixed;
    display: block;
    text-align: center;
    color: #666;
    font-family: 'OpenSansSemiBold';
    font-size: 14px;
    width: 170px;
    margin-left: -85px
}

.loader-bg-inner {
    top: 0;
    position: absolute;
    z-index: 9999;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.95)
}

.loading-cover .mds-loader {
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -16px;
    margin-top: -16px;
}

    .loading-cover .mds-loader.mds-loader--modal {
        top: 5vh;
    }

.loader-inner {
    top: 50%;
    left: 50%;
    position: absolute;
    display: block;
    text-align: center;
    color: #666;
    font-family: 'OpenSansSemiBold';
    font-size: 13px;
    width: 155px;
    margin-left: -77px
}

    .loader-inner img {
        width: 50%
    }

.mds-loader--large, .mds-loader--small, .mds-loader {
    height: 1em;
    margin: 0.5em auto;
    position: relative;
    transform: rotate(180deg);
    width: 1em;
}

.mds-loader {
    font-size: 40px;
}

.mds-loader--small {
    font-size: 20px;
}

.mds-loader--large {
    font-size: 80px;
}

.mds-loader--hidden {
    display: none;
}

.mds-loader__item {
    height: 0.75em;
    left: 50%;
    position: absolute;
    top: 0;
    width: 0.1em;
    z-index: 0;
}

    .mds-loader__item:after {
        animation-iteration-count: infinite;
        animation-name: burstAnimation;
        animation-timing-function: ease-out;
        background: #0077cf;
        border-radius: 0.1em;
        content: "";
        height: 0;
        position: absolute;
        transform-origin: 50% 100%;
        width: 0.1em;
    }

.mds-loader--static .mds-loader__item:after {
    animation: none;
    height: 0.35em;
    top: 1em;
}

.mds-loader__item--0 {
    transform: rotate(0deg);
}

    .mds-loader__item--0:after {
        animation-delay: -100ms;
        animation-duration: 1440ms;
    }

.mds-loader__item--1 {
    transform: rotate(45deg);
}

    .mds-loader__item--1:after {
        animation-delay: 0ms;
        animation-duration: 1440ms;
    }

.mds-loader__item--2 {
    transform: rotate(90deg);
}

    .mds-loader__item--2:after {
        animation-delay: 100ms;
        animation-duration: 1440ms;
    }

.mds-loader__item--3 {
    transform: rotate(135deg);
}

    .mds-loader__item--3:after {
        animation-delay: 200ms;
        animation-duration: 1440ms;
    }

.mds-loader__item--4 {
    transform: rotate(180deg);
}

    .mds-loader__item--4:after {
        animation-delay: 300ms;
        animation-duration: 1440ms;
    }

.mds-loader__item--5 {
    transform: rotate(225deg);
}

    .mds-loader__item--5:after {
        animation-delay: 400ms;
        animation-duration: 1440ms;
    }

.mds-loader__item--6 {
    transform: rotate(270deg);
}

    .mds-loader__item--6:after {
        animation-delay: 500ms;
        animation-duration: 1440ms;
    }

.mds-loader__item--7 {
    transform: rotate(315deg);
}

    .mds-loader__item--7:after {
        animation-delay: 600ms;
        animation-duration: 1440ms;
    }

.mds-loader__item--8 {
    transform: rotate(360deg);
}

    .mds-loader__item--8:after {
        animation-delay: 700ms;
        animation-duration: 1440ms;
    }

@keyframes burstAnimation {
    0% {
        height: 0.1em;
        top: 0.325em;
    }

    10% {
        height: 0.35em;
        top: 0.325em;
    }

    25% {
        height: 0.35em;
        top: 0.75em;
    }

    75% {
        height: 0.1em;
        top: 1em;
    }

    100% {
        height: 0.1em;
        top: 1em;
    }
}
/*end*/
/*----ClientReport_Wizards.aspx----*/
#body_single_temp .form-horizontal .col-5.adl-form-group:nth-child(1), #CustomTemplateForm > tbody > tr > td:first-child {
    padding-right: 30px;
}

#body_single_temp .form-horizontal .col-5.adl-form-group:nth-child(2), #CustomTemplateForm > tbody > tr > td:last-child {
    padding-left: 30px;
}

#TemplateWizard #GridView1 > tbody > tr > td {
    border: none;
}

    #TemplateWizard #GridView1 > tbody > tr > td.FormTableCustom {
        border-bottom: 1px solid #ddd;
        padding-left: 10px;
    }
/*end*/

/*expand partial block*/
.partial-block {
    height: 250px;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
    transition: height 1s;
}

.view-expand, .view-collapse {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    background: #fff;
    border-top: 1px solid #eee;
    text-align: center;
}

    .view-expand:hover, .view-collapse:hover {
        background: #f5f9fd;
    }

    .view-expand:before {
        content: "";
        position: absolute;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #41a3ea;
    }

    .view-collapse:before {
        content: "";
        position: absolute;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #41a3ea;
    }
/**/
/*notifications*/
.dropdown.adl-toggle > ul > li.profile ul.toggle-body {
    padding: 10px 0px;
    width: 650px;
}

.dropdown.adl-toggle > ul > li.profile li.profile-notifctn .container-pn {
    max-height: 205px;
}

.dropdown.adl-toggle > ul > li.profile li.profile-notifctn {
    float: left;
    width: 430px!important;
    height: 235px;
    box-sizing: border-box;
    padding-right: 15px;
    border-right: 1px solid #ddd;
}

    .dropdown.adl-toggle > ul > li.profile li.profile-notifctn .adl-scroll-autohide {
        max-height: 205px;
    }

.dropdown.adl-toggle > ul > li.profile li h5 {
    text-align: left;
}

.dropdown.adl-toggle > ul > li.profile li.profile-notifctn ul {
    float: left;
    left: 0;
    position: initial;
    top: 0;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: none;
    border: none;
}

    .dropdown.adl-toggle > ul > li.profile li.profile-notifctn ul li {
        width: 100%;
        padding: 5px 0;
        text-overflow: inherit;
        white-space: normal;
        line-height: 18px;
        text-align: left;
        border-bottom: 1px solid #eee!important;
    }

        .dropdown.adl-toggle > ul > li.profile li.profile-notifctn ul li .nDate {
            color: #999;
            font-size: 11px;
            line-height: 15px;
            text-align: right;
            display: block;
        }

        .dropdown.adl-toggle > ul > li.profile li.profile-notifctn ul li a:hover {
            color: #41a3ea;
            text-decoration: none;
        }
/*Alert Notification*/
.notification {
    padding: 10px 20px 10px 10px;
    font-size: 14px;
    line-height: 1.5;
    width: 600px;
    box-sizing: border-box;
    position: fixed;
    top: 2px;
    z-index: 99999;
    left: 50%;
    margin-left: -250px;
}

    .notification .closeNotify {
        position: absolute;
        top: 5px;
        right: 8px;
        display: block;
        width: 12px;
        color: #999;
        height: 14px;
        text-align: center;
        font: normal 14px/14px arial;
    }

        .notification .closeNotify:hover, .notification a:hover {
            color: #222;
            cursor: pointer;
        }

    .notification a {
        display: block;
        color: inherit;
    }

.success-notify {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
}

.info-notify {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #31708f;
}

.warning-notify {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
}

.danger-notify {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
}
/*SubHeaderBox*/
.subHeaderBox.new .SubHeader, .subHeaderBox.new .SubHeaderBg {
    border-bottom: 1px solid #eee;
    font-size: 13px;
    font-family: 'Open Sans';
    padding-left: 22px;
    height: 32px;
}

.subHeaderBox.new .SubHeader {
    color: #666;
}

.subHeaderBox.new .SubHeaderBg {
    color: #41a3ea;
}

.subHeaderBox.new .TableSubHeader {
    color: #41a3ea;
    font-weight: 600;
    background: #f5f9fd;
    font-family: 'Open Sans';
    font-size: 13px;
    height: 32px;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #8bc8f3;
}

/**/

/*color shades*/
.redBG1 {
    background-color: #ed2f1b;
}

.redBG2 {
    background-color: #fd5644;
}

.redBG3 {
    background-color: #ff786a;
}

.redBG4 {
    background-color: #ffa9a0;
}

.redBG5 {
    background-color: #ffccc7;
}

.bluBG1 {
    background-color: #1e75e1;
}

.bluBG2 {
    background-color: #2f9ade;
}

.bluBG3 {
    background-color: #41a3ea;
}

.bluBG4 {
    background-color: #58beff;
}

.bluBG4 {
    background-color: #8cd2ff;
}

.bluBG5 {
    background-color: #c0e7ff;
}

.yeloBG1 {
    background-color: #ff8a00;
}

.yeloBG2 {
    background-color: #ff9e2b;
}

.yeloBG3 {
    background-color: #FFC71E;
}

.yeloBG4 {
    background-color: #fabe3a;
}

.yeloBG5 {
    background-color: #ffd86f;
}

.yeloBG6 {
    background-color: #ffe9a5;
}

.pinkBG1 {
    background-color: #f23b8d;
}

.pinkBG2 {
    background-color: #ff69ac;
}

.pinkBG3 {
    background-color: #f77ab2;
}

.pinkBG4 {
    background-color: #ffa9e6;
}

.pinkBG5 {
    background-color: #ffcdf9;
}

.greenBG1 {
    background-color: #22b641;
}

.greenBG2 {
    background-color: #48c963;
}

.greenBG3 {
    background-color: #5dc58a;
}

.greenBG4 {
    background-color: #7ecfc8;
}

.greenBG5 {
    background-color: #90edb5;
}

.purpleBG1 {
    background-color: #7535d6;
}

.purpleBG2 {
    background-color: #814fee;
}

.purpleBG3 {
    background-color: #9e75f9;
}

.purpleBG4 {
    background-color: #bb9cff;
}

.purpleBG5 {
    background-color: #d4c0ff;
}

/**/

/*cashflow*/
.CF {
    margin-left: -3px;
    margin-right: -3px;
}

    .CF .card {
        padding: 5px;
        float: left;
        box-sizing: border-box;
    }

        .CF .card.col3 {
            width: 33.333333%;
        }

        .CF .card.col2 {
            width: 50%;
        }

    .CF .card-container {
        border: 1px solid #ddd;
        padding: 10px;
        min-height: 200px;
        overflow: hidden;
    }

    .CF.goals .card-container {
        height: 240px;
    }

    .CF .card-container .btns {
        position: absolute;
        right: 10px;
        top: 8px;
    }

#CFbody .tabbed_pannel {
    border-bottom: none!important;
}

    #CFbody .tabbed_pannel .label_common, #CFbody .tabbed_pannel .control-label {
        color: #666;
        font-size: 14px;
        height: 100%;
        margin: 0!important;
        padding-top: 10px!important;
    }

    #CFbody .tabbed_pannel > div {
        width: 12.5%;
        float: left;
        height: 155px;
        box-sizing: border-box;
        border-right: 1px solid #ddd;
    }

#CFbody .tab_selected {
    border: none;
    background-color: transparent;
}

    #CFbody .tab_selected.control-label, #CFbody .tabbed_pannel .control-label:hover {
        color: #41a3ea!important;
    }

    #CFbody .tab_selected span, #CFbody .tabbed_pannel .control-label:hover {
        border-color: #fbfec5!important;
    }

    #CFbody .tab_selected span {
        box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
    }

#CFbody .tabbed_pannel .control-label span {
    display: block;
    width: 82px;
    height: 82px;
    margin: 0 auto 5px;
    padding-top: 8px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 3px solid #daedfe;
}

#CFbody .arrow_boxUp {
    position: relative;
    background: #F6F7F9;
}

    #CFbody .arrow_boxUp:after, #CFbody .arrow_boxUp:before {
        top: calc(100% - 24px);
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #CFbody .arrow_boxUp:after {
        border-color: rgba(246, 247, 249, 0);
        border-bottom-color: #41a3ea;
        border-width: 12px;
        margin-left: -12px;
    }

    #CFbody .arrow_boxUp:before {
        border: none;
    }

#CFbody .jcarousel .carouselHead {
    height: 65px;
}

#CFbody .jcarousel .CFcontainer {
    height: 280px;
    box-sizing: border-box;
    padding-top: 25px;
}

#CFbody .jcarousel .CF-IS .radio {
    position: relative;
    padding: 15px;
    width: 150px;
    margin: 0 50px;
}

    #CFbody .jcarousel .CF-IS .radio label {
        height: 210px;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
    }

        #CFbody .jcarousel .CF-IS .radio label:hover, #CFbody .jcarousel .CF-IS .radio label.selected, .semiwhiteBG {
            background-color: rgba(255,255,255,0.3);
        }

    #CFbody .jcarousel .CF-IS .radio .full {
        text-align: center;
        color: #fff;
        font-size: 15px;
    }

        #CFbody .jcarousel .CF-IS .radio .full span {
            display: block;
            width: 100px;
            height: 100px;
            margin: 0 auto 5px;
            padding-top: 15px;
            border-radius: 50%;
            box-sizing: border-box;
            border: 4px solid #fff;
        }

    #CFbody .jcarousel .CF-IS .radio label::after, #CFbody .jcarousel .CF-IS .radio label::before {
        left: 50%;
    }

    #CFbody .jcarousel .CF-IS .radio label::after {
        margin-left: -3px;
        top: 170px;
        background-color: #fff;
    }

    #CFbody .jcarousel .CF-IS .radio label::before {
        margin-left: -9px;
        width: 18px;
        top: 164px;
        height: 18px;
        border: 2px solid #fff;
        background-color: #41a3ea;
    }

#CFbody .jcarousel .adl-form-group .form-control, #CFbody .jcarousel .form-control-field {
    border: none;
    height: 38px;
}

#CFbody .jcarousel .input-icon-calendar.icon-right {
    top: 0;
    right: 0;
}

#CFbody .jcarousel .icon-right, #CFbody .jcarousel .icon-left {
    width: 36px;
    height: 38px;
    border-left: none;
    background-color: #FFC71E;
}

#CFbody .jcarousel .input-icon-prcntg:before {
    content: '%';
    top: 11px;
    left: 11px;
    position: absolute;
    font-size: 18px;
    font-weight: 700;
}

#CFbody .jcarousel .input-icon-calendar {
    background: url(images/adlNewImages/calender.png) 8px 9px no-repeat #FFC71E;
}

#CFbody .jcarousel .input-icon-drop:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #444;
    top: 18px;
    left: 14px;
    position: absolute;
}

#CFbody .ngrs-range-slider.scale {
    background: url(images/adlNewImages/scale.png) top left no-repeat transparent;
    height: 74px;
    width: 605px!important;
}

    #CFbody .ngrs-range-slider.scale .ngrs-join, #CFbody .ngrs-range-slider.scale .ngrs-attached-handles .ngrs-value {
        display: none;
    }

    #CFbody .ngrs-range-slider.scale .ngrs-handle {
        position: absolute;
        z-index: 2;
        height: 82px;
        width: 82px;
        margin: -4px 0 0 -9px;
        background-color: rgba(255,255,255,0.7);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        box-shadow: 0 0 6px rgba(0,0,0,0.3);
    }

    #CFbody .ngrs-range-slider.scale .ngrs-runner {
        float: left;
        width: 542px;
        height: 80px;
    }

/*select box customized*/
#CFbody .jcarousel .select-wrapper {
    float: left;
    display: inline-block;
    cursor: pointer;
}

    #CFbody .jcarousel .select-wrapper:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #444;
        top: 18px;
        right: 12px;
        position: absolute;
        z-index: 9;
    }

    #CFbody .jcarousel .select-wrapper:after {
        content: '';
        width: 36px;
        height: 38px;
        top: 0;
        right: 0;
        position: absolute;
        background-color: #FFC71E;
    }

    #CFbody .jcarousel .select-wrapper, #CFbody .jcarousel .select-wrapper select {
        width: 100%;
        height: 38px;
        line-height: 38px;
        background-color: #fff;
    }

        #CFbody .jcarousel .select-wrapper:hover {
            border-color: #239fdb;
        }

        #CFbody .jcarousel .select-wrapper .holder {
            display: block;
            margin: 0 35px 0 5px;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            z-index: -1;
        }

        #CFbody .jcarousel .select-wrapper select {
            margin: 0;
            position: absolute;
            z-index: 2;
            cursor: pointer;
            outline: none;
            opacity: 0;
            /* CSS hacks for older browsers */
            _noFocusLine: expression(this.hideFocus=true);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -khtml-opacity: 0;
            -moz-opacity: 0;
        }

.CFmenu .adl-menu ul li {
    padding: 0;
}

    .CFmenu .adl-menu ul li a {
        padding: 3px 10px;
        display: block;
    }

.CFmenu .adl-menu .menu-list li a:hover {
    background-color: #81c8fb!important;
    color: #fff!important;
}

.CF-modal.fullModal {
    height: calc(100vh - 130px)!important;
}

#contextMenu.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 120px;
    padding: 0;
    margin: 2px 0 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: none;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

    #contextMenu.dropdown-menu a {
        padding: 5px 8px;
        display: block;
        cursor: pointer;
    }

    #contextMenu.dropdown-menu li + li {
        border-top: 1px solid #eee;
    }

.CFtotals .col-25 {
    padding: 10px 40px;
    text-align: center;
    min-height: 150px;
    margin: 15px 0;
}

    .CFtotals .col-25 + .col-25 {
        border-left: 1px solid #eee;
    }

    .CFtotals .col-25 h1 span {
        padding: 5px 20px;
        border-bottom: 1px solid #eee;
    }

.CF-ScnCard {
    width: 50%;
    padding: 10px;
    float: left;
    box-sizing: border-box;
}
.CF-ScnCard .infoPanel{
    cursor:pointer;
    font-weight:600;
    padding:10px 0;
    background-color:#f5f9fd;
    border-top:1px solid #ddd;
    position: absolute;
    left: 0;
    bottom: -70px;
    transition:all 0.15s ease-in-out 0s
}
/*.CF-ScnCard .card-container:hover .infoPanel{
    bottom: -11px;
    box-shadow:0 0 15px rgba(0,0,0,0.4);
    border:none
}*/
    .CF-ScnCard .card-container .infoPanel:hover  {
        bottom: -11px;
    box-shadow:0 0 15px rgba(0,0,0,0.4);
    border:none
    
    }

.CF-ScnCard .infoPanel > .col-5{
    height:20px
}
.CF-ScnCard .infoPanel > .col-5:nth-child(2n+1) {
}

.comph .adl-parent:hover a + .adl-menu{
    display:block !important;
    top: 30px;
    right: -4px;
}
.comph .adl-parent:hover a + .adl-menu li:hover a {
    color:#fff
}


.CF-ScnCard .adl-heading .adl-checkbox + label{
    width: 20px;
    height: 20px;
	padding-left:20px
}
.CF-ScnCard .adl-heading .adl-checkbox + label:before{
    height: 18px;
    width: 18px;
    border: 2px solid #b5e0ff;
	background:transparent;
	border-radius:50%;
	top:-1px
}
.CF-ScnCard .adl-heading .adl-checkbox + label:after{
	color:#41a3ea;
	font-size:16px;
	font-weight:normal;
	top:2px;
	left:4px
}
.CF-ScnCard .adl-heading .adl-checkbox:checked + label:before{
    height: 18px;
    width: 18px;
    border: 2px solid #fff !important;
	background:#fff;
}

.CF-ScnCard .card-container {
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    float: left;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    height: 230px;
    position:relative
}

.scn-graph {
    width: 100%;
    overflow: hidden;
    height: 190px;
    text-align: center;
    padding: 10px 0;
}

.CF-ScnCard .btn {
    border: 1px solid #dedede;
    height: 485px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    width: 100vh;
    font-size: 120px;
    color: #ababab;
    font-weight: 400;
    font-family: initial;
}
.CF-ScnCard .btn:hover {
    background-color: #eee;
    cursor: pointer;
}

.jcarousel-wrapper.ScnGoals {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 20px auto 0;
    height: auto;
    padding: 20px 10px;
    width: calc(100% - 115px)!important;
}

.jcarousel-wrapper.ScnGoals .jcarousel {
    width: calc(100% - 20px);
}

.jcarousel-wrapper.ScnGoals .jcarousel li {
    width: 339px;
    height: 148px;
    overflow: hidden;
    padding-right: 20px;
}

.jcarousel-wrapper.ScnGoals .jcarousel li:last-child {
    padding-right: 0!important;
}

.jcarousel-wrapper.ScnGoals .jcarousel-control-prev, .jcarousel-wrapper.ScnGoals .jcarousel-control-next {
    top: 74px;
    background-color: rgba(255,255,255,1)!important;
    color: #999!important;
    font: 50px/35px calibri, sans-serif;
}

.jcarousel-wrapper.ScnGoals .jcarousel-control-next {
    height: 45px;
    width: 25px;
    border-radius: 0 90px 90px 0;
    left: 100%;
    text-align: left;
    box-shadow: 2px 0 2px rgba(0, 0, 0, 0.07);
}

.jcarousel-wrapper.ScnGoals .jcarousel-control-prev {
    height: 45px;
    width: 25px;
    border-radius: 90px 0 0 90px;
    right: 100%;
    left: auto;
    text-align: right;
    box-shadow: -2px 0 2px rgba(0, 0, 0, 0.07);
}

.jcarousel-wrapper.ScnGoals .jcarousel-control-prev.inactive, .jcarousel-wrapper.ScnGoals .jcarousel-control-prev.inactive:hover, .jcarousel-wrapper.ScnGoals .jcarousel-control-next.inactive, .jcarousel-wrapper.ScnGoals .jcarousel-control-next.inactive:hover {
    opacity: 1;
    color: #ddd!important;
}

.jcarousel-wrapper.ScnGoals .jcarousel-control-prev:hover, .jcarousel-wrapper.ScnGoals .jcarousel-control-next:hover {
    color: #41a3ea!important;
}

.jcarousel-wrapper.ScnGoals .jcarousel li .Gframe {
    background-color: rgba(0,0,0,0.5);
    width: 339px;
    height: 148px;
    overflow: hidden;
    position: relative;
    color: #fff;
}

.jcarousel-wrapper.ScnGoals .jcarousel li .Gframe .top {
    padding: 5px 10px;
}

.jcarousel-wrapper.ScnGoals .jcarousel li .Gframe h1 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 90px;
}

.jcarousel-wrapper.ScnGoals .jcarousel li .Gframe .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0;
    background-color: rgba(0,0,0,0.5);
    font-size: 12px;
}

.ent-wrapper {
    overflow: hidden;
}

.ent-profile {
    width: 95px;
    height: 95px;
    float: left;
}

.ent-profile img {
    height: 95px;
    width: 95px;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
}

.ent-data {
    width: calc(100% - 95px);
    float: right;
}

.ent-card-inner {
    position: relative;
    background-color: #fff;
    display: block;
    width: 100%;
    height: 230px;
}

    .ent-card-inner > div {
        height: 100%;
    }

    .ent-card-inner:hover {
        cursor: pointer;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    }

.ent-card {
    margin: 10px 0;
}

.ent-card-inner .col-6 > div {
    float: left;
    width: 100%;
}

.ent-btns {
    position: absolute;
    bottom: 0;
    right: 10px;
    height: auto !important;
}

    .ent-btns .adl-btn {
        display: inline-block;
        min-width: 60px;
    }

    
.required-field {
        color: red;
}

.desc-control{
    padding-left: 13px;
}

/*	*/
.infoAdd{
    position: fixed;
    bottom: 50px;
    right: 50px;
    background-color: #41a3ea;
    color: #fff;
    font-size: 42px;
    width: 50px;
    height: 50px;
    line-height: 44px;
    padding: 0;
    font-weight: 400;
    transition:all 0.2s ease-in-out 0s;
    z-index:9999;
    box-shadow:0 1px 3px rgba(0,0,0,0.2)
 }
 .infoAdd:hover {
    transform: scale(1.1) rotate(90deg);
}

.switch input[disabled] + label{
    opacity:0.4;
    cursor:not-allowed
}
.mdl-textfield__label,.switchLabel{
color: #515151 !important;
    font-size: 13PX !important;
    font-weight: 600 !important;
}
input[type="text"].mdl-textfield__input, input[type="number"].mdl-textfield__input, .mdl-textfield__input {

}
select.mdl-textfield__input {
    -webkit-appearance: none;
    background-image: url(../../images/adlNewImages/selectDDown.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

.switchLabel.switchLabelM{
margin-top:10px !important;
}
/*Custom Switch Data*/
.contributionSwitch .head-switch .switch.option > label::before{
        content: "NCC" !important;
}
.contributionSwitch .head-switch .switch.option > input[type="checkbox"]:checked + label::before {
    content: 'CC' !important;
}


.field-validation-error-custom{
    font-size: 11px;
    text-align: left;
    width: 100%;
    display: block;
    line-height: 13px;
    color: #fa5c5c!important;
}
.adl-cmpresd-custom .adl-btn-white {
    color: #41a3ea;
    border: none;
}
.adl-cmpresd-custom .adl-btn {
    border: 1px solid #41a3ea;
        font-size: 11px;
        text-transform: uppercase;
        height: 40px;
}
.adl-cmpresd-custom .adl-btn:hover {
color: #fff;
}
.adl-cmpresd-custom .btnFirst{
    border-top-left-radius: 4px;
     border-bottom-left-radius: 4px
}
.adl-cmpresd-custom .btnLast{
    border-top-right-radius: 4px;
     border-bottom-right-radius: 4px
}
#collapse {
border: 1px solid #ccc;
    padding-top: 10px;
    border-radius: 4px;
    padding-bottom: 8px;
}

.collapseHeading{
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
}
.collapseIcon {
    display: inline-block;
    float: right;
    margin-right: 10px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    /* border: 1px solid #ccc; */
    text-align: center;
    line-height: 15px;

}
.collpaseIconRight {
    background-image: url('../images/adlNewImages/iconRight.png');
    background-repeat: no-repeat;
    background-position: 50%;

}
.collpaseIconDown {
    background-repeat: no-repeat;
    background-image: url('../../images/adlNewImages/down.png');
    background-position: 50%;

}
/*added by pt*/
input.toggle-flip + label {
  height: 20px;
}
input.toggle-flip + label:before, input.toggle-flip + label:after {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 20px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.text-grey{
        color: #666 !important;
}
.mds-icon {
    height: 23px;
    transition: 200ms linear;
    width: 23px;
    fill: #515151;
}

.mds-icon:hover {
    fill: #1e1e1e;
}
.mds-icon, .mds-icon:before, .mds-icon:after {
    box-sizing: border-box;
}

.mds-icon *,
.mds-icon *:before,
.mds-icon *:after {
    box-sizing: border-box;
}

.mds-icon--s {
    height: 15px;
    width: 15px;
}

/*Ends*/


/*end*/

/* CSS Document */

/*basic text*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900') all;
/**/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700') all;

@page {
    size: A4 landscape;
    margin-left:0px;
    margin-right:0px;
    margin-top: 40px;
    margin-bottom: 30px;
    counter-increment: page
}

@media print {
    @page {
        size: A4 landscape;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 40px;
        margin-bottom: 30px;
        counter-increment: page
    }
    body, html {
        height: 100%;
        background-color: white;
    }
    .adl_2-0 .pageWrap {
        color:#fff !important;
    }
    .adl_2-0 #pdfdiv {
        float:left;
        width:100%;
    }
        .adl_2-0 #pdfdiv div {
            color: #333;
            font-size: 20px;
            padding: 25px 70px 0px;
        }
    .adl_2-0 .pageWrap .header {
        padding: 20px;
        height: auto;
    }
        .adl_2-0 .pageWrap .header .headerText {
            padding: 25px;
            font-size: 50px;
        }
            .adl_2-0 .pageWrap .header .headerText + .headerText {
                font-size: 30px;
            }
    .adl-scroll.colsWrap {
        height: 100% !important;
        overflow-y: visible !important;
    }

    .adl_2-0 .title, .fa.fa-chevron-up {
        display: none !important;
    }

    .scnHeader {
        display: none !important;
    }

    .break-after {
        page-break-inside: avoid !important;
    }

    .wrap2 .graph {
        padding: 0px;
        margin: 0px;
        width: 1000px;
    }

    .graphpdf {
        margin-bottom: -30px !important;
        width: 60%!important;
    }

    .adl_2-0 .adl-btn {
        font-weight: 500 !important;
    }

    #sce_superannuation, #sce_taxation, #sce_pension, #sce_loan, #sce_loanInst {
        display: none !important;
    }

    #sce_superannuationExpand, #sce_taxationExpand, #sce_pensionExpand, #sce_loanExpand, #sce_loanInstExpand {
        display: block !important;
    }

    .adl_2-0 .cashflow .cardWrap.cScenario .card label {
        font-size: 11px !important;
    }
    .adl_2-0 .cashflow .cardWrap.cScenario .amnt {
        font: 400 11px 'Roboto Condensed', sans-serif!important;
    }
    .adl_2-0 .cashflow .adl-scroll.colsWrap .row .wrap2 {
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }
     .sceComparisonReport {
        display: block !important;
    }
    #dvComparisonGraph {
        padding-left: 20px;
        padding-right: 20px;
    }
    .adl_2-0 .cashflow .cardWrap h4{
        font-size:14px!important;
    }
    #sce_loanExpand .adl-marginT {
        margin-top: 1px !important;
    }
    #sce_loanExpand .big {
        font-size: 11px !important;
    }
    .adl_2-0 .adl-container {
        border-top: none!important;
    }
    .pageWrap .logo {
        margin-top: 60px !important;
        padding-right: 32px !important;
    }

    .pageWrap .logo img {
        max-width: 100%;
        height:90px;
        width:185px;
    }
    .header {
        background: rgb(0, 102, 151) !important;
        -webkit-print-color-adjust: exact !important;
        height: 139px;
        width: 100%;
        font-weight: 600 !important;
        font-size: 32px !important;
    }
    .header div, .blankorsinglelineheader div {
            padding-top: 20px;
        }

    #pdfdiv {
        font-size: 15px !important;
        transform: scaleX(1.04766) !important;
    }
}
@media screen{
     .sceComparisonReport {
        display: none !important;
    }
}
@media all {
    
    html, body, .main, .tabs, .tabbed-content {
        float: none;
    }

    
    .adl_2-0 {
        font: 400 13px/19px 'Roboto', sans-serif;
        text-align: left;
        color: #485a65
    }

    h1, h2, h3, h4, h5, h6, .normal, .small, .big, .font28, .font28 td, .font28 th, .font28 label, .font18, .font18 td, .font18 th, .font18 label, .font16, .font16 td, .font16 th, .font16 label, .font15, .font15 td, .font15 th, .font15 label, .font14, .font14 td, .font14 th, .font14 label, .font9, .font9 td, .font9 th, .font9 label, .successMsg, .errorMsg, .adl-heading, .adl-heading .head, .adl-btn, .adl-btn-head, .adl-btn-pop, .form-control, .adl-form-group .control-label, .adl-form-group .form-control, .form-control-field {
        font-family: 'Roboto', sans-serif !important
    }

    .adl_2-0 img {
        max-width: 100%
    }

    .adl_2-0 .adl-btn, .adl_2-0 .adl-btn-head {
        font-weight: 400;
        border-radius: 4px;
        line-height: 1.4;
    }

        .adl_2-0 .adl-btn.bordered {
            background-color: #fff;
            color: #41a3ea;
            border: 1px solid #41a3ea;
        }

            .adl_2-0 .adl-btn.bordered:hover {
                background-color: #41a3ea;
                color: #fff
            }

        .adl_2-0 .adl-btn.active {
            background-color: #41a3ea;
            color: #fff;
        }

    .adl_2-0 .shadedBG {
        background-color: #f4f8f9
    }

    a.adl-link {
        color: #1db2de;
        text-decoration: none;
    }

    .adl-link:hover {
        cursor: pointer;
        color: #666
    }

    .adl_2-0 .adlHide {
        display: none !important
    }


    .greenFont6 {
        color: #168322 !important
    }

    .adlSet {
        float: left;
        width: 100%
    }

    .adl_2-0 .adl-modal {
        background-color: rgba(0,0,0,0.8)
    }

    .adl_2-0 .adl-modal-header {
        height: 45px
    }

    .adl_2-0 .adl-modal-title {
        color: #485a65;
        font-variant: normal;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
    }

    .smalli {
        font-size: 11px !important;
    }

    .font6 {
        font-size: 6px !important;
    }

    .adl-scroll.noBG::-webkit-scrollbar-track {
        background-color: transparent;
        border-bottom: none;
    }

    .adl_2-0 * {
        box-sizing: border-box;
    }

    .adl_2-0 h1, .adl_2-0 h2, .adl_2-0 h3, .adl_2-0 h4 {
        color: #1db2de;
    }

    .adl_2-0 h4, .adl_2-0 .fontSB {
        font-weight: 500 !important
    }

    .adl_2-0 .adl-container {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        box-shadow: none;
        min-width: auto;
        border-top: 1px solid #eee
    }

        .adl_2-0 .adl-container .adl-container-inside {
            width: 100%;
            box-shadow: none;
            background-color: transparent
        }

    .adl_2-0 .adl-btn-head.text-blue {
        color: #41a3ea !important;
    }

    /*drop menu*/
    .adl_2-0 .adl-menu ul li, .adl-menu ul li input, .adl-menu ul li button {
        font: 400 13px/19px 'Roboto', sans-serif !important;
        background: transparent !important;
    }

    .adl_2-0 .adl-menu .menu-list {
        border-radius: 5px;
        overflow: hidden;
    }

    .adl_2-0 .adl-menu {
        right: 0;
        top: 35px;
    }
    /**/

    /*autoheight text area*/
    .form-control.autoTextarea {
        height: 0;
        overflow: hidden
    }
    /**/

    .adl_2-0 .adl-scroll::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .adl_2-0 .adl-scroll::-webkit-scrollbar-thumb {
        background-color: #c3d0da;
        border-radius: 5px
    }

        .adl_2-0 .adl-scroll::-webkit-scrollbar-thumb:hover {
            background-color: #bbb;
        }


    .adl_2-0 .adl-form-group .form-control {
        border-color: #dde2e6;
        border-radius: 3px;
        font-size: 13px;
        color: #333;
    }

        .adl_2-0 .adl-form-group .form-control.baseBorder {
            border-radius: 0;
        }


    .adl_2-0 .adl-modal-footer {
        border-top: 1px solid #eee;
        background-color: #f7f7f7;
        float: left;
        width: 100%;
        padding: 0 10px
    }

    .adl_2-0 .adl-modal-content {
        border-radius: 6px;
        box-shadow: 0 10px 35px rgba(0,0,0,0.4);
    }

    .adl_2-0 .adl-select select {
        padding-right: 20px
    }

    .adl_2-0 .adl-select::after {
        color: #e1e8ed;
        padding: 0;
    }

    .adl_2-0 .adl-modal-header .adl-select::after {
        color: #7d7777
    }

    .adl_2-0 .form-horizontal.adl-marginT {
        display: flex;
    }

    .adl_2-0 .form-control.baseBorder.date {
        padding-right: 25px
    }

        .adl_2-0 .form-control.baseBorder.date + label + i {
            position: absolute;
            top: 5px;
            right: 18px;
            font-size: 16px;
            color: #ccc;
        }

            .adl_2-0 .form-control.baseBorder.date + label + i:hover {
                color: #41a3ea
            }

    .overflowClass {
        overflow: hidden;
    }

    .gridBG {
        background: #f4f8f9;
    }

    .adl_2-0 .form-horizontal.adl-marginT {
        display: flex;
    }
    /*Custom ToolTips*/
    .toolTipcustom {
        position: relative;
    }

    .tTipInner {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        background: #333333;
        opacity: 0;
        padding: 8px 8px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        font-size: 12px;
        line-height: 14px;
        color: #fff;
        visibility: hidden;
        border-radius: 4px;
    }

    .tooltip.top:hover:before {
        bottom: calc(100% + 6px);
        transition: all 0.1s ease-out 0.1s;
        visibility: visible;
        opacity: 1;
    }

    .toolTipcustom:hover .tTipInner {
        opacity: 1;
        z-index: 999999;
        visibility: visible;
    }

        .toolTipcustom:hover .tTipInner.dright {
            left: calc(100% + 5px);
        }

    .tTipInner.dright:before {
        position: absolute;
        width: 0px;
        height: 0px;
        z-index: 9999;
        content: "";
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #333333;
        ;
        left: -4px;
    }

    .toolTipcustom .tTipInner.dleft {
        left: auto;
    }

    .toolTipcustom:hover .tTipInner.dleft {
        right: calc(100% + 5px);
    }

    .toolTipcustom .tTipInner.dleft:before {
        position: absolute;
        width: 0px;
        height: 0px;
        right: -4px;
        top: calc(100% + -15px);
        z-index: 9999;
        content: "";
        border-top: 5px solid transparent;
        border-left: 5px solid #333333;
        border-bottom: 5px solid transparent;
    }


    .toolTipcustom .tTipInner.dtop {
        top: auto;
        bottom: 0
    }

    .tTipInner.dtop:before {
        position: absolute;
        width: 0px;
        height: 0px;
        left: 10%;
        top: calc(100% + -1px);
        z-index: 9999;
        content: "";
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #333333;
    }

    .toolTipcustom:hover .tTipInner.dtop {
        bottom: calc(100% + 5px);
    }

    .toolTipcustom:hover .tTipInner.dbottom {
        top: calc(100% + 5px);
    }

    .tTipInner.dbottom:before {
        position: absolute;
        width: 0px;
        height: 0px;
        left: 10%;
        bottom: calc(100% + -1px);
        z-index: 9999;
        content: "";
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #333333;
    }
    /*Custom Ends*/

    /*select V shape drop aro*/
    .adl-selectV select.form-control, .adl-selectV select.form-control-field {
        -webkit-appearance: none;
    }

    .adl-selectV::before {
        content: "\25Bc";
        position: absolute;
        right: 6px;
        bottom: 2px;
        font-size: 70%;
        line-height: 30px;
        padding: 0 7px;
        color: #fff;
        pointer-events: none;
        transform: scaleX(1.7);
        z-index: 99
    }

    .adl-selectV::after {
        content: "\25Bc";
        position: absolute;
        right: 6px;
        bottom: 0;
        font-size: 70%;
        line-height: 30px;
        padding: 0 7px;
        color: #666;
        pointer-events: none;
        transform: scaleX(1.7);
    }
    /**/



    .insurance .adl-container-inside, .superlogic .adl-container-inside {
        height: calc(100vh - 140px);
    }


    /*nav head*/
    .adl_2-0 #nav-flow {
        width: 100%;
        height: 44px;
        position: relative;
        z-index: 9999;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        -ms-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

        .adl_2-0 #nav-flow #nav {
            display: inline-block;
            height: 44px;
        }

            .adl_2-0 #nav-flow #nav > li {
                padding: 2px 15px 2px 30px;
                display: inline-flex;
                position: relative;
                height: 44px;
                align-items: center;
                float: left;
            }

                .adl_2-0 #nav-flow #nav > li > img {
                    width: 22px;
                    margin-right: 5px
                }

                    .adl_2-0 #nav-flow #nav > li > img[width="18"] {
                        width: 18px
                    }

                .adl_2-0 #nav-flow #nav > li:before {
                    position: absolute;
                    left: 100%;
                    top: 0;
                    width: 0;
                    height: 0;
                    z-index: 9;
                    content: "";
                    border-top: 22px solid transparent;
                    border-bottom: 22px solid transparent;
                    border-left: 8px solid #666;
                }

                .adl_2-0 #nav-flow #nav > li:after {
                    position: absolute;
                    left: 100%;
                    top: 0;
                    width: 0;
                    height: 0;
                    z-index: 9;
                    content: "";
                    border-top: 22px solid transparent;
                    border-bottom: 22px solid transparent;
                    border-left: 8px solid #fff;
                }

                .adl_2-0 #nav-flow #nav > li.active, .adl_2-0 #nav-flow #nav > li:hover {
                    color: #fff;
                    background: #78cdf2;
                    background: -moz-linear-gradient(left, #78cdf2 0%, #78cdf2 27%, #1a82cc 100%);
                    background: -webkit-linear-gradient(left, #78cdf2 0%,#78cdf2 27%,#1a82cc 100%);
                    background: linear-gradient(to right, #78cdf2 0%,#78cdf2 27%,#1a82cc 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78cdf2', endColorstr='#1a82cc',GradientType=1 );
                }

                    .adl_2-0 #nav-flow #nav > li.active:before, .adl_2-0 #nav-flow #nav > li:hover:before {
                        border: none
                    }

                    .adl_2-0 #nav-flow #nav > li.active:after, .adl_2-0 #nav-flow #nav > li:hover:after {
                        border-left: 8px solid #1A82CC;
                    }

                .adl_2-0 #nav-flow #nav > li:hover {
                    cursor: pointer
                }

                .adl_2-0 #nav-flow #nav > li.active:hover {
                    cursor: default
                }

                .adl_2-0 #nav-flow #nav > li:hover .dropSection, .adl_2-0 #nav-flow #nav > li .dropSection:hover {
                    opacity: 1;
                    left: -80px;
                    transition: all 0.3s
                }

                .adl_2-0 #nav-flow #nav > li .dropSection {
                    opacity: 0;
                    position: absolute;
                    padding-right: 5px;
                    color: #485a65;
                    left: -580px;
                    top: 50px;
                    width: 450px;
                    z-index: 9999;
                    background-color: #fff;
                    box-shadow: 0 0 20px rgba(0,0,0,0.3);
                    border-radius: 5px;
                }

                    .adl_2-0 #nav-flow #nav > li .dropSection .totalPrmm {
                        width: 100%
                    }

                    .adl_2-0 #nav-flow #nav > li .dropSection:before {
                        position: absolute;
                        width: 0px;
                        height: 0px;
                        bottom: 100%;
                        left: 170px;
                        z-index: 9999;
                        content: "";
                        border-bottom: 5px solid #fff;
                        border-left: 7px solid transparent;
                        border-right: 7px solid transparent;
                    }

                    .adl_2-0 #nav-flow #nav > li .dropSection:after {
                        position: absolute;
                        width: 100%;
                        height: 8px;
                        top: -8px;
                        left: 0;
                        z-index: 9999;
                        content: "";
                    }

                    .adl_2-0 #nav-flow #nav > li .dropSection .cardWrap {
                        width: 100%
                    }

                    .adl_2-0 #nav-flow #nav > li .dropSection .detailBlock {
                        opacity: 1;
                        position: inherit;
                        background-color: transparent;
                        color: #485a65;
                        width: 100%;
                        left: 0;
                    }

                    .adl_2-0 #nav-flow #nav > li .dropSection .card-container {
                        max-height: calc(100vh - 270px);
                        padding: 0;
                    }

                    .adl_2-0 #nav-flow #nav > li .dropSection .adl-scroll::-webkit-scrollbar {
                        width: 4px;
                        height: 4px;
                    }

                    .adl_2-0 #nav-flow #nav > li .dropSection .adl-scroll::-webkit-scrollbar-thumb {
                        background-color: #c3d0da;
                        border-radius: 2px
                    }

                        .adl_2-0 #nav-flow #nav > li .dropSection .adl-scroll::-webkit-scrollbar-thumb:hover {
                            background-color: #bbb;
                        }

                    .adl_2-0 #nav-flow #nav > li .dropSection .totalPrmm:before {
                        display: none
                    }


        .adl_2-0 #nav-flow .profileWrap {
            padding: 5px 8px 4px 5px;
            float: left;
            position: relative;
            z-index: 9;
            box-shadow: 10px 0 10px rgba(0,0,0,0.15)
        }

            .adl_2-0 #nav-flow .profileWrap:before {
                position: absolute;
                width: 0px;
                height: 0px;
                left: 100%;
                top: calc(50% - 12px);
                z-index: 9999;
                content: "";
                border-left: 5px solid #fff;
                border-top: 12px solid transparent;
                border-bottom: 12px solid transparent;
            }

        .adl_2-0 #nav-flow .profilePic {
            background: url(/Images/adlNewImages/profile-pic.png) center bottom no-repeat #eee;
            background-size: 130%;
            height: 35px;
            width: 35px;
            border: 2px solid #fff;
            box-shadow: 0 0 5px rgba(0,0,0,0.15);
        }

            .adl_2-0 #nav-flow .profilePic:hover {
                cursor: pointer
            }

            .adl_2-0 #nav-flow .profilePic + .profilePic {
                margin-left: 5px
            }

        .adl_2-0 #nav-flow .pContainer i {
            position: absolute;
            right: -3px;
            top: 0;
        }

        .adl_2-0 #nav-flow .pContainer {
            position: relative;
            float: left;
        }

            .adl_2-0 #nav-flow .pContainer + .pContainer {
                margin-left: 5px
            }

            .adl_2-0 #nav-flow .pContainer:first-child i {
                color: #1DB2DE
            }

            .adl_2-0 #nav-flow .pContainer:last-child i {
                color: #C47334
            }

    /**/


    .adl_2-0 .title h3 {
        color: #485a65;
    }

        .adl_2-0 .title h3 i.fa-chevron-left.link {
            font-size: 15px;
            color: #1db2de;
        }

            .adl_2-0 .title h3 i.fa-chevron-left.link:hover {
                color: #485a65;
            }

    .adl_2-0 .title {
        margin: 10px 0;
        border-bottom: 1px solid #eee;
        padding-bottom: 3px;
    }

        .adl_2-0 .title .fa-plus-circle {
            margin-left: 10px;
            font-size: 20px;
            color: #1db2de
        }

            .adl_2-0 .title .fa-plus-circle:hover {
                cursor: pointer;
                color: #41a3ea
            }

    .adl_2-0 .titleSub {
        font-size: 16px;
        font-weight: 500;
        float: left;
        margin-right: 10px
    }

    .adl_2-0 .showResult {
        color: #999;
        margin-left: 15px
    }

    .adl_2-0 .viewArchvd {
        color: #1db2de;
        margin-left: 15px
    }

        .adl_2-0 .viewArchvd:hover {
            text-decoration: underline;
            cursor: pointer
        }

        .adl_2-0 .viewArchvd i {
            color: #ECC129
        }

    .adl_2-0 .title .totalPrmm .detailBlock {
        background-color: #1db2de;
        padding: 2px 0 6px;
        color: #fff;
        border-radius: 5px;
        position: absolute;
        left: 110%;
        opacity: 0;
        top: -2px;
        width: 500px;
        transition: all 0.4s ease-out
    }

    .adl_2-0 .title .totalPrmm:hover .detailBlock {
        left: calc(100% - 500px);
        opacity: 1
    }

    .adl_2-0 .detailBlock label {
        text-transform: uppercase;
        font-size: 10px;
        line-height: 12px;
    }

    .adl_2-0 .detailBlock .amnt {
        font: 400 15px 'Roboto Condensed', sans-serif;
        line-height: 14px;
    }

    .adl_2-0 .title .totalPrmm {
        position: relative
    }

        .adl_2-0 .title .totalPrmm:before {
            border-right: 6px solid #1db2de;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            position: absolute;
            left: -12px;
            top: calc(50% - 3px);
            content: '';
            display: block
        }

        .adl_2-0 .title .totalPrmm.empty:before {
            display: none
        }

        .adl_2-0 .title .totalPrmm label {
            font-weight: 500
        }

        .adl_2-0 .title .totalPrmm .value {
            color: #1db2de;
            font-weight: 600;
            font-size: 22px;
            font-family: 'Roboto Condensed', sans-serif;
        }

    .adl_2-0 .userWrap.partner h4, .adl_2-0 .userWrap.partner .cardWrap .card .details .amnt .value, .adl_2-0 .userWrap.partner .totalPrmm .value {
        color: #b65100
    }


    /*user cards*/
    .adl_2-0 .card-container {
        float: left;
        width: 100%;
        padding: 0 5px
    }

    .adl_2-0 .cardWrap {
        float: left;
        width: 33.33333%;
        padding: 5px
    }

        .adl_2-0 .cardWrap .card {
            border: 1px solid #dde2e6;
            overflow: hidden;
            width: 100%;
            border-radius: 12px;
            float: left;
            position: relative;
            transition: all 0.15s ease 0s;
            -webkit-transition: all 0.15s ease 0s;
            -moz-transition: all 0.15s ease 0s;
        }

            .adl_2-0 .cardWrap .card:hover {
                cursor: pointer;
                box-shadow: 0 0 12px rgba(0,0,0,0.3);
                border: 1px solid #fff
            }

            .adl_2-0 .cardWrap .card .detailBlock {
                background-color: #F9FAFB;
                color: #485a65;
                padding: 15px 5px
            }

            .adl_2-0 .cardWrap .card .logo {
                float: left;
                width: 20%;
                height: 75px;
                padding: 10px
            }

                .adl_2-0 .cardWrap .card .logo img {
                    max-width: 100%;
                    max-height: 100%;
                }

            .adl_2-0 .cardWrap .card .detailBlock label {
                color: #999
            }

            .adl_2-0 .cardWrap .card .details {
                float: left;
                width: 80%;
                height: 76px;
                padding: 10px 10px 0 0
            }

                .adl_2-0 .cardWrap .card .details .cmpny {
                    float: left;
                    max-width: 66%;
                    padding-right: 5px
                }

                    .adl_2-0 .cardWrap .card .details .cmpny .name {
                        font-weight: 500;
                        line-height: 18px;
                        font-size: 14px;
                    }

                    .adl_2-0 .cardWrap .card .details .cmpny .code {
                        font-size: 12px;
                    }

                .adl_2-0 .cardWrap .card .details .amnt {
                    float: right;
                    padding-right: 5px;
                    margin-top: 5px
                }

                    .adl_2-0 .cardWrap .card .details .amnt .value {
                        float: right;
                        padding-right: 3px;
                        color: #1db2de;
                        font-weight: 600;
                        font-size: 22px;
                        font-family: 'Roboto Condensed', sans-serif;
                    }

                    .adl_2-0 .cardWrap .card .details .amnt label {
                        float: right;
                        width: 32px;
                        font-size: 11px;
                        line-height: 10px;
                        color: #999
                    }

                .adl_2-0 .cardWrap .card .details .infoRow {
                    margin-top: 5px;
                    font-size: 12px;
                }

                    .adl_2-0 .cardWrap .card .details .infoRow .fa-check-circle {
                        color: #6C3;
                        font-size: 14px
                    }

                    .adl_2-0 .cardWrap .card .details .infoRow .red {
                        color: #e74c3c
                    }

            .adl_2-0 .cardWrap .card .fa-ellipsis-v {
                position: absolute;
                right: 7px;
                top: 7px;
                padding-left: 10px;
                font-size: 18px;
                color: #1db2de;
                transition: all 0.2s ease 0s;
                -moz-transition: all 0.2s ease 0s;
                -webkit-transition: all 0.2s ease 0s;
            }

            .adl_2-0 .cardWrap .card .rightNav {
                position: absolute;
                border-radius: 3px;
                padding: 5px 10px 3px;
                opacity: 0;
                filter: alpha(opacity=0);
                z-index: 1;
                right: -100px;
                top: 25px;
                width: 95px;
                font-size: 12px;
                color: #777;
                background-color: #fff;
                transition: all 0.2s ease 0s;
                box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
            }

                .adl_2-0 .cardWrap .card .rightNav:before {
                    position: absolute;
                    width: 0px;
                    height: 0px;
                    bottom: 100%;
                    right: 3px;
                    z-index: 9999;
                    content: "";
                    border-bottom: 5px solid #fff;
                    border-left: 7px solid transparent;
                    border-right: 7px solid transparent;
                }

            .adl_2-0 .cardWrap .card .fa-ellipsis-v:hover {
                cursor: pointer;
                color: #999
            }

                .adl_2-0 .cardWrap .card .fa-ellipsis-v:hover + .rightNav, .adl_2-0 .cardWrap .card .rightNav:hover {
                    opacity: 1;
                    filter: alpha(opacity=100);
                    right: 3px;
                }

            .adl_2-0 .cardWrap .card .rightNav li {
                line-height: 20px;
            }

            .adl_2-0 .cardWrap .card .rightNav i {
                margin-right: 3px
            }

            .adl_2-0 .cardWrap .card .rightNav li + li {
                border-top: 1px solid #eee;
            }

            .adl_2-0 .cardWrap .card .rightNav li:hover {
                color: #41a3ea;
                cursor: pointer
            }

    /**/

    /* icon hover box*/
    .adl_2-0 .iconBox {
        position: relative;
        display: inline-block;
        padding: 5px 5px 3px;
        background-color: #fff;
        border: 1px solid #fff;
        margin: -5px -5px 0 0;
        border-top-left-radius: 50%;
        -moz-border-top-left-radius: 50%;
        -webkit-border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        -moz-border-top-right-radius: 50%;
        -webkit-border-top-right-radius: 50%;
    }

        .adl_2-0 .iconBox:hover {
            border: 1px solid #ddd;
            box-shadow: 0 0 7px rgba(0,0,0,0.2);
            -moz-box-shadow: 0 0 7px rgba(0,0,0,0.2);
            -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.2);
        }

        .adl_2-0 .iconBox::after {
            content: "";
            display: block;
            width: 28px;
            height: 5px;
            background-color: #fff;
            position: absolute;
            bottom: -1px;
            left: 0;
            z-index: 99;
        }

        .adl_2-0 .iconBox .contentBox {
            display: none;
            position: absolute;
            left: -170px;
            width: 350px;
            height: 175px;
            top: 28px;
            z-index: 99;
            background-color: #fff;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            box-shadow: 0 0 7px rgba(0,0,0,0.2);
            -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.2);
            -moz-box-shadow: 0 0 7px rgba(0,0,0,0.2);
        }

            .adl_2-0 .iconBox .contentBox h3 {
                font-size: 14px
            }

        .adl_2-0 .iconBox:hover .contentBox {
            display: block;
            cursor: default
        }
    /**/

    /*no policy box*/
    .adl_2-0 .noPolicies {
        border: 1px solid #dde2e6;
        padding: 0px 20px;
        overflow: hidden;
        width: calc(100% - 20px);
        margin: 0 auto;
        border-radius: 12px;
        position: relative;
    }

        .adl_2-0 .noPolicies .block {
            float: left;
            width: 50%;
            padding-left: 30px;
            display: flex;
            align-items: center;
        }

            .adl_2-0 .noPolicies .block .icon, .insurance .noPolicies .block .info {
                float: left;
                color: #999
            }

            .adl_2-0 .noPolicies .block .icon {
                margin-right: 70px;
                width: 140px;
                height: 140px;
            }

            .adl_2-0 .noPolicies .block a {
                font-weight: 400;
                font-size: 14px
            }

                .adl_2-0 .noPolicies .block a:hover {
                    text-decoration: underline;
                }

            .adl_2-0 .noPolicies .block:last-child a {
                float: right;
                margin-left: 30px
            }

            .adl_2-0 .noPolicies .block .icon img {
                max-width: 100%;
                max-height: 100%
            }

            .adl_2-0 .noPolicies .block h5 {
                color: #999;
                font-size: 15px;
                font-weight: 400;
                margin-bottom: 15px
            }

        .adl_2-0 .noPolicies .sprte {
            position: absolute;
            height: 120px;
            float: left;
            width: 25px;
            left: 50%;
            top: 50%;
            margin-top: -60px;
            margin-left: -12px;
        }

            .adl_2-0 .noPolicies .sprte::before {
                content: '';
                height: 100%;
                width: 1px;
                background-color: #ddd;
                position: absolute;
                left: 12px;
                top: 0
            }

            .adl_2-0 .noPolicies .sprte span {
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border: 1px solid #dde2e6;
                background-color: #F9FAFB;
                width: 25px;
                height: 25px;
                display: block;
                text-align: center;
                line-height: 25px;
                color: #888;
                font-size: 11px;
                position: absolute;
                left: 0;
                top: calc(50% - 12px)
            }
    /**/

    /*Insurance recommended*/
    .adl_2-0 .card-container .cardWrap.rcmndd .card .details, .adl_2-0 .card-container .cardWrap.rcmndd .card .logo {
        height: 55px;
    }

    .adl_2-0 .card-container .cardWrap.rcmndd .card .bricksWrap {
        float: left;
        width: 100%;
    }

    .adl_2-0 .card-container .cardWrap.rcmndd .card .detailBlock {
        background-color: transparent;
        padding: 5px
    }

    .adl_2-0 .card-container.jstfctn {
        display: flex;
        flex-flow: row wrap
    }

    .adl_2-0 .card-container .cardWrap.jstfctn .card:hover {
        cursor: default;
        box-shadow: none;
        border: 1px solid #dde2e6
    }

    .adl_2-0 .card-container .cardWrap.jstfctn .card .details, .adl_2-0 .card-container .cardWrap.jstfctn .card .logo {
        display: flex;
        align-items: center;
    }

    .adl_2-0 .card-container .cardWrap.jstfctn .card .details {
        padding: 0;
        justify-content: space-between
    }

    .adl_2-0 .card-container .cardWrap.jstfctn .card .message {
        position: absolute;
        bottom: 0;
        right: 0;
        color: red;
        font-size: 11px;
        font-weight: 500;
        line-height: 14px;
        text-align: center;
        width: 100%;
        border-top: 1px solid #eee;
    }

    .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry {
        float: left;
        width: 100%;
        padding: 10px 10px
    }

        .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry:nth-child(odd) {
            background-color: #f9f9f9
        }

        .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry h5 {
            color: #666;
            font-weight: 500;
        }

        .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .btn {
            display: inline-block;
            margin-left: 10px
        }

            .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .btn label {
                border-radius: 12px;
                padding: 0 9px 0 6px;
                font-size: 9px;
                line-height: 16px;
                color: #fff;
                float: right;
            }

            .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .btn i {
                line-height: 16px;
                float: left;
                margin-right: 2px;
            }

            .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .btn.check label {
                background-color: #59d44c;
            }

            .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .btn.check {
                color: #59d44c;
            }

            .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .btn.custom label {
                background-color: #777;
            }

            .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .btn.custom {
                color: #777;
            }

            .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .btn.cross label {
                background-color: #d44c58;
            }

            .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .btn.cross {
                color: #d44c58;
            }

        .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry ol {
            margin: 0;
            padding: 0;
        }

            .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry ol li {
                list-style: decimal inside none
            }

        .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .more {
            font-size: 11px;
            font-style: italic;
            color: #999;
        }

            .adl_2-0 .card-container .cardWrap.jstfctn .card .catgry .more:hover {
                color: #41a3ea;
                cursor: pointer
            }



    .cardWrap.rcmndd .card .bricksWrap .brick {
        background-color: #F9FAFB;
        border: 3px solid #fff;
        float: left;
        padding: 8px 2px;
        min-height: 82px;
    }

        .cardWrap.rcmndd .card .bricksWrap .brick.one {
            width: 30%
        }

        .cardWrap.rcmndd .card .bricksWrap .brick.two {
            width: 70%
        }

        .cardWrap.rcmndd .card .bricksWrap .brick.three, .cardWrap.rcmndd .card .bricksWrap .brick.four, .cardWrap.rcmndd .card .bricksWrap .brick.five {
            width: 100%
        }

        .cardWrap.rcmndd .card .bricksWrap .brick .amnt {
            font-weight: 600;
            font-size: 18px;
            color: #72838b;
            margin-top: 5px
        }

    .cardWrap.rcmndd .card .btnRow i {
        font-size: 16px
    }

    .cardWrap.rcmndd .card .btnRow a {
        color: #1db2de;
    }

        .cardWrap.rcmndd .card .btnRow a:hover {
            cursor: pointer;
            color: #666
        }

    .cardWrap.rcmndd .card .buyBtn {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 15px;
        padding: 7px 0;
        height: auto;
        background-color: #2482cb
    }

        .cardWrap.rcmndd .card .buyBtn:hover {
            background-color: #41a3ea
        }

    .cardWrap.rcmndd .card label {
        text-transform: capitalize;
        line-height: 10px;
        color: #888
    }

    .cardWrap.rcmndd .card .bricksWrap .value {
        line-height: 14px;
        font-weight: 500
    }

    .cardWrap.rcmndd .card .fa-circle {
        font-size: 6px;
        color: #0da103;
    }

    .cardWrap.rcmndd .card .bricksWrap .infoRow {
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
    }

        .cardWrap.rcmndd .card .bricksWrap .infoRow + .infoRow {
            margin-top: 8px
        }

    .adl_2-0 .showScenario {
        margin-left: 10px;
        min-width: 88px;
    }

        .adl_2-0 .showScenario select.form-control {
            color: #1db2de;
            font-weight: 500;
            font-size: 14px;
            height: 18px;
            line-height: 11px;
            padding: 0
        }

        .adl_2-0 .showScenario select:hover {
            cursor: pointer
        }

    .vCenter {
        display: flex;
        align-items: center
    }

    .adl_2-0 .title .adl-selectV::before {
        content: "\25Bc";
        position: absolute;
        right: 0px;
        bottom: 2px;
        font-size: 70%;
        line-height: 18px;
        padding: 0;
        color: #fff;
        pointer-events: none;
        transform: scaleX(1.7);
        z-index: 99
    }

    .adl_2-0 .title .adl-selectV::after {
        content: "\25Bc";
        position: absolute;
        right: 0px;
        bottom: 0;
        font-size: 70%;
        line-height: 18px;
        padding: 0;
        color: #1db2de;
        pointer-events: none;
        transform: scaleX(1.7);
    }

    .adl_2-0 .showSearch {
        margin-left: 10px;
        float: right;
        width: 250px
    }

        .adl_2-0 .showSearch .form-control {
            height: 27px;
        }

            .adl_2-0 .showSearch .form-control.search {
                padding-left: 22px;
            }

                .adl_2-0 .showSearch .form-control.search + i {
                    position: absolute;
                    top: 6px;
                    left: 5px;
                    font-size: 14px;
                    color: #ccc
                }


    .adl_2-0 .showSort {
        float: right;
        border-bottom: 1px solid #dde2e6
    }

        .adl_2-0 .showSort select {
            padding: 3px 15px 3px 0;
            height: 27px;
            font-size: 12px;
            color: #999;
        }

        .adl_2-0 .showSort .adl-select::after {
            line-height: 27px;
            right: 0;
        }

        .adl_2-0 .showSort label {
            line-height: 27px;
            text-transform: uppercase;
            float: left;
        }

            .adl_2-0 .showSort label i {
                transform: rotate(90deg);
                font-size: 12px;
                color: #777;
            }

        .adl_2-0 .showSort .adl-select {
            float: right;
        }

        .adl_2-0 .showSort.cell-border {
            padding: 0 5px;
            border-radius: 4px;
        }

            .adl_2-0 .showSort.cell-border .form-control {
                height: 24px;
                padding: 0 15px 0 5px;
            }

            .adl_2-0 .showSort.cell-border label {
                line-height: 24px;
                font-size: 12px
            }

            .adl_2-0 .showSort.cell-border .adl-select::after {
                line-height: 24px;
            }

    /**/

    .insurance .showEdit {
        float: right;
        height: 20px;
        padding: 0 5px;
        border: 1px solid #dde2e6;
        margin-left: 10px
    }

        .insurance .showEdit select.form-control {
            padding: 3px 15px;
            height: 18px;
            font-size: 12px;
            color: #999;
            min-width: 60px
        }

        .insurance .showEdit .adl-select::after {
            line-height: 18px;
            right: 0;
            color: #999
        }

        .insurance .showEdit i {
            font-size: 12px;
            color: #777;
            position: absolute;
            left: 0;
            top: 3px
        }


    .coverWrap {
        float: left;
        width: 50%;
        padding: 0 10px;
        margin-top: 20px;
    }

        .coverWrap h4 {
            color: #485a65;
            font-weight: 600 !important;
            margin-bottom: 8px
        }

        .coverWrap .brick {
            border: 1px solid #e8edf1;
            float: left;
            margin: 2px;
            min-height: 55px;
            border-radius: 5px
        }

            .coverWrap .brick.one {
                width: calc(30% - 4px)
            }

            .coverWrap .brick.two {
                width: calc(70% - 4px)
            }

            .coverWrap .brick.three, .coverWrap .brick.four, .coverWrap .brick.five {
                width: calc(100% - 4px)
            }

            .coverWrap .brick .amnt {
                font-weight: 600;
                font-size: 18px;
                color: #72838b;
                margin-top: 5px
            }

            .coverWrap .brick .fa-circle {
                font-size: 6px;
                color: #0da103;
            }

            .coverWrap .brick label {
                text-transform: capitalize;
                line-height: 10px;
                color: #888;
            }

        .coverWrap .infoRow {
            float: left;
            width: 100%;
            display: flex;
            align-items: center;
        }

            .coverWrap .infoRow.pad {
                padding: 5px
            }

            .coverWrap .infoRow.full {
                min-height: 53px;
                border-left: 1px solid #e8edf1;
            }

            .coverWrap .infoRow.topB {
                border-top: 1px solid #e8edf1;
            }

            .coverWrap .infoRow.leftB {
                border-left: 1px solid #e8edf1;
            }

        .coverWrap .brick .value {
            line-height: 14px;
            text-overflow: ellipsis;
            white-space: nowrap !important;
            overflow: hidden;
            font-weight: 500
        }


    .tileWrap {
        float: left;
        width: 50%;
        padding: 0 10px;
        margin-top: 20px;
    }

        .tileWrap h4 {
            color: #485a65;
            font-weight: 600 !important;
            margin-bottom: 8px
        }

        .tileWrap .detailBlock label {
            text-transform: capitalize;
            line-height: 10px;
            color: #888;
            font-size: 11px
        }

        .tileWrap .infoRow {
            float: left;
            width: 100%;
            display: flex;
            align-items: center;
        }

            .tileWrap .infoRow.pad {
                padding: 5px
            }

        .tileWrap .value {
            line-height: 14px;
            text-overflow: ellipsis;
            white-space: nowrap !important;
            overflow: hidden;
            font-weight: 500
        }

    .commentRow > label {
        font-weight: 500;
        font-size: 14px;
        color: #333;
    }

    .adl_2-0 .insurance #policyModal .adl-modal-header {
        float: left;
        width: 100%;
        height: 55px;
    }


    .adl_2-0 .adl-modal-header .name {
        font-variant: normal;
        font-size: 16px;
    }

        .adl_2-0 .adl-modal-header .name .text-truncate {
            max-width: 450px;
            float: left;
            line-height: 18px;
        }

    .adl_2-0 .adl-modal-header .code {
        text-transform: uppercase;
        font-size: 15px;
        color: #999;
        font-weight: 400;
        float: left;
    }

    .adl_2-0 .adl-modal-header .link {
        font-size: 14px;
        font-weight: 400;
        padding: 0 8px;
        float: left;
        line-height: 18px;
    }

        .adl_2-0 .adl-modal-header .link:hover, .adl_2-0 .adl-modal-header .link.delete:hover {
            color: #666
        }

        .adl_2-0 .adl-modal-header .link.default {
            border-right: 1px solid #ddd
        }

        .adl_2-0 .adl-modal-header .link.delete {
            color: #e74c3c
        }

    .adl_2-0 .insurance #policyModal .adl-modal-close {
        margin-top: 5px
    }

    .adl_2-0 .adl-modal-close {
        background-image: none;
        background-color: #e74c3c;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        width: 24px;
        line-height: 26px;
        height: 24px;
        font-size: 14px;
    }

    .insurance .adl-modal-close:hover {
        cursor: pointer;
        background-color: #cf3d2e
    }

    .adl_2-0 .adl-modal-header .chooseSelect {
        float: right;
        width: 250px;
        font-size: 14px;
    }

        .adl_2-0 .adl-modal-header .chooseSelect select {
            background-color: transparent;
            font-size: 14px;
            border-bottom: 1px solid #ddd;
        }

        .adl_2-0 .adl-modal-header .chooseSelect label {
            line-height: 30px
        }

        .adl_2-0 .adl-modal-header .chooseSelect .adl-select::after {
            right: 0
        }

        .adl_2-0 .adl-modal-header .chooseSelect .logo {
            border-radius: 50%;
            overflow: hidden;
            border: 1px solid #eee;
            width: 45px;
            height: 45px;
            float: left;
            background-color: #fff;
            display: flex;
            align-items: center;
            padding: 3px;
            margin-top: -5px
        }

            .adl_2-0 .adl-modal-header .chooseSelect .logo img {
                max-width: 100%;
                max-height: 100%
            }

    .adl_2-0 .blockSec {
        padding: 10px;
        width: 100%;
        float: left
    }

    .adl_2-0 h3 {
        color: #485a65;
        margin-bottom: 10px
    }

    .adl_2-0 h4 {
        font-weight: 400;
    }

    .adl_2-0 #policyModal .adl-modal-content, .adl_2-0 #smsfModal .adl-modal-content {
        top: 9px !important
    }

    .adl_2-0 #policyModal .life, .adl_2-0 #policyModal .tpd, .adl_2-0 #policyModal .trauma, .adl_2-0 #policyModal .ip, .adl_2-0 #policyModal .be {
        float: left
    }

    .adl_2-0 #policyModal .life {
        width: 12%;
        border-left: solid 1px #1db2de
    }

    .adl_2-0 #policyModal .tpd, .adl_2-0 #policyModal .trauma {
        width: 44%
    }

    .adl_2-0 #policyModal .ip, .adl_2-0 #policyModal .be {
        width: 100%
    }

    .adl_2-0 #policyModal .tpd, .adl_2-0 #policyModal .trauma {
        border-left: solid 1px #1db2de
    }

    .adl_2-0 #policyModal .commentRow > label {
        font-weight: 500;
        font-size: 13px;
        color: #333
    }

    .adl_2-0 #policyModal .policyContent {
        height: calc(100vh - 140px);
        float: left;
        width: 100%
    }

    .adl_2-0 #policyDeleteModal .cardWrap, .adl_2-0 #policyArchiveModal .cardWrap, .adl_2-0 #policyReopenModal .cardWrap {
        width: 100%;
        padding: 10px 0 0
    }

    .adl_2-0 #policyDeleteModal .card:hover, .adl_2-0 #policyArchiveModal .card:hover {
        box-shadow: none;
        border: 1px solid #dde2e6;
        cursor: default
    }

    .adl_2-0 #policyDeleteModal .card .fa-ellipsis-v, .adl_2-0 #policyArchiveModal .card .fa-ellipsis-v {
        display: none
    }


    /*slide label*/
    .adl_2-0 .adl-form-group.slideLabel .form-control.filled + label {
        margin-top: -16px;
        font-size: 11px
    }

    .adl_2-0 .adl-form-group.slideLabel .form-control {
        position: relative;
        z-index: 2;
    }

    .adl_2-0 .adl-form-group.slideLabel .control-label, .adl_2-0 .slideLabel.form-control-label {
        position: absolute;
        top: 5px;
        left: 10px;
        transition: 0.2s;
        font-weight: 400;
        font-size: 14px;
    }

    .adl_2-0 .adl-form-group.slideLabel select {
        padding-left: 0
    }

    .adl_2-0 .adl-form-group.slideLabel input {
        padding-left: 3px
    }
    /**/

    /*switch*/
    .adl_2-0 .head-switch .switch.option > label::before {
        height: 18px;
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        background-color: #d4d4d4;
        border-radius: 8px;
        line-height: 19px;
        font-size: 11px
    }

    .adl_2-0 .head-switch .switch > label {
        float: left
    }

        .adl_2-0 .head-switch .switch > label::after {
            box-shadow: 0 0px 6px rgba(0,0,0,0.2);
            margin-top: -2px;
            height: 22px;
            width: 22px;
            left: -1px;
        }

    .adl_2-0 .head-switch .switch.option > input[type="checkbox"]:checked + label::after {
        left: 40px;
        background-color: #0f75bd;
    }

    .adl-form-group.switchCombo {
        margin-top: -5px
    }


    /**/

    /* Sliding Panel */
    .slidingBox {
        position: fixed;
        z-index: 99;
        height: 60px;
        width: 200px;
        border-top-left-radius: 9px;
        border-bottom-left-radius: 9px;
        right: 0px;
        background-color: #333333;
        transition: all 0.25s;
        bottom: 25px;
    }

        .slidingBox.slidingBoxOpen {
            right: 0px;
        }

        .slidingBox.slidingBoxClose {
            right: -178px;
        }

        .slidingBox.twice {
            width: 250px;
        }

            .slidingBox.twice.slidingBoxClose {
                right: -228px;
            }

        .slidingBox + .slidingBox {
            bottom: 100px
        }


    .slidingIcon {
        padding: 0px 8px;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
        background-color: #5b5b5b;
        cursor: pointer;
        text-align: center;
        float: left;
        width: 22px;
    }

        .slidingIcon .fa {
            line-height: 60px;
            font-size: 20px;
            color: #000;
        }

    .slidingContent {
        height: 60px;
    }

    .slidingContentBox {
        padding-right: 5px;
        padding-left: 5px;
        cursor: pointer;
        margin: 0 auto;
    }

    .slideInfo:hover h4, .slideInfo:hover h3 {
        color: #f6a623
    }

    .slideInfo {
        padding: 5px 10px
    }

        .slideInfo + .slideInfo {
            border-left: 1px solid #555
        }

        .slideInfo h4 {
            color: #ddd;
            font-weight: normal;
            font-size: 10px;
            text-transform: uppercase;
            line-height: 10px;
        }

        .slideInfo h3 {
            color: #fff;
            font-weight: 500;
            font-size: 13px;
            text-transform: uppercase;
            line-height: 14px;
            margin-bottom: 0
        }

    .slideIcon {
        margin-right: 5px;
        width: 30px;
        height: 30px
    }

        .slideIcon img {
            max-width: 100%;
            max-height: 100%
        }
    /* Ends */

    /*Policy Alert */
    .policyAlertBox {
        position: absolute;
        background: #333333;
        color: #cccc;
        color: #fff;
        width: 200px;
        padding: 10px 0px;
        text-align: center;
        left: 50%;
        border-radius: 4px;
        margin-left: -100px;
        font-size: 12px;
        transition: all 0.5s;
        bottom: -80px;
        box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    }

        .policyAlertBox.slideIn {
            bottom: 34px
        }
    /*End */
    /*grid new*/
    .adl_2-0 .gridDivs {
        border: 1px solid #e8edf1;
        float: left;
        width: 100%;
        border-radius: 5px;
    }

        .adl_2-0 .gridDivs .head {
            background-color: #e8edf1;
            float: left;
            width: 100%
        }

        .adl_2-0 .gridDivs .cell + .cell {
            border-left: 1px solid #e8edf1;
        }

        .adl_2-0 .gridDivs .head .cell {
            padding: 5px
        }

        .adl_2-0 .gridDivs .body .cell {
            padding: 5px
        }

        .adl_2-0 .gridDivs.review .body .cell {
            height: 55px;
            display: flex;
            align-items: center;
        }

        .adl_2-0 .gridDivs .logo {
            float: left;
            width: 20%;
            padding: 2px 2px 2px 0;
            height: 35px;
            display: flex;
            align-items: center;
        }

        .adl_2-0 .gridDivs .details {
            float: left;
            width: 80%;
        }

            .adl_2-0 .gridDivs .details .cmpny {
                float: left;
                max-width: 100%;
                padding-right: 5px;
            }

                .adl_2-0 .gridDivs .details .cmpny .name {
                    font-weight: 500;
                    line-height: 20px;
                    font-size: 13px;
                }

                .adl_2-0 .gridDivs .details .cmpny .code {
                    font-size: 12px;
                    color: #888;
                    line-height: 11px;
                }

        .adl_2-0 .gridDivs.review label {
            text-transform: capitalize;
            line-height: 10px;
            color: #888;
            font-size: 10px
        }

        .adl_2-0 .gridDivs .amnt {
            font-weight: 600;
            font-size: 18px;
            color: #72838b;
        }

        .adl_2-0 .gridDivs .amount {
            margin: 0 auto
        }

            .adl_2-0 .gridDivs .amount label {
                width: 35px;
                display: inline-block;
                font-size: 11px;
                line-height: 10px;
                color: #999;
                text-align: left;
            }

            .adl_2-0 .gridDivs .amount .value {
                display: inline-block;
                color: #1db2de;
                font-weight: 600;
                font-size: 22px;
                font-family: 'Roboto Condensed', sans-serif;
            }

        .adl_2-0 .gridDivs .circleValue {
            border-radius: 50%;
            border-width: 2px;
            border-style: solid;
            width: 40px;
            height: 40px;
            justify-content: center;
            display: flex;
            align-items: center;
            margin: 0 auto
        }

            .adl_2-0 .gridDivs .circleValue i {
                font-size: 9px
            }

            .adl_2-0 .gridDivs .circleValue.green {
                border-color: #5c962b;
                color: #5c962b
            }

            .adl_2-0 .gridDivs .circleValue.orange {
                border-color: #f6a623;
                color: #f6a623
            }


    .logo img {
        max-width: 100%;
        max-height: 100%
    }
    /**/

    .adl_2-0 .adl-btn .adl-selectV select.form-control {
        padding: 0 20px 0 0;
        color: #fff;
        height: 22px;
    }

    .adl_2-0 .adl-selectV select.form-control option {
        color: #666
    }

    .adl_2-0 .adl-btn .adl-selectV::before, .adl_2-0 .adl-btn .adl-selectV::after {
        height: 18px;
        line-height: 18px;
        padding: 0;
        right: 0;
        content: '\f107';
        font-size: 20px;
        font-family: FontAwesome;
        transform: scaleX(1);
    }

    .adl_2-0 .adl-btn .adl-selectV::after {
        display: none
    }

    .adl_2-0 #reasonModal .adl-modal-content {
        position: relative;
        padding: 20px 20px 30px 400px;
        background-color: transparent;
        box-shadow: none;
        top: 15px !important
    }

        .adl_2-0 #reasonModal .adl-modal-content .right {
            border-radius: 6px;
            background-color: #fff;
            box-shadow: 0 10px 35px rgba(0,0,0,0.4);
            float: left;
            width: 100%;
        }

    .adl_2-0 #reasonModal .adl-modal-footer {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .adl_2-0 #reasonModal .adl-modal-content .left {
        position: absolute;
        left: 0;
        top: 0;
        padding: 15px;
        width: 400px;
    }

        .adl_2-0 #reasonModal .adl-modal-content .left .cardWrap {
            width: 100%;
        }

            .adl_2-0 #reasonModal .adl-modal-content .left .cardWrap .card {
                background-color: #fff;
                border: none;
                border-radius: 6px;
            }

                .adl_2-0 #reasonModal .adl-modal-content .left .cardWrap .card.active {
                    border-right: 10px solid #41a3ea;
                    width: calc(100% + 15px)
                }

        .adl_2-0 #reasonModal .adl-modal-content .left .replaceRow .adl-btn {
            padding: 5px 8px;
            height: auto
        }

            .adl_2-0 #reasonModal .adl-modal-content .left .replaceRow .adl-btn i {
                transform: rotate(90deg);
                font-size: 12px;
                border-radius: 50%;
                border: 2px solid #fff;
                padding: 3px;
            }

        .adl_2-0 #reasonModal .adl-modal-content .left .replaceRow .small {
            color: #fff;
            margin: 10px 0 0 5px;
            float: left;
            width: 100px;
        }

        .adl_2-0 #reasonModal .adl-modal-content .left .adl-scroll {
            max-height: calc(100vh - 280px)
        }

            .adl_2-0 #reasonModal .adl-modal-content .left .adl-scroll::-webkit-scrollbar {
                width: 5px;
                height: 5px;
            }

            .adl_2-0 #reasonModal .adl-modal-content .left .adl-scroll::-webkit-scrollbar-thumb {
                background-color: #5d7c8e;
                border-radius: 5px
            }

                .adl_2-0 #reasonModal .adl-modal-content .left .adl-scroll::-webkit-scrollbar-thumb:hover {
                    background-color: #7ea4b9
                }



    /*tabs cashflow theme*/
    .adl_2-0 .tabSection, .adl_2-0 .tabSection .tabsHead, .adl_2-0 .tabSection .tabsContent {
        float: left;
        width: 100%
    }

        .adl_2-0 .tabSection .tabsHead {
            padding-left: 10px
        }

            .adl_2-0 .tabSection .tabsHead .tabBtn {
                float: left;
                width: auto;
                margin: 0;
                border: none;
            }

                .adl_2-0 .tabSection .tabsHead .tabBtn.active {
                    background-color: #fff
                }

                    .adl_2-0 .tabSection .tabsHead .tabBtn.active:before {
                        content: '';
                        width: 100%;
                        height: 2px;
                        border-radius: 0;
                        background-color: #41a3ea;
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        margin: 0 auto;
                    }

        .adl_2-0 .tabSection .tabsContent {
            background-color: #fff
        }
    /**/

    /*tabs*/
    .adl_2-0 .tabsContent {
        display: none
    }

    .adl_2-0 .tabsHead .tabBtn {
        float: left;
        width: 33.3333%;
        padding: 10px 20px;
        margin-top: 20px;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        transition: all 0.3s
    }

        .adl_2-0 .tabsHead .tabBtn + .tabBtn {
            border-left: 1px solid #eee
        }

        .adl_2-0 .tabsHead .tabBtn:hover {
            cursor: pointer;
            color: #41a3ea;
        }

        .adl_2-0 .tabsHead .tabBtn.active {
            color: #41a3ea;
            position: relative
        }

            .adl_2-0 .tabsHead .tabBtn.active:before {
                content: '';
                width: 80%;
                height: 5px;
                border-radius: 10px;
                background-color: #41a3ea;
                position: absolute;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto
            }
    /**/


    .adl_2-0 #reasonModal .tabsContent {
        margin-top: 20px;
        float: left;
        width: 100%;
        max-height: calc(100vh - 200px);
    }

    .adl_2-0 #reasonModal .selected {
        float: left;
        width: 100%;
        padding: 0 25px;
        margin-bottom: 20px
    }

        .adl_2-0 #reasonModal .selected li, .adl_2-0 #reasonModal .skipped li {
            margin-top: 8px;
            line-height: 18px
        }

        .adl_2-0 #reasonModal .selected li {
            padding-left: 15px;
            position: relative
        }

            .adl_2-0 #reasonModal .selected li:before {
                content: '\f142';
                font-family: FontAwesome;
                position: absolute;
                left: 0;
                top: 0;
                color: #075991
            }

            .adl_2-0 #reasonModal .selected li:after {
                content: '\f142';
                font-family: FontAwesome;
                position: absolute;
                left: 4px;
                top: 0;
                color: #075991
            }

    .adl_2-0 #reasonModal h3 {
        color: #485a65;
        font-size: 14px;
        margin: 0
    }

    .adl_2-0 #reasonModal ol {
        padding: 0;
        margin: 0
    }

        .adl_2-0 #reasonModal ol li {
            list-style: decimal inside;
            text-indent: -15px;
            padding-left: 15px;
        }

    .adl_2-0 #reasonModal .skipped {
        float: left;
        width: 100%;
        padding: 0 25px;
        margin-bottom: 15px;
        opacity: 0.7
    }

    .adl_2-0 #reasonModal ol {
        padding: 0;
        margin: 0
    }

        .adl_2-0 #reasonModal ol li {
            list-style: decimal inside;
        }

    .adl_2-0 #reasonModal .skipped ul li label {
        float: left;
    }

    .adl_2-0 #reasonModal .skipped ul li {
        width: 100%;
        display: inline-block;
        position: relative;
        padding-left: 15px;
    }


        .adl_2-0 #reasonModal .skipped ul li .check_text {
            display: inline-block;
        }

        .adl_2-0 #reasonModal .skipped ul li.skipReason:before {
            content: '\f142';
            font-family: FontAwesome;
            position: absolute;
            left: 0;
            top: 0;
            color: #075991
        }

        .adl_2-0 #reasonModal .skipped ul li.skipReason:after {
            content: '\f142';
            font-family: FontAwesome;
            position: absolute;
            left: 4px;
            top: 0;
            color: #075991
        }

    .adl_2-0 #reasonModal .withCheck .selected {
        margin-bottom: 5px;
    }

        .adl_2-0 #reasonModal .withCheck .selected h5 {
            color: #898989;
            font-weight: normal;
            font-size: 14px;
        }

    /* Need Analysis */

    .pointer {
        cursor: pointer;
    }

    .panelHeadWrap {
        padding-top: 10px;
    }

        .panelHeadWrap .backIcon {
            display: inline-block;
            float: left;
            font-size: 26px;
            margin-right: 10px;
            color: #40a2e9;
            cursor: pointer;
        }

            .panelHeadWrap .backIcon:hover,
            .panelHeadWrap .moreInfo:hover {
                color: #666;
            }

        .panelHeadWrap .moreInfo {
            color: #40a2e9;
            display: inline-block;
            margin-left: 8px;
            font-size: 20px;
            margin-top: 3px;
            cursor: pointer;
            font-weight: normal;
            float: left
        }

            .panelHeadWrap .moreInfo .fa-times-circle {
                color: #d64537;
            }

                .panelHeadWrap .moreInfo .fa-times-circle:hover {
                    color: #E74C3C;
                }

    .panelHeading {
        color: #485a65 !important;
        font-size: 18px;
        font-weight: 700;
        padding-top: 0px;
        display: inline-block;
        float: left;
        padding-top: 4px;
    }

    .headTagsWrap {
        display: inline-block;
        margin-left: 10px;
        transition: all 0.5s;
    }

        .headTagsWrap.slideTags {
            margin-top: -2%;
            opacity: 0;
        }

        .headTagsWrap .tagGroup {
            float: left;
            margin-right: 10px
        }

            .headTagsWrap .tagGroup:last-child {
                margin-right: 0px;
            }

            .headTagsWrap .tagGroup.tagGroupDark .tagName {
                border: solid 1px #375664;
            }

            .headTagsWrap .tagGroup.tagGroupGreen .tagName {
                border: solid 1px #21a639;
                color: #21a639
            }

            .headTagsWrap .tagGroup.tagGroupGreen {
                color: #21a639
            }

        .headTagsWrap .tagWrap {
            float: left;
            margin-right: 5px;
            position: relative;
        }

        .headTagsWrap .tagName {
            display: inline-block;
            border-radius: 3px;
            font-size: 11px;
            padding: 5px 12px;
            text-transform: uppercase;
            text-align: center;
            line-height: normal;
            cursor: pointer;
            transition: all 0.3s;
            font-weight: 500;
        }

        .headTagsWrap .tagGroup.tagGroupDark .tagName:hover {
            background-color: #375664;
            color: #fff;
        }

        .headTagsWrap .tagGroup.tagGroupGreen .tagName:hover {
            background-color: #21a639;
            color: #fff;
        }

        .headTagsWrap .tagGroup.tagGroupDark .tagActive {
            background-color: #375664;
            color: #fff;
        }

        .headTagsWrap .tagGroup.tagGroupGreen .tagActive {
            background-color: #21a639;
            color: #fff;
        }

        .headTagsWrap .tagDetail {
            display: none;
            width: 200px;
            position: absolute;
            background: #fff;
            box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
            top: 26px;
            border-radius: 2px;
            z-index: 2;
        }

            .headTagsWrap .tagDetail::before {
                content: "";
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 5px solid #fff;
                position: absolute;
                top: -5px;
                box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
                left: 7px
            }

            .headTagsWrap .tagDetail .btnAdd {
                text-transform: uppercase;
                font-weight: normal;
                border-radius: 3px;
                padding: 10px 0px;
                height: auto;
            }

    .gridInnerWrap {
        margin-top: 12px;
    }

    .gridHeader {
        color: #333333;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .gridSectionHead {
        background: #dfeef2;
        border-radius: 4px;
        padding: 12px 0px;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

    .gridSection {
        margin-bottom: 6px;
    }

    .gridSectionHead.gridHeadGreen {
        color: #21a639;
    }

    .gridSectionHead.gridHeadRed {
        color: #ff262f;
    }

    .gridRow {
        margin: 0px 0px 3px;
        font-size: 14px;
        padding: 12px 0px;
        border-radius: 4px;
        border: 1px solid #e1e1e1;
        cursor: pointer;
        transition: all 0.2s;
        letter-spacing: 0.2px;
        font-weight: 500;
    }

        .gridRow div {
            border-right: 1px solid #e1e1e1;
        }

            .gridRow div:last-child {
                border-right: 0px solid #e1e1e1;
            }

        .gridRow:hover {
            border: 1px solid #1db2de
        }

    .gridRowL2 {
        display: none;
    }

    .rVal span {
        cursor: pointer;
    }

    .gridL2SubRows {
        margin: 0px 0px 5px;
        font-size: 14px;
    }

        .gridL2SubRows > div {
            padding: 0px 2px;
        }

        .gridL2SubRows .gridL2Border {
            border: 1px solid #e1e1e1;
            font-size: 12px;
            border-radius: 4px;
        }

        .gridL2SubRows .gridL2Padding {
            padding: 10px 8px;
        }

    .parametersWrap, .rVal, .yrParameter, .growthParameter {
        display: inline-block;
        float: left;
        position: relative;
    }

    .rVal {
        padding-right: 6px;
        position: relative
    }

    .parametersWrap {
        position: relative;
        padding-left: 6px;
        border-left: 1px solid #e1e1e1;
    }

    .rVal span {
        color: #444;
        font-weight: 600;
    }

    .gVal {
        position: relative;
    }

    .rVal span, .yrParameter span, .gVal {
        border-bottom: 1px solid #1db2de;
    }

    .yrParameter {
        position: relative;
        padding-right: 8px
    }

        .rVal span:hover, .yrParameter span:hover, .gVal:hover {
            border-bottom: 1px solid #1982cc;
        }

    .amt {
        position: relative;
    }

    .gridL2Footer {
        padding: 6px;
        border-radius: 4px;
        background: #f7f7f7;
        border: 1px solid #e1e1e1;
        margin-bottom: 10px;
    }

    .editsWrap {
        display: inline-block;
        margin-right: 25px;
        padding-top: 6px;
        color: #444;
    }

        .editsWrap .editParms {
            float: left;
        }

            .editsWrap .editParms:nth-child(2) {
                margin: 0px 10px;
            }

    .girdFooterBtns {
        display: inline-block;
        float: right;
    }

        .girdFooterBtns button {
            font-weight: normal;
            font-size: 14px;
            margin: 0px 5px 0px 0px;
            border-radius: 3px;
        }

        .girdFooterBtns a {
            padding-right: 10px;
            font-size: 15px;
            padding-left: 10px;
        }

            .girdFooterBtns a:hover {
                text-decoration: underline;
                color: #166ead;
            }

    #gridBodyHeight {
        height: calc(100vh - 230px);
    }

    .gridPanelLeft {
        transition: all 0.5s;
    }

    .adl_2-0 .adl-scroll::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .adl_2-0 .adl-scroll::-webkit-scrollbar-thumb {
        background-color: #c3d0da;
        border-radius: 5px
    }

        .adl_2-0 .adl-scroll::-webkit-scrollbar-thumb:hover {
            background-color: #bbb;
        }

    .borderActive {
        border: 1px solid #1db2de;
    }

    .gridPanelRight {
        background: #fafafa;
    }

    .graphsSection {
        margin-bottom: 20px;
    }

    #graphbodyHeight {
        height: calc(100vh - 165px);
    }

    .graphsSection:first-child {
        margin-top: 25px;
    }

    .graphsSection img {
        max-width: 100%;
    }

    .editTotal {
        position: absolute;
        width: 128px;
        height: 20px;
        border: 1px solid #40a2e9;
        padding: 0px;
        background: #fff;
        margin: 0px;
        box-sizing: border-box;
        outline: 0;
        top: 0px;
        z-index: 1;
    }

        .editTotal .currency {
            font-size: 11px;
            display: inline-block;
            float: left;
            color: #1982cc;
            border: none;
            padding: 0px 0px 0px 2px;
        }

        .editTotal .editTVal {
            display: inline-block;
            float: right;
            border: none;
        }

            .editTotal .editTVal .form-control {
                width: auto;
                padding: 1px 5px 0px 0px;
                max-width: 71px;
                border: none;
                margin: 0px;
                font: 500 13px/19px 'Roboto', sans-serif;
                height: 18px;
                color: #1982cc;
                font-size: 11px;
            }

            .editTotal .editTVal .revertChange {
                background: #40a2e9;
                color: #fff;
                border: none;
                padding: 0px 6px;
                font-size: 11px;
                cursor: pointer;
                height: 18px;
                line-height: 18px;
                margin: 0px;
                border: none;
                float: right
            }

                .editTotal .editTVal .revertChange:hover {
                    background-color: #166ead;
                }

    .yrParameter .amt.editTotal {
        left: -79px;
        width: 124px;
    }

        .yrParameter .amt.editTotal .editTVal .form-control {
            max-width: 68px;
        }

    .yr.editTotal {
        width: 86px;
        left: 57%;
    }

    .yr.editTVal {
        float: right;
    }

    .yr.editTotal .editTVal .form-control {
        max-width: 26px;
        padding-left: 4px;
        padding-right: 2px;
    }

    .yr .yrSign {
        border: none;
        display: inline-block;
        float: right;
        padding-right: 2px;
        color: #1982cc;
        font-size: 11px;
    }

    .editValinner {
        float: left;
    }

    .growthParameter .editTotal {
        width: 80px;
        left: 76%;
    }

        .growthParameter .editTotal .editTVal .form-control {
            max-width: 20px;
            padding-left: 0px;
            padding-right: 0px;
        }

    .growthParameter .centPercent {
        border: none;
        display: inline-block;
        float: right;
        padding-right: 3px;
        color: #1982cc;
        font-size: 11px;
    }
    /*END*/

    /*Risk Logic Styles Begin */
    .gridHeaderRisk > div {
        padding-left: 4px;
        padding-right: 4px;
    }

    .rRightPanel {
        background: #f4f8f9;
        position: relative;
    }

    .activePolicyWrap, .inactivePolicyWrap {
        padding: 5px;
    }

    #apScrollHeight {
        height: calc(100vh - 248px);
    }

    .policyResults {
        float: left;
        color: #999;
        font-size: 13px;
        margin: 0px 10px;
        padding-top: 4px;
    }

    .policyInfo {
        float: left;
        color: #1982cc;
        font-size: 16px;
        padding-top: 4px;
    }

        .policyInfo .infoIcon {
            cursor: pointer;
            width: 15px;
            height: 15px;
            display: inline-block;
            line-height: 15px;
            border: 1.3px solid #1982cc;
            border-radius: 50%;
            font-size: 11px;
            font-weight: 500;
            padding-left: 4.1px;
        }

            .policyInfo .infoIcon:hover {
                color: #666;
                border: 1.3px solid #666;
            }

    .policyGridRow {
        cursor: pointer;
        color: #253238;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 6px;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
        background: #fff;
        border-radius: 4px;
    }

        .policyGridRow:hover {
            box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
        }

        .policyGridRow .checkPolicy.policyHover {
            opacity: 0;
        }

        .policyGridRow:hover .checkPolicy.policyHover {
            opacity: 0.9;
        }

        .policyGridRow > div {
            padding: 5px 4px;
            height: 52px;
            line-height: 48px;
            color: #253238;
        }

        .policyGridRow div span {
        }

        .policyGridRow .borderR {
            border-right: 1px solid #dfeef2;
        }

        .policyGridRow .bradiusLeftTB {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .policyGridRow .bradiusRightTB {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .policyGridRow .bradiusLeftB {
            border-bottom-left-radius: 4px
        }

        .policyGridRow .bradiusRightB {
            border-bottom-right-radius: 4px
        }

        .policyGridRow.clickedPolicy {
            border: solid 1px #1db2de;
        }

        .policyGridRow.clickedPolicy {
            background-color: #eaf3f7;
        }

            .policyGridRow.clickedPolicy .ratingWrap {
                border-top: solid 1px #1db2de;
            }

        .policyGridRow .ratingWrap {
            border-top: solid 1px #1db2de;
            display: none;
            height: auto;
            line-height: normal;
            font-size: 12px;
            padding: 2px 0px !important;
        }

        .policyGridRow.clickedPolicy .ratingWrap {
        }

        .policyGridRow .roundShape {
            height: 35px;
            width: 35px;
            display: inline-block;
            border: 2px solid;
            text-align: center;
            line-height: 32px;
            border-radius: 50%;
            margin-top: 2px;
        }

    .fa.fa-star {
        font-size: 9px;
    }

    .policyGridRow .lightgreenRating {
        color: #a5ba00;
    }

    .policyGridRow .greenRating {
        color: #3b6f0e;
    }

    .policyGridRow .preYellow {
        color: #dba600;
    }

    .policyGridRow .productWrap,
    .policyGridRow .productDetail {
        display: flex;
        align-items: center;
        line-height: normal;
    }

        .policyGridRow .productWrap .productLogo {
            width: 60px;
            height: 40px;
            text-align: center;
            display: flex;
            align-items: center;
            float: left;
        }

            .policyGridRow .productWrap .productLogo img {
                max-width: 100%;
                max-height: 100%;
            }

        .policyGridRow .productWrap .productName {
            float: left;
            margin-left: 4px;
        }

    .logoDesc {
        display: block;
        font-weight: 500;
    }

    .logoTag {
        color: #666666;
        font-size: 11px;
        text-align: left;
        display: block;
    }

    .checkPolicy {
        width: 60px;
        display: inline-table;
        height: 40px;
        float: left;
        align-items: center;
        text-align: center;
        font-size: 36px;
        position: absolute;
        background-color: #ebeef2;
        color: #727c8a;
        opacity: 0.9;
        transition: all 0.5s;
    }

        .checkPolicy.policyChecked {
            background-color: #eaf3f7;
            color: #1db2de;
            opacity: 0.9;
        }

    .productWrap .productLogo .checkPolicy .fa {
        -webkit-text-stroke: 5px #ebeef2;
    }

    .vScore {
        position: relative;
    }

        .vScore .fa-ellipsis-v {
            position: absolute;
            right: 10px;
            top: 18px;
            padding-left: 10px;
            font-size: 18px;
            color: #485a65;
            transition: all 0.2s ease 0s;
            -moz-transition: all 0.2s ease 0s;
            -webkit-transition: all 0.2s ease 0s;
        }

        .vScore .rightNav {
            position: absolute;
            border-radius: 3px;
            padding: 5px 10px;
            opacity: 0;
            filter: alpha(opacity=0);
            z-index: 1;
            right: -116px;
            top: 36px;
            width: 120px;
            font-size: 12px;
            color: #777;
            background-color: #fff;
            transition: all 0.2s ease 0s;
            box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
        }

            .vScore .rightNav::before {
                content: "";
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 5px solid #fff;
                position: absolute;
                top: -5px;
                box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
                right: 7px;
            }

            .vScore .rightNav li {
                line-height: 13px;
                text-align: left;
                border-bottom: 1px solid #eee;
                padding: 6px 0px;
            }

                .vScore .rightNav li:last-child {
                    border-bottom: 0px solid #eee;
                }

                .vScore .rightNav li:hover {
                    color: #1981cb;
                }

            .vScore .rightNav i {
                margin-right: 3px;
            }

        .vScore i:hover {
            color: #999999;
        }

            .vScore i:hover + .rightNav,
            .vScore .rightNav:hover {
                opacity: 1;
                right: 4px;
            }

    .inactivePolicyWrap {
        margin-top: 15px;
    }

        .inactivePolicyWrap .iapHeader {
            margin-bottom: 8px;
        }

            .inactivePolicyWrap .iapHeader h3 {
                float: left;
                font-size: 13px;
                color: red;
                font-weight: 500;
                color: #485a65;
                margin-right: 6px;
            }

            .inactivePolicyWrap .iapHeader .policyInfo {
                padding-top: 1px;
            }

        .inactivePolicyWrap .policyGridRow > div {
            opacity: 0.5;
            color: #333333;
        }

    .headForm .formField {
        position: relative;
    }

        .headForm .formField .form-control {
            width: 100%;
            border: solid 1px #d2dade;
            border-radius: 4px;
            padding: 5px 10px 5px 10px;
            font-size: 12px;
            color: #999;
            transition: all 0.3s;
        }

        .headForm .formField.searchIcon .fa {
            position: absolute;
            top: 6px;
            left: 18px;
            color: #d2dade;
        }

        .headForm .formField.searchIcon .form-control {
            padding-left: 26px;
        }

        .headForm .formField .form-control::-webkit-input-placeholder {
            color: #d2dade;
        }

        .headForm .formField.excludeTyping .faCart {
            position: absolute;
            right: 5px;
            top: 6px;
        }

        .headForm .formField .form-control:focus {
            border: 1px solid #1981cb;
        }

    .inputWithDrop {
        position: relative;
    }

        .inputWithDrop .dropBox {
            border-radius: 4px;
            box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
            position: absolute;
            width: 100%;
            left: 0;
            top: 35px;
            z-index: 2;
            background: #fff;
            display: none;
        }

            .inputWithDrop .dropBox .list_content li {
                border: none;
                line-height: 22px;
            }

                .inputWithDrop .dropBox .list_content li:hover {
                    background-color: #f4f8f9;
                }

                .inputWithDrop .dropBox .list_content li a {
                    color: #666
                }

            .inputWithDrop .dropBox .check_text {
                color: #485a65;
                font-size: 12px;
                width: calc(100% - 15px);
                display: inline-block;
            }

    .infotipwidth {
        width: 230px;
        left: 50%;
        margin-left: -115px;
    }

    .tTipInner.tTipInner.dbottom:before {
        left: 48%;
    }

    .inputWithDrop.headSelectWrap > label {
        position: absolute;
        top: 4px;
        left: 5px;
        padding-left: 20px;
        font-size: 11px;
        font-weight: 500;
    }

    .inputWithDrop.headSelectWrap .fa {
        margin-right: 3px;
    }

    .inputWithDrop.headSelectWrap .form-control {
        padding-left: 64px;
        cursor: pointer;
    }

    .inputWithDrop.headSelectWrap .dropBox .list_content li {
        cursor: pointer;
    }

        .inputWithDrop.headSelectWrap .dropBox .list_content li:hover {
            color: #333;
        }

    .inputWithDrop.headSelectWrap .faSort {
        transform: rotate(90deg);
        ;
    }

    .inputWithDrop.headSelectWrap .form-control.sortByControl {
        padding-left: 72px;
    }
    /* End */

    /*Comapre Risklogic Styles Begin*/
    #cScrollHeight {
        height: calc(100vh - 140px);
    }

    .compareGridWrap {
        margin-top: 12px;
    }

        .compareGridWrap .cLabelsColm,
        .compareGridWrap .cPolicyColm {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }

        .compareGridWrap .calcBorder > div:nth-child(even) {
            border: 1px solid #f4f8f9;
        }

        .compareGridWrap .calcBorder > div:nth-child(odd) {
            margin-top: 1px;
        }

        .compareGridWrap .cLabelsColm .pheadHeight {
            padding-top: 25px;
            padding-left: 10px !important;
            font-weight: 500;
        }

        .compareGridWrap .cPolicyColm {
            cursor: pointer;
            transition: all 0.2s;
            overflow: hidden;
            position: relative
        }

            .compareGridWrap .cPolicyColm:hover {
                box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
                z-index: 1;
            }

            .compareGridWrap .cPolicyColm:hover {
                cursor: pointer;
            }

            .compareGridWrap .cPolicyColm .phead {
                background: #fff;
            }

        .compareGridWrap .pheadHeight {
            height: 65px;
            padding-top: 10px;
            padding-left: 10px;
        }

        .compareGridWrap .phead .pLogoWrap {
            width: 60px;
            height: 40px;
            text-align: center;
            display: flex;
            align-items: center;
            float: left;
        }

            .compareGridWrap .phead .pLogoWrap img {
                max-width: 100%;
                max-height: 100%;
            }

        .compareGridWrap .phead .pDetailsWrap {
            float: left;
            margin-left: 4px;
        }

            .compareGridWrap .phead .pDetailsWrap span {
                line-height: 14px;
            }

            .compareGridWrap .phead .pDetailsWrap .pList {
                color: #999999;
                font-size: 12px;
            }

        .compareGridWrap .pLogoWrap .checkPolicy .fa {
            -webkit-text-stroke: 5px #ebeef2;
        }

    .pLogoWrap .checkPolicy.cpolicyHover {
        opacity: 0;
    }

    .cPolicyColm.recommendPolicy {
        border: solid 1px #1db2de !important;
    }

    .compareGridWrap .cPolicyColm.recommendPolicy .phead {
        border-bottom: solid 1px #1db2de;
    }

    .cPolicyColm:hover .checkPolicy.cpolicyHover {
        opacity: 0.9;
    }

    .compareGridWrap .cfeatureTitle {
        background: #dfeef2;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 13px;
        position: relative
    }

        .compareGridWrap .cfeatureTitle .closeGrids {
            position: absolute;
            right: 10px;
            font-size: 20px;
            cursor: pointer;
            width: 20px;
            height: 20px;
            text-align: center;
            top: 15px;
        }

            .compareGridWrap .cfeatureTitle .closeGrids:hover {
                color: #999;
            }

    .compareGridWrap .cfeatureName {
        background: #fff;
    }

        .compareGridWrap .cfeatureName.cflagsWrap .fa {
            font-size: 24px;
            -webkit-text-stroke: 3px #fff;
        }

        .compareGridWrap .cfeatureName .flagYes .fa {
            color: #58d44c;
        }

        .compareGridWrap .cfeatureName .flagNo .fa {
            color: #d44c58;
        }

    .compareGridWrap .cfeatureTitle,
    .compareGridWrap .cfeatureName {
        height: 50px;
        display: flex;
        align-items: center;
        line-height: normal;
        border-bottom: 1px solid #f4f8f9;
        padding: 0px 4px 0px 10px !important;
    }

        .compareGridWrap .cfeatureName.cflagsWrap {
            justify-content: center;
        }

    .compareGridWrap .checkPolicy.policyChecked {
        border: 1px solid;
    }

    .compareGridWrap .deselctPolicy {
        font-size: 23px;
        -webkit-text-stroke: 3px #fff;
        position: absolute;
        right: 3px;
        top: 1px;
        color: #d44c58;
        opacity: 0;
    }

    .compareGridWrap .cPolicyColm:hover .deselctPolicy {
        opacity: 1;
    }

    .compareGridWrap .cPolicyColm:hover .logoTag,
    .compareGridWrap .cPolicyColm:hover .pList {
        display: none
    }

    .compareGridWrap .cPolicyColm.recommendPolicy .deselctPolicy {
        opacity: 1;
    }

    .compareGridWrap .ctaText {
        display: block;
        color: #0b7600;
        width: 100px;
        display: none;
        margin-top: 4px;
    }

    .compareGridWrap .cPolicyColm:hover .ctaText {
        display: block
    }

    .rLeftPanel {
        padding-right: 5px !important;
        position: relative;
    }

        .rLeftPanel #rleftScrollHeight {
            height: calc(100vh - 235px);
        }

        .rLeftPanel .panelHeading {
            font-size: 16px;
        }

            .rLeftPanel .panelHeading.panelOwner {
                color: #1db2de;
            }

        .rLeftPanel .viewQuotes {
            float: right;
            display: inline-block;
            color: #1db2de;
        }

            .rLeftPanel .viewQuotes a {
                color: #1db2de;
            }

        .rLeftPanel .panelBodyWrap {
            margin-top: 10px;
            padding: 0px 5px 0px 10px !important;
        }

            .rLeftPanel .panelBodyWrap .quoteSection {
                border: solid 1px #e1e1e1;
                border-radius: 4px;
                margin-bottom: 5px;
                position: relative;
                overflow: hidden;
                cursor: pointer;
                transition: all 0.3s;
            }

            .rLeftPanel .panelBodyWrap .editQuote {
                height: 35px;
                width: 35px;
                display: inline-block;
                background: #0da103;
                color: #fff;
                position: absolute;
                right: -15px;
                bottom: -15px;
                border-radius: 50%;
                line-height: 30px;
                opacity: 0;
                transition: all 0.3s;
            }

            .rLeftPanel .panelBodyWrap .quoteSection:hover {
                border: solid 1px #0da103;
            }

                .rLeftPanel .panelBodyWrap .quoteSection:hover .editQuote {
                    opacity: 1;
                }

            .rLeftPanel .panelBodyWrap .quoteSectionActive {
                border: solid 1px #0da103;
                box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
            }

            .rLeftPanel .panelBodyWrap .editQuote .fa {
                font-size: 13px;
                -webkit-text-stroke: 0.2px #0da103;
                line-height: 20px;
                margin-left: 6px;
                margin-top: 2px;
            }

            .rLeftPanel .panelBodyWrap .quoteTitle {
                line-height: normal;
                padding: 4px;
            }

                .rLeftPanel .panelBodyWrap .quoteTitle h3 {
                    font-size: 13px;
                    font-weight: 500;
                    text-transform: uppercase;
                    float: left;
                    display: normal;
                    display: inline-block;
                }

                .rLeftPanel .panelBodyWrap .quoteTitle .quoteTotal {
                    font-size: 13px;
                    color: #253238;
                    font-weight: 500;
                    margin-left: 10px
                }

                .rLeftPanel .panelBodyWrap .quoteTitle .tileSlide {
                    float: right;
                    font-size: 17px;
                    display: inline-block;
                    width: 20px;
                    line-height: normal;
                    text-align: center;
                }

            .rLeftPanel .panelBodyWrap .quoteDetail {
                line-height: normal;
                padding: 0px 4px 8px 4px !important;
                border-top: 1px solid #e1e1e1;
            }

                .rLeftPanel .panelBodyWrap .quoteDetail > div {
                    margin-top: 4px;
                }

                    .rLeftPanel .panelBodyWrap .quoteDetail > div .optionYes {
                        color: #56d31f;
                        font-size: 9px;
                        margin-right: 2px;
                    }

        .rLeftPanel .quoteDetail .quoteLabel {
            color: #999;
            font-size: 11px;
        }

        .rLeftPanel .savedQuotes {
            position: absolute;
            z-index: 999;
            background: #fff;
            display: none;
        }

        .rLeftPanel .savedListWrap {
            background: #fff;
            margin-top: 10px;
        }

        .rLeftPanel .listItems {
            border: 1px solid #e1e1e1;
            border-radius: 4px;
            margin-bottom: 5px;
            padding: 5px 5px !important;
        }

            .rLeftPanel .listItems > div {
                height: 50px;
                display: flex;
                align-items: center;
                line-height: normal;
            }

            .rLeftPanel .listItems .slistName {
                color: #1db2de;
                font-weight: 500;
                font-size: 15px;
            }

            .rLeftPanel .listItems .slistDate {
                font-size: 14px;
            }

    .saveQMBodyWrap {
        padding-bottom: 10px;
    }

        .saveQMBodyWrap .form-control {
            border: solid 1px #d2dade;
            border-radius: 4px;
            padding: 5px 10px 5px 10px;
            font-size: 12px;
            color: #999;
        }
    /*End*/
    /*Risk Logic Editing Blocks*/
    .rLeftPanel .panelBodyWrap .quoteSection.adl-fade {
        cursor: default;
    }

        .rLeftPanel .panelBodyWrap .quoteSection.adl-fade:hover {
            border: solid 1px #e1e1e1;
        }

    .rLeftPanel .panelBodyWrap .quoteSection.quoteSectionActive:hover .editQuote {
        opacity: 0;
    }

    .rLeftPanel .panelBodyWrap .quoteSection.adl-fade:hover .editQuote {
        opacity: 0;
    }

    .expandTile {
        position: absolute;
        left: 100%;
        width: 0;
        background-color: #fff;
        overflow: hidden;
        opacity: 0;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
        transition: all 0.3s;
        border-radius: 6px;
        border: solid 1px #0da103;
    }

        .expandTile .editPolicyHeader {
            overflow: hidden;
            padding: 8px 10px;
        }

        .expandTile .editTitle {
            float: left;
            color: #485a65;
        }

            .expandTile .editTitle h3 {
                color: #485a65;
                font-size: 14px;
                margin-top: 5px;
                text-transform: uppercase;
            }

        .expandTile .editPolicyHeader .editMode {
            color: #0da103;
            font-size: 11px;
            float: left;
            display: inline-block;
            margin-left: 5px;
            margin-top: 5px;
        }

        .expandTile.openDetail {
            z-index: 9999;
            opacity: 1;
            width: 675px;
            overflow: visible
        }

        .expandTile .blockSec {
            padding: 0px 10px 0px 8px;
        }

        .expandTile .form-horizontal.col-10 {
            padding: 8px 0px;
        }

        .expandTile::before {
            width: 0;
            height: 0;
            left: -8px;
            z-index: 9999;
            position: absolute;
            content: "";
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 8px solid #fff;
            top: 20px;
        }

        .expandTile::after {
            width: 0;
            height: 0;
            left: -9px;
            z-index: 999;
            position: absolute;
            content: "";
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 8px solid #0da103;
        }

    #ipDetail::before {
        top: auto;
        bottom: 120px;
    }

    #ipDetail::after {
        top: auto;
        bottom: 120px;
    }

    #policyDetail::before {
        top: auto;
        bottom: 104px;
    }

    #policyDetail::after {
        top: auto;
        bottom: 104px;
    }

    #liDetail::before {
        top: auto;
        bottom: 120px;
    }

    #liDetail::after {
        top: auto;
        bottom: 120px;
    }

    #trDetail::before {
        top: auto;
        bottom: 120px;
    }

    #trDetail::after {
        top: auto;
        bottom: 120px;
    }

    #tpdDetail::before {
        top: auto;
        bottom: 58px;
    }

    #tpdDetail::after {
        top: auto;
        bottom: 58px;
    }

    #lifeDetail::before {
        top: auto;
        bottom: 58px;
    }

    #lifeDetail::after {
        top: auto;
        bottom: 58px;
    }

    #beDetail::before {
        top: auto;
        bottom: 58px;
    }

    #beDetail::after {
        top: auto;
        bottom: 58px;
    }
    /*END*/
    /*to make faded section*/
    .adl-fade {
        position: relative
    }

        .adl-fade::before {
            content: '';
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.7);
            position: absolute;
            z-index: 99;
        }

        .adl-fade input, .adl-fade button, .adl-fade select {
            cursor: default;
        }

        .adl-fade::before {
            z-index: 999;
        }

    .adl-fadeBlk {
        position: relative
    }

        .adl-fadeBlk::before {
            content: '';
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            position: absolute;
            z-index: 999;
        }

        .adl-fadeBlk input, .adl-fadeBlk button, .adl-fadeBlk select {
            cursor: default;
        }
    /*END */


    /* Sub Modal Styles Begin */
    .subModalWrap {
        position: absolute;
        //bottom: 54px;
        background: #333333;
        z-index: 999;
        border-top-left-radius: 7px;
        overflow: hidden;
        border-top-right-radius: 6px;
        width: 100%;
        transition: all 0.35s;
        bottom: -100%;
    }

        .subModalWrap.subModalBottomZero {
            bottom: 54px;
        }

    .subModalHeader {
        background: #4a4a4a;
        color: #fff;
        overflow: hidden;
        padding: 10px;
        line-height: normal;
    }

    .subModal-title {
        display: inline-block;
        float: left;
    }

    .subModal-icon {
        float: right;
        cursor: pointer;
    }

        .subModal-icon:hover {
            color: #ccc;
        }

    .subModalContent {
        padding: 10px;
    }

    .subModalGridBody {
        max-height: 270px;
    }

    .adl_2-0 .subModalWrap .adl-form-group .form-control {
        border-bottom: 1px solid #e1e8ed;
        color: #fff;
        font-size: 11px;
    }

    .adl_2-0 .subModalWrap .adl-form-group select option {
        color: #333;
    }

    .adl_2-0 .subModalWrap .adl-btn.bordered {
        background: transparent;
    }

        .adl_2-0 .subModalWrap .adl-btn.bordered:hover {
            background: #41a3ea;
        }

    .subModalGrid {
        color: #ffffff;
    }

    .subModalGridHead {
        margin-bottom: 5px;
    }

    .subModalRow {
        background: #4a4a4a;
        color: #ffffff;
        display: flex;
        align-items: center;
        line-height: normal;
        height: 40px;
        border-radius: 6px;
        margin-bottom: 5px;
    }

        .subModalRow .latestVer {
            display: inline-block;
            border: 1px solid #1982cc;
            font-size: 9px;
            padding: 0px 4px;
            margin-left: 5px;
            border-radius: 2px;
            text-transform: uppercase;
            color: #1982cc;
        }

    .adl-modal-footer .adl-btn.btnActive {
        background: #333;
        color: #fff;
        border: 1px solid #333;
    }

        .adl-modal-footer .adl-btn.btnActive:hover {
            background: #444;
            color: #fff;
        }
    /*End */


    /*superfunds*/

    .adl_2-0 .blockSec h3 .links a {
        font-size: 16px;
        font-weight: 500;
        margin: 0 10px;
    }

        .adl_2-0 .blockSec h3 .links a:hover {
            color: #666
        }

    .adl_2-0 #smsfModal .leftSec {
        float: left;
        width: 65%
    }

    .adl_2-0 #smsfModal .rightSec {
        float: left;
        width: 35%;
    }

    .adl_2-0 #smsfModal .leftSec .adl-scroll {
        height: calc(100vh - 140px);
    }

    .adl_2-0 #smsfModal h3 {
        font-size: 17px
    }

    .adl_2-0 #smsfModal .rightSec .title .fa-plus-circle {
        font-size: 18px;
        color: #1db2de;
    }

        .adl_2-0 #smsfModal .rightSec .title .fa-plus-circle:hover {
            cursor: pointer;
            color: #41a3ea;
        }

        .adl_2-0 #smsfModal .rightSec .title .fa-plus-circle:active {
            color: #666
        }

    .adl_2-0 #smsfModal .rightSec .card {
        border: 1px solid #dde2e6;
        padding: 8px;
        overflow: hidden;
        width: 100%;
        border-radius: 8px;
        float: left;
        position: relative;
        transition: all 0.15s ease 0s;
        -webkit-transition: all 0.15s ease 0s;
        -moz-transition: all 0.15s ease 0s;
    }

        .adl_2-0 #smsfModal .rightSec .card + .card {
            margin-top: 10px
        }

        .adl_2-0 #smsfModal .rightSec .card .name {
            font-weight: 500;
            line-height: 18px;
            font-size: 14px;
        }

        .adl_2-0 #smsfModal .rightSec .card .code, .adl_2-0 #smsfModal .rightSec .card .name2 {
            font-size: 12px;
            color: #888;
            float: left
        }

        .adl_2-0 #smsfModal .rightSec .card .code {
            width: 40%
        }

        .adl_2-0 #smsfModal .rightSec .card .name2 {
            width: 60%
        }

        .adl_2-0 #smsfModal .rightSec .card .value {
            float: left;
            color: #1db2de;
            font-weight: 600;
            font-size: 19px;
            margin-top: 8px;
            font-family: 'Roboto Condensed', sans-serif;
        }

        .adl_2-0 #smsfModal .rightSec .card label {
            font-size: 12px;
            color: #888;
        }

    .adl_2-0 .commentBox {
        margin: 20px 0 0
    }

    .adl_2-0 .commentList {
        padding-left: 20px
    }

        .adl_2-0 .commentList li {
            padding: 10px;
            border: 1px solid transparent;
            border-radius: 6px;
            position: relative;
            transition: all 0.2s
        }

            .adl_2-0 .commentList li:hover {
                border-color: #0da103;
            }

            .adl_2-0 .commentList li:before {
                content: '\f142';
                font-family: FontAwesome;
                position: absolute;
                left: -15px;
                top: 12px;
                color: #888;
            }

            .adl_2-0 .commentList li:after {
                content: '\f142';
                font-family: FontAwesome;
                position: absolute;
                left: -11px;
                top: 12px;
                color: #888;
            }

            .adl_2-0 .commentList li:hover, .adl_2-0 .commentList li.expand {
                border-color: #0da103;
            }

            .adl_2-0 .commentList li .nav {
                opacity: 0;
                position: absolute;
                right: 0;
                top: 0px;
                background-color: #0da103;
                padding: 5px;
                height: 100%;
                line-height: 32px;
                transition: all 0.2s;
                border-left: 5px solid #fff;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px
            }

                .adl_2-0 .commentList li .nav a {
                    padding: 0 5px;
                    color: #fff;
                    font-size: 14px;
                }

                    .adl_2-0 .commentList li .nav a:hover {
                        color: #FF0;
                    }

                    .adl_2-0 .commentList li .nav a + a {
                        border-left: 1px solid rgba(255, 255, 255, 0.2)
                    }

                    .adl_2-0 .commentList li .nav a:hover {
                        cursor: pointer
                    }

            .adl_2-0 .commentList li .confirm {
                opacity: 0;
                position: absolute;
                right: 85px;
                top: 0px;
                background-color: #fff;
                border-left: 1px solid #ddd;
                padding: 5px;
                height: 100%;
                line-height: 32px;
                transition: all 0.2s;
            }

                .adl_2-0 .commentList li .confirm a {
                    color: #e74c3c;
                    margin-left: 5px
                }

            .adl_2-0 .commentList li:hover .nav, .adl_2-0 .commentList li.expand .nav, .adl_2-0 .commentList li:hover .confirm {
                opacity: 1
            }

            .adl_2-0 .commentList li .adl-form-group {
                margin: 0;
                height: 22px;
                overflow: hidden;
            }

            .adl_2-0 .commentList li.expand .adl-form-group {
                height: auto;
                overflow: auto
            }

            .adl_2-0 .commentList li .form-control.autoTextarea {
                padding: 5px
            }

            .adl_2-0 .commentList li.expand .form-control.autoTextarea {
                padding-right: 78px;
            }

                .adl_2-0 .commentList li.expand .form-control.autoTextarea:focus {
                    background-color: #f7f7f7;
                }


    .adl_2-0 #memberGrid .body {
        display: flex;
        width: 100%;
        align-items: stretch;
    }

        .adl_2-0 #memberGrid .body .cell:last-child {
            line-height: 14px;
            font-size: 12px
        }

    .adl_2-0 #memberGrid .fa-check, .adl_2-0 #memberGrid .fa-close {
        -webkit-text-stroke: 1px #fff;
        font-size: 16px;
    }

    .adl_2-0 #memberGrid .fa-check {
        color: #58d44c;
    }

    .adl_2-0 #memberGrid .fa-close {
        color: #F00;
    }

    .adl_2-0 #memberGrid {
        position: relative;
        overflow: hidden
    }

        .adl_2-0 #memberGrid .nav {
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0px;
            background-color: rgba(13, 161, 31, 0.92);
            padding: 10px;
            height: 100%;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            display: flex;
            flex-direction: column;
            transition: all 0.2s
        }

            .adl_2-0 #memberGrid .nav a {
                padding: 0 5px;
                color: #fff;
                font-size: 12px;
                display: block;
                line-height: 23px;
            }

                .adl_2-0 #memberGrid .nav a:hover {
                    color: #FF0;
                    cursor: pointer
                }

        .adl_2-0 #memberGrid:hover .nav {
            opacity: 1
        }

        .adl_2-0 #memberGrid:hover {
            border-color: #0da103;
        }

    .adl_2-0 #smsfModal .rightSec .title .amnt {
        float: right;
        color: #1db2de;
        font-weight: 600;
        font-size: 20px;
    }

    .adl_2-0 #smsfModal .rightSec .adl-scroll {
        height: calc(100vh - 179px);
        padding-bottom: 8px
    }

    .adl_2-0 #smsfModal .rightSec .card .detailBlock {
        background-color: #F9FAFB;
        color: #485a65;
        padding: 8px 5px;
    }

    .adl_2-0 #smsfModal .rightSec .addCash {
        padding-bottom: 10px;
        margin-bottom: 10px;
        float: left;
        width: 100%;
        display: none;
        transition: all 0.3s
    }

        .adl_2-0 #smsfModal .rightSec .addCash .card {
            padding: 10px 0 0
        }

            .adl_2-0 #smsfModal .rightSec .addCash .card .detailBlock {
                margin-top: 8px
            }

                .adl_2-0 #smsfModal .rightSec .addCash .card .detailBlock label {
                    text-transform: none;
                    font-size: 11px
                }

        .adl_2-0 #smsfModal .rightSec .addCash.open {
            display: block
        }


    .adl_2-0 #smsfModal .wrap1.hide {
        display: none
    }

    .adl_2-0 #smsfModal .wrap2.show {
        display: block
    }

    .adl_2-0 #smsfModal .wrap2 {
        display: none;
    }

    .adl_2-0 #smsfModal h5 {
        color: #485a65;
        font-size: 15px;
    }

    .adl_2-0 #smsfModal .title .adl-btn {
        min-width: 80px;
        margin: -10px 0 0;
    }

    /*collapse panels*/
    .panelWrap {
        border: 1px solid #d7e8ec;
        border-radius: 5px;
    }

        .panelWrap .head {
            padding: 12px 8px;
            background-color: #dfeef2;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            position: relative
        }

            .panelWrap .head h5 {
                float: left
            }

        .panelWrap .body {
            padding: 20px 8px
        }

        .panelWrap .head .panelToggleBtn {
            position: absolute;
            right: 10px;
            top: 10px;
            background-color: #fff;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 18px;
            border: 1px solid #41a3ea;
            color: #41a3ea;
            -webkit-text-stroke: 1px #fff;
            transition: all 0.3s
        }

            .panelWrap .head .panelToggleBtn:hover {
                cursor: pointer;
                background-color: #41a3ea;
                color: #fff;
                -webkit-text-stroke: 1px #41a3ea;
            }

    /**/


    /*Super Funds Rollover styles Begin*/
    .rollOverBody {
        position: relative;
        padding-left: 445px !important;
        height: calc(100vh - 218px);
        margin-top: 10px;
    }

        .rollOverBody .roPanelLeft {
            padding-left: 20px;
            position: absolute;
            width: 430px;
            HEIGHT: 100%;
            left: 0px;
        }

    .roSubHead .roSubHeadInfo {
        padding-left: 20px;
        padding-top: 8px;
        color: #999;
    }

    .roSubHead .roSubHeadBtn .adl-btn {
        position: relative;
        min-width: auto;
        padding: 0px 14px 0px 24px;
        font-weight: 500;
    }

        .roSubHead .roSubHeadBtn .adl-btn span {
            position: absolute;
            left: 6px;
            top: 5px;
        }

    .rollOverBody .roPanelLeft .roCardWrap {
        width: 100%;
        float: left;
        padding: 0px 10px;
    }

        .rollOverBody .roPanelLeft .roCardWrap + .roCardWrap {
            margin-top: 8px
        }

    .rollOverBody .roPanelLeft .roCard {
        border: 1px solid #dde2e6;
        float: left;
        border-radius: 4px;
        padding: 5px 0px 0px;
        width: 390px;
        background: #fff;
        transition: all 0.15s;
        position: relative;
    }

        .rollOverBody .roPanelLeft .roCard .roDelete {
            position: absolute;
            right: 4px;
            width: 17px;
            height: 17px;
            text-align: center;
            top: 4px;
            background: #e74c3c;
            color: #fff;
            border-radius: 50%;
            line-height: 17px;
            font-size: 10px;
            display: none;
            transition: all 0.17s;
        }

            .rollOverBody .roPanelLeft .roCard .roDelete:hover {
                background-color: #cf3d2e;
            }

        .rollOverBody .roPanelLeft .roCard:hover {
            cursor: pointer;
            border: 1px solid #1982cc;
        }

            .rollOverBody .roPanelLeft .roCard:hover .roDelete {
                display: block
            }

            .rollOverBody .roPanelLeft .roCard:hover .rAmount,
            .rollOverBody .roPanelLeft .roCard:hover .rAmountTitle {
                color: #1982cc;
            }

    .roCard .name {
        font-weight: 500;
        font-size: 14px;
        color: #333l;
    }

    .roCard .accumlation {
        height: 30px;
        border-right: 1px solid #dde2e6;
        font-size: 11px;
        margin: 6px 0px;
        color: #666;
    }

        .roCard .accumlation img.accumlationImg {
            float: left;
            margin-right: 4px;
        }

        .roCard .accumlation img.accumlationError {
            float: right;
            margin-right: 4px;
        }

    .roCard .amount {
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 5px;
        font-family: 'Roboto Condensed', sans-serif;
        color: #65737f;
    }

    .roCard .rAmount {
        height: 30px;
        border-bottom: 1px solid #dde2e6;
        margin: 6px 22px;
        color: #333;
    }

    .roCard .rAmountTitle {
        font-size: 12px;
    }

    .roCard .remainingamount {
        color: #666;
        font-size: 11px;
        margin-bottom: 5px;
    }

    .roCard .roCardAlert {
        border-top: 1px solid #dde2e6;
        margin-top: 5px;
        color: red;
        font-size: 11px;
        color: #e74c3c;
        line-height: 14px;
    }

    .rollOverBody .roPanelright {
        height: 100%;
    }

        .rollOverBody .roPanelright .roGraphsview {
            border: solid 2px #40eec8;
            height: 100%;
            border-bottom: none;
            border-right: snow;
            background: #f4f8f9;
            border-radius: 4px;
            padding: 10px;
        }

    .rollOverBody .roGraphsview .roGraphsTitle {
        font-weight: 500;
        font-size: 14px;
        color: #333;
    }

    .rollOverBody .roGraphsview .roGraphsSubTitle {
        color: #333333;
        font-weight: 500;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.2px;
        margin-bottom: 10px;
    }

    .rollOverBody .roGraphsview .graphCardsWrap {
        float: left;
        width: 100%;
    }

        .rollOverBody .roGraphsview .graphCardsWrap + .graphCardsWrap {
            margin-top: 5px;
        }

    .rollOverBody .roGraphsview .graphCard {
        float: left;
        border-radius: 4px;
        padding: 10px 0px 10px;
        width: 100%;
        background: #fff;
        transition: all 0.15s;
        position: relative;
        border: 1px solid #dde2e6;
    }

        .rollOverBody .roGraphsview .graphCard .name {
            font-weight: 500;
            font-size: 14px;
            color: #333;
        }

        .rollOverBody .roGraphsview .graphCard .code {
            color: #666;
            font-size: 14px;
        }

        .rollOverBody .roGraphsview .graphCard .amount {
            font-weight: 600;
            font-size: 20px;
            margin-bottom: 5px;
            font-family: 'Roboto Condensed', sans-serif;
            color: #65737f;
        }
    /*Super Funds Rollover styles End*/

    .adl_2-0 .superlogic .title h4 {
        color: #485a65
    }

        .adl_2-0 .superlogic .title h4 .text-blue {
            color: #1db2de !important
        }

    .adl_2-0 .superlogic .title .fa-plus-circle {
        color: #1db2de
    }

    .adl_2-0 .superlogic img[width="18"] {
        width: 18px
    }

    .adl_2-0 .superlogic img[width="12"] {
        width: 12px
    }

    .adl_2-0 .cardWrap .card .details .infoRow img {
        margin-bottom: -1px
    }


    .adl_2-0 .superlogic .card {
        overflow: visible
    }

        .adl_2-0 .superlogic .card .detailBlock {
            border-bottom-left-radius: 12px;
            -moz-border-bottom-left-radius: 12px;
            -webkit-border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
            -moz-border-bottom-right-radius: 12px;
            -webkit-border-bottom-right-radius: 12px;
        }

        .adl_2-0 .superlogic .card .topValues {
            border-bottom: 1px solid #ddd;
            padding: 10px
        }

            .adl_2-0 .superlogic .card .topValues .inline {
                display: inline-block;
            }

                .adl_2-0 .superlogic .card .topValues .inline + .inline {
                    margin-left: 10px
                }

            .adl_2-0 .superlogic .card .topValues label {
                float: left;
                margin-right: 2px;
                max-width: 150px
            }

    .adl_2-0 .superlogic .cardWrap .card .fa-ellipsis-v {
        top: 17px
    }

    .adl_2-0 .superlogic .cardWrap .card .details {
        position: relative
    }

    .adl_2-0 .superlogic .cardWrap .card .rightNav {
        top: 36px
    }

    .adl_2-0 .title .totalAcBlnc {
        position: relative;
        margin-top: 11px;
    }

        .adl_2-0 .title .totalAcBlnc label {
            font-weight: 500;
            font-size: 18px;
        }

        .adl_2-0 .title .totalAcBlnc .value {
            color: #1db2de;
            font-weight: 600;
            font-size: 20px;
            font-family: 'Roboto Condensed', sans-serif;
            display: inline-block;
        }

        .adl_2-0 .title .totalAcBlnc .na {
            display: inline-block;
            color: #888;
            font-size: 18px;
        }

        .adl_2-0 .title .totalAcBlnc .small {
            width: 50px;
            display: inline-block;
            font-size: 10px !important;
            font-weight: 600;
            line-height: 9px;
        }

    /*end superfunds*/

    /*scrollbar inside modals*/
    .adl_2-0 .adl-modal .adl-modal-content .adl-scroll::-webkit-scrollbar, .adl-scroll.light::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .adl_2-0 .adl-modal .adl-modal-content .adl-scroll::-webkit-scrollbar-track, .adl-scroll.light::-webkit-scrollbar-track {
        background-color: #fff;
        border-bottom: none;
    }

    .adl_2-0 .adl-modal .adl-modal-content .adl-scroll::-webkit-scrollbar-thumb, .adl-scroll.light::-webkit-scrollbar-thumb {
        background-color: #e8edf1
    }

        .adl_2-0 .adl-modal .adl-modal-content .adl-scroll::-webkit-scrollbar-thumb:hover, .adl-scroll.light::-webkit-scrollbar-thumb:hover {
            background-color: #d5dce3
        }
    /**/


    .adl_2-0 .cardWrap .card.unlink:hover {
        box-shadow: none;
        cursor: default;
        border: 1px solid #dde2e6
    }

    /* cashflow */
    .adl_2-0 .cashflow .cardWrap {
        width: 33.3333%
    }

        .adl_2-0 .cashflow .cardWrap .card {
            border-radius: 5px
        }

            .adl_2-0 .cashflow .cardWrap .card .details {
                border-top: 1px solid #eee;
                position: relative;
                padding: 10px;
                height: 50px;
                width: 100%
            }

    .adl_2-0 .cardWrap .card .details .amnt .value sup {
        margin-top: -3px;
        float: right;
        font-size: 12px;
        color: #888;
    }

    .adl_2-0 .cardWrap .card .detailBlock .amnt .blue {
        color: #3ba2ed;
    }

    .adl_2-0 .cardWrap .card .detailBlock .amnt .orange {
        color: #e57f28;
    }

    .adl_2-0 .cashflow .cardWrap .card .graph {
        margin-top: 28px;
        width: 100%;
        height: 110px;
        padding: 0 !important
    }

        .adl_2-0 .cashflow .cardWrap .card .graph img {
            width: 100%;
            height: 100%;
            display: block;
        }

    .adl_2-0 .cashflow .cardWrap .card .fa-ellipsis-v {
        top: 15px
    }

    .adl_2-0 .cashflow .cardWrap .card .rightNav {
        top: 35px
    }

    .adl_2-0 .cashflow .cardWrap .card .fa-lock {
        display: none;
        color: #41a3ea;
        font-size: 22px;
        position: absolute;
        left: 10px;
        top: 7px;
        z-index: 9;
    }

    .adl_2-0 .cashflow .cardWrap .card.locked .fa-lock {
        display: block
    }

    .adl_2-0 .cashflow .messageRow {
        visibility: hidden
    }

        .adl_2-0 .cashflow .messageRow.visible {
            visibility: visible
        }

    .adl_2-0 textarea.form-control.baseBorder {
        border-left: none;
        border-top: none;
        border-right: none;
        padding-left: 0
    }

    .adl_2-0 .optionList li {
        margin-bottom: 10px
    }

    .adl_2-0 #csModal .adl-scroll {
        max-height: 400px
    }


    .adl_2-0 .cashflow .headForm .formField.searchIcon .fa {
        left: 8px
    }

    .adl_2-0 .cashflow .headForm .formField.searchIcon .form-control {
        width: 215px
    }

    .adl_2-0 .cashflow .adl-menu {
        right: 0;
        top: 26px;
    }

    .adl_2-0 .cashflow .cardWrap.cScenario {
        width: 100%
    }

        .adl_2-0 .cashflow .cardWrap.cScenario .card {
            padding: 5px 5px 10px;
            background-color: #fff
        }

            .adl_2-0 .cashflow .cardWrap.cScenario .card:hover, .adl_2-0 .cashflow .cardWrap.cScenario .card.active {
                box-shadow: none;
                border-color: #29b143;
            }

            .adl_2-0 .cashflow .cardWrap.cScenario .card.active {
                border-left-width: 5px
            }

        .adl_2-0 .cashflow .cardWrap.cScenario .graph {
            height: 70px;
            margin: 10px 0 0
        }

        .adl_2-0 .cashflow .cardWrap.cScenario .card label {
            font-size: 12px
        }

        .adl_2-0 .cashflow .cardWrap.cScenario .amnt {
            font: 400 14px 'Roboto Condensed', sans-serif;
        }

        .adl_2-0 .cashflow .cardWrap.cScenario .smalli {
            line-height: 18px;
            float: left;
            font-size: 9px !important;
            margin-right: 2px
        }

        .adl_2-0 .cashflow .cardWrap.cScenario .alert {
            position: absolute;
            right: 10px;
            bottom: 10px
        }

    .adl_2-0 .cashflow .card-container.adl-scroll {
        height: calc(100vh - 83px);
    }

    .adl_2-0 .cashflow .adl-scroll.colsWrap {
        height: calc(100vh - 105px);
    }

    .adl_2-0 .cashflow .scenarioResult .left .adl-scroll {
        height: calc(100vh - 53px);
    }

    .adl_2-0 .cashflow .scenarioResult .right .adl-scroll {
        height: calc(100vh - 93px);
    }

    .adl_2-0 .cashflow .scenarioResult .cardWrap.cScenario .graph {
        height: 58px;
    }

    .adl_2-0 .cashflow .scenarioResult .cardWrap.cScenario .card:hover {
        border-color: #dde2e6;
        box-shadow: 0 0 15px rgba(0,0,0,0.15)
    }

    .adl_2-0 .cashflow .adl-scroll.colsWrap .cardWrap {
        width: 100%
    }

        .adl_2-0 .cashflow .adl-scroll.colsWrap .cardWrap .card .fa-ellipsis-v {
            display: none
        }

    .adl_2-0 .cashflow .adl-scroll.colsWrap .row:hover {
        cursor: pointer;
        background-color: #f5f5f5
    }

    .adl_2-0 .cashflow .adl-scroll.colsWrap .row .wrap2.hide {
        display: none
    }

    .adl_2-0 .cashflow .adl-scroll.colsWrap .row .wrap2 {
        background-color: #f4f8f9;
        display: none;
        padding: 10px 0;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: inset 0 0 2px rgb(153, 198, 210);
        -moz-box-shadow: inset 0 0 2px rgb(153, 198, 210);
        -webkit-box-shadow: inset 0 0 2px rgb(153, 198, 210);
    }

        .adl_2-0 .cashflow .adl-scroll.colsWrap .row .wrap2 .grph {
            width: 20px;
            height: 20px;
            float: left
        }

        .adl_2-0 .cashflow .adl-scroll.colsWrap .row .wrap2 .graph {
            margin: 10px 0
        }

    .adl_2-0 .bluFont7 {
        color: #00bf96;
    }

    .adl_2-0 .cashflow .inputWithDrop .boxAddTitle + .dropBox {
        padding: 6px;
        max-height: calc(100vh - 115px);
        box-shadow: 0 2px 10px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    }

        .adl_2-0 .cashflow .inputWithDrop .boxAddTitle + .dropBox .card .fa-ellipsis-v {
            display: none
        }

    .adl_2-0 .cashflow .scenarioDetails {
        position: relative;
        padding-right: 410px;
        background-color: #fff;
        width: 100%;
    }

        .adl_2-0 .cashflow .scenarioDetails .tabSection .tabBtn {
            border: none;
            font-size: 15px;
            padding: 10px 30px
        }

        .adl_2-0 .cashflow .scenarioDetails .tabSection {
            background-color: #f4f8f9;
            padding-top: 20px
        }

            .adl_2-0 .cashflow .scenarioDetails .tabSection .tabsHead {
                padding-right: 10px;
                background-color: #f4f8f9
            }

            .adl_2-0 .cashflow .scenarioDetails .tabSection .tabsContent {
                height: calc(100vh - 111px);
            }

                .adl_2-0 .cashflow .scenarioDetails .tabSection .tabsContent .grph {
                    width: 100%;
                    padding: 40px 60px 30px;
                }


        .adl_2-0 .cashflow .scenarioDetails .floatBox {
            position: absolute;
            right: 0px;
            top: 0;
            padding: 5px;
            background-color: #fff;
            width: 410px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -ms-border-radius: 5px;
            box-shadow: 0 0 8px rgba(0,0,0,0.15);
            -moz-box-shadow: 0 0 8px rgba(0,0,0,0.15);
            -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
            -ms-box-shadow: 0 0 8px rgba(0,0,0,0.15);
        }

            .adl_2-0 .cashflow .scenarioDetails .floatBox.adl-scroll {
                min-height: 450px;
                max-height: calc(100vh - 62px)
            }

    .adl_2-0 .sliderMini {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        background-color: #dff4ff;
        box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.13);
        -moz-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.13);
        -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.13);
        -ms-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.13);
        padding: 14px 10px;
        position: relative;
    }

        .adl_2-0 .sliderMini i {
            font-size: 20px;
            position: absolute;
            top: calc(50% - 10px);
            -webkit-text-stroke: 1px #485a65;
        }

            .adl_2-0 .sliderMini i:hover {
                cursor: pointer;
            }

            .adl_2-0 .sliderMini i:first-child {
                left: -7px;
            }

            .adl_2-0 .sliderMini i:nth-child(2) {
                left: auto;
                right: -7px;
            }

    .adl_2-0 .cashflow .scenarioDetails .keyBlock {
        margin-top: 20px
    }

        .adl_2-0 .cashflow .scenarioDetails .keyBlock .grph {
            width: 70px;
            height: 70px;
        }

        .adl_2-0 .cashflow .scenarioDetails .keyBlock .adl-floatL {
            float: left;
            width: calc(100% - 70px)
        }

    .adl_2-0 .cashflow .scenarioResult .keyBlock .grph {
        width: 93px;
        height: 93px;
    }

    .adl_2-0 .cashflow .scenarioResult .keyBlock .adl-floatL {
        float: left;
        width: calc(100% - 93px)
    }

    .adl_2-0 .tagCapsule {
        padding: 0 10px;
        border-radius: 10px;
        border: 1px solid #ccc;
        font-size: 13px;
        margin-left: 3px;
        margin-right: 3px;
    }

    .adl_2-0 .cashflow .scenarioDetails .tagCapsule:hover {
        cursor: pointer;
    }

    .adl_2-0 .cashflow .scenarioDetails .left .tagCapsule.active, .adl_2-0 .cashflow .scenarioDetails .combinedBlock .tagCapsule.active {
        border-color: #41a3ea;
        color: #41a3ea;
    }

    .adl_2-0 .cashflow .scenarioDetails .right .tagCapsule.active {
        border-color: #00bf96;
        color: #00bf96;
    }

    .adl_2-0 .fixedList {
        position: fixed;
        z-index: 99;
        width: 200px;
        right: 0px;
        bottom: 100px;
    }

        .adl_2-0 .fixedList li {
            position: relative;
            z-index: 99;
            height: 30px;
            background-color: #e1eff8;
            color: #4c4c4c;
            padding: 5px 5px 5px 7px;
            font-size: 12px;
            font-weight: 500;
            border: 2px solid #41a3ea;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        }

            .adl_2-0 .fixedList li + li {
                margin-top: 8px;
            }

            .adl_2-0 .fixedList li:hover {
                cursor: move;
                box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2);
            }

        .adl_2-0 .fixedList::after {
            content: '';
            display: block;
            width: 2px;
            height: 95%;
            background-color: #41a3ea;
            position: absolute;
            left: 10px;
            top: 0px;
            z-index: 9;
        }

        .adl_2-0 .fixedList li .num {
            background-color: #41a3ea;
            width: 16px;
            height: 16px;
            color: #fff;
            float: left;
            text-align: center;
            font-size: 11px;
            font-weight: bold;
            line-height: 18px;
            margin-right: 5px;
            border-radius: 50%;
        }


    .boxCloseTitle {
        background-color: #dfeef2;
        color: #485a65;
        text-align: left;
        padding: 8px;
        position: relative;
        width: 100%;
        font-size: 15px;
        font-weight: 500;
        height: 35px;
        margin: 0;
        border: 1px solid transparent;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

        .boxCloseTitle.active {
            background-color: #fff;
            border-color: #29b143;
            box-shadow: 0 0 1px #29b143;
            -moz-box-shadow: 0 0 1px #29b143;
            -webkit-box-shadow: 0 0 1px #29b143;
            -ms-box-shadow: 0 0 1px #29b143;
            -o-box-shadow: 0 0 1px #29b143;
        }

        .boxCloseTitle .close {
            position: absolute;
            right: -1px;
            top: -1px;
            padding: 5px;
            background-color: #ed2f1b;
            color: #fff;
            height: 35px;
            width: 30px;
            font-size: 17px;
            line-height: 25px;
            text-align: center;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

            .boxCloseTitle .close:hover {
                cursor: pointer;
                background-color: #ce2a19
            }

    .boxAddTitle {
        background-color: #fff;
        color: #41a3ea;
        text-align: left;
        padding: 7px 8px;
        position: relative;
        width: 100%;
        font-size: 15px;
        font-weight: 500;
        height: 35px;
        margin: 0;
        border-radius: 5px;
        border: 1px solid #41a3ea
    }

        .boxAddTitle:hover {
            cursor: pointer
        }

        .boxAddTitle.active {
            border: 1px solid #ccc
        }

            .boxAddTitle .second, .boxAddTitle.active .first {
                display: none
            }

            .boxAddTitle.active .second {
                display: block
            }




    /**/

    /*check Circle*/
    .adl_2-0 .checkCircle {
        visibility: hidden;
        font-size: 27px;
        position: absolute;
        border: 2px solid #41a3ea;
        right: 5px;
        top: 5px;
        background-color: rgba(25, 129, 203, 0.13);
        width: 22px;
        height: 22px;
        border-radius: 50%;
    }

        .adl_2-0 .checkCircle.tick {
            background-color: #41a3ea;
            color: #fff
        }

        .adl_2-0 .checkCircle.show {
            visibility: visible;
        }

        .adl_2-0 .checkCircle.tick:before {
            content: '\f00c';
            display: block;
            font-family: fontAwesome;
            font-size: 16px;
            text-align: center;
            -webkit-text-stroke: 1px #41a3ea;
        }
    /**/

    .adl_2-0 .warning-notify {
        position: absolute;
        padding: 5px 10px;
        z-index: 9;
        left: 50%;
        top: 10px;
        margin-left: -150px;
        width: 300px;
        text-align: center;
    }
}

    /* Media Queries--- laptop */
    @media (min-width: 768px) and (max-width: 1366px) {
        .col-md-2 {
            width: 20%;
        }

        .col-md-3 {
            width: 30%;
        }

        .col-md-4 {
            width: 40%;
        }

        .col-md-5 {
            width: 50%;
        }

        .col-md-6 {
            width: 60%;
        }

        .col-md-7 {
            width: 70%;
        }

        .col-md-8 {
            width: 80%;
        }

        .col-md-9 {
            width: 90%;
        }

        .col-md-10 {
            width: 100%;
        }

        .col-md-05 {
            width: 5%;
        }

        .col-md-15 {
            width: 15%;
        }

        .col-md-25 {
            width: 25%;
        }

        .col-md-35 {
            width: 35%;
        }

        .col-md-33 {
            width: 33.333333%;
        }

        .col-md-45 {
            width: 45%;
        }

        .col-md-54 {
            width: 54%;
        }

        .col-md-55 {
            width: 55%;
        }

        .col-md-65 {
            width: 65%;
        }

        .col-md-66 { /*it can be used to make 2-1 column grid and the rest will be col-33*/
            width: 66.66666667%
        }

        .col-md-75 {
            width: 75%;
        }

        .col-md-85 {
            width: 85%;
        }

        .col-md-95 {
            width: 95%;
        }


        .col-25.rLeftPanel {
            width: 26%;
        }

        .col-75.rRightPanel {
            width: 74%;
        }

        .rLeftPanel .quoteDetail .quoteLabel {
            font-size: 10px;
        }

        .gridHeaderRisk > div {
            font-size: 12px;
        }

        .adl_2-0 .cashflow .cardWrap {
            width: 33.33333%
        }
    }
    /**/


    @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
        .col-sm-2 {
            width: 20%;
        }

        .col-sm-3 {
            width: 30%;
        }

        .col-sm-4 {
            width: 40%;
        }

        .col-sm-5 {
            width: 50%;
        }

        .col-sm-6 {
            width: 60%;
        }

        .col-sm-7 {
            width: 70%;
        }

        .col-sm-8 {
            width: 80%;
        }

        .col-sm-9 {
            width: 90%;
        }

        .col-sm-10 {
            width: 100%;
        }

        .col-sm-05 {
            width: 5%;
        }

        .col-sm-15 {
            width: 15%;
        }

        .col-sm-25 {
            width: 25%;
        }

        .col-sm-35 {
            width: 35%;
        }

        .col-sm-33 {
            width: 33.333333%;
        }

        .col-sm-45 {
            width: 45%;
        }

        .col-sm-54 {
            width: 54%;
        }

        .col-sm-55 {
            width: 55%;
        }

        .col-sm-65 {
            width: 65%;
        }

        .col-sm-66 { /*it can be used to make 2-1 column grid and the rest will be col-33*/
            width: 66.66666667%
        }

        .col-sm-75 {
            width: 75%;
        }

        .col-sm-85 {
            width: 85%;
        }

        .col-sm-95 {
            width: 95%;
        }

        .textL-sm {
            text-align: left !important;
        }

        .textR-sm {
            text-align: right !important;
        }

        .textC-sm {
            text-align: center !important;
        }

        .adl-floatL-sm {
            float: left !important;
        }

        .adl-floatL-sm {
            float: left !important;
        }

        .adl-floatR-sm {
            float: right !important;
        }

        .adl-floatNo-sm {
            float: none !important;
        }

        .adl-dInline-sm {
            display: inline-block !important;
        }

        .adl-dBlock-sm {
            display: block !important;
        }

        .adl-padding-sm {
            padding: 10px !important;
        }

        .adl-paddingL-sm {
            padding-left: 10px !important;
        }

        .adl-paddingR-sm {
            padding-right: 10px !important;
        }

        .adl-paddingLR-sm {
            padding-right: 10px !important;
            padding-left: 10px !important;
        }

        .adl-no-padding-sm {
            padding: 0 !important;
        }

        .adl-no-paddingTB-sm {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

        .adl-no-paddingLR-sm {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        .adl-no-paddingB-sm {
            padding-bottom: 0px !important;
        }

        .adl-no-paddingR-sm {
            padding-right: 0px !important;
        }

        .adl-no-paddingL-sm {
            padding-left: 0px !important;
        }

        .adl-paddingTB-sm {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

        .adl-paddingB-sm {
            padding-bottom: 15px !important;
        }

        .adl-paddingT-sm {
            padding-top: 15px !important;
        }

        .adl-margin-sm {
            margin: 10px !important;
        }

        .adl-marginL-sm {
            margin-left: 10px !important;
        }

        .adl-marginR-sm {
            margin-right: 10px !important;
        }

        .adl-marginLR-sm {
            margin-left: 10px !important;
            margin-right: 10px !important;
        }

        .adl-marginB-sm {
            margin-bottom: 10px !important;
        }

        .adl-marginT-sm {
            margin-top: 10px !important;
        }

        .adl-marginTB-sm {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }

        .adl-no-margin-sm {
            margin: 0 !important;
        }

        .adl-no-marginL-sm {
            margin-left: 0 !important;
        }

        .adl-no-marginR-sm {
            margin-right: 0 !important;
        }

        .adl-no-marginLR-sm {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .adl-no-marginTB-sm {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .adl-no-marginT-sm {
            margin-top: 0 !important;
        }

        .adl-no-marginB-sm {
            margin-bottom: 0 !important;
        }

        .autoW-sm {
            width: auto !important;
            min-width: initial !important;
            max-width: initial !important;
        }




        .adl_2-0 .card-container .cardWrap {
            width: 50%;
        }

        .adl_2-0 #smsfModal .rightSec .blockSec {
            padding: 0 10px
        }

        .adl_2-0 #smsfModal .rightSec .title .amnt {
            width: 100%
        }

        .adl_2-0 #smsfModal .rightSec h3 {
            margin-bottom: 3px
        }

        .adl_2-0 #smsfModal .rightSec .adl-scroll {
            height: calc(100vh - 204px);
        }

        .adl_2-0 .adl-form-group.slideLabel .control-label, .adl_2-0 .slideLabel.form-control-label {
            font-size: 12px
        }

        .adl_2-0 .cardWrap:nth-child(2n) .iconBox .contentBox {
            left: -236px;
        }

        .adl_2-0 .cashflow .cardWrap {
            width: 50%
        }

        .adl_2-0 .cashflow .inputWithDrop .boxAddTitle + .dropBox {
            left: auto;
            right: 0;
            width: 500px;
        }
    }
    /**/


    @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait), (max-width : 768px) {
        .col-sm2-2 {
            width: 20%;
        }

        .col-sm2-3 {
            width: 30%;
        }

        .col-sm2-4 {
            width: 40%;
        }

        .col-sm2-5 {
            width: 50%;
        }

        .col-sm2-6 {
            width: 60%;
        }

        .col-sm2-7 {
            width: 70%;
        }

        .col-sm2-8 {
            width: 80%;
        }

        .col-sm2-9 {
            width: 90%;
        }

        .col-sm2-10 {
            width: 100%;
        }

        .col-sm2-05 {
            width: 5%;
        }

        .col-sm2-15 {
            width: 15%;
        }

        .col-sm2-25 {
            width: 25%;
        }

        .col-sm2-35 {
            width: 35%;
        }

        .col-sm2-33 {
            width: 33.333333%;
        }

        .col-sm2-45 {
            width: 45%;
        }

        .col-sm2-54 {
            width: 54%;
        }

        .col-sm2-55 {
            width: 55%;
        }

        .col-sm2-65 {
            width: 65%;
        }

        .col-sm2-66 { /*it can be used to make 2-1 column grid and the rest will be col-33*/
            width: 66.66666667%
        }

        .col-sm2-75 {
            width: 75%;
        }

        .col-sm2-85 {
            width: 85%;
        }

        .col-sm2-95 {
            width: 95%;
        }

        .textL-sm2 {
            text-align: left !important;
        }

        .textR-sm2 {
            text-align: right !important;
        }

        .textC-sm2 {
            text-align: center !important;
        }

        .adl-floatL-sm2 {
            float: left !important;
        }

        .adl-floatL-sm2 {
            float: left !important;
        }

        .adl-floatR-sm2 {
            float: right !important;
        }

        .adl-floatNo-sm2 {
            float: none !important;
        }

        .adl-dInline-sm2 {
            display: inline-block !important;
        }

        .adl-dBlock-sm2 {
            display: block !important;
        }

        .adl-padding-sm2 {
            padding: 10px !important;
        }

        .adl-paddingL-sm2 {
            padding-left: 10px !important;
        }

        .adl-paddingR-sm2 {
            padding-right: 10px !important;
        }

        .adl-paddingLR-sm2 {
            padding-right: 10px !important;
            padding-left: 10px !important;
        }

        .adl-no-padding-sm2 {
            padding: 0 !important;
        }

        .adl-no-paddingTB-sm2 {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

        .adl-no-paddingLR-sm2 {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        .adl-no-paddingB-sm2 {
            padding-bottom: 0px !important;
        }

        .adl-no-paddingR-sm2 {
            padding-right: 0px !important;
        }

        .adl-no-paddingL-sm2 {
            padding-left: 0px !important;
        }

        .adl-paddingTB-sm2 {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

        .adl-paddingB-sm2 {
            padding-bottom: 15px !important;
        }

        .adl-paddingT-sm2 {
            padding-top: 15px !important;
        }

        .adl-margin-sm2 {
            margin: 10px !important;
        }

        .adl-marginL-sm2 {
            margin-left: 10px !important;
        }

        .adl-marginR-sm {
            margin-right: 10px !important;
        }

        .adl-marginLR-sm2 {
            margin-left: 10px !important;
            margin-right: 10px !important;
        }

        .adl-marginB-sm2 {
            margin-bottom: 10px !important;
        }

        .adl-marginT-sm2 {
            margin-top: 10px !important;
        }

        .adl-marginTB-sm2 {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }

        .adl-no-margin-sm2 {
            margin: 0 !important;
        }

        .adl-no-marginL-sm2 {
            margin-left: 0 !important;
        }

        .adl-no-marginR-sm2 {
            margin-right: 0 !important;
        }

        .adl-no-marginLR-sm2 {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .adl-no-marginTB-sm2 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .adl-no-marginT-sm2 {
            margin-top: 0 !important;
        }

        .adl-no-marginB-sm2 {
            margin-bottom: 0 !important;
        }

        .autoW-sm2 {
            width: auto !important;
            min-width: initial !important;
            max-width: initial !important;
        }


        .adl_2-0 .superlogic #nav-flow #nav > li {
            padding: 2px 6px 2px 18px;
        }

        .adl_2-0 #nav-flow #nav > li img {
            display: none
        }

        #smsfModal .adl-modal-content {
            width: 95%
        }

        .adl_2-0 .card-container .cardWrap {
            width: 100%;
        }

        .adl_2-0 #smsfModal .leftSec, .adl_2-0 #smsfModal .rightSec {
            width: 100%
        }

            .adl_2-0 #smsfModal .leftSec .adl-scroll, .adl_2-0 #smsfModal .rightSec .adl-scroll {
                height: auto
            }

                .adl_2-0 #smsfModal .rightSec .adl-scroll > .card, .adl_2-0 #smsfModal .rightSec .adl-scroll > .card + .card {
                    width: calc(50% - 4px);
                    margin: 2px
                }

        .adl_2-0 .cardWrap .iconBox .contentBox {
            left: -236px;
        }

        .adl_2-0 .showResult {
            margin-left: 0
        }

        .adl_2-0 .cashflow .headForm .formField.searchIcon .form-control {
            width: 188px
        }

        .adl-btn.btn-sm {
            padding: 3px 5px
        }

        #addScenario .adl-scroll {
            max-height: calc(100vh - 190px)
        }

        .adl_2-0 .cashflow .inputWithDrop .boxAddTitle + .dropBox {
            left: auto;
            right: 0;
            width: 500px;
        }

        .adl_2-0 .cashflow .cardWrap.cScenario .big {
            font-size: 13px !important
        }

        .adl_2-0 .cashflow .cardWrap.cScenario .card label {
            font-size: 11px !important
        }

        .adl_2-0 .cashflow .cardWrap.cScenario .amnt {
            font: 400 13px 'Roboto Condensed', sans-serif;
        }
    }

    .warningWrap {
        position: relative;
    }

        .warningWrap .warning {
            position: absolute;
            left: 10px;
            top: 15px;
            font-size: 20px;
            color: gold;
        }

    .liabilityMsg {
        position: absolute;
        left: 35px;
        bottom: 12px;
    }

    #collapdeInner .disableSupp {
        height: 38px;
        padding-left: 22px;
    }

    .dvagePensionApplicable {
        float: right;
    }

    #collapdeInner .head-switch .switch > label::before {
        background: #41a3ea;
    }

        #dvagePensionApplicableField .fontN, #dvMinimumBalance .fontN {
            font-weight: normal !important;
        }

    #collapdeInner .head-switch .switch > label::after {
        top: 2px;
    }

    #CFtabHead .wdthCustom.head-switch {
        /*width: 210px;*/
        width: 220px;
    }

        #CFtabHead .wdthCustom.head-switch .switch > label::before {
            background: #41a3ea;
        }

    .switchWrap #showGraphSwitchName.marginT5 {
        margin-top: 5px;
    }

    .switchWrap #graphSwitch + label {
        top: 5px;
    }

    .switchWrap #graphSwitchName {
        line-height: 30px;
    }

    .switchWrap .marginR {
        margin-right: 5px;
    }

    .switchWrap .head-switch .switch > input[type="checkbox"]:checked + label::before {
        background: #41a3ea !important;
    }

    .switchWrap .head-switch .switch > label::before {
        background: #41a3ea !important;
    }

    .switchWrap .head-switch .switch > input[type="checkbox"]:checked + label::after {
        background: #fff !important;
    }

    #graphSwitchName.adl-fade::before, #showGraphSwitchName.adl-fade::before {
        top: 0px;
        z-index: 9;
    }
    /*getScenarioList CSS Starts*/
    .getScenarioList .head-switch.wdthCustom {
        width: 223px;
        display: inline-block;
        line-height: 30px;
        height: 18px;
    }

        .getScenarioList .head-switch.wdthCustom .switch > label {
            top: 5px;
        }

    .getScenarioList .head-switch .switch > input[type="checkbox"]:checked + label::before {
        background: #fff;
    }

    .getScenarioList .head-switch .switch > input[type="checkbox"]:checked + label::after {
        background: #41a3ea;
    }

    .getScenarioList .head-switch .switch > label::before {
        background: #fff;
    }

    .getScenarioList .head-switch .switch > label::after {
        background: #41a3ea;
    }

    .getScenarioList .toggle {
        color: #ddd;
    }
    /*getScenarioList CSS Ends*/

    /*freezeScenario CSS Starts*/
    .freezeScenario .head-switch.wdthCustom {
        width: 220px;
        display: inline-block;
        line-height: 30px;
        height: 18px;
    }

        .freezeScenario .head-switch.wdthCustom .switch > label {
            top: 1px;
        }

    .freezeScenario .head-switch .switch > input[type="checkbox"]:checked + label::before {
        background: #fff;
    }

    .freezeScenario .head-switch .switch > input[type="checkbox"]:checked + label::after {
        background: #41a3ea;
    }

    .freezeScenario .head-switch .switch > label::before {
        background: #fff;
    }

    .freezeScenario .head-switch .switch > label::after {
        background: #41a3ea;
    }

    .freezeScenario .toggle {
        color: #ddd;
    }

    .freezeScenario .CFtabHead .head-switch .switch {
        height: 30px;
    }

/*freezeScenario CSS Ends*/
/**/



















/*css*/
.ngrs-range-slider {
  position: relative;
  margin:15px 0 20px 0;
  height:8px;
  background: #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /*------------------------------------*\
      RUNNER
  \*------------------------------------*/
  /*------------------------------------*\
      JOIN (connects the two handles)
  \*------------------------------------*/
  /*------------------------------------*\
      HANDLE
  \*------------------------------------*/
  /*------------------------------------*\
      HANDLE SPECIFICS
  \*------------------------------------*/
  /*------------------------------------*\
      VALUE LABELS
  \*------------------------------------*/
  /*------------------------------------*\
      ATTACHED VALUE RUNNER
  \*------------------------------------*/
  /*------------------------------------*\
      VERTICAL SLIDER
  \*------------------------------------*/
  /*------------------------------------*\
      FOCUS STATE
  \*------------------------------------*/
  /*------------------------------------*\
      DISABLED STATE
  \*------------------------------------*/
}

.ngrs-range-slider, .ngrs-range-slider * {
  display: block;
  cursor: default;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ngrs-range-slider .ngrs-runner {
  position: relative;
}

.ngrs-range-slider .ngrs-join {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 100%;
  height: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #41a3ea;
}

.ngrs-range-slider .ngrs-handle {
  position: absolute;
  z-index: 2;
  height: 15px;
  width: 15px;
  margin: -4px 0 0 -9px;
  background: #666;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  /*------------------------------------*\
      HANDLE ICON
  \*------------------------------------*/
}
.ngrs-range-slider .ngrs-handle i {
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat -9999px -9999px;
  cursor: pointer;
}
.ngrs-range-slider .ngrs-handle.ngrs-over i {
  background-position: 50% 50%;
}

.ngrs-range-slider .ngrs-handle.ngrs-down {
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.ngrs-range-slider .ngrs-value {
position: absolute;
top: 100%;
left: 0;
margin-top: 13px;
font-size: 14px;
color: #999;
font-family: calibri;
}
.ngrs-range-slider .ngrs-value.ngrs-value-max {
  left: auto;
  right: 0;
  text-align: right;
}
.ngrs-range-slider.ngrs-handle-min-down .ngrs-value-min, .ngrs-range-slider.ngrs-handle-max-down .ngrs-value-max {
  color: #333;
}

.ngrs-range-slider .ngrs-attached-handles {
  margin: 0 9px;
  position: relative;
  /*------------------------------------*\
      ATTACHED VALUE RUNNER LABELS
  \*------------------------------------*/
}
.ngrs-range-slider .ngrs-attached-handles .ngrs-value {
  text-align: left;
}
.ngrs-range-slider .ngrs-attached-handles .ngrs-value > div {
  margin: 0 0 0 -50%;
}

.ngrs-range-slider.ngrs-vertical {
  width: 28px;
  margin: 10px auto;
  /*------------------------------------*\
      RUNNER
  \*------------------------------------*/
  /*------------------------------------*\
      ATTACHED VALUE RUNNER
  \*------------------------------------*/
  /*------------------------------------*\
      JOIN
  \*------------------------------------*/
  /*------------------------------------*\
      HANDLE
  \*------------------------------------*/
  /*------------------------------------*\
      HANDLE SPECIFICS
  \*------------------------------------*/
  /*------------------------------------*\
      VALUE LABELS
  \*------------------------------------*/
  /*------------------------------------*\
      VERTICAL LEFT SLIDER
  \*------------------------------------*/
  /*------------------------------------*\
      VERTICAL RIGHT SLIDER
  \*------------------------------------*/
}
.ngrs-range-slider.ngrs-vertical .ngrs-runner {
  margin: 9px 0;
  height: 300px;
  width: 18px;
}
.ngrs-range-slider.ngrs-vertical .ngrs-value-runner.ngrs-attached-handles {
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  margin: 9px 0;
}

.ngrs-range-slider.ngrs-vertical .ngrs-join {
  width: 8px;
  height: auto;
  top: 0;
  bottom: 100%;
  left: 50%;
  right: auto;
  margin: 0 0 0 -4px;
}
.ngrs-range-slider.ngrs-vertical .ngrs-handle {
  width: 100%;
  height: 18px;
  margin: -9px 0 0 0;
}

.ngrs-range-slider.ngrs-vertical .ngrs-value {
  top: 0;
  left: 100%;
  padding: 0 0 0 5px;
}

.ngrs-range-slider.ngrs-vertical .ngrs-value.ngrs-value-max {
  top: auto;
  bottom: 0;
  right: auto;
  text-align: left;
}

.ngrs-range-slider.ngrs-vertical .ngrs-attached-handles .ngrs-value > div {
  margin: -50% 0 0 0;
}

.ngrs-range-slider.ngrs-vertical.ngrs-left {
  margin: 10px 0;
}
.ngrs-range-slider.ngrs-vertical.ngrs-right {
  margin: 10px 0 10px auto;
  /*------------------------------------*\
      VALUE LABELS
  \*------------------------------------*/
}

.ngrs-range-slider.ngrs-vertical.ngrs-right .ngrs-value {
  left: auto;
  right: 100%;
  padding: 0 5px 0 0;
  text-align: right;
}

.ngrs-range-slider.ngrs-vertical.ngrs-right .ngrs-value.ngrs-value-max {
  text-align: right;
}

.ngrs-range-slider.ngrs-vertical.ngrs-right .ngrs-value-runner.ngrs-attached-handles {
  left: 0;
}

.ngrs-range-slider.ngrs-disabled .ngrs-handle {
  background: #fff;
  border-color: #ddd;
}

.ngrs-range-slider.ngrs-disabled .ngrs-handle i {
  background: none !important;
  cursor: default;
}

.ngrs-range-slider.ngrs-disabled .ngrs-join {
  background: #ddd;
}
.ngrs-range-slider.ngrs-disabled .ngrs-value {
  color: #ddd;
}

/*------------------------------------*\
    TOUCH STATE
\*------------------------------------*/
body.ngrs-touching {
  -ms-touch-action: none;
}

.single .ngrs-value-min{
	display:none
}