/* 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;
    outline: none;
}

*:focus {
    outline: none;
}

abbr {
    border-bottom: none;
}

ol {
    padding-left: 24px;
}

ul {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
}

/* ---------- 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;
}

.font12, .font12 td, .font12 th, .font12 label {
    font-size: 12px !important;
    font-family: 'Open Sans'!important;
}
.font11, .font11 td, .font11 th, .font11 label {
    font-size: 11px !important;
    font-family: 'Open Sans'!important;
}
.font10, .font10 td, .font10 th, .font10 label {
    font-size: 10px !important;
    font-family: 'Open Sans'!important;
}
.font9, .font9 td, .font9 th, .font9 label {
    font-size: 9px !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 !important;
    overflow: hidden;
}

.wordBreak {
    word-break: break-all;
}

.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;
}

.text-grey {
    color: #666 !important;
}

.text-grey2 {
    color: #999!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-paddingB {
    padding-bottom: 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 !important;
}
.LH15{
    line-height:1.5 !important;
}
.LH2{
    line-height:2 !important;
}

/*----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-container-inside {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 0;
    width: 97%;
    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;
}

.adl-heading .head {
    color: #fff;
    margin: 0;
    padding: 0;
    float: left;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Open Sans';
}

.adl-heading .optnBtn {
    width: 20px;
    display: inline-block;
    height: 18px;
    margin-left: 5px;
}
.adl-heading .optnBtn .link {
    font-size: 35px;
    height: 35px;
}
.optnBtn:hover .adl-menu {
    display: block!important;
}

.adl-header-main {
    background: #41a3ea !important;
    padding: 10px !important;
}

.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_body {
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
}

.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, .centerBlock, .blokCenter, .blockCenter {
    margin: 0 auto;
    float: none!important;
}

.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 { /*for asterisk*/
    color: red;
    font-size: 14px;
}

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

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

.overflow-show{
    overflow:visible!important;
}

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

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

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

.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;
}

.adlShow-td {
    display: table-cell;
}


/*----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: #666;
    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: '✔';
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 10px;
    color: #41a3ea;
    line-height: 16px;
    transition: all .2s;
}
/*----end----*/

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

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

.adl-radio label::before, .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    margin-left: -18px;
    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;
}

.adl-radio label::after, .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 10px;
    height: 10px;
    left: 3px;
    top: 3px;
    margin-left: -18px;
    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);
}

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

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

    .adl-radio input[type="radio"]:checked + label::after, .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);
    }

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

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

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

.adl-radio.adl-radio-inline, .radio.radio-inline {
    margin-top: 0;
    display: inline-block;
}

.radio_text {
    position: relative;
    color: #666;
    font-weight: normal;
    cursor: pointer;
    margin-left: 2px;
}

/*end*/

/*---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---*/


/*--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 > 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;
        }
        /*for blu arrow*/
        .adl-toggle > ul > li.has-sub > a.toggle-menu span.blu {
        background: url(/Images/adlNewImages/accr_up_blu.png) 98% center no-repeat;
        }
        .adl-toggle > ul > li.has-sub > a.toggle-menu.active span.blu {
        background: url(/Images/adlNewImages/accr_right_blu.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------*/
.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;
}


#helpCenterForm.zEWidget-helpCenterForm {
    left: 60px!important;
    top:auto !important;
}

#launcher {
    width: 116px!important;
    height: 50px!important;
    margin: 0px!important;
    bottom: 10px!important;
    padding-left: 5px;
    left: -50px!important;
    transition: all 0.2s ease-in-out 0s;
}

    #launcher:hover {
        left: -2px!important;
    }

#dvCommon #dvCommonSub > table{
    width:80%!important;
}

/** Closed**/


/* ------- 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;
}

    .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, .adl-btn-head.btn-sm {
    font-size: 11px;
    padding: 3px 10px;
    min-width: 30px;
    height: 25px !important;
}

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

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

.adl-padding.head-btns {
    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;
}
.adl-btn.white-no-bg {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}

.btn-transparent {
    background-color: transparent;
    color: #41a3ea;
}

    .btn-transparent:hover {
        color: #666;
        background-color: transparent;
    }

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

    .btn-light:hover {
        color: #fff!important;
        background-color: #666!important;
    }
/*---Block Buttons ( to create large clickabel blocks having grey BG)---*/
.block-btns {
    border: 1px solid #eee;
    text-transform: uppercase;
    text-align: center;
    padding: 100px;
    font-size: 22px;
    color: #aaa;
    font-weight: 600;
    background-color: #f9f9f9;
    transition: all ease 0.2s;
}

    .block-btns:hover {
        font-size: 24px;
        box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1);
        cursor: pointer;
        border-color: #fff;
    }
/*end*/
/*------Side Navigation-----*/

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

    .sideNav li a {
        display: block;
        padding: 8px;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        color: #666;
        transition: all ease 0.25s;
    }

        .sideNav li a:hover, .sideNav li a.active {
            background-color: #f4f4f4;
            color: #41a3ea;
        }
/*end*/
/*------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-66, .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-66{/*it can be used to make 2-1 column grid and the rest will be col-33*/
    width: 66.66666667%
}

.col-75 {
    width: 75%;
}

.col-85 {
    width: 85%;
}

.col-95 {
    width: 95%;
}

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

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

input:focus::-webkit-input-placeholder, textarea: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;
    }

.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!important;
    color: #666!important;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #f5f9fd;
    font-family: 'Open Sans';
}

.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, .outlineNone .adl-full-table tr td:first-child, .outlineNone .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, .outlineNone .adl-full-table tr td:last-child, .outlineNone .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;
}

tr.adl-row-focus, tr.adl-row-focus td, td.adl-row-focus {
    background-color: #F9ECC1!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-header.noTitle{
    background-color:transparent;
    border-bottom:none;
    position: absolute;
    right: 0;
    top: 0;
}
.adl-modal-header.noTitle + .adl-modal-body{
    padding-top:25px
}

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

div.adl-modal-title {
    float: left;
}

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

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

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

    .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;
}

/*task nav workflow*/
.dxeDropDownWindow .dxeListBox, .dxeDropDownWindow .dxeListBox .dxlbd{
    width:100%!important
}
.dxeListBoxItemHover{
    background-color:#dce0e2!important
}


/*----- 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;
}

.adl-menu.inputMenu ul li{
    padding:0!important;
}

/*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], button[disabled].adl-btn, button[disabled].adl-btn-head, input[disabled].form-control:hover, select[disabled].form-control:hover, button[disabled].adl-btn:hover, button[disabled].adl-btn-head:hover {
    border: solid 1px #ddd !important;
    color: #c0c0c0 !important;
    cursor: not-allowed!important;
}
input.baseBorder[disabled], select.baseBorder[disabled], input.baseBorder[disabled].form-control:hover, select.baseBorder[disabled].form-control:hover{
    border-bottom: solid 1px #ddd !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: #c0c0c0 !important;
    cursor: not-allowed!important;
}
.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: #111;
        resize: none;
        border: solid 1px #a8a8a8;
        box-sizing: border-box;
    }

        .form-control.alert, .form-control-field.alert, select.alert, textarea.alert { /*to show error field*/
            border-color: #fa5c5c!important;
        }

input[type="text"].form-control.alert:hover, input[type="text"].form-control-field.alert:hover, select.form-control.alert:hover, textarea.form-control.alert:hover {
    border-color: #fa5c5c !important;
}

input[type="text"].form-control.alert:focus, input[type="password"].form-control.alert:focus, textarea.form-control.alert:focus {
    border-color: #fa5c5c!important;
}


.adl-validation { /*for validattion*/
    font-size: 13px;
    text-align: right;
    color: #fa5c5c!important;
    display: block;
}


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

.adl-form-group select.form-control, select.form-control-field {
    padding: 4px 14px 4px 6px;
    color: #111;
    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;
}

.control-label.middle, .labelmid {
    line-height: 2!important;
}

.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-horizontal {
    clear: both;
}

    .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 field having icons*/
.input-with-icon {
    position: relative;
    padding-right: 0;
}

.icon-right, .iconR {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
}
.icon-right + .icon-right{
    right: 26px;
    border-right: 1px solid #ddd;
}

.icon-left, iconL {
    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;
    cursor: pointer;
}

.input-icon-prcntg:before { /*for % icon*/
    content: '%';
    top: 11px;
    left: 11px;
    position: absolute;
    font-size: 18px;
    font-weight: 700;
}

.input-icon-close:before{
    content:'X';
}
.input-icon-close{
    font-size: 16px;
    color: #999;
    width: 26px;
    height: 26px;
    text-align: center;
    font-weight: 600;
}
.input-icon-close:hover {
    cursor:pointer;
    color:#41a3ea
}

/*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;
}

/*select box having custom drop icon*/
.adl-select::after {
    content: "\25Bc";
    position: absolute;
    right: 18px;
    bottom: 0;
    font-size: 70%;
    line-height: 30px;
    padding: 0 7px;
    color: #7d7777;
    pointer-events: none;
    transform: scaleX(1.5);
}
.adl-select select.form-control, .adl-select select.form-control-field{
    -webkit-appearance:none
}


/*select box having v drop arrow*/
.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);
}

/*-------- 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;
    height: 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;
}



/*---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.showX .adl-autohide-scrollbar-x {
    display:block
}

.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 { /*dashed grey block*/
    width: 100%;
    padding: 30px 20px;
    border: 2px dashed #888;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    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;
}

.no-shadow {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.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, .fullW {
    width: 100% !important;
}
.half, .halfW {
    width: 50% !important;
}
.fullH{
    height: 100% !important;
}
.halfH{
    height: 50% !important;
}

.autoW {
    width: auto!important;
    min-width: initial!important;
    max-width: initial!important;
}

.autoH {
    height: auto!important;
    min-height: initial!important;
    max-height: initial!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*/
.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;
    }


/*----end-----*/


.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;
}

.no-borderLR {
    border-left: none !important;
    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 > tfoot > 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-table.compressed > tbody > tr > td, .adl-table.compressed > tfoot > tr > td, .adl-table.compressed tr th, .adl-table tr.compressed td, .adl-table tr.compressed th {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

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

    .adl-btn-white:hover {
        background: #41a3ea;
        border-color: #41a3ea!important;
        color: #fff;
    }

/*for grouped buttons in a row having no margin*/
.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!important;
}

.grey-bg2 {
    background: #f9f9f9!important;
}

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

.link:hover {
    cursor: pointer;
    color: #41a3ea;
}

.linkU{
    text-decoration:underline!important;
}
.linkU:hover {
   cursor: pointer;
   text-decoration:underline;
}

.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*/

.dsbrd-icon, .dsbrd-field{
    margin-top: -2px;
    margin-bottom: -2px;
    display: inline-block;
}

.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;
}

.mltipl-icons {
    margin-top: -4px!important;
    margin-bottom: -5px!important;
}

.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;
}
.deleteGreyRed-icon {
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -5px -69px no-repeat;
    display: inline-block;
}
.deleteGreyRed-icon:hover {
    background-position: -5px -5px;
    cursor: pointer;
}


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

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

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

.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;
}

.pinBlu-icon{
    height: 18px;
    width: 18px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -137px -103px no-repeat;
    display: inline-block;
}
.starBlu-icon{
    height: 18px;
    width: 18px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -138px -167px no-repeat;
    display: inline-block;
}
.starGrey-icon{
    height: 18px;
    width: 18px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -138px -136px no-repeat;
    display: inline-block;
    opacity: 0.5;
}


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

.downloadgrey-icon{
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -135px -100px no-repeat;
    display: inline-block;
}
.downloadgrey-icon:hover{
    background-position: -135px -68px;
    cursor: pointer;
}

.downloadGreyPin-icon{
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -70px -68px no-repeat;
    display: inline-block;
}
.downloadGreyPin-icon:hover{
    background-position: -70px -4px;
    cursor: pointer;
}

.downloadGreyMail-icon{
    height: 23px;
    width: 22px;
    background: url(/Images/adlNewImages/icon-sprite-sheet.png) -136px -4px no-repeat;
    display: inline-block;
}
.downloadGreyMail-icon:hover{
    background-position: -136px -36px;
    cursor: pointer;
}


/*file type icons*/
.fileIcon{
    height: 20px;
    width: 20px;
}
.fileIcon:hover {
    cursor: pointer;
}
.csvFile-icon {
    background: url(/Images/adlNewImages/csv.png) center center no-repeat;
}
.docFile-icon {
    background: url(/Images/adlNewImages/doc.png) center center no-repeat;
}
.dotFile-icon {
    background: url(/Images/adlNewImages/dot.png) center center no-repeat;
}
.emlFile-icon {
    background: url(/Images/adlNewImages/eml.png) center center no-repeat;
}
.fileFile-icon {
    background: url(/Images/adlNewImages/file.png) center center no-repeat;
}
.dwnldFile-icon {
    background: url(/Images/adlNewImages/file_download.png) center center no-repeat;
}
.gifFile-icon {
    background: url(/Images/adlNewImages/gif.png) center center no-repeat;
}
.htmlFile-icon {
    background: url(/Images/adlNewImages/html.png) center center no-repeat;
}
.imgFile-icon {
    background: url(/Images/adlNewImages/img_icon.png) center center no-repeat;
}
.jpgFile-icon {
    background: url(/Images/adlNewImages/jpg.png) center center no-repeat;
}
.mkvFile-icon {
    background: url(/Images/adlNewImages/mkv.png) center center no-repeat;
}
.mp3File-icon {
    background: url(/Images/adlNewImages/mp3.png) center center no-repeat;
}
.mp4File-icon {
    background: url(/Images/adlNewImages/mp4.png) center center no-repeat;
}
.pdfFile-icon {
    background: url(/Images/adlNewImages/pdf.png) center center no-repeat;
}
.pngFile-icon {
    background: url(/Images/adlNewImages/png.png) center center no-repeat;
}
.pptFile-icon {
    background: url(/Images/adlNewImages/ppt.png) center center no-repeat;
}
.rarFile-icon {
    background: url(/Images/adlNewImages/rar.png) center center no-repeat;
}
.rtfFile-icon {
    background: url(/Images/adlNewImages/rtf.png) center center no-repeat;
}
.txtFile-icon {
    background: url(/Images/adlNewImages/txt.png) center center no-repeat;
}
.upldCloudFile-icon {
    background: url(/Images/adlNewImages/upload-to-cloud.png) center center no-repeat;
}
.wavFile-icon {
    background: url(/Images/adlNewImages/wav.png) center center no-repeat;
}
.xlsFile-icon {
    background: url(/Images/adlNewImages/xls.png) center center no-repeat;
}
.zipFile-icon {
    background: url(/Images/adlNewImages/zip.png) center center no-repeat;
}
/**/

.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;
}

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

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

.icon-minus {/*use &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 {/*use + */
    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;
}
/*circle icon on blue page head*/
.iconCircle.head {
    border-width: 2px;
    width: 26px;
    height: 26px;
}
.adl-heading .iconCircle.link:hover{
    color:#fff
}
/*circle icon inside button*/
.adl-btn .iconCircle, .adl-btn-head .iconCircle{
    font-family: arial;
    font-style: normal;
    width: 18px;
    height: 18px;
    display:inline-block;
    padding: 0;
    margin-right: 0px;
    font-size: 13px;
    font-weight: 600;
    border-width:2px;
    margin-right:3px
}
/*arrow icon on head*/
.iconCircle.aro.head {
    font-family: monospace;
    font-size: 23px;
    line-height: 19px;
}

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

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

.bluIcon {
    border-color: #41a3ea!important;
    color: #41a3ea!important;
}
/*Accordfion circle aro inside icon- use these icons "˄"= &#708; "˃" = &#707; */
.iconAcrdn {
    width: 21px!important;
    height: 21px!important;
    float: right;
    border-radius: 50%;
    border: 2px solid #fff;
    font-family: monospace;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}


/*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;
        }

.nav-bottom .outer {
    display: flex;
}

    .nav-bottom .outer .botmHdnav {
        max-width: 270px;
    }

.nav-bottom-left, .botmHdnav {
    -webkit-flex: 1 1;
    -moz-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

    .nav-bottom-left marquee {
        color: #f75d1f;
        padding: 8px 0 0;
        margin-left: 16px;
    }

#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;
}


/*---Switch button----*/

.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: 264px;
    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: 0px;
    transition: all 0.2s linear;
}

    .head-search.hoverHS {
        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: 15px;
    background-color: rgba(222, 70, 60, 0.8);
    position: relative;
    top: calc(100vh - 125px);
    z-index: 99999;
    left: calc(100% - 62px);
    border-radius: 50%;
    box-sizing: border-box;
    width: 55px;
    height: 55px;
}

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

    .notification-alert #spnCountReminder {
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        line-height: 18px;
        font-size: 13px;
        font-weight: 600;
        color: #222;
        background-color: #fabe3a;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        left: -2px;
        top: 4px;
        z-index: 999;
    }

    .notification-alert img {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-animation: swinging 0.5s ease-in-out forwards infinite;
        animation: swinging 0.5s ease-in-out forwards infinite;
        position: absolute;
        top: 16px;
        left: 16px;
    }

@-webkit-keyframes swinging {
    0% {
        -webkit-transform: rotate(10deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(10deg);
    }
}

@keyframes swinging {
    0% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(10deg);
    }
}


/**/

/*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: table-cell;
        width: 150px;
        height: 54px;
        vertical-align: middle;
    }

        .navbar-header .title img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            max-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: 3px;
    height: 54px;
}

.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;
            margin-top: 3px;
            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: 72px;
    }

    #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 .adl-btn {
    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,1);
}

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

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

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

    .loader-inner img {
        width: 50%;
    }
/*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;
    font-size: 9px;
    font-weight: 400;
    font-family: 'Open Sans';
    color: #777;
}

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

    .view-expand:before, .view-expand:after {
        content: "V";
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        transform: scale(2.3,1);
    }

    .view-expand:before {
        margin-top: -7px;
    }

    .view-expand:after {
        margin-top: -1px;
    }

    .view-collapse:before, .view-collapse:after {
        content: "V";
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        transform: scale(2.3,1) rotate(180deg);
    }

    .view-collapse:before {
        margin-top: -8px;
    }

    .view-collapse:after {
        margin-top: -2px;
    }
/**/
/*notifications*/
.dropdown.adl-toggle > ul > li.profile ul.toggle-body {
    padding: 10px 0px;
    width: 264px;
}

.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!important;
}

    .redBG1.adl-btn:hover {
        background-color: #d32210!important;
    }

.redFont1 {
    color: #ed2f1b!important;
}

.redBG2 {
    background-color: #fd5644!important;
}

    .redBG2.adl-btn:hover {
        background-color: #e43a27!important;
    }

.redFont2 {
    color: #fd5644!important;
}

.redBG3 {
    background-color: #ff786a!important;
}

    .redBG3.adl-btn:hover {
        background-color: #e6594a!important;
    }

.redFont3 {
    color: #ff786a!important;
}

.redBG4 {
    background-color: #ffa9a0!important;
}

    .redBG4.adl-btn:hover {
        background-color: #ea877d!important;
    }

.redFont4 {
    color: #ffa9a0!important;
}

.redBG5 {
    background-color: #ffccc7!important;
}

    .redBG5.adl-btn:hover {
        background-color: #ecaea8!important;
    }

.redFont5 {
    color: #ffccc7!important;
}

.bluBG1 {
    background-color: #1e75e1!important;
}

    .bluBG1.adl-btn:hover {
        background-color: #0e5fc3!important;
    }

.bluFont1 {
    color: #1e75e1!important;
}

.bluBG2 {
    background-color: #2f9ade!important;
}

    .bluBG2.adl-btn:hover {
        background-color: #1a84c8!important;
    }

.bluFont2 {
    color: #2f9ade!important;
}

.bluBG3 {
    background-color: #41a3ea !important;
}

    .bluBG3.adl-btn:hover {
        background-color: #2d8ed4!important;
    }

.bluFont3 {
    color: #41a3ea!important;
}

.bluBG4 {
    background-color: #58beff!important;
}

    .bluBG4.adl-btn:hover {
        background-color: #3ca4e6!important;
    }

.bluFont4 {
    color: #58beff!important;
}

.bluBG5 {
    background-color: #8cd2ff!important;
}

    .bluBG5.adl-btn:hover {
        background-color: #6ebaeb!important;
    }

.bluFont5 {
    color: #8cd2ff!important;
}

.bluBG6 {
    background-color: #c0e7ff!important;
}

    .bluBG6.adl-btn:hover {
        background-color: #a0d0ed!important;
    }

.bluFont6 {
    color: #c0e7ff!important;
}

.yeloBG1 {
    background-color: #ff8a00!important;
}

    .yeloBG1.adl-btn:hover {
        background-color: #dd7903!important;
    }

.yeloFont1 {
    color: #ff8a00!important;
}

.yeloBG2 {
    background-color: #ff9e2b!important;
}

    .yeloBG2.adl-btn:hover {
        background-color: #e88919!important;
    }

.yeloFont2 {
    color: #ff9e2b!important;
}

.yeloBG3 {
    background-color: #FFC71E!important;
}

    .yeloBG3.adl-btn:hover {
        background-color: #e9b30f!important;
    }

.yeloFont3 {
    color: #FFC71E!important;
}

.yeloBG4 {
    background-color: #fabe3a!important;
}

    .yeloBG4.adl-btn:hover {
        background-color: #e5aa29!important;
    }

.yeloFont4 {
    color: #fabe3a!important;
}

.yeloBG5 {
    background-color: #ffd86f!important;
}

    .yeloBG5.adl-btn:hover {
        background-color: #e9c154!important;
    }

.yeloFont5 {
    color: #ffd86f!important;
}

.yeloBG6 {
    background-color: #ffe9a5!important;
}

    .yeloBG6.adl-btn:hover {
        background-color: #e9d187!important;
    }

.yeloFont6 {
    color: #ffe9a5!important;
}

.pinkBG1 {
    background-color: #f23b8d!important;
}

    .pinkBG1.adl-btn:hover {
        background-color: #d72a78!important;
    }

.pinkFont1 {
    color: #f23b8d!important;
}

.pinkBG2 {
    background-color: #ff69ac!important;
}

    .pinkBG2.adl-btn:hover {
        background-color: #eb5196!important;
    }

.pinkFont2 {
    color: #ff69ac!important;
}

.pinkBG3 {
    background-color: #f77ab2!important;
}

    .pinkBG3.adl-btn:hover {
        background-color: #e6649e!important;
    }

.pinkFont3 {
    color: #f77ab2!important;
}

.pinkBG4 {
    background-color: #ffa9e6!important;
}

    .pinkBG4.adl-btn:hover {
        background-color: #ed8dd1!important;
    }

.pinkFont4 {
    color: #ffa9e6!important;
}

.pinkBG5 {
    background-color: #ffcdf9!important;
}

    .pinkBG5.adl-btn:hover {
        background-color: #edafe6!important;
    }

.pinkFont5 {
    color: #ffcdf9!important;
}

.greenBG1 {
    background-color: #22b641!important;
}

    .greenBG1.adl-btn:hover {
        background-color: #12992e!important;
    }

.greenFont1 {
    color: #22b641!important;
}

.greenBG2 {
    background-color: #48c963!important;
}

    .greenBG2.adl-btn:hover {
        background-color: #12992e!important;
    }

.greenFont2 {
    color: #48c963!important;
}

.greenBG3 {
    background-color: #5dc58a!important;
}

    .greenBG3.adl-btn:hover {
        background-color: #46ae73!important;
    }

.greenFont3 {
    color: #5dc58a!important;
}

.greenBG4 {
    background-color: #7ecfc8!important;
}

    .greenBG4.adl-btn:hover {
        background-color: #5cb4ac!important;
    }

.greenFont4 {
    color: #7ecfc8!important;
}

.greenBG5 {
    background-color: #90edb5!important;
}

    .greenBG5.adl-btn:hover {
        background-color: #72d599!important;
    }

.greenFont5 {
    color: #90edb5!important;
}

.purpleBG1 {
    background-color: #7535d6!important;
}

    .purpleBG1.adl-btn:hover {
        background-color: #6326bf!important;
    }

.purpleFont1 {
    color: #7535d6!important;
}

.purpleBG2 {
    background-color: #814fee!important;
}

    .purpleBG2.adl-btn:hover {
        background-color: #6a3ad2!important;
    }

.purpleFont2 {
    color: #814fee!important;
}

.purpleBG3 {
    background-color: #9e75f9!important;
}

    .purpleBG3.adl-btn:hover {
        background-color: #8259dc!important;
    }

.purpleFont3 {
    color: #9e75f9!important;
}

.purpleBG4 {
    background-color: #bb9cff!important;
}

    .purpleBG4.adl-btn:hover {
        background-color: #9272d9!important;
    }

.purpleFont4 {
    color: #bb9cff!important;
}

.purpleBG5 {
    background-color: #d4c0ff!important;
}

.purpleBG4.adl-btn:hover {
    background-color: #ac93e3!important;
}

.purpleFont5 {
    color: #d4c0ff!important;
}

/**/
/*under-maintenance*/
.um {
    background: url(../../images/adlNewImages/um-bg.jpg) repeat-x bottom center #7AD0E7;
    height: calc(100vh - 40px);
    text-align: center;
    position: relative;
}

    .um h1 {
        text-transform: uppercase;
        color: #fff140;
        font-size: 55px;
        line-height: 65px;
        text-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        margin-top: 10%;
        position: relative;
        z-index: 9;
    }

    .um p {
        margin: 20px 0;
        color: #fff;
        font-size: 21px;
        text-align: center;
        line-height: 32px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative;
        z-index: 9;
    }

    .um span {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -331px;
    }

.adl-um {
    position: absolute;
    right: 20px;
    top: 20px;
}
/**/


/*---Block Buttons ( to create large clickabel blocks having grey BG)---*/
.block-btns {
    border: 1px solid #eee;
    text-transform: uppercase;
    text-align: center;
    padding: 100px;
    font-size: 22px;
    color: #aaa;
    font-weight: 600;
    background-color: #f9f9f9;
    transition: all ease 0.2s;
}

    .block-btns:hover {
        font-size: 24px;
        box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1);
        cursor: pointer;
        border-color: #fff;
    }
/*end*/


/*Multi-Step wizard*/
.MSform {
    margin: 5px auto 30px;
    text-align: center;
    position: relative;
}
.MSform .steps {
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    /*stacking fieldsets above each other*/
    position: absolute;
}
/*Hide all except first fieldset*/
.MSform .steps:not(:first-of-type) {
    display: none;
}

/*progressbar*/
.MSform #progressbar {
    margin: 0 auto;
    overflow: visible;
    position: relative;
    z-index: 9;
    height: 35px;
    width: 400px;
    border-bottom: 1px solid #41a3ea;
}

.MSform #progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 33.33%;
    float: left;
    position: relative;
}

.MSform #progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

.MSform #progressbar li:before {
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
}

.MSform .steps .previous {
font-size: 18px;
font-weight: 600;
cursor: pointer;
padding: 10px;
margin: 8px 0 8px 0;
}

.trnsprntIcon .input-icon-calendar {
    background-color: transparent;
    border: none;
}

/*end*/


/*Card linked to Symbol*/
.LCcontainer {
    position: relative;
}

.linkedCard {
    position: relative;
    padding-left: 200px;
    font-size: 14px;
}

.LCcontainer + .LCcontainer {
    margin-top: 15px;
}

.LCsection {
    background-color: #f9f9f9;
    box-sizing: border-box;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 15px;
    position: relative;
}

    .LCsection + .LCsection {
        margin-top: 10px;
    }

    .LCsection .head-switch {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .LCsection .switch {
        margin-left: 2px;
    }

    .LCsection .head-switch span, .LCsection .switch {
        display: inline-block;
        margin-bottom: 16px;
    }

.linkedCard:before {
    content: '';
    width: 135px;
    height: 1px;
    border-top: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto auto auto 65px;
}

.linkedCard .LCprofile {
    width: 122px;
    height: 122px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(/Images/adlNewImages/profile-pic.jpg) center center no-repeat #ddd;
    background-size: 100%;
    box-sizing: border-box;
    border: 1px solid #eee;
}

.linkedCard .LCsymbol {
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    box-sizing: border-box;
    border: 2px solid #41a3ea;
    text-align: center;
}

.linkedCard .LCsymbolTitle {
    font-weight: 600;
    width: 75px;
    height: calc(50% - 42px);
    position: absolute;
    left: 25px;
    bottom: 0;
    margin: auto;
    text-align: center;
}

.linkedCard .LCsymbol img {
    margin: auto;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.linkedCard .LCprofile img {
    max-width: 100%;
}

.linkedCard .LCinfo {
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
    background-color: #fff;
}

    .linkedCard .LCinfo .LCinfoRow + .LCinfoRow {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #ededed;
    }

.linkedCard h1, .linkedCard h2, .linkedCard h3 {
    margin-bottom: 12px;
}

.linkedCard h1 {
    line-height: 1.3;
}

.linkedCard p {
    margin-bottom: 0;
}

.linkedCard h2 {
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.linkedCard h3 {
    color: #666;
    font-size: 18px;
}

.linkedCard .sprtrRow span + span {
    border-left: 1px solid #ddd;
    margin-left: 10px;
    padding-left: 10px;
}

.LCcontainer .edit {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 18px;
    color: #bbb;
    transition: all 0.1s ease-out;
    height:100%;
}

    .LCcontainer .edit:hover {
        color: #41a3ea;
        cursor: pointer;
        font-size: 22px;
    }

.LCcontainer .delete {
    position: absolute;
    right: 30px;
    top: 5px;
    font-size: 18px;
    color: #bbb;
    transition: all 0.1s ease-out;
}

    .LCcontainer .delete:hover {
        color: #41a3ea;
        cursor: pointer;
        font-size: 22px;
    }

.LCcontainer .toggle-body {
    padding-left: 200px;
}

.LCcontainer .editBox {
    font-size: 14px;
    padding: 10px;
    background-color: #f4f3f3;
    box-sizing: border-box;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);
}

/*for 2 column*/
.LCcontainer.col2 .linkedCard, .LCcontainer.col2 .toggle-body {
    padding-left: 110px;
}

.LCcontainer.col2 .LCsymbol {
    left: 0;
    width: 55px;
    height: 55px;
}

.LCcontainer.col2 .linkedCard:before {
    width: 55px;
    margin: auto auto auto 55px;
}

.LCcontainer.col2.right .linkedCard:before {
    margin: auto;
    width: 110px;
}


/*FactFinder*/
.FFmultistep {
    height: calc(100% - 100px);
}
.FFmultistep .profilePic {
    position: absolute;
}

#addCmodal h1 + .big {
    margin-top: 30px;
    font-size: 18px!important;
    font-weight: 600;
}

#addCmodal .steps .big {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px!important;
}

.MSform.FFmultistep #progressbar li:first-child:before {
    background: url(/Images/adlNewImages/personal-info.png) center center no-repeat;
    background-size: 45px;
}

.MSform.FFmultistep #progressbar li:nth-child(2):before {
    background: url(/Images/adlNewImages/occupation_inactive.png) center center no-repeat;
}

.MSform.FFmultistep #progressbar li.active:nth-child(2):before {
    background: url(/Images/adlNewImages/occupation.png) center center no-repeat;
}

.MSform.FFmultistep #progressbar li:nth-child(3):before {
    background: url(/Images/adlNewImages/identity_inactive.png) center center no-repeat;
}

.MSform.FFmultistep #progressbar li.active:nth-child(3):before {
    background: url(/Images/adlNewImages/identity.png) center center no-repeat;
}

/*end*/

/*Profile Picture*/
.profilePic {
    border-radius: 50%;
    background: url(/Images/adlNewImages/profile-pic.png) center bottom no-repeat #eee;
    background-size: 82%;
    height: 120px;
    width: 120px;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
}
.profilePic.link:hover {
    background-color: #e4f6ff;
    cursor: pointer;
    background-size: 90%;
}
.profilePic img {
    max-width: 100%;
}
/**/

/*section having left seperate left nav section (used in factfinder)*/
.navSection {
    position: relative;
    height: 100%;
}

    .navSection .Lnav {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        width: 80px;
        box-sizing: border-box;
        padding: 15px;
        height: calc(100vh - 35px);
    }

        .navSection .Lnav li a {
            text-align: center;
            color: #666;
            display: block;
            text-transform: uppercase;
            font-size: 11px;
            line-height: 13px;
        }

            .navSection .Lnav li a .icon {
                border: 1px solid #888;
                box-sizing: border-box;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                margin: 0 auto;
                position: relative;
                transition: all 0.2s;
            }

            .navSection .Lnav li a:hover {
                color: #41a3ea;
                cursor: pointer;
            }

                .navSection .Lnav li a:hover .icon {
                    border-color: #41a3ea;
                    transform: scale(0.9);
                }

            .navSection .Lnav li a.active, .navSection .Lnav li a.active .icon {
                border-color: #41a3ea;
                color: #41a3ea;
                outline: none;
            }

            .navSection .Lnav li a:active {
                outline: none;
            }

        .navSection .Lnav li + li {
            margin-top: 15px;
        }

    .navSection .Rpages {
        padding-left: 100px;
        box-sizing: border-box;
        height: calc(100vh - 35px);
    }

        .navSection .Rpages .Rcontent {
            background-color: #fff;
            height: 100%;
        }

        .navSection .Rpages .font16 {
            border-bottom: 2px solid #41a3ea;
            padding-bottom: 20px;
            margin-bottom: 40px;
        }

    .navSection .Lnav li a .icon.contact {
        background: url(/images/adlNewImages/contact_grey.png) no-repeat center center;
    }

    .navSection .Lnav li a:hover .icon.contact, .navSection .Lnav li a.active .icon.contact {
        background: url(/images/adlNewImages/contact_blue.png) no-repeat center center;
    }

    .navSection .Lnav li a .icon.hAddress {
        background: url(/images/adlNewImages/home_address_grey.png) no-repeat center 5px;
    }

    .navSection .Lnav li a:hover .icon.hAddress, .navSection .Lnav li a.active .icon.hAddress {
        background: url(/images/adlNewImages/home_address_blue.png) no-repeat center 5px;
    }

    .navSection .Lnav li a .icon.mAddress {
        background: url(/images/adlNewImages/mail_address_grey.png) no-repeat center center;
    }

    .navSection .Lnav li a:hover .icon.mAddress, .navSection .Lnav li a.active .icon.mAddress {
        background: url(/images/adlNewImages/mail_address_blue.png) no-repeat center center;
    }

    .navSection .Lnav li a .icon.ofcAddress {
        background: url(/images/adlNewImages/office_address_grey.png) no-repeat center 5px;
    }

    .navSection .Lnav li a:hover .icon.ofcAddress, .navSection .Lnav li a.active .icon.ofcAddress {
        background: url(/images/adlNewImages/office_address_blue.png) no-repeat center 5px;
    }

    .navSection .Lnav li a .icon.otrAddress {
        background: url(/images/adlNewImages/other_address_grey.png) no-repeat center center;
    }

    .navSection .Lnav li a:hover .icon.otrAddress, .navSection .Lnav li a.active .icon.otrAddress {
        background: url(/images/adlNewImages/other_address_blue.png) no-repeat center center;
    }

    .navSection .Lnav li a .icon.options {
        background: url(/images/adlNewImages/options_grey.png) no-repeat 6px center;
    }

    .navSection .Lnav li a:hover .icon.options, .navSection .Lnav li a.active .icon.options {
        background: url(/images/adlNewImages/options_blue.png) no-repeat 6px center;
    }

    .navSection .Lnav li a .icon.social {
        background: url(/images/adlNewImages/social_address_grey.png) no-repeat 6px 6px;
    }

    .navSection .Lnav li a:hover .icon.social, .navSection .Lnav li a.active .icon.social {
        background: url(/images/adlNewImages/social_address_blue.png) no-repeat 6px 6px;
    }

    .navSection .Lnav li a .icon.notes {
        background: url(/images/adlNewImages/notes_grey.png) no-repeat center center;
    }

    .navSection .Lnav li a:hover .icon.notes, .navSection .Lnav li a.active .icon.notes {
        background: url(/images/adlNewImages/notes_blue.png) no-repeat center center;
    }

/*end*/


/*info list (used in facfinder > entities popup)*/
.infolist{
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fff;
}

    .infolist + .infolist {
        margin-top: 10px;
    }

    .infolist .iconCircle {
        font-size: 13px;
        font-weight: bold;
    }
/*end*/

/*expand row table (in Fofa)*/
.adl-table.expandRowTbl tr.expandRow > td {
    padding: 0!important;
}

.adl-table.expandRowTbl .expandRow > td .adl-table:first-child {
    border: none!important;
    margin-bottom: -1px;
}

    .adl-table.expandRowTbl .expandRow > td .adl-table:first-child td {
        border-left: none!important;
        border-top: none!important;
    }

        .adl-table.expandRowTbl .expandRow > td .adl-table:first-child td:last-child {
            border-right: none!important;
            border-top: none!important;
        }

.adl-table.expandRowTbl .expandRow .expandChild .adl-table tr th:first-child {
    border-left: none!important;
}

.adl-table.expandRowTbl .expandRow .expandChild .adl-table tr th:last-child {
    border-right: none!important;
}

.adl-table.expandRowTbl .expandRow .expandChild .adl-table tr td {
    background-color: #f8f9fa;
}
/**/
/*Choose/Import/Select/Browse file*/
.choose-btn {
    color: transparent;
    width: 100%;
}

    .choose-btn::-webkit-file-upload-button {
        visibility: hidden;
    }

    .choose-btn::before {
        content: 'Choose File';
        background: #fff;
        color: #666;
        border: 1px solid #ccc;
        padding: 4px 20px 4px 20px;
        font-weight: 600;
        font-family: 'Open Sans';
        cursor: pointer;
        line-height: 1.42857;
        text-align: center;
        vertical-align: middle;
        font-size: 13px;
        display: block;
    }

    .choose-btn:hover::before {
        border-color: #41a3ea;
        color: #41a3ea!important;
    }

    .choose-btn:active {
        outline: 0;
    }
/**/
/*warning popup*/
#wrnigModal .adl-modal-header {
    height: 60px;
    padding: 10px;
    background-color: #41a3ea;
    border-bottom: none;
    margin-bottom: 10px;
}

    #wrnigModal .adl-modal-header .adl-modal-title {
        float: none;
        text-align: center;
        color: #fff;
        font-size: 22px;
        font-variant: normal;
        margin-top: 10px;
    }

    #wrnigModal .adl-modal-header .adl-modal-icon {
        position: absolute;
        left: 20px;
        top: 10px;
        width: 82px;
        height: 86px;
        cursor: default;
    }

        #wrnigModal .adl-modal-header .adl-modal-icon.warningIcon {
            background: url(Images/adlNewImages/warning.png) left top no-repeat;
        }

#wrnigModal .adl-modal-body {
    padding: 20px;
    clear: both;
    display: block;
    overflow: hidden;
}

#wrnigModal h2, #wrnigModal h4 {
    line-height: 40px;
}

#wrnigModal h2 {
    color: #e6594a!important;
    font-weight: 600!important;
}

#wrnigModal h4 {
    color: #666!important;
}

#wrnigModal .adl-btn {
    min-width: 200px;
    margin-left: 5px;
    margin-right: 5px;
}
/**/
/*Add button ( + inside Circle )*/
.add {
    position: relative;
    text-align: center;
    height: 100%;
}

.addCntnr {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 200px;
}

.addbtn {
    font-size: 42px;
    color: #ccc;
    display: block!important;
    cursor: pointer;
    border: 2px solid #ccc;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    text-align: center;
    padding-top: 13px;
    transition: all 0.2s;
}

    .addbtn:hover {
        transform: scale(0.7,0.7) rotate(90deg);
        background-color: #41a3ea;
        color: #fff;
        border-color: #41a3ea;
    }
/**/
/*tick*/
.MSform.tick #progressbar {
    border-bottom: none!important;
    height: 40px;
    margin: 0 0 20px;
}

    .MSform.tick #progressbar li:before {
        content: "\2714";
        width: 36px;
        height: 36px;
        line-height: 36px;
        font: normal 21px/35px arial;
        color: #fff;
        background-color: #ccc;
        background-image: none;
        border-radius: 50%;
        border: 2px solid #eee;
        margin: 0 auto;
    }

    .MSform.tick #progressbar li:after {
        content: '';
        width: 100%;
        height: 3px;
        background: #ddd;
        position: absolute;
        left: -50%;
        top: 18px;
        z-index: -1;
    }

    .MSform.tick #progressbar li:first-child:after {
        content: none;
    }

    .MSform.tick #progressbar li {
        width: 10%;
    }

        .MSform.tick #progressbar li.active:before {
            background-color: #41a3ea;
        }
/**/
/*stages-route*/
.stages-route .route {
    float: left;
    width: 100%;
}

    .stages-route .route::before {
        width: 100%;
        height: 4px;
        content: '';
        background-color: #ecf0f3;
        display: block;
        margin-top: 30px;
        margin-bottom: -30px;
    }

    .stages-route .route .stage-done::before {
        width: 100%;
        margin-left: -50%;
        height: 4px;
        content: '';
        background-color: #42c35e;
        display: block;
        margin-top: 26px;
        margin-bottom: -30px;
        z-index: 999;
    }

    .stages-route .route .stage-done.stage-done-first::before {
        width: 50%;
        margin-left: 5px;
    }

    .stages-route .route .stage-done.stage-done-last::before {
        width: 50%;
        margin-left: calc(50% + 15px);
    }

.stages-route {
    position: relative;
}

.stage {
    display: inline-block;
    width: 19.5%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    height: 70px;
}

    .stage span {
        border-radius: 50%;
        border: 2px solid #f5f6f8;
        display: inline-block;
        color: #fff;
        text-align: center;
        position: relative;
        z-index: 9;
    }

    .stage .title {
        color: #41a3ea !important;
        font-size: 14px;
        font-weight: 600;
        position: absolute;
        bottom: 5px;
        text-align: center;
        width: 100%;
    }

    .stage span.done {
        background-color: #42c35e;
        width: 35px;
        height: 35px;
        font: normal 21px/35px arial;
        margin-top: 7px;
    }

    .stage span.running {
        background-color: #42c35e;
        width: 50px;
        height: 50px;
        font: bold 32px/35px Georgia, "Times New Roman", Times, serif;
    }

    .stage span.pending {
        background-color: #ddd;
        width: 35px;
        height: 35px;
        margin-top: 7px;
    }

        .stage span.pending + .title {
            margin-top: 8px;
        }

.stages-route .start {
    background-color: #42c35e;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #f5f6f8;
    position: absolute;
    left: 10px;
    top: 24px;
}

.stages-route .end {
    background-color: #ddd;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #f5f6f8;
    position: absolute;
    right: 10px;
    top: 24px;
}
/**/
/*Stage Route AddNew - can be centered by width managing*/
.stageCntnr {
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    width: 97%;
    margin: 20px auto 0;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05);
    z-index: 999999;
    position: absolute;
    left: 0;
    right: 0;
}

.stageCntnr .stages-route {
    width: 725px;
    float: none;
    margin: auto;
    height: 73px;
    box-sizing: border-box;
    background-color: #f6f6f6;
    margin-top: 15px;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
}

.stageCntnr .stage {
    width: 85px;
    position: absolute;
}

.stageCntnr .stage.left {
    left: 8px;
    width:95px!important
}

.stageCntnr .stage.right {
    right: 8px;
    width:95px!important
}

.stageCntnr .stage.center {
    left: 0;
    right: 0;
    margin: auto;
}

.stageCntnr .stage span {
    border-color: #fff;
    background-color: #d4d3d3;
}

.stageCntnr .stage span.done {
    background-color: #41a3ea!important;
    cursor: pointer;
}

.stageCntnr .stage.sub {
    position: static;
    width: 30px;
}
.stageCntnr .stage.sub span {
    width: 30px;
    height: 30px;
    margin-top: 14px;
    border: none;
    background-size: 18px;
}

.stageCntnr .stages-route .route::before {
    background-color: #ddd;
    width: calc(100% - 75px);
    height: 2px;
    margin-left: auto;
    margin-right: auto;
}

.stage.sub {
    margin-left: 50px;
}

.stage.sub:nth-last-child(4n+0) {
    margin-left: 102px!important;
}

.stageCntnr .stage.sub span.prsnl {
    background: url(/Images/adlNewImages/personal_small.png) center center no-repeat #d4d3d3;
}

.stageCntnr .stage.sub span.eplmt {
    background: url(/Images/adlNewImages/business_small.png) center center no-repeat #d4d3d3;
}

.stageCntnr .stage.sub span.idty {
    background: url(/Images/adlNewImages/identity_small.png) center center no-repeat #d4d3d3;
}
/*Two Step Verification */

.step-verification-body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #166fae;
    background: -moz-linear-gradient(top, #166fae 0%, #0d5181 100%);
    background: -webkit-linear-gradient(top, #166fae 0%, #0d5181 100%);
    background: linear-gradient(to bottom, #166fae 0%, #0d5181 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166fae', endColorstr='#0d5181', GradientType=0 );
}
.step-verification {
    background: #fff;
    color: #666;
    font-size: 14px;
    padding: 20px;
    margin: 0 auto;
    width: 326px;
    border-radius: 8px;
    box-shadow: 0 0px 15px rgba(0,0,0,0.3);
}
.lc-head {
    color: #cb3939;
    margin-top: 4px;
    margin-bottom: 10px;
    font-family: 'Open Sans';
}
.lc-msg-verify {
    font-weight: 600;
    font-family: 'Open Sans';
    text-align: center;
    padding: 16px 16px 0;
}
.pwd-change-msg {
    font-weight: 600;
    font-family: 'Open Sans';
    text-align: center;
    padding: 6px 0;
}
.lc-verify-button {
    margin: 42px 0 6px;
    min-width: 154px;
}
/*pwd-change-msg lc-msg-verify*/
/*password changed 2 step verification*/
/*.lc-pwd-head{}*/
.pwd-change-verify {
    width: 343px !important;
}
.pwd-change-group {
    padding: 10px;
    border: solid 1px #b9bbba;
    margin: 8px 0;
    border-radius: 4px;
    font-weight: 600;
    display:table;
    width:100%;
    box-sizing:border-box;
}

.pwd-change-group > div{
    display:table-cell;
        font-size: 13px;
    color: #929292;
    box-sizing:border-box;
        padding-left: 10px;
}
.pwd-change-group .adl-radio{ 
    width: 20px;
                position:relative;
}
.pwd-change-group .adl-radio input[type="radio"]{ 
position:absolute;
}
.pwd-change-group .adl-radio label{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 18px;
    padding-left: 20px;
}
.pwd-change-group .adl-radio label::before {
    margin-left:0px;
}
.pwd-change-group .adl-radio label::after {
    margin-left:0px;
}
.pwd-change-email{
    background-image:url(/Images/adlNewImages/twoStepVerification/mail.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
                }
.pwd-change-mobile{
    background-image:url(/Images/adlNewImages/twoStepVerification/mobile.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
                }
.pwd-change-google{

    background-image:url(/Images/adlNewImages/twoStepVerification/google_authenticator.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
                }
                /*--*/
                .enterOPT{    text-align: center;
    padding: 24px 0 4px;}

.enterOPT-text{
        border: none;
    padding: 12px 10px 0px;
    font-size: 36px;
    letter-spacing: 3px;
    border-bottom: solid 1px #41a3ea;
    width: 165px;
    margin: 0 auto;
    text-align: center;
    color: #666;
    }
                    /*--*/

/*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;
}

/*notification center*/
.dropdown.adl-toggle ul .notification ul.list_content{
    right:-400px;
    display:block!important;
    transition:all 0.3s ease-in-out 0s
}
.notification .toggle-menu.active +  ul.list_content{
    right:0!important;
}


.dropdown.adl-toggle ul .notification ul{
    height: calc(100vh - 61px);
    width:380px;
    padding:0;
    max-height: none;
    position:fixed
}
.dropdown.adl-toggle ul .notification ul li{
    position:relative;
    height:100%
}

/*end*/


/*bday widget wish block*/

    .wishesBlock{
    margin: 0;
    position: absolute;
    color: #666666;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.25);
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.25);
    width: 400px;
    z-index: 9999;
    right:2px;
    top:20%;
    display:none;
}
    .wishesBlock:after{
    position: absolute;
    content: " ";
    top: 40%;
    left: -12px;
    opacity: 1;
    z-index: 9999;
    background: url(../Images/adlNewImages/icon-sprite-sheet.png) no-repeat -103px -358px;
    display: block;
    height: 20px;
    width: 20px;
}
    .wishesBlock .close-ico{
    transform: scale(0.75);
    position: absolute;
    right: 5px;
    top: 5px;
    }
    .wishesBlock .adl-textarea{
        height:70px
    }
    #UpcomingBirthdayScroll .row-icons2 .adl-parent:first-child{
        margin-right:5px
    }
     #UpcomingBirthdayScroll .row-icons2 .adl-parent:first-child img{
        margin-bottom: -8px!important;
     }
/**/
/*multilevel list- used in Database Segmentation*/
.listMulti > li{
    padding:8px;
    font-weight:600
}
.listMulti > li > a{
    margin-right:5px
}
.listMulti > li > a:hover{
    color:#666
}
.listMulti > li + li{
    border-top:1px solid #eee;
}
.listSub{
    padding-left:25px;
    margin-top:5px;
}
.listSub li{
    padding:5px 0
}
.listSelected > li{
    padding:8px;
    font-weight:600;
    border-bottom:1px solid #eee;
}
.listSelected > li:hover{
    cursor:move;
    color:#41a3ea
}
/**/
/*---query builder::after used in 
    ---*/
.adl-query-builder{
    margin:10px;
    clear:both
}
.adl-query-builder .rule-container,.adl-query-builder .rule-placeholder,.adl-query-builder .rules-group-container{
position:relative;
margin:4px 0;
padding:5px;
border:1px solid #e5f2ff;
background:#e5f2ff
}
.adl-query-builder .rule-container .rule-filter-container,.adl-query-builder .rule-container .rule-operator-container,.adl-query-builder .rule-container .rule-value-container{
display:inline-block;
margin:0 5px 0 0;
vertical-align:middle
}
.adl-query-builder .rules-group-container{
padding:10px 10px 6px;
border:1px solid #e5f2ff;
background:#fff
}
.adl-query-builder .rules-group-container .rules-group-header{
margin-bottom:10px}
.adl-query-builder .rules-group-container .rules-group-header input[name$=_cond]{
display:none
}
.adl-query-builder .rules-group-container .rules-list{
list-style:none;
padding:0 0 0 15px;
margin:0
}
.adl-query-builder .rule-container .rule-value-container label{
margin-bottom:0;
font-weight:400
}
.adl-query-builder .rule-container .rule-value-container label.block{
display:block
}
.adl-query-builder .rules-list>:after,.adl-query-builder .rules-list>:before{
    content:'';
    position:absolute;
    left:-30px;
    width:30px;
    height:calc(50% + 4px);
    border-color:#ccc;
    border-style:dotted
}
.adl-query-builder .rules-list>:before{
top:-4px;
border-width:0 0 2px 2px
}
.adl-query-builder .rules-list>:after{
top:50%;
border-width:0 0 0 2px;
}
.adl-query-builder .rules-list>:first-child:before{
top:-11px;
height:calc(50% + 14px);
    box-sizing:border-box
}
.adl-query-builder .rules-list>:last-child:before{
    box-sizing:border-box
}
.adl-query-builder .rules-list>:last-child:after{
display:none
}
/**/


/*sliding label field*/
.adl-form-group.slideLabel .form-control.filled + label{
  margin-top: -16px;
  font-size:12px
}

.adl-form-group.slideLabel .form-control{
    position: relative;
    z-index: 2;
}

.adl-form-group.slideLabel .control-label, .slideLabel.form-control-label { 
  position: absolute;
  top: 5px;
  left: 10px;
  transition: 0.2s;
  font-weight:600
}

.adl-form-group.slideLabel select{
    padding-left:0
}
.adl-form-group.slideLabel input{
    padding-left:3px
}
/**/


/* Sub Transcation Css Starts*/

.subTransactionWrap .headingWrap h4 {
    color: #1a1a1a;
}

.subTransactionWrap .subTransactionHeader .headPlus {
    font-size: 20px;
    color: #40a2e9;
    cursor: pointer;
}

.subTransactionWrap .subTransactionHeader .folderIconWrap {
    margin-top: 5px;
}

    .subTransactionWrap .subTransactionHeader .folderIconWrap span.headFolder {
        color: #ecc12a;
    }

.subTransactionWrap .subTransactionHeader .sbTransactionSearch {
    position: absolute;
    bottom: 8px;
    left: 5px;
    color: #d2dade;
}

.subTransactionWrap .subTransactionHeader .form-control {
    width: 300px;
    border: 1px solid #d2dade;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    padding: 5px 20px;
    font-size: 12px;
    color: #999;
    transition: all .3s;
    height: auto;
    font-family: Roboto,sans-serif;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.transactionBody {
    background-color: #f4f8f9;
}

.gridBodyWrap .gridBody .gridRow.cellFlexParent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: stretch;
    -webkit-box-pack: center;
    justify-content: center;
}

    .gridBodyWrap .gridBody .gridRow.cellFlexParent .cell {
        background-color: #fff;
        line-height: 14px;
        padding: 15px;
    }

        .gridBodyWrap .gridBody .gridRow.cellFlexParent .cell.cellFlex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            -webkit-box-align: center;
            align-items: center;
        }

.gridBodyWrap .gridBody .gridRow {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    position: relative;
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    margin: 0px 0px 3px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -ms-transition: all 0.25s;
    letter-spacing: 0.2px;
    padding: 0px;
    font-weight: normal;
    font-size: 13px;
}

.width5 {
    width: 5%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    min-height: 1px;
}

.gridBodyWrap .gridBody .gridRow .cell label.blueB::before {
    border: 1px solid #40a2e9;
}

.gridBodyWrap .gridBody .gridRow .cell [type="checkbox"].adl-checkbox:checked + label.blueB:before {
    background: #40a2e9;
}

.gridBodyWrap .gridBody .gridRow .cell [type="checkbox"].adl-checkbox:checked + label.blueB:after {
    color: #fff;
}
/* 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;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -ms-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;
    text-align: center
}

    .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: 0
    }

.slideIcon {
    margin-right: 5px;
    width: 30px;
    height: 30px
}

    .slideIcon img {
        max-width: 100%;
        max-height: 100%
    }

.vCenter {
    display: flex;
    align-items: center;
}

#sbTransaction .adl-modal-footer .transactionBtnWrap button {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
}

.transactionModal .modalClose {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #e74c3c;
    color: #fff;
    cursor: pointer;
}

    .transactionModal .modalClose:hover {
        background-color: #cf3d2e;
    }

.transactionModal .adl-modal-content {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
}

.subTransactionBody .gridBodyWrap {
    height: calc(100vh - 100px);
}

.subTransactionWrap .subTransactionHeader .folderIconWrap + div {
    padding: 2px;
}
/* Ends */
.gridBodyWrap .gridBody .gridRow:hover {
    box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}

.gridBodyWrap .gridBody {
    padding-top: 10px;
}
/* Sub Transcation Css Ends*/
/**/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait), (max-width : 768px) {
    .subTransacationBody .gridHeadWrap {
        line-height: 14px;
    }
}