/* GLOBAL STRUCTURE*/

    @font-face {
        font-family: 'Glyphicons Halflings';
        src: url('/fonts/glyphicons-halflings-regular.eot');
        src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
    }

    /*HTML STRUCTURE*/

    html,
    body {
        height: 100%;
        /* font-family: 'Noto Sans SC', "Helvetica Neue", Helvetica, Arial, sans-serif; */
        font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        font-weight: 100;
    }

    body.offset-50 { padding-top: 50px; }
    body.offset-50 { padding-top: 60px; }

    /*HTML STRUCTURE END*/

    /*APP STRUCTURE*/

    /* APP MAIN */
    .modal-subnav,
    .app-subnav {
        padding-bottom: 15px;
        border-bottom: 1px solid #dedede;
        margin-bottom: 30px;
    }

    .app-main-content,
    .app-main-title,
    .app-subnav .app-subnav-inner,
    .app-subnav .nav-tabs {
        max-width: 1300px;
        margin: 0 auto;
        padding-left: 30px;
        padding-right: 30px;
    }

    .app-main-content .app-subnav{
        margin-bottom: 15px;
    }

    .app-main-content .app-subnav .app-subnav-inner{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;

    }

    .app-main-content .app-subnav.app-subnav-tight{ margin-bottom: 0; }

    .app-main-content .app-subnav { border-bottom: none; }

    @media screen and (max-width:767px) {
        .app-main-content,
        .app-main-title,
        .app-subnav .app-subnav-inner,
        .app-subnav .nav-tabs {
            padding-left: 0;
            padding-right: 0;
        }
    }

    .app-subnav .app-subnav-inner .nav-tabs {
        padding-left: 0;
        padding-right: 0;
    }

    .app-main-title { margin-bottom: 24px; }


    @media screen and (max-width: 767px) {
        .app-main-content,
        .app-main-title,
        .app-subnav .nav-tabs {
            max-width: 1300px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 15px;
            padding-right: 15px;
        }

        .app-subnav {
            padding-left: 15px;
            padding-right: 15px;
            margin-top: 24px;
        }

        .app-navbar .navbar-brand { padding-left: 15px !important; }
    }

    .app-admin-edit-content .navbar .container,
    .app-admin-view-content .navbar .container,
    .app-admin .navbar .container,
    .app-users .navbar .container {
        width: 100%;
        max-width: 1300px;
    }

    @media screen and (max-width: 767px) {
        .app-users .row-offcanvas-left,
        .app-admin-edit-content .row-offcanvas-left,
        .app-admin-view-content .row-offcanvas-left {
            left: 0;
        }
    }

    @media screen and (max-width: 767px) {
        .app-users .app-subnav,
        .app-admin-edit-content .app-subnav,
        .app-admin-view-content .app-subnav {
            margin-top: 0;
        }
    }

    .app-view-navbar-wrap {
        max-width: 1300px;
        margin: 0 auto;
    }

    @media screen and (max-width: 767px) {
        .app-main-content,
        .app-main-title,
        .app-subnav .nav-tabs {
            max-width: 1300px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 15px;
            padding-right: 15px;
        }

        .app-subnav {
            padding-left: 15px;
            padding-right: 15px;
        }

        .app-main-content .app-subnav{
            padding-left: 0;
            padding-right: 0;
        }

        .app-navbar .navbar-brand { padding-left: 15px !important; }
    }

    .app-subnav + .alert
    .app-subnav + .app-alert .alert,
    .app-subnav + .app-alert.alert{
        margin-top: 0;
    }

    .set-col-5p-bottom>[class*="col-"] { margin-bottom: 5px; }
    .set-col-10p-bottom>[class*="col-"] { margin-bottom: 10px; }
    .set-col-15p-bottom>[class*="col-"] { margin-bottom: 15px; }
    .set-col-20p-bottom>[class*="col-"] { margin-bottom: 20px; }
    .set-col-25p-bottom>[class*="col-"] { margin-bottom: 25px; }
    .set-col-30p-bottom>[class*="col-"] { margin-bottom: 30px; }

    .set-col-15p-top>[class*="col-"] { margin-top: 15px; }
    .set-col-15p-top-flush{ margin-top: -15px; }
    .set-col-15p-top-flush>[class*="col-"] { padding-top: 15px; }

    .set-col-pad-30p-bottom>[class*="col-"] { padding-bottom: 30px; }


    @media screen and (max-width:767px) {
        .clearfix-xs:before,
        .clearfix-xs:after {
            content: " ";
            display: table;
        }

        .clearfix-xs:after { clear: both; }
        .set-col-5p-bottom-xs>[class*="col-"] { margin-bottom: 5px; }
        .set-col-10p-bottom-xs>[class*="col-"] { margin-bottom: 10px; }
        .set-col-15p-bottom-xs>[class*="col-"] { margin-bottom: 15px; }
        .set-col-20p-bottom-xs>[class*="col-"] { margin-bottom: 20px; }
        .set-col-25p-bottom-xs>[class*="col-"] { margin-bottom: 25px; }
        .set-col-30p-bottom-xs>[class*="col-"] { margin-bottom: 30px; }
        .text-left-xs { text-align: left; }
        .text-center-xs { text-align: center; }
        .text-right-xs { text-align: right; }
        .remove-pull-xs { float: none !important; }
        .pad-b-15-xs { padding-bottom: 15px }
        .center-block-xs  { margin-left: auto; margin-right: auto; }
        .remove-center-block-xs  { margin-left: 0; margin-right: 0; }
        .disp-ib-xs{display: inline-block !important}
        .mrg-r-0-xs{margin-right: 0 !important;}
        .pull-right-xs{float: right;}
        .row.row-buttons.set-col-5p-bottom-xs>[class*="col-"]:last-of-type,
        .row.row-buttons.set-col-10p-bottom-xs>[class*="col-"]:last-of-type,
        .row.row-buttons.set-col-15p-bottom-xs>[class*="col-"]:last-of-type,
        .row.row-buttons.set-col-20p-bottom-xs>[class*="col-"]:last-of-type,
        .row.row-buttons.set-col-25p-bottom-xs>[class*="col-"]:last-of-type,
        .row.row-buttons.set-col-30p-bottom-xs>[class*="col-"]:last-of-type { margin-bottom: 0; }

        .form-group .set-col-5p-bottom-xs>[class*="col-"]:last-of-type ,
        .form-group .set-col-10p-bottom-xs>[class*="col-"]:last-of-type ,
        .form-group .set-col-15p-bottom-xs>[class*="col-"]:last-of-type ,
        .form-group .set-col-20p-bottom-xs>[class*="col-"]:last-of-type ,
        .form-group .set-col-25p-bottom-xs>[class*="col-"]:last-of-type ,
        .form-group .set-col-30p-bottom-xs>[class*="col-"]:last-of-type{ margin-bottom: 0; }

    }

    @media screen and (min-width: 768px) and (max-width: 991px) {
        .set-col-5p-bottom-sm>[class*="col-"] { margin-bottom: 5px; }
        .set-col-10p-bottom-sm>[class*="col-"] { margin-bottom: 10px; }
        .set-col-15p-bottom-sm>[class*="col-"] {  margin-bottom: 15px; }
        .set-col-20p-bottom-sm>[class*="col-"] {  margin-bottom: 20px; }
        .set-col-25p-bottom-sm>[class*="col-"] { margin-bottom: 25px; }
        .set-col-30p-bottom-sm>[class*="col-"] { margin-bottom: 30px; }
        .remove-btn-block-xs  { display: inline !important }
        .center-block-sm  { margin-left: auto; margin-right: auto; }
        .remove-center-block-sm  { margin-left: 0; margin-right: 0; }
        .text-left-sm { text-align: left; }
        .text-center-sm { text-align: center; }
        .text-right-sm { text-align: right; }
        .remove-pull-sm { float: none !important; }
        .pad-b-15-sm { padding-bottom: 15px }    .disp-ib-sm{display: inline-block !important}
        .mrg-r-0-sm{margin-right: 0 !important;}
        .pull-right-sm{float: right;}

        .clearfix-sm:before,
        .clearfix-sm:after {
            content: " ";
            display: table;
        }

        .clearfix-sm:after { clear: both; }

        .row.row-buttons.set-col-5p-bottom-sm>[class*="col-"]:last-of-type,
        .row.row-buttons.set-col-10p-bottom-sm>[class*="col-"]:last-of-type,
        .row.row-buttons.set-col-15p-bottom-sm>[class*="col-"]:last-of-type,
        .row.row-buttons.set-col-20p-bottom-sm>[class*="col-"]:last-of-type,
        .row.row-buttons.set-col-25p-bottom-sm>[class*="col-"]:last-of-type,
        .row.row-buttons.set-col-30p-bottom-sm>[class*="col-"]:last-of-type { margin-bottom: 0; }

    }

    @media screen and (max-width: 992px) and (max-width: 1199px) {
        .remove-pull-md { float: none !important; }
    }

    .row-valign-ib.row-valign-ib-middle .valign-col {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .row-valign-ib.row-valign-ib-top .valign-col {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    .row-valign-ib.row-valign-ib-bottom .valign-col {
        display: inline-block;
        vertical-align: bottom;
        float: none;
    }

    @media screen and (max-width: 767px) {
        .row-valign-ib.row-valign-ib-middle .valign-col,
        .row-valign-ib.row-valign-ib-top .valign-col,
        .row-valign-ib.row-valign-ib-bottom .valign-col {
            display: block;
            float: none;
        }
    }

    .css-col-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .css-col-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .css-col-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }

    .css-col--set-pad-b-10 > div{
        padding-bottom: 10px;
    }

    .css-col--set-pad-b-10{
        margin-bottom: -10px;
    }

    .w-50-perc { width: 50%; }

    .col-xs-auto,
    .col-xs-auto[class*="col-"] {
        width: auto;
        float: none;
    }

    @media screen and (min-width: 1201px) {
        .col-lg-auto,
        .col-lg-auto[class*="col-"] {
            width: auto;
            float: none;
        }
    }

    @media screen and (min-width: 993px) {
        .col-md-auto,
        .col-md-auto[class*="col-"] {
            width: auto;
            float: none;
        }
    }

    @media screen and (min-width: 768px) {
        .col-sm-auto,
        .col-sm-auto[class*="col-"] {
            width: auto;
            float: none;
        }
    }

    @media screen and (max-width: 767px) {
        .text-left-xs { text-align: left; }
        .text-center-xs { text-align: center;}
        .text-right-xs { text-align: right; }
    }

    @media screen and (min-width:481px) and (max-width: 767px) {
        .text-left-ms { text-align: left; }
        .text-center-ms { text-align: center; }
        .text-right-ms { text-align: right; }
    }

    .pos-abs { position: absolute; }
    .pos-rel { position: relative; }
    .l-0 { left: 0; }

    .container-fluid.maxw-680 {
        max-width: 680px;
        margin-left: 0;
        margin-right: 0;
    }

    .container-fluid.maxw-780 {
        max-width: 780px;
        margin-left: 0;
        margin-right: 0;
    }

    .container-fluid.maxw-880 {
        max-width: 880px;
        margin-left: 0;
        margin-right: 0;
    }

    .app-title-row {
        max-width: 1300px;
        margin-left: 0;
        margin-right: 0;
    }

    .w-100-perc { width: 100%; }
    /*APP STRUCTURE END1*/

    /* ROW TABLE */
    .row.row-table {
        display: table;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .row.row-table.row-table-fixed {
        table-layout: fixed;
    }

    .row.row-table.row-table-w-auto {
        width: auto;
    }

    .row.row-table>[class*='col-'] {
        display: table-cell;
        float: none;
    }

    .row.row-table>.row-table-row-nested{
        display: table-row;
    }

    .row.row-table>.row-table-row-nested>[class*='col-'] {
        display: table-cell;
        float: none;
    }

    .row.row-table>[class*='col-'].col-100 { width: 100px; }
    .row.row-table>[class*='col-'].col-150 { width: 150px; }
    .row.row-table>[class*='col-'].col-auto { width: auto; }
    .row.row-table>[class*='col-']:first-child { padding-left: 0; }
    .row.row-table>[class*='col-']:last-of-type { padding-right: 0; }
    .row.row-table>[class*='col-']:last-child { padding-right: 0; }

    .row.row-table.v-bottom,
    .row.row-table.v-bottom>[class*='col-'] { vertical-align: bottom; }

    .row.row-table,
    .row.row-table>[class*='col-'],
    .row.row-table.v-top,
    .row.row-table.v-top>[class*='col-'] { vertical-align: top; }

    .row.row-table.v-mid,
    .row.row-table.v-mid>[class*='col-'] { vertical-align: middle; }

    .row-table-group.row-table-group-item-border-bottom .row-table-group-item {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    .row-table-group.row-table-group-pad-15-l-r .row-table-group-item.row-table-group-item {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row-table-group .row-table-group-item>.row.row-table>[class*="col-"],
    .row-table-group .row-table-group-item>.row.row-table>[class*="col-"]>.row.row-table>[class*="col-"] { padding-top: 10px; }

    .row-table-group .row-table-group-item>.row.row-table>[class*="col-"].col-row-table-group-item-nested-col,
    .row-table-group .row-table-group-item>.row.row-table>[class*="col-"].col-row-table-nest-wrap,
    .row-table-group .row-table-group-item>.row.row-table>[class*="col-"]>.row.row-table>[class*="col-"]>[class*="col-"].col-row-table-nest-wrap { padding-top: 0; }

    .row.row-table>[class*='col-'].col-100 { width: 100px; }
    .row-table-group.row-table-group-striped .row-table-group-item:nth-child(odd) { background-color: #ffffff; }
    .row-table-group.row-table-group-striped .row-table-group-item:nth-child(even) { background-color: #f2f2f2; }
    .row-table-group.row-table-group-striped .row-table-group-item.row-table-group-item-foot:nth-child(even) { background-color: #ffffff; }

    .row-table-group.row-table-group-item-border-bottom .row-table-group-item.row-table-group-item-foot {
        border-bottom: none;
        padding-bottom: 4px;
    }

    .row-table-group-border { border: 1px solid #ccc; }
    .row-table-group-border.row-table-group-item-border-bottom { border-bottom: none; }

    .row-table-group.row-table-group-item-border-bottom .row-table-group-item.row-table-group-item-foot {
        border-bottom: none;
        padding-bottom: 4px;
    }

    .row-table-group.row-table-group-item-border-bottom .row-table-group-item.row-table-group-item-foot-last {
        border-bottom: 2px solid #cccccc;
        padding-bottom: 4px;
    }

    @media screen and (max-width: 991px) {
        .row.row-table.row-table-stack-sm {
            display: block;
            width: 100%;
        }

        .row.row-table.row-table-stack-sm>[class*='col-'] {
            display: block;
            float: left;
        }

        .row.row-table.row-table-stack-sm>[class*='col-']:first-child { padding-left: 0; }
        .row.row-table.row-table-stack-sm>[class*='col-']:last-child { padding-right: 0; }
        .row.row-table.row-table-stack-sm>[class*='col-']:last-of-type { padding-right: 0; }
    }

    @media screen and (max-width: 767px) {
        .row.row-table.row-table-stack-xs {
            display: block;
            width: 100%;
        }

        .row.row-table.row-table-stack-xs>[class*='col-'] {
            display: block;
            float: left;
        }

        .row.row-table.row-table-stack-xs>[class*='col-']:first-child { padding-left: 0; }
        .row.row-table.row-table-stack-xs>[class*='col-']:last-child { padding-right: 0; }
        .row.row-table.row-table-stack-xs>[class*='col-']:last-of-type { padding-right: 0; }
    }
    /* ROW TABLE END*/

    /* ROW INLINE BLOCK */
    .row.row-inline-block {
        display: block;
        vertical-align: middle;
        font-size: 0;
    }

    .row.row-inline-block>[class*='col-'] {
        display: inline-block;
        float: none;
        vertical-align: middle;
        font-size: initial;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .app-main-content-title .row.row-inline-block>[class*='col-'] {
        vertical-align: bottom;
    }

    .row.row-inline-block.v-bottom>[class*='col-'] { vertical-align: bottom; }
    .row.row-inline-block.v-top>[class*='col-'] { vertical-align: top; }
    .row.row-inline-block.row-inline-block-w-auto { width: auto; }
    /* ROW INLINE BLOCK END */

    /* APP MAIN */
    .app-main {
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background-color: #fff;
        padding: 15px 0 0 0;
    }

    /* body.app-admin-edit-content .app-main,
    body.app-admin-view-content .app-main { height: 100%; }

    .app-main.white-bg { background-color: #ffffff; }

    .app-admin.app-admin-content-page .app-main,
    .app-users .app-main {
        height: auto;
        overflow: auto;
        overflow-x: hidden;
    } */

    .app-users .app-main {
        height: 100%;
        padding-top: 15px;
        margin-top: 0;
    }

    /*.app-admin-edit-content .app-main,
    .app-admin-view-content .app-main { padding: 0 0 0 0; }*/
    /* APP MAIN END*/

    /* APP MAIN CONTENT */
    .app-users .app-main-content,
    .app-admin-edit-content .app-main-content,
    .app-admin-view-content .app-main-content { padding-top: 0; }

    .app-users .app-main .app-main-content { padding-bottom: 70px; }

    @media screen and (max-width: 767px) {
        .app-main-content {
            max-width: 1300px;
            margin: 0 auto;
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    .app-main-title+.app-main-content {
        padding-top: 12px;
        margin-top: -24px;
    }
    /* APP MAIN CONTENT END*/

    /* GLOBAL STRUCTURE END*/

    /* VIEWPORT CENTER*/
    .viewport-pos-center {
        min-height: 100%;
        min-height: 100vh;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    /* VIEW PORT CENTER END*/

    /* ADMIN STRUCTURE */

    .row-offcanvas { height: 100%; }

    @media screen and (max-width: 767px) {
        .app-sidebar-toggle {
            display: block;
            position: absolute;
            top: 18px;
            z-index: 1031;
            left: 0;
            right: 0;
        }
    }

    .app-sidebar {
        width: inherit;
        min-width: 220px;
        max-width: 220px;
        background-color: #252a2d;
        float: left;
        height: 100%;
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 15px;
    }

    .app-sidebar ul {
        list-style-type: none;
        padding-left: 0;
    }

    .app-sidebar ul li {
        padding: 6px 0 6px 0;
        list-style-type: none;
        margin: 10px 0 10px 0;
    }

    .app-sidebar li a {
        position: relative;
        text-decoration: none;
        padding-left: 0;
        line-height: 1;
    }

    .app-sidebar li a:after {
        display: block;
        height: 0;
        width: 3px;
        position: absolute;
        bottom: 0;
        background-color: #33ace0;
        content: '';
        transform: scaleY(0);
        transition: transform 250ms ease-in-out;
        left: -30px;
    }

    .app-sidebar li.active a:after {
        content: "";
        height: 100%;
    }

    /* .app-sidebar li.active.active-parent a:after {
        content: "";
        height: 0;
    } */

    /* .app-sidebar.app-sidebar-upd-light li.active.active-parent ul li a{
        position: relative;
    }

    .app-sidebar.app-sidebar-upd-light li.active.active-parent ul li a:before{
        content:"";
        display: block;
        position: absolute;
        width: 3px;
        height: 0;
        left:-38px;
        background-color: #33ace0;
    }

    .app-sidebar.app-sidebar-upd-light li.active.active-parent ul li.active a:before{
        content:"";
        display: block;
        position: absolute;
        width: 3px;
        height: 100%;
        left:-38px;
        background-color: #33ace0;
    } */

    /* Feb 2 2022 ... */
    /*.app-sidebar li.active a:after,*/
    /*.app-sidebar li:hover a:after {*/
    /*    height: 100%;*/
    /*    transform: scaleY(1);*/
    /*    transform-origin: 0% 50%;*/
    /*}*/
    .app-sidebar li.active > a:after,
    .app-sidebar li:hover > a:after {
        height: 100%;
        transform: scaleY(1);
        transform-origin: 0% 50%;
    }

    .app-sidebar li {
        font-size: 15px;
        font-weight: 500;
    }

    .app-sidebar li ul { padding-left: 15px; }
    .app-sidebar li ul li { padding: 0 0 0 0; }
    .app-sidebar li ul li:first-child { padding: 6px 0 6px 0; }
    .app-sidebar-toggle { display: none; }

    .app-sidebar li.active ul li a, a.app-sidebar li ul li a { color:  #999; display: inline-block;}

    .app-sidebar li.active ul li.active a{
        color:  #33ace0;
    }

    .app-sidebar li ul li,
    .app-sidebar li ul li a{
        padding:  0 0 0 0;
        margin: 0 0 0 0;
    }

    .app-sidebar ul > li.active > a{
        display: inline-block;
        margin-bottom: 0;
    }

    .app-sidebar li.active ul li a:before, .app-sidebar li.active ul li a:after { display: none; }
    .app-sidebar ul li { display: block; }
    .app-sidebar ul > li > ul li { margin-bottom: 0; }
    .app-sidebar ul > li.active > ul > li.active > a { margin-bottom: 0; }

    @media screen and (max-width: 767px) {
        .row-offcanvas {
            position: relative;
            -webkit-transition: all 0.25s ease-out;
            -moz-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
            width: calc(100% + 220px);
        }

        .row-offcanvas-left { left: -220px; }
        .row-offcanvas-left.active { left: 0; }

        .app-sidebar-offcanvas {
            position: absolute;
            top: 0;
        }

        .app-sidebar.app-sidebar-offcanvas {
            position: relative;
            top: inherit;
        }

        .app-sidebar-toggle {
            display: block;
            position: absolute;
            top: 18px;
            left: 170px;
            z-index: 12;
            z-index: 1031;
        }

        .app-sidebar-toggle button {
            color: #fff;
            background-color: transparent;
            border: none;
        }
    }

    .app-sidebar {
        background-color: whitesmoke;
        color: #58595b;
        border-right: 1px solid #ededed;
    }

    .app-sidebar a { color: #aaa; }
    .app-sidebar .active a { color: #33ace0; }
    .app-sidebar .active.active-parent a { color: #aaa; }

    .app-sidebar .badge-notification {
        width: 20px;
        height: 20px;
        background-color: #aaaaaa;
        color: whitesmoke;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        border-radius: 20px;
        font-size: 80%;
    }

    @media screen and (max-width: 767px) {
        .app-sidebar-toggle {
            display: block;
            position: absolute;
            top: 22px;
            left: 150px;
            right: auto;
            z-index: 1031;
        }
    }

    .app-sidebar .active .badge-notification {
        background-color: #58595b;
        color: whitesmoke;
    }

    .app-sidebar .active .badge-notification {
        background-color: #58595b;
        color: whitesmoke;
    }

    .app-sidebar.app-sidebar-upd-light li.active:after,
    .app-sidebar li:hover:after {
        height: 100%;
        transform: scaleY(1);
        transform-origin: 0% 50%;
    }

    .app-sidebar.app-sidebar-upd-light li.active:after {
        content: "";
        height: 100%;
    }

    .app-sidebar.app-sidebar-upd-light li:after {
        display: block;
        height: 0;
        width: 3px;
        position: absolute;
        bottom: 0;
        background-color: #33ace0;
        content: '';
        transform: scaleY(0);
        transition: transform 250ms ease-in-out;
        left: -30px;
    }

    /* @media screen and (max-width: 991px) {
        .app-admin .nav-tabs-dropdown-wrapper { display: block; }

        .app-admin .nav-tabs-dropdown-wrapper {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            z-index: 11;
            text-align: left;
            position: relative;
            width: 100%;
        }

        .app-admin .nav-tabs-dropdown-wrapper .nav-tabs-dropdown-control {
            display: inline-block;
            border: 1px solid transparent;
            color: #000;
        }

        .app-admin .nav-tabs-dropdown-wrapper .nav-tabs.nav-tabs-dropdown-links { display: none; }

        .app-admin .dropdown .dropdown-menu:after {
            position: absolute;
            top: -13px;
            right: 0;
            content: " ";
            width: 24px;
            height: 24px;
            background: transparent;
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 12px solid #ededed;
        }

        .app-admin .dropup .dropdown-menu:after {
            position: absolute;
            bottom: -13px;
            content: " ";
            width: 24px;
            height: 24px;
            background: transparent;
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 12px solid #ededed;
        }

        .app-admin .dropdown.pull-right .dropdown-menu:after {
            position: absolute;
            top: -13px;
            content: " ";
            right: 0;
        }

        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links li>a {
            padding-left: 0;
            padding-right: 0;
            display: inline-block;
        }

        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links {
            padding-top: 15px;
            position: absolute;
            background: #fff;
            left: -15px;
            right: -15px;
            padding-left: 15px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 15px;
        }

        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links,
        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links li {
            display: block;
            float: none;
            margin-bottom: 15px;
        }

        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links:last-child,
        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links li:last-child { margin-bottom: 0; }


        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links:last-of-type,
        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links li:last-of-type { margin-bottom: 0; }

        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links li.active,
        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links li.active:after {
            display: none;
            float: none;
        }

        .app-admin .nav-tabs-dropdown-wrapper .nav-tabs-dropdown-control:after,
        .app-admin .app-subnav .nav-tabs-dropdown-wrapper .nav-tabs>li:after {
            display: block;
            height: 0;
            width: 3px;
            position: absolute;
            bottom: 0;
            background-color: #f7931e;
            content: '';
            transform: scaleY(0);
            transition: transform 250ms ease-in-out;
            left: -30px;
        }

        .app-admin .modal-subnav .nav-tabs-dropdown-wrapper .nav-tabs>li.active:after,
        .app-admin .app-subnav .nav-tabs-dropdown-wrapper .nav-tabs>li.active:after {
            content: "";
            height: 100%;
        }

        .app-admin .nav-tabs-dropdown-wrapper.open .nav-tabs-dropdown-control:after,
        .app-admin .app-subnav .nav-tabs-dropdown-wrapper .nav-tabs>li.active:after,
        .app-admin .app-subnav .nav-tabs-dropdown-wrapper .nav-tabs>li:hover:after {
            height: 100%;
            transform: scaleY(1);
            transform-origin: 0% 50%;
        }

        .app-admin .nav-tabs-dropdown-wrapper .nav-tabs-dropdown-control:before {
            content: "\f0d7";
            font-family: FontAwesome !important;
            position: absolute;
            right: -18px;
        }
    }*/
    /* ADMIN STRUCTURE END */

    .app-title,
    .app-title-bar {
        margin-bottom: 30px;
        margin-top: 0;
        font-weight: 200 !important;
    }

    .app-subnav {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
        background-color: #f8f8f8;
        position: relative;
    }

    .app-content {
        padding: 30px 15px;
        background-color: #fff;
    }

    .app-title-bar { font-weight: 400; }

    .navbar-fixed-top .navbar-right a {
        margin-right: 15px;
    }

    .navbar.navbar-inverse.navbar-fixed-top {
        background-color: #25373e;
        border-bottom: 1px solid #25373e;
        min-height: 60px;
    }

    .bg-neutral-accent { background-color: #efefef; }
    .bg-white { background-color: #fff; }
    .bg-transparent { background-color: transparent; }

    /*STRUCTURE END*/

    /*BUTTONS / LINKS */

    .btn.btn-link {
        font-weight: 500;
        padding-bottom: 0;
        padding-top: 3px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 15px;
        margin-right: 15px;
        line-height: 1.125;
    }

    .btn.btn-link.pad-t-0 {
        padding-top: 0;
    }

    .btn.btn-link.btn-link-flush {
        margin-left: 0;
        margin-right: 0;
    }

    .btn.btn-link.btn-link-flush-left {
        margin-left: 0;
        margin-right: 15px;
    }

    .btn.btn-link.btn-link-flush-right {
        margin-right: 0;
        margin-left: 15px;
    }

    .btn.btn-link.btn-link-flat {
        padding-top: 0;
        padding-bottom: 0;
    }

    .btn.btn-link:active,
    .btn.btn-link:hover,
    .btn.btn-link:focus {
        text-decoration: none;
        color: #303f9f;
        background-color: transparent;
        border-color: transparent;
    }

    a.btn.btn-link.btn-danger,
    .btn.btn-link.btn-danger {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #a94442;
        color: #a94442;
    }

    a.btn.btn-link.btn-primary,
    .btn.btn-link.btn-primary {
        color: #33ace0;
        border-bottom: 1px solid #33ace0;
    }

    a.btn.btn-link.btn-success,
    .btn.btn-link.btn-success {
        color: #5CB85A;
        border-bottom: 1px solid #5CB85A;
    }

    a.btn.btn-link.btn-default,
    .btn.btn-link.btn-default {
        color: #333;
        border-bottom: 1px solid #333;
    }

    a.btn.btn-default-dark-gray,
    .btn.btn-default-dark-gray {
        background-color: #6c757d;
        color: #fff;
        border-bottom: 1px solid #333;
    }

    a.btn.btn-link.btn-disabled,
    .btn.btn-link.btn-disabled {
        color: #909daa;
        border-bottom: 1px solid #909daa;
    }

    .navbar.navbar-inverse .btn.btn-link:active,
    .navbar.navbar-inverse .btn.btn-link:hover,
    .navbar.navbar-inverse .btn.btn-link:focus,
    .navbar.navbar-inverse a:hover,
    .navbar.navbar-inverse a:hover,
    .navbar.navbar-inverse a:hover { color: #fff; }

    .navbar.navbar-inverse .active a { color: #fff; }

    a.link-add-pos-abs-l,
    .link-add-pos-abs-l {
        padding-left: 26px;
        position: relative;
    }

    .link-add-pos-abs-l .add-pos-abs-l {
        position: absolute;
        left: 0;
    }

    .more-info-link a,
    a.more-info-link { color: #58c1df; }

    .form-group .more-info-link { margin-left: 8px; }

    a.more-info-link {
        color: #58c1df;
        display: inline-block;
        vertical-align: middle;
    }

    .more-info-link {
        font-size: 85%;
        vertical-align: middle;
    }

    .more-info-icon,
    a.more-info-icon {
        background-color: #58c1df;
        border-radius: 100%;
        color: #fff;
        width: 14px;
        height: 14px;
        text-align: center;
        display: inline-block;
        padding-top: 0px;
        line-height: 14px;
        position: relative;
        font-weight: 400;
        color: #58c1df;
        font-size: 14px;
    }

    .more-info-icon:active,
    .more-info-icon:focus,
    .more-info-icon:hover,
    a.more-info-icon:active,
    a.more-info-icon:focus,
    a.more-info-icon:hover {
        text-decoration: none;
        color: #58c1df;
    }

    .more-info-icon:before,
    a.more-info-icon:before {
        content: "i";
        font-weight: bold;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 10px;
        color: #ffffff;
    }

    .remove-item-icon,
    a.remove-item-icon {
        background-color: #a94442;
        border-radius: 100%;
        color: #fff;
        width: 16px;
        height: 16px;
        text-align: center;
        display: inline-block;
        padding-top: 0px;
        line-height: 16px;
        position: relative;
    }

    /*.remove-item-icon:after,
    a.remove-item-icon:after {
        content: "\00d7";
        color: #fff;
        font-size: 15px;
        text-align: center;
        position: relative;
        bottom: 1.5px;
        right: 1.5px;
    } */

    .remove-item-icon:active,
    .remove-item-icon:focus,
    .remove-item-icon:hover,
    a.remove-item-icon:active,
    a.remove-item-icon:focus,
    a.remove-item-icon:hover {
        text-decoration: none;
        color: #fff;
    }

    .nav.navbar-nav.navbar-right { padding-top: 0; }
    .navbar.navbar-inverse .dropdown-menu a { color: inherit; }
    .navbar-nav>li { position: relative; }

    .navbar-app-main .navbar-nav>li>a:after {
        display: block;
        height: 3px;
        width: 0;
        position: absolute;
        bottom: -6px;
        background-color: #f7931e;
        content: '';
        transform: scaleX(0);
        transition: transform 250ms ease-in-out;
    }

    .navbar-app-main .navbar-nav > li.dropdown > a::before,
    .navbar-app-main .navbar-nav > li.dropdown > a::after {
        display: none;
        content: '';
    }

    .navbar-app-main .navbar-nav>li.active>a:after {
        content: "";
        width: 100%;
    }

    .navbar-app-main .navbar-nav>li.active>a:after,
    .navbar-app-main .navbar-nav>li:hover>a:after {
        width: 100%;
        transform: scaleX(1);
        transform-origin: 0% 50%;
    }

    /*BUTTONS / LINKS END */

    /*DROPDOWNS*/

    .dropdown-menu {
        background-color: #ededed;
        border: 1px solid #ededed;
    }

    .dropdown-menu li { margin-bottom: 10px; }

    .dropdown-menu li:last-of-type { margin-bottom: 0; }
    .dropdown-menu li:last-child { margin-bottom: 0; }

    /*DROPDOWNS END*/

    /*FORMS*/

    .form-group .radio,
    .form-group .checkbox {
        margin-top: 0;
        margin-bottom: 4px;
    }

    .form-group .radio.mrg-b-10,
    .form-group .checkbox.mrg-b-10 {
        margin-bottom: 10px;
    }

    .form-group .radio.mrg-b-15,
    .form-group .checkbox.mrg-b-15 {
        margin-bottom: 15px;
    }

    .form-group .radio.mrg-b-20,
    .form-group .checkbox.mrg-b-20 {
        margin-bottom: 20px;
    }

    /*jc - may 22 2019 - make styled radio consistent when there is no "form-group*/
    .form-group .radio .radio-styled,
    .form-group .checkbox .checkbox-styled {
        margin-top: 5px;
        margin-bottom: 5px;
        position: relative;
    }

    .row-table-group .row-table-group-item .row.row-table .radio .radio-styled{
        position: relative;
    }

    .form-group .radio.mrg-b-5,
    .form-group .checkbox.mrg-b-5 { margin-bottom: 5px; }

    .form-group .radio.mrg-b-10,
    .form-group .checkbox.mrg-b-10 { margin-bottom: 10px; }

    .form-group .radio.mrg-b-15,
    .form-group .checkbox.mrg-b-15 { margin-bottom: 15px; }

    form.form-stroke-separated .form-group {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    form.form-stroke-separated .form-group:last-of-type,
    form.form-stroke-separated .form-group:last-child {
        border-bottom: 1px solid transparent;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .form-group.form-group-add-numeral {
        position: relative;
        margin-left: 45px;
        margin-bottom: 24px;
    }

    .form-group.form-group-add-numeral .form-group-numeral {
        position: absolute;
        left: -45px;
        top: 0;
        color: #fff;
        text-align: left;
    }

    .form-group.form-group-add-numeral.add-numeral-tight {
        position: relative;
        margin-left: 32px;
        margin-bottom: 24px;
    }

    .form-group.form-group-add-numeral.add-numeral-tight .form-group-numeral {
        position: absolute;
        left: -32px;
        color: #333;
        text-align: left;
    }

    .form-group-add-numeral-indent { margin-left: 45px; }

    .panel-body .form-group.form-group-add-numeral .form-group-numeral { left: -45px; }

    .form-group.form-group-submit-row { margin-top: 30px; }

    .form-group-combo-right {
        display: table;
        width: 100%;
    }

    .form-group-combo-right .form-control-wrap {
        display: table-cell;
        width: auto !important;
        padding-right: 15px;
        vertical-align: middle;
    }

    .form-group-combo-right .form-control-wrap.w-400 {
        width: 400px !important;
    }

    .form-group-combo-right .form-control-wrap.w-450 {
        width: 450px !important;
    }

    .form-group-combo-right .form-control-wrap .form-control{ margin-top:0; }

    .form-group-combo-right .form-control-wrap:last-child { margin-right: 0; }
    .form-group-combo-right .form-control-wrap:last-child { padding-right: 0; }

    .form-group-combo-right .form-control-wrap:last-of-type { margin-right: 0; }
    .form-group-combo-right .form-control-wrap:last-of-type { padding-right: 0; }

    .form-group-combo-right .form-control-wrap .form-control { margin-right: 15px; }

    .has-success .control-label.text-neutral, .has-feedback label { color: #999; }

    .has-feedback.has-success .form-control {
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .has-feedback.has-success .form-control[disabled] {
        background-color: #dff0d8;
        opacity: 1;
    }

    .form-container-width{
        max-width: 850px;
    }

    /*FORMS END*/

    /*ALERTS / NOTIFICATIONS*/

    .alert.alert-fixed,
    .app-main .alert.alert-fixed {
        /*padding: 0 0 0 0;
        margin: 0 0 0 0;
        margin-left: -30px;
        margin-right: -30px;
        position: fixed;
        z-index: 20;
        left: 250px;
        right: 30px;
        top: 80px;
        text-align: center;
        color: #fff;
        padding: 20px 20px 20px 20px;
        font-weight: 500;*/
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        margin-right: 0px;
        margin-left: 0px;
        margin-left: -30px;
        margin-right: -30px;
        position: fixed;
        z-index: 20;
        top: 80px;
        text-align: center;
        color: #fff;
        padding: 20px 20px 20px 20px;
        font-weight: 500;
        width: 100%;
    }

    .alert.alert-fixed.alert-warning,
    .app-main .alert.alert-fixed.alert-warning {
        color: #8a6d3b;
    }

    @media screen and (max-width:1560px) {
        .app-main .app-main-content{
            position: relative;
        }
        .app-main .alert.alert-fixed {
            left: 250px;
            right: 30px;
            width: auto;
            max-width: none;
        }
        .app-main .app-main-content .alert.alert-fixed {
            left: auto;
            right: auto;
            width: auto;
            max-width: none;
        }
    }

    .modal .modal-dialog .modal-content .alert.alert-fixed{
        margin-left: 0;
        margin-right: 0;
        position: fixed;
        z-index: 20;
        left: 0;
        right: 0;
    }


    .alert.alert-fixed div.alert-text { margin-bottom: 12px; }

    .app-main .alert.alert-fixed .close {
       line-height: 1;
        color: #FFF;
        text-shadow: 0 0 0 0;
        right: 0;
        color: #999;
        filter: alpha(opacity=100);
    }

    .app-users .app-main .alert.alert-fixed {
        left: 0;
        right: 30px;
        top: 53px;
    }

    .app-users .app-main .modal .alert.alert-fixed {
        left: 30px;
        right: 30px;
        top: 53px;
    }

    .alert.alert-warning {
        text-align: center;
        border: 1px solid #ffeeba;
    }

    .alert.alert-info {
        text-align: center;
        color: #000066;
    }

    .alert.alert-success a,
    .alert.alert-danger a { color: #fff; }


    .app-main .alert.alert-fixed.alert.alert-success,
    .app-main .alert.alert-fixed.alert.alert-success a{ color: #3c763d; font-weight: 400; }

    .alert.alert-warning a {
        color: #806420;
        font-weight: bold;
        text-decoration: underline;
    }

    .alert.alert-warning a.font-normal,
    .alert.alert-warning.font-normal a {
        font-weight: normal;
    }

    .app-main .alert.alert-danger,
    .app-main .alert.alert-danger a,
    .app-main .alert.alert-fixed.alert-danger,
    .app-main .alert.alert-fixed.alert-danger a{
        color: #a94442
    }

    .alert{ border-radius: 8px; }

    .alert.alert-fixed{ border-radius: 0; }

    @media screen and (max-width: 767px) {
        .app-main .alert.alert-fixed {
            position: fixed;
            z-index: 20;
            left: 30px;
            right: 30px;
            text-align: left;
            padding: 15px 30px 15px 60px;
        }

        .app-main .alert.alert-fixed .close {
            margin-right: 0px;
        }
    }

    /*ALERTS / NOTIFICATIONS END*/

    /*TYPOGRAPHY*/

    .h-flush {
        margin-top: 0;
        margin-bottom: 0;
    }

    .h-flush-bottom { margin-bottom: 0; }

    h1.h-flush-bottom,
    .h1.h-flush-bottom,
    h2.h-flush-bottom,
    .h2.h-flush-bottom,
    h3.h-flush-bottom,
    .h3.h-flush-bottom,
    h4.h-flush-bottom,
    .h4.h-flush-bottom,
    h5.h-flush-bottom,
    .h5.h-flush-bottom,
    h6.h-flush-bottom,
    .h6.h-flush-bottom {
        margin-bottom: 0;
    }

    .text-neutral { color: #999; }
    .ws-ignore, .ws-nowrap { white-space: nowrap; }

    /*TYPOGRAPHY END*/

    /*DROPDOWNS*/

    .dropup.dropdown-inline-block,
    .dropdown.dropdown-inline-block {
        display: inline-block;
    }

    .dropup.dropdown-inline-block .dropdown-control,
    .dropdown.dropdown-inline-block .dropdown-control {
        margin-left: 12px;
    }

    .dropup.dropdown-inline-block .dropdown-menu,
    .dropdown.dropdown-inline-block .dropdown-menu {
        min-width: auto;
        padding: 12px;
    }

    /*DROPDOWNS END*/

    /*TABLES*/

    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td { text-align: center; }

    .table>thead>tr>th.text-left,
    .table>tbody>tr>th.text-left,
    .table>tfoot>tr>th.text-left,
    .table>thead>tr>td.text-left,
    .table>tbody>tr>td.text-left,
    .table>tfoot>tr>td.text-left { text-align: left; }

    .table>thead>tr>th.text-right,
    .table>tbody>tr>th.text-right,
    .table>tfoot>tr>th.text-right,
    .table>thead>tr>td.text-right,
    .table>tbody>tr>td.text-right,
    .table>tfoot>tr>td.text-right { text-align: right; }

    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th { line-height: 1.125; }

    .table-responsive.table-responsive-inside-panel {
        margin-left: -15px;
        margin-right: -15px;
    }

    @media screen and (max-width: 767px) {
        .table-responsive.table-responsive-inside-panel { width: auto; }
    }

    .table-outline {
        border: 1px solid #ddd;
        padding-top: 0;
    }

    .table-outline .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 1px solid #ddd;
        background-color: #ddd;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .table-outline .table>tfoot>tr>td {
        vertical-align: bottom;
        padding-top: 12px;
        padding-bottom: 0;
    }

    .table-outline .table>thead>tr>th:first-child,
    .table-outline .table>tbody>tr>td:first-child,
    .table-outline .table>tfoot>tr>td:first-child { padding-left: 30px; }

    .table.table-panel>thead>tr>th:first-child,
    .table.table-panel>tbody>tr>th:first-child,
    .table.table-panel>tfoot>tr>th:first-child,
    .table.table-panel>thead>tr>td:first-child,
    .table.table-panel>tbody>tr>td:first-child,
    .table.table-panel>tfoot>tr>td:first-child { padding-left: 30px; }

    .table.table-panel>thead>tr>th:last-child,
    .table.table-panel>tbody>tr>th:last-child,
    .table.table-panel>tfoot>tr>th:last-child,
    .table.table-panel>thead>tr>td:last-child,
    .table.table-panel>tbody>tr>td:last-child,
    .table.table-panel>tfoot>tr>td:last-child { padding-right: 30px; }

    .table.table-panel>thead>tr>th:last-of-type,
    .table.table-panel>tbody>tr>th:last-of-type,
    .table.table-panel>tfoot>tr>th:last-of-type,
    .table.table-panel>thead>tr>td:last-of-type,
    .table.table-panel>tbody>tr>td:last-of-type,
    .table.table-panel>tfoot>tr>td:last-of-type { padding-right: 30px; }

    .table.table-panel { margin-bottom: 0; }

    .panel.panel-table-inside .panel-body {
        padding-top: 0;
        padding-bottom: 0;
    }

    .table.table-panel>thead>tr>th,
    .table.table-panel>tbody>tr>th,
    .table.table-panel>tfoot>tr>th {
        padding-top: 0px;
        text-transform: uppercase;
    }

    .table.table-panel tr td .table-item-name,
    .table.table-panel tr td .table-item-name a {
        font-weight: bold;
        color: #000;
    }

    .table.table-panel tr td .table-item-name .small,
    .table.table-panel tr td .table-item-name a .small {
        font-size: 85%;
        font-weight: 400;
        color: #999;
        text-transform: uppercase;
    }

    .table.table-panel tr td a:hover { text-decoration: none; }

    /*TABLES END*/

    /*LOGIN REGISTER PAGE UPDATES*/

    .viewport-pos-center .well.bg-white { box-shadow: none; }

    .viewport-pos-center .nav-tabs {
        border-bottom: none;
        margin-bottom: 0px;
    }

    .viewport-pos-center .nav-tabs li a,
    .viewport-pos-center .nav-tabs li span,
    .nav-tabs li a,
    .nav-tabs li span {
        text-transform: uppercase;
        border-bottom: none !important;
    }

    .viewport-pos-center .well form .alert { text-align: left; }

    /*LOGIN REGISTER PAGE UPDATES END*/

    .link-collapse.link-collapse-arrow {
        position: relative;
        padding-left: 0;
    }

    .link-collapse.link-collapse-arrow:before {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #303f9f;
        position: absolute;
        top: 2px;
        right: -15px;
        z-index: 1;
        content: "";
    }

    .link-collapse.link-collapse-arrow.collapsed:before {
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #303f9f;
        border-right: none;
        position: absolute;
        top: 2px;
        right: -15px;
        z-index: 1;
        content: "";
    }

    .link-collapse.link-sm.link-collapse-arrow:before {
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #303f9f;
        position: absolute;
        top: 8px;
        right: -12px;
        z-index: 1;
        content: "";
    }

    .link-collapse.link-sm.link-collapse-arrow.collapsed:before {
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #303f9f;
        border-right: none;
        position: absolute;
        top: 6px;
        right: -10px;
        z-index: 1;
        content: "";
    }

    .link-collapse.link-collapse-horizontal.link-collapse-arrow {
        position: relative;
        padding-left: 24px;
        display: inline-block;
    }

    .link-collapse.link-collapse-horizontal.link-collapse-arrow.collapsed:before {
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #303f9f;
        border-right: none;
        position: absolute;
        top: 2px;
        left: 0;
        z-index: 1;
        content: "";
    }

    .link-collapse.link-collapse-horizontal.link-collapse-arrow:before {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #303f9f;
        position: absolute;
        top: 4px;
        left: 0;
        z-index: 1;
        content: "";
    }

    .link-collapse.link-collapse-plus {
        position: relative;
        padding-left: 20px;
    }

    .link-collapse.link-collapse-plus:before {
        width: 14px;
        height: 14px;
        position: absolute;
        top: 1px;
        left: 0;
        z-index: 1;
        content: "-";
        border: 1px solid #333;
        color: #333;
        line-height: 9px;
    }

    .link-collapse.link-collapse-plus.collapsed:before {
        width: 14px;
        height: 14px;
        position: absolute;
        top: 1px;
        left: 0;
        z-index: 1;
        content: "+";
        border: 1px solid #333;
        line-height: 12px;
        color: #333;
    }

    .title-wrap-border-bottom {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .title-name.h3 .link-collapse.link-collapse-arrow.link-collapse-arrow-dropdown {
        color: #000000;
        text-decoration: none;
    } /* TITLE NAME IS REMOVED &*/ /*CONFIRMED JAN 14 2018 */

    .title-name.h3 .link-collapse.link-collapse-arrow.link-collapse-arrow-dropdown:active,
    .title-name.h3 .link-collapse.link-collapse-arrow.link-collapse-arrow-dropdown:focus,
    .title-name.h3 .link-collapse.link-collapse-arrow.link-collapse-arrow-dropdown:hover { text-decoration: none; }

    .title-row .title-col .title-name.h3 .link-collapse.link-collapse-arrow.link-collapse-arrow-dropdown.collapsed:before {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #000000;
        position: absolute;
        top: 12px;
        right: -30px;
        z-index: 1;
        content: "";
    }

    .title-name.h3 .link-collapse.link-collapse-arrow.link-collapse-arrow-dropdown:before {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #000000;
        position: absolute;
        top: 12px;
        right: -30px;
        z-index: 1;
        content: "";
    }

    .link-collapse-content.link-collapse-horizontal-content { padding-left: 24px; }
    .dropdown-menu.dropdown-menu-toggle-list { min-width: 174px; }

    .dropdown-menu.dropdown-menu-toggle-list {
        min-width: 174px;
        padding-left: 0;
        padding-right: 0;
    }

    .dropdown-menu.dropdown-menu-toggle-list li { text-align: center; }
    .dropdown-menu.dropdown-menu-toggle-list li a { color: #000; }

    .form-group .input-sub-text,
    .form-group .input-sub-label { margin-top: 6px; }

    .form-group .input-sub-label { color: #999; }

    .form-group .input-sub-text .radio-inline,
    .form-group .input-sub-label .radio-inline { margin-left: 15px; }

    .dz-default {
        border: 1px dashed #ddd;
        background-color: #f6f6f6;
        min-height: 100px;
        text-align: center;
        padding-top: 33px;
    }

    .font-500, form .form-group label.font-500 { font-weight: 500; }

    .radio-styled.radio-styled-block,
    .checkbox-styled.checkbox-styled-block {
        display: block;
        position: relative;
    }

    .radio-styled { min-width: 24px; }
    .radio-styled input[type='radio'] { display: none !important; }

    .radio-styled .radio-styled-label-text {
        position: relative;
        bottom: 8px;
        text-transform: uppercase;
        left: 12px;
    }

    .radio-inline .radio-styled input[type='radio']+span:before,
    .radio-styled input[type='radio']+label:before {
        background-color: #fff;
        border: 2px solid #909daa;
        height: 16px;
        width: 16px;
        display: inline-block;
        position: relative;
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        border-radius: 22px;
    }

    .radio-inline .radio-styled input[type='radio']:checked+span:before,
    .radio-styled input[type='radio']:checked+label:before {
        background-color: #33ace0;
        border: 2px solid #33ace0;
        height: 16px;
        width: 16px;
        display: inline-block;
        position: relative;
        content: "";
        position: absolute;
        top: 2px;
        left: 0px;
    }

    .radio-inline .radio-styled input[type='radio']:checked+span:after,
    .radio-styled input[type="radio"]:checked+label::after {
        position: absolute;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        content: "";
        background: #fff;
        width: 6px;
        height: 6px;
        border-radius: 12px;
        position: absolute;
        top: 7px;
        left: 5px;
    }

    /* */

    .radio-inline.radio-small .radio-styled input[type='radio']+span:before,
    .radio-small  .radio-styled input[type='radio']+label:before {
        background-color: #fff;
        border: 2px solid #909daa;
        height: 14px;
        width: 14px;
        display: inline-block;
        position: relative;
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        border-radius: 22px;
    }

    .radio-inline.radio-small  .radio-styled input[type='radio']:checked+span:before,
    .radio-small .radio-styled input[type='radio']:checked+label:before {
        background-color: #33ace0;
        border: 2px solid #33ace0;
        height: 14px;
        width: 14px;
        display: inline-block;
        position: relative;
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
    }

    .radio-inline.radio-small  .radio-styled input[type='radio']:checked+span:after,
    .radio-small .radio-styled input[type="radio"]:checked+label::after {
        position: absolute;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        content: "";
        background: #fff;
        width: 6px;
        height: 6px;
        border-radius: 12px;
        position: absolute;
        top: 6px;
        left: 4px;
    }

    .radio.radio-small label,
    .checkbox.checkbox-small label {
        min-height: 20px;
        padding-left: 16px;
    }

    .checkbox-styled { min-width: 24px; }
    .checkbox-styled input[type='checkbox'] { display: none !important; }

    .checkbox-styled .checkbox-styled-label-text {
        position: relative;
        bottom: 8px;
        text-transform: uppercase;
        left: 12px;
    }

    .checkbox-inline .checkbox-styled input[type='checkbox']+span:before,
    .checkbox-styled input[type='checkbox']+label:before {
        background-color: #fff;
        border: 2px solid #909daa;
        height: 16px;
        width: 16px;
        display: inline-block;
        position: relative;
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        border-radius: 4px;
    }

    .checkbox-inline .checkbox-styled input[type='checkbox']:checked+span:before,
    .checkbox-styled input[type='checkbox']:checked+label:before {
        background-color: #33ace0;
        border: 2px solid #33ace0;
        height: 16px;
        width: 16px;
        display: inline-block;
        position: relative;
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
    }

    .checkbox-styled input[type="checkbox"]:checked+label::after,
    .checkbox-inline .checkbox-styled input[type="checkbox"]:checked+span::after,
    .checkbox-styled input[type="checkbox"]:checked+span::after,
    .checkbox-inline .checkbox-styled input[type="checkbox"]:checked+label::after {
        content: " ";
        display: block;
        width: 0.33em;
        height: 0.66em;
        border: solid #ffffff;
        border-width: 0 0.2em 0.2em 0;
        position: absolute;
        left: .45em;
        top: .5em;
        margin-top: -0.2em;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .checkbox-inline .checkbox-styled input[type='checkbox']+span {
        padding-left: 30px;
        padding-left: 10px;
        margin-bottom: 0;
    }

    .checkbox-inline .checkbox-styled input[type='checkbox']+label {
        padding-left: 30px;
        margin-bottom: 0;
    }

    .radio-inline .radio-styled input[type='radio']+label,
    .radio-inline .radio-styled input[type='radio']+span {
        padding-left: 30px;
        margin-bottom: 0;
    }

    /* .checkbox-inline .checkbox-styled {  margin-left: -24px; }

    .radio-inline .radio-styled { margin-left: -24px; }

    .checkbox .checkbox-styled { margin-left: 6px; }

    .radio .radio-styled { margin-left: 6px; } */

    .checkbox-styled input[type='checkbox']:checked+span,
    .radio-styled input[type='radio']:checked+span,
    .checkbox-styled input[type='checkbox']:checked+label,
    .radio-styled input[type='radio']:checked+label { color: #333; }

    .checkbox-inline .checkbox-styled label,
    .radio-inline .radio-styled label,
    .checkbox-styled label,
    .radio-styled label { font-weight: 500; }

    .checkbox-inline .checkbox-styled input[type='checkbox']:checked+span .hidden-selected,
    .radio-inline .radio-styled input[type='radio']:checked+span .hidden-selected,
    .checkbox-styled input[type='checkbox']:checked+label .hidden-selected,
    .radio-styled input[type='radio']:checked+label .hidden-selected { display: none }

    .checkbox-inline .checkbox-styled input[type='checkbox']:disabled+span:before,
    .checkbox-styled input[type='checkbox']:disabled+label:before {
        background-color: #f6f6f6 !important;
        border: 2px solid #cccccc !important;
        height: 16px;
        width: 16px;
        display: inline-block;
        position: relative;
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
    }

    .checkbox-styled input[type="checkbox"]:checked:disabled+label::after,
    .checkbox-inline .checkbox-styled input[type="checkbox"]:checked:disabled+span::after,
    .checkbox-styled input[type="checkbox"]:checked:disabled+span::after,
    .checkbox-inline .checkbox-styled input[type="checkbox"]:checked:disabled+label::after {
        content: " ";
        display: block;
        width: 0.33em;
        height: 0.66em;
        border: solid #cccccc;
        border-width: 0 0.2em 0.2em 0;
        position: absolute;
        left: .45em;
        top: .5em;
        margin-top: -0.2em;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /* .num-label + .check-control .checkbox-styled input[type='checkbox']+label{
        padding-left: 45px;
    } */


    .alert.text-left { text-align: left; }

    dl.dl-small-title dt {
        font-size: 85%;
        color: #999;
        font-weight: 400;
    }

    dl.dl-small-description dd {
        font-size: 85%;
        color: #999;
        font-weight: 400;
    }

    .ms-choice {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .f-12 {
        font-size: 12px;
    }

    .f-13 {
        font-size: 13px;
    }

    .f-14 {
        font-size: 14px;
    }

    .f-15 {
        font-size: 15px;
    }

    .f-16 {
        font-size: 16px;
    }

    .text-neutral {
        color: #999;
    }

    .text-neutral-dark {
        color: #333333;
    }

    .font-thin {
        font-weight: 200;
    }

    .font-normal {
        font-weight: normal;
    }

    .font-bold {
        font-weight: bold;
    }

    .font-italic {
        font-style: italic;
    }

    .h-flush-top {
        margin-top: 0;
    }

    .close.close-standalone {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1340;
    }

    .modal-body {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }

    /*
    //never change the global mrg class like this
    .modal-body > .mrg-t-15{
        margin-top: 0;
    }
    */

    .modal-footer {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .modal-footer .form-group.form-group-btn{ margin-bottom: 0; }

    /* negative margin matches bottom margin of form group - use on container around form groups that cause extra padding in layout*/
    .pull-mrg-b--form-group.pull-mrg-b--form-group{ margin-bottom: -15px; }

    .pull-mrg-b--checkbox.pull-mrg-b--checkbox{ margin-bottom: -10px; }

    .pull-mrg-t--checkbox.pull-mrg-t--checkbox{ margin-top: -10px; }

    .modal-body .modal-body-header-fixed {
        padding-bottom: 24px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 24px;
    }

    .modal-stretch .modal-dialog {
        width: 90%;
        max-width: 960px;
    }

    /*MS*/

    .ms-select-all {
        text-transform: uppercase;
    }

    .nav.nav-tabs.nav-tabs-extend {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .table-responsive.table-responsive-extend {
        margin-left: -30px;
        margin-right: -30px;
    }

    .table-responsive.table-responsive-extend table tr th:first-child,
    .table-responsive.table-responsive-extend table tr td:first-child {
        padding-left: 30px;
    }

    .table-responsive.table-responsive-extend table tr th:last-of-type,
    .table-responsive.table-responsive-extend table tr td:last-of-type,
    .table-responsive.table-responsive-extend table tr th:last-child,
    .table-responsive.table-responsive-extend table tr td:last-child {
        padding-right: 30px;
    }

    .list-group.list-group-inside-panel {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -15px;
        margin-top: -15px;
        border-top: none;
        border-bottom: none;
    }

    .list-group.list-group-inside-panel li {
        border-left: none;
        border-right: none;
    }

    .list-group.list-group-inside-panel li:first-child {
        border-top: none;
    }

    .list-group.list-group-inside-panel li:last-of-type,
    .list-group.list-group-inside-panel li:last-child {
        border-bottom: none;
    }

    .li-pad-bottom-10 li {
        padding-bottom: 10px;
    }

    .btn-link.btn-info {
        color: #33ace0;
    }

    a.btn.btn-link.btn-link-add,
    .btn.btn-link.btn-link-add,
    .btn.btn-link.btn-link-remove,
    .btn.btn-link.btn-link-user,
    .btn.btn-link.btn-link-refresh,
    .btn.btn-link.btn-link-upload,
    .btn.btn-link.btn-link-sort {
        padding-left: 0;
        padding-right: 0;
        padding-left: 28px;
        position: relative;
        font-weight: 300;
        font-size: 14px;
        padding-top: 0;
        padding-bottom: 0;
        min-height: 18px;
        line-height: 1;
    }

    .btn.btn-link.btn-link-add,
    .btn.btn-link.btn-link-user,
    .btn.btn-link.btn-link-refresh,
    .btn.btn-link.btn-link-upload,
    .btn.btn-link.btn-link-sort { color: #1fc281; }

    .btn.btn-link.btn-link-add:before,
    .btn.btn-link.btn-link-user:before,
    .btn.btn-link.btn-link-upload:before,
    .btn.btn-link.btn-link-sort:before {
        color: #fff;
        display: inline-block;
        position: absolute;
        left: 0;
        font-size: 18px;
        background-color: #1fc281;
        border-radius: 100%;
        width: 18px;
        height: 18px;
        content: "";
        font-style: normal;
        font-weight: 300;
        text-align: center;
        top: 50%;
        left: 0;
        transform: translate(0, -9px);
    }

    .btn.btn-link.btn-link-add:after {
        content: "+";
        font-style: normal;
        font-weight: 100;
        text-decoration: inherit;
        position: absolute;
        top: 0;
        color: #fff;
        font-weight: 500;
        width: 18px;
        height: 18px;
        left: 0;
        top: 50%;
        left: 0;
        transform: translate(0, -9px);
        text-align: center;
    }

    .btn.btn-link.btn-link-user:after {
        content: "\f007";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        top: 0;
        left: 5px;
        color: #fff;
    }

    .btn.btn-link.btn-link-upload:after {
        content: "\f093";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        top: 0;
        left: 5px;
        color: #fff;
    }

    .btn.btn-link.btn-link-view,
    .btn.btn-link.btn-link-edit {
        padding-left: 0;
        padding-right: 0;
        padding-left: 28px;
        position: relative;
        font-weight: 300;
        font-size: 13px;
    }

    .btn.btn-link.btn-link-view {
        padding-left: 0;
    }

    .btn.btn-link.btn-link-view:after {
        /*content: "\f06e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        top: 0;
        left: 5px; */
    }

    .btn.btn-link.btn-link-sort:after {
        content: "\f0dc";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        top: 0;
        left: 5px;
        color: #fff;
    }

    /* a.btn.btn-link.btn-link-remove,
    .btn.btn-link.btn-link-remove{
        color: #a94442;
        line-height: 1;
        min-height: 18px;
     } */

    /* .btn.btn-link.btn-link-remove:before{
        color: #fff;
        display: inline-block;
        position: absolute;
        left: 0;
        font-size: 18px;
        background-color: #a94442;
        border-radius: 100%;
        width: 18px;
        height: 18px;
        line-height: 1;
        content: "";
        font-style: normal;
        font-weight: 300;
        text-align: center;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
    }

    .btn.btn-link.btn-link-remove:after {
        content: "\00d7";
        content: url(/assets/img/red-delete-icon-18.png);
        content: url(/assets/img/red-delete-icon.svg);
        font-style: normal;
        font-weight: 100;
        text-decoration: inherit;
        position: absolute;
        color: #fff;
        font-weight: 500;
        width: 18px;
        height: 18px;
        line-height: 1;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        text-align: center;
    } */

    .btn.btn-link.btn-link-add:after {
        content: "+";
        content: url(/assets/img/green-add-icon-18.png);
        content: url(/assets/img/green-add-icon.svg);
        font-style: normal;
        font-weight: 100;
        text-decoration: inherit;
        position: absolute;
        color: #fff;
        font-weight: 500;
        width: 18px;
        height: 18px;
        line-height: 1;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        text-align: center;
    }

    .btn.btn-link.btn-link-textpak:after {
        content: "+";
        content: url(/assets/img/icon-textpak.png);
        font-style: normal;
        font-weight: 100;
        text-decoration: inherit;
        position: absolute;
        color: #fff;
        font-weight: 500;
        width: 18px;
        height: 18px;
        line-height: 1;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        text-align: center;
    }

    .title-row .title-col .btn.btn-link:last-of-type,
    .title-row .title-col .btn.btn-link:last-child {
        margin-right: 0;
    }

    .title-row.app-title-row {
        margin-bottom: 15px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .title-row.app-title-row .app-title {
        margin-top: 0;
        margin-bottom: 0;
    }

    .breadcrumb>li>a {
        color: #303f9f;
    }

    .breadcrumb>.active {
        font-weight: bold;
    }

    .breadcrumb>li {
        color: #777;
        font-weight: normal;
    }

    #ccCardType,
    .cc-coupon-code {
        position: relative;
    }

    #ccCardType input,
    .cc-coupon-code input {
        position: relative;
        padding-left: 42px;
    }

    .cc-coupon-code:after,
    #ccCardType:after {
        width: 32px;
        height: 20px;
        position: absolute;
        left: 5px;
        top: 32px;
        z-index: 9;
        content: "";
        background-color: #ededed;
    }

    .cc-coupon-code:after {
        display: none;
    }

    .cc-coupon-code:after {
        background-color: #fff;
        border: 1px dashed #ccc;
    }

    .cc-coupon-code input {
        position: relative;
        padding-left: 8px;
    }

    #ccCardType.visa:after {
        background: url(/templates/assets/images/icon-logo-visa.png) repeat center;
        background-size: cover;
        width: 32px;
        height: 20px;
    }

    #ccCardType.amex:after {
        background: url(/templates/assets/images/icon-logo-amex.png) repeat center;
        background-size: cover;
        width: 32px;
        height: 20px;
    }

    #ccCardType.mastercard:after {
        background: url(/templates/assets/images/icon-logo-mastercard.png) repeat center;
        background-size: cover;
        width: 32px;
        height: 20px;
    }

    #ccCardType label:after,
    .cc-coupon-code label:after {
        background-color: transparent;
        color: #999;
        font-size: 11px;
        font-weight: bold;
        padding: 2px 0 0 0;
        border-radius: 16px;
        position: absolute;
        right: 7px;
        top: 32px;
        width: 16px;
        height: 16px;
        content: "X";
        z-index: 3;
        text-align: center;
    }

    #ccCardType label.valid:after,
    .cc-coupon-code label.valid:after {
        background-color: green;
        color: #fff;
        padding: 0;
        border-radius: 16px;
        position: absolute;
        right: 7px;
        top: 34px;
        width: 16px;
        height: 16px;
        content: url(/templates/assets/images/icon-checkmark-white-16.png);
        z-index: 3;
    }

    .cc-coupon-code label.valid:after {
        line-height: 1;
    }

    @media screen and (max-width: 767px) {
        .center-block-xs {
            margin-left: auto;
            margin-right: auto;
        }
    }

    .dl-horizontal.dl-horizontal-100 dt {
        width: 100px;
    }

    .dl-horizontal.dl-horizontal-100 dd {
        margin-left: 110px;
    }

    .dl-mrg-b-10 dd,
    .dl-horizontal.dl-horizontal-mrg-b-10 dd {
        margin-bottom: 10px;
    }

    .form-horizontal.form-horizontal-label-flush .control-label {
        padding-top: 0;
    }

    .table.text-left>thead>tr>th,
    .table.text-left>tbody>tr>th,
    .table.text-left>tfoot>tr>th,
    .table.text-left>thead>tr>td,
    .table.text-left>tbody>tr>td,
    .table.text-left>tfoot>tr>td {
        text-align: left;
    }

    /*.table-stretch-n30,
    .block-stretch-n30 {
        margin-left: -30px;
        margin-right: -30px;
    }

    .table-stretch-n30 .table>thead>tr>th:first-child,
    .table-stretch-n30 .table>tbody>tr>th:first-child,
    .table-stretch-n30 .table>tfoot>tr>th:first-child,
    .table-stretch-n30 .table>thead>tr>td:first-child,
    .table-stretch-n30 .table>tbody>tr>td:first-child,
    .table-stretch-n30 .table>tfoot>tr>td:first-child {
        padding-left: 30px;
    }

    .table-stretch-n15,
    .block-stretch-n15 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .table-stretch-n15 .table>thead>tr>th:first-child,
    .table-stretch-n15 .table>tbody>tr>th:first-child,
    .table-stretch-n15 .table>tfoot>tr>th:first-child,
    .table-stretch-n15 .table>thead>tr>td:first-child,
    .table-stretch-n15 .table>tbody>tr>td:first-child,
    .table-stretch-n15 .table>tfoot>tr>td:first-child {
        padding-left: 30px;
    } */

    .radio-inline,
    .checkbox-inline {
        margin-right: 24px;
        margin-bottom: 10px;
    }

    .radio-inline+.radio-inline,
    .checkbox-inline+.checkbox-inline {
        margin-left: 0;
    }

    /* .table-navbar-fixed-top {
        background-color: #fff;
        padding: 15px 0 15px 30px;
    }

    .tab-content .table-navbar-fixed-top {
        background-color: #fff;
        padding: 15px 0 15px 30px;
    } */

    .table-navbar-fixed-bottom,
    .app-v3-sidebar-view .table-navbar-fixed-bottom {
        min-height: 70px;
        height: auto;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 220px;
        right: 0;
        padding: 30px;
      /* z-index: 100;*/
      /* updated feb 10 2019 - to be above dropdown menu @z1000*/
      z-index: 1001;
    }

    .app-v3-top-navbar-view .table-navbar-fixed-bottom {
        max-width: 1300px;
        left: auto;
        right: auto;
        width: 100%;
    }

    .tab-content .table-navbar-fixed-top.table-navbar-fixed-top-fixed {
        position: fixed;
        padding-left: 30px;
    }

    .tab-content.tab-content-styled .tab-pane {
        border: 1px solid #dddddd;
        border-top: none;
        padding: 15px;
    }

    .tab-pane.tab-pane-offset-30 {
        padding: 30px;
    }

    .table-navbar-fixed-top .row {
        display: table;
        width: 100%;
    }

    .table-navbar-fixed-top .row [class*="col-"] {
        display: table-cell;
        vertical-align: middle;
    }

    .disp-inline {
        display: inline;
    }

    .disp-ib {
        display: inline-block;
    }

    .disp-block {
        display: block;
    }

    @media screen and (max-width: 767px) {
        .disp-inline-xs {
            display: inline;
        }

        .disp-ib-xs {
            display: inline-block;
        }

        .disp-block-xs {
            display: block;
        }
    }

    .input-group-btn-combo {
        display: table;
        width: 100%;
        float: right;
    }

    .input-group-btn-combo>div {
        display: table-cell;
        float: none;
    }

    .input-group-btn-combo div.btn-div {
        display: table-cell;
        float: none;
        text-align: left;
        padding-left: 15px;
        width: 100px;
    }

    .input-group-btn-combo div.btn-div .btn {
        width: 100px;
    }

    .table-navbar-fixed-bottom .btn-table-layout {
        display: table;
        width: 100%;
    }

    .table-navbar-fixed-bottom .btn-table-layout div.btn-div {
        display: table-cell;
        padding: 0 15px;
    }

    .table-navbar-fixed-bottom .btn-inline-layout {
        display: block;
        width: 100%;
    }

    .table-navbar-fixed-bottom .btn-inline-layout div.btn-div {
        display: inline-block;
        padding: 0 15px;
    }

    .table-navbar-fixed-bottom .btn-table-layout div.btn-div:first-child,
    .table-navbar-fixed-bottom .btn-inline-layout div.btn-div {
        padding-left: 0;
    }

    .table-navbar-fixed-bottom .btn-table-layout div.btn-div:last-of-type,
    .table-navbar-fixed-bottom .btn-inline-layout div.btn-div:last-of-type,
    .table-navbar-fixed-bottom .btn-table-layout div.btn-div:last-child,
    .table-navbar-fixed-bottom .btn-inline-layout div.btn-div:last-child {
        padding-right: 0;
    }

    @media screen and (max-width: 767px) {
        .table-navbar-fixed-bottom .btn-inline-layout div.btn-div { margin-bottom: 15px; }
    }

    dl.list-inline {
        margin: 0 0 15px 0;
        padding: 0;
    }

    dl.list-inline dt,
    dl.list-inline dd {
        display: inline-block;
    }

    /* .offset-50 .navbar .navbar-right {
        margin-right: 45px;
    } */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        font-weight: normal;
    }

    h1.font-bold,
    h2.font-bold,
    h3.font-bold,
    h4.font-bold,
    h5.font-bold,
    h6.font-bold,
    .h1.font-bold,
    .h2.font-bold,
    .h3.font-bold,
    .h4.font-bold,
    .h5.font-bold,
    .h6.font-bold {
        font-weight: bold;
    }

    h1.f16,
    h2.f16,
    h3.f16,
    h4.f16,
    h5.f16,
    h6.f16,
    .h1.f16,
    .h2.f16,
    .h3.f16,
    .h4.f16,
    .h5.f16,
    .h6.f16,
    h1 .f16,
    h2 .f16,
    h3 .f16,
    h4 .f16,
    h5 .f16,
    h6 .f16,
    .h1 .f16,
    .h2 .f16,
    .h3 .f16,
    .h4 .f16,
    .h5 .f16,
    .h6 .f16{
        font-size: 16px;
    }

    h1.f14,
    h2.f14,
    h3.f14,
    h4.f14,
    h5.f14,
    h6.f14,
    .h1.f14,
    .h2.f14,
    .h3.f14,
    .h4.f14,
    .h5.f14,
    .h6.f14,
    h1 .f14,
    h2 .f14,
    h3 .f14,
    h4 .f14,
    h5 .f14,
    h6 .f14,
    .h1 .f14,
    .h2 .f14,
    .h3 .f14,
    .h4 .f14,
    .h5 .f14,
    .h6 .f14{
        font-size: 14px;
    }

    h1.f13,
    h2.f13,
    h3.f13,
    h4.f13,
    h5.f13,
    h6.f13,
    .h1.f13,
    .h2.f13,
    .h3.f13,
    .h4.f13,
    .h5.f13,
    .h6.f13,
    h1 .f13,
    h2 .f13,
    h3 .f13,
    h4 .f13,
    h5 .f13,
    h6 .f13,
    .h1 .f13,
    .h2 .f13,
    .h3 .f13,
    .h4 .f13,
    .h5 .f13,
    .h6 .f13{
        font-size: 13px;
    }

    h1.f12,
    h2.f12,
    h3.f12,
    h4.f12,
    h5.f12,
    h6.f12,
    .h1.f12,
    .h2.f12,
    .h3.f12,
    .h4.f12,
    .h5.f12,
    .h6.f12,
    h1 .f12,
    h2 .f12,
    h3 .f12,
    h4 .f12,
    h5 .f12,
    h6 .f12,
    .h1 .f12,
    .h2 .f12,
    .h3 .f12,
    .h4 .f12,
    .h5 .f12,
    .h6 .f12{
        font-size: 12px;
    }

    .app-subnav {
        background-color: #fff;
        border-bottom: none;
        padding: 0 0 0 0;
    }

    .modal-subnav,
    .app-content .app-subnav {
        margin-top: -15px;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 12px;
        border-bottom: 1px solid #dedede;
        margin-bottom: 30px;
    }

    .modal-subnav .nav-tabs,
    .modal-subnav .nav-tabs li,
    .modal-subnav .nav-tabs li a,
    .modal-subnav .nav-tabs li span,
    .modal-subnav .nav-tabs li.active,
    .modal-subnav .nav-tabs li.active a,
    .modal-subnav .nav-tabs li.active span,
    .app-subnav .nav-tabs,
    .app-subnav .nav-tabs li,
    .app-subnav .nav-tabs li a,
    .app-subnav .nav-tabs li span,
    .app-subnav .nav-tabs li.active,
    .app-subnav .nav-tabs li.active a,
    .app-subnav .nav-tabs li.active span{
        border-left: none;
        border-top: none;
        border-right: none;
        border-bottom: none;
    }

    .modal-subnav .nav-tabs li,
    .app-subnav .nav-tabs li {
        position: relative;
        margin-bottom: 0;
        margin-right: 30px;
    }

    .modal-subnav .nav-tabs>li>a,
    .app-subnav .nav-tabs>li>a,
    .modal-subnav .nav-tabs>li>span,
    .app-subnav .nav-tabs>li>span {
        color: #cccccc;
        padding: 0 0 0 0;
        /* padding-left:8px; padding-right: 8px;*/
    }

    .modal-subnav .nav-tabs li.active a,
    .app-subnav .nav-tabs li.active a,
    .modal-subnav .nav-tabs li.active span,
    .app-subnav .nav-tabs li.active span {
        color: #26373e;
        font-weight: bold;
    }

    .modal-subnav .nav-tabs>li:after,
    .app-subnav .nav-tabs>li:after {
        display: block;
        height: 3px;
        width: 0;
        position: absolute;
        bottom: -15px;
        background-color: #f7931e;
        content: '';
        transform: scaleX(0);
        transition: transform 250ms ease-in-out;
    }

    .modal-subnav .nav-tabs>li:active a,
    .modal-subnav .nav-tabs>li:focus a,
    .modal-subnav .nav-tabs>li:hover a,
    .app-subnav .nav-tabs>li:active a,
    .app-subnav .nav-tabs>li:focus a,
    .app-subnav .nav-tabs>li:hover a,
    .modal-subnav .nav-tabs>li:active span,
    .modal-subnav .nav-tabs>li:focus span,
    .modal-subnav .nav-tabs>li:hover span,
    .app-subnav .nav-tabs>li:active span,
    .app-subnav .nav-tabs>li:focus span,
    .app-subnav .nav-tabs>li:hover span {
        background-color: transparent;
    }

    .modal-subnav .nav-tabs>li:hover:after,
    .app-subnav .nav-tabs>li:hover:after {
        width: 100%;
        transform: scaleX(1);
        transform-origin: 0% 50%;
    }

    .modal-subnav .nav-tabs li.active:after,
    .app-subnav .nav-tabs li.active:after {
        display: block;
        height: 3px;
        width: 100%;
        position: absolute;
        bottom: -15px;
        background-color: #f7931e;
        content: '';
        transform: none;
        transition: none;
    }


    .modal-subnav .nav-tabs.nav-tabs-plain li.active:after,
    .app-subnav .nav-tabs.nav-tabs-plain li.active:after {
        display: none;
        height: 0;
        width: 100%;
        position: relative;
        bottom: 0;
        background-color: #f7931e;
        content: '';
        transform: none;
        transition: none;
    }

    .nav-tabs-dropdown-wrapper.open .nav-tabs-dropdown-control.active,
    .nav-tabs-dropdown-wrapper.open .nav-tabs-dropdown-control:active {
        background-color: transparent;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    .nav-tabs-dropdown-control {
        display: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        text-transform: uppercase;
        border: none;
        text-align: left;
        position: relative;
        font-weight: bold;
    }

    .nav-tabs-dropdown-wrapper .nav-tabs-dropdown-control.btn-default,
    .nav-tabs-dropdown-wrapper .btn-default:focus,
    .nav-tabs-dropdown-wrapper .btn-default:active,
    .nav-tabs-dropdown-wrapper .btn-default:hover {
        background-color: #fff;
        border: none;
        -webkit-box-shadow: none !important;
        border: 2px solid transparent;
        border-bottom: 0px solid transparent;
    }

    .nav-tabs-dropdown-wrapper.open .nav-tabs-dropdown-control.btn-default,
    .nav-tabs-dropdown-wrapper.open .nav-tabs-dropdown-control.btn-default:focus,
    .nav-tabs-dropdown-wrapper.open .nav-tabs-dropdown-control.btn-default:active,
    .nav-tabs-dropdown-wrapper.open .nav-tabs-dropdown-control.btn-default:hover {
        border: 2px solid orange;
        border-bottom: 0px solid transparent;
    }

    @media screen and (max-width: 1210px) {
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md { display: block; }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            z-index: 11;
            text-align: left;
            position: relative;
            width: 100%;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs-dropdown-control {
            display: inline-block;
            border: 1px solid transparent;
            color: #000;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs.nav-tabs-dropdown-links {
            display: none;
        }

        .dropdown .dropdown-menu:after {
            position: absolute;
            top: -13px;
            right: 0;
            content: " ";
            width: 24px;
            height: 24px;
            background: transparent;
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 12px solid #ededed;
        }

        .dropup .dropdown-menu:after {
            position: absolute;
            bottom: -13px;
            content: " ";
            width: 24px;
            height: 24px;
            background: transparent;
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 12px solid #ededed;
        }

        .dropdown.pull-right .dropdown-menu:after {
            position: absolute;
            top: -13px;
            content: " ";
            right: 0;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links li>a {
            padding-left: 0;
            padding-right: 0;
            display: inline-block;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links {
            padding-top: 15px;
            position: absolute;
            background: #fff;
            left: -30px;
            right: -30px;
            padding-left: 30px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 15px;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links li {
            display: block;
            float: none;
            margin-bottom: 15px;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links:last-of-type,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links li:last-of-type,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links:last-child,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links li:last-child {
            margin-bottom: 0;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links li.active,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links li.active:after {
            display: none;
            float: none;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs-dropdown-control.active,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs-dropdown-control:active {
            background-color: transparent;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs-dropdown-control:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs>li:after,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs>li:after {
            display: block;
            height: 0;
            width: 3px;
            position: absolute;
            bottom: 0;
            background-color: #f7931e;
            content: '';
            transform: scaleY(0);
            transition: transform 250ms ease-in-out;
            left: -30px;
            display: none;
            /*hide indicagtor when its a dropdown */
        }

        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs>li.active:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs>li.active:after {
            content: "";
            height: 100%;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs-dropdown-control:after,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs>li.active:after,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs>li:hover:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs>li.active:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs>li:hover:after {
            height: 100%;
            transform: scaleY(1);
            transform-origin: 0% 50%;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md .nav-tabs-dropdown-control:before {
            content: "\f0d7";
            font-family: FontAwesome !important;
            position: absolute;
            right: -18px;
        }
    }

    @media screen and (max-width: 991px) {
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm { display: block; }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            z-index: 11;
            text-align: left;
            position: relative;
            width: 100%;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs-dropdown-control {
            display: inline-block;
            border: 1px solid transparent;
            color: #000;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs.nav-tabs-dropdown-links {
            display: none;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links li>a {
            padding-left: 0;
            padding-right: 0;
            display: inline-block;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links {
            position: absolute;
            background: #fff;
            /*left: -30px;
            right: -30px;
            padding-left: 30px;*/
            left: -30px;
            right: -30px;
            padding: 15px 30px;
            border-bottom: 1px solid #ccc;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links li {
            display: block;
            float: none;
            margin-bottom: 15px;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links:last-of-type,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links li:last-of-type,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links:last-child,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links li:last-child {
            margin-bottom: 0;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links li.active,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links li.active:after {
            display: none;
            float: none;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs-dropdown-control.active,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs-dropdown-control:active {
            background-color: transparent;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs-dropdown-control:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs>li:after,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs>li:after {
            display: block;
            height: 0;
            width: 3px;
            position: absolute;
            bottom: 0;
            background-color: #f7931e;
            content: '';
            transform: scaleY(0);
            transition: transform 250ms ease-in-out;
            left: -30px;
            display: none;
            /*hide indicagtor when its a dropdown */
        }

        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs>li.active:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs>li.active:after {
            content: "";
            height: 100%;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs-dropdown-control:after,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs>li.active:after,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs>li:hover:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs>li.active:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs>li:hover:after {
            height: 100%;
            transform: scaleY(1);
            transform-origin: 0% 50%;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm .nav-tabs-dropdown-control:before {
            content: "\f0d7";
            font-family: FontAwesome !important;
            position: absolute;
            right: -18px;
        }
    }

    @media screen and (max-width: 767px) {
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs {
            display: block;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            z-index: 11;
            text-align: left;
            position: relative;
            width: 100%;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs-dropdown-control {
            display: inline-block;
            border: 1px solid transparent;
            color: #000;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs.nav-tabs-dropdown-links {
            display: none;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs.nav-tabs-dropdown-links li>a {
            padding-left: 0;
            padding-right: 0;
            display: inline-block;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs.nav-tabs-dropdown-links {
            padding-top: 15px;
            position: absolute;
            background: #fff;
            left: -30px;
            right: -30px;
            padding-left: 30px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 15px;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs.nav-tabs-dropdown-links,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs.nav-tabs-dropdown-links li {
            display: block;
            float: none;
            margin-bottom: 15px;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs.nav-tabs-dropdown-links:last-of-type,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs.nav-tabs-dropdown-links li:last-of-type,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs.nav-tabs-dropdown-links:last-child,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs.nav-tabs-dropdown-links li:last-child {
            margin-bottom: 0;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs.nav-tabs-dropdown-links li.active,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs.nav-tabs-dropdown-links li.active:after {
            display: none;
            float: none;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs-dropdown-control.active,
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs-dropdown-control:active {
            background-color: transparent;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs-dropdown-control:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs>li:after,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs>li:after {
            display: block;
            height: 0;
            width: 3px;
            position: absolute;
            bottom: 0;
            background-color: #f7931e;
            content: '';
            transform: scaleY(0);
            transition: transform 250ms ease-in-out;
            left: -30px;
            display: none;
            /*hide indicagtor when its a dropdown */
        }

        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs>li.active:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs>li.active:after {
            content: "";
            height: 100%;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs.open .nav-tabs-dropdown-control:after,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs>li.active:after,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs>li:hover:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs>li.active:after,
        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs>li:hover:after {
            height: 100%;
            transform: scaleY(1);
            transform-origin: 0% 50%;
        }

        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-xs .nav-tabs-dropdown-control:before {
            content: "\f0d7";
            font-family: FontAwesome !important;
            position: absolute;
            right: -18px;
        }
    }

    .title-row {
        display: table;
        width: 100%;
    }

    .title-col {
        width: auto;
        display: table-cell;
        vertical-align: middle;
        padding-right: 15px;
        padding-left: 15px;
    }

    .title-col.title-col-first {
        padding-left: 0;
    }

    .title-col.title-col-last {
        padding-right: 0;
    }

    .title-col.title-col-right {
        text-align: right;
    }

    .title-row.v-top .title-col {
        vertical-align: top;
    }

    .title-col .title-col-nested {
        display: table-cell;
        vertical-align: middle;
        width: auto;
    }

    .title-col .title-col-nested .title-name {
        padding-right: 36px;
    }

    .title-name {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }

    .title-col .title-col-nested .title-select select {
        margin: 0;
        padding: 0;
    }

    .title-row h1,
    .title-row .h1,
    .title-row h2,
    .title-row .h2,
    .title-row h3,
    .title-row .h3,
    .title-row h4,
    .title-row .h4,
    .title-row h5,
    .title-row .h5,
    .title-row h6,
    .title-row .h6 {
        font-weight: normal;
    }

    @media screen and (min-width: 1200px) {
        .title-stack-lg.title-row {
            display: block;
            margin-top: 20px;
            margin-bottom: 20px;
            width: 100%;
        }

        .title-stack-lg .title-col {
            display: block;
        }

        .title-stack-lg .title-col .title-col-nested {
            display: block;
            vertical-align: middle;
            width: auto;
        }

        .title-stack-lg .title-col-nested.title-select {
            margin-top: 8px;
        }
    }

    @media screen and (min-width:992px) and (max-width: 1199px) {
        .title-stack-md.title-row {
            display: block;
            margin-top: 20px;
            margin-bottom: 20px;
            width: 100%;
        }

        .title-stack-md .title-col {
            display: block;
        }

        .title-stack-md .title-col .title-col-nested {
            display: block;
            vertical-align: middle;
            width: auto;
        }

        .title-stack-md .title-col-nested.title-select {
            margin-top: 8px;
        }
    }

    @media screen and (min-width:768px) and (max-width: 991px) {
        .title-stack-sm.title-row {
            display: block;
            margin-top: 20px;
            margin-bottom: 20px;
            width: 100%;
        }

        .title-stack-sm .title-col {
            display: block;
        }

        .title-stack-sm .title-col .title-col-nested {
            display: block;
            vertical-align: middle;
            width: auto;
        }

        .title-stack-sm .title-col-nested.title-select {
            margin-top: 8px;
        }
    }

    @media screen and (max-width: 767px) {
        .title-stack-xs.title-row {
            display: block;
            margin-top: 20px;
            margin-bottom: 20px;
            width: 100%;
        }

        .title-stack-xs .title-col {
            display: block;
        }

        .title-stack-xs .title-col .title-col-nested {
            display: block;
            vertical-align: middle;
            width: auto;
        }

        .title-stack-xs .title-col-nested.title-select {
            margin-top: 8px;
        }
    }

    .btn-text {
        color: #26a69a;
    }

    .btn-text:active,
    .btn-text:focus,
    .btn-text:hover {
        color: #13534d;
    }

    .btn-text-flush {
        padding-left: 0;
        padding-right: 0;
    }

    .btn-text.btn-text-icon-plus,
    .btn-text.btn-text-icon-cancel {
        position: relative;
        padding-left: 30px;
        line-height: 20px;
    }

    .btn-text.btn-text-icon-plus:before,
    .btn-text.btn-text-icon-cancel:before {
        position: absolute;
        left: 0;
        content: "+";
        width: 20px;
        height: 20px;
        background-color: #26a69a;
        color: #fff;
        border-radius: 100%;
        line-height: 20px;
    }

    .btn-text.btn-text-icon-cancel:before {
        content: "x";
    }

    .btn-text.btn-text-icon-plus:active:before,
    .btn-text.btn-text-icon-plus:focus:before,
    .btn-text.btn-text-icon-plus:hover:before {
        background-color: #13534d;
    }

    h1 .panel-title,
    .panel-title.h1 {
        font-size: 36px;
    }

    h2 .panel-title,
    .panel-title.h2 {
        font-size: 30px;
    }

    h3 .panel-title,
    .panel-title.h3 {
        font-size: 24px;
    }

    h4 .panel-title,
    .panel-title.h4 {
        font-size: 18px;
    }

    h5 .panel-title,
    .panel-title.h5 {
        font-size: 16px;
    }

    h6 .panel-title,
    .panel-title.h6 {
        font-size: 14px;
    }

    .collapsing .radio input[type="radio"],
    .collapsing .radio-inline input[type="radio"],
    .collapsing .checkbox input[type="checkbox"],
    .collapsing .checkbox-inline input[type="checkbox"],
    .collapse .radio input[type="radio"],
    .collapse .radio-inline input[type="radio"],
    .collapse .checkbox input[type="checkbox"],
    .collapse .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -18px;
        margin-top: 4px \9;
    }

    .collapsing .ms-drop .checkbox input[type="checkbox"],
    .collapsing .ms-drop .checkbox-inline input[type="checkbox"],
    .collapse .ms-drop .checkbox input[type="checkbox"],
    .collapse .ms-drop .checkbox-inline input[type="checkbox"] {
        position: relative;
        margin-left: 0;
        margin-top: 0;
    }

    .nav-tabs.app-tert-nav {
        border-bottom: 1px solid #dedede;
    }

    .nav-tabs.app-tert-nav>li>a {
        background-color: transparent;
        box-shadow: none;
        border-color: transparent;
        color: #ccc;
    }

    .nav-tabs.app-tert-nav>li>a:focus,
    .nav-tabs.app-tert-nav>li.active>a:hover {
        color: #33ace0;
        background-color: transparent;
    }

    .nav-tabs.app-tert-nav>li.active>a,
    .nav-tabs.app-tert-nav>li.active>a:hover,
    .nav-tabs.app-tert-nav>li.active>a:focus {
        border: 1px solid #dedede;
        color: #33ace0;
        font-weight: 400;
        background-color: #fff;
    }

    .radio-inline-switch {
        display: block;
    }

    .radio-inline-switchr:before,
    .radio-inline-switch:after {
        content: " ";
        display: table;
    }

    .radio-inline-switch:after {
        clear: both;
    }

    .radio-inline-switch .radio-inline {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        float: left;
    }

    .radio-inline-switch .radio-inline input {
        display: none;
    }

    .radio-inline-switch .radio-inline input+span {
        text-transform: uppercase;
        padding: 8px 10px;
        font-size: 85%;
        background-color: #fff;
        color: #666666;
        border: 1px solid #666666;
        border-collapse: collapse;
        display: block;
    }

    .radio-inline-switch .radio-inline input:checked+span {
        background-color: #fff;
        color: #33ace0;
        border: 1px solid #33ace0;
    }

    .radio-inline-switch.switch-primary .radio-inline input:checked+span {
        background-color: #666666;
        border: 1px solid #666666;
        color: #fff;
    }

    .label-warning-icon {
        font-size: 12px;
        width: 16px;
        height: 16px;
        border-radius: 18px;
        padding: 0;
        display: inline-block;
        padding-top: 2px;
        text-shadow: 1px 1px 0 #b66d2f;
        margin-right: 7px;
    }

    .label-warning-icon-small {
        font-size: 12px;
        width: 16px;
        height: 16px;
        border-radius: 16px;
        padding: 0;
        display: inline-block;
        padding-top: 2px;
        text-shadow: 1px 1px 0 #b66d2f;
        margin-left: 7px;
    }

    .label-danger-icon {
        font-size: 12px;
        width: 16px;
        height: 16px;
        border-radius: 18px;
        padding: 0;
        display: inline-block;
        padding-top: 2px;
        text-shadow: none;
        margin-right: 7px;
        background-color: #a94442;
    }

    .label-danger-icon-small {
        font-size: 12px;
        width: 16px;
        height: 16px;
        border-radius: 16px;
        padding: 0;
        display: inline-block;
        padding-top: 2px;
        text-shadow: none;
        margin-left: 7px;
        background-color: #a94442;
    }

    .app-content .h1:first-child,
    .app-content h1:first-child,
    .app-content .h2:first-child,
    .app-content h2:first-child,
    .app-content .h3:first-child,
    .app-content h3:first-child,
    .app-content .h4:first-child,
    .app-content h4:first-child,
    .app-content .h5:first-child,
    .app-content h5:first-child,
    .app-content .h6:first-child,
    .app-content h6:first-child {
        margin-top: 0;
    }

    /* THIS IS ONLY BEING USED ON ADMIN AS FAR AS I CAN SEE - DEC 2 2018 JC  - Block list wrap*/

    .block-list-wrap {
        display: table;
        width: 100%;
        border-collapse: collapse
    }

    .block-list-wrap .row.row-block-list {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: table-row;
        width: 100%;
        border-collapse: collapse;
    }

    .block-list-wrap .row.row-block-list:after {
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        content: "";
        background-color: #ddd;
    }

    .block-list-wrap .row.row-block-list [class*='col-'] {
        display: table-cell;
        vertical-align: top;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-right: 15px;
    }

    .block-list-wrap .row.row-block-list [class*='col-'] [class*='col-'] {
        padding-top: 0;
        padding-bottom: 4px;
    }

    .block-list-wrap .row.row-block-list .checkbox {
        margin-top: 0;
        margin-bottom: 0;
    }

    .block-list-wrap {
        position: relative;
    }

    .block-list-wrap .row.row-block-list {
        position: relative;
    }

    @media screen and (max-width: 767px) {
        .block-list-wrap.block-list-wrap-stack-xs {
            display: block;
        }

        .block-list-wrap.block-list-wrap-stack-xs .row.row-block-list {
            display: block;
        }

        .block-list-wrap.block-list-wrap-stack-xs .row.row-block-list [class*='col-'] {
            display: block;
        }

        .block-list-wrap.block-list-wrap-stack-xs .row.row-block-list .col-xs-auto {
            display: inline-block;
            width: auto;
            padding-left: 15px;
            padding-right: 15px;
            width: 33%;
            width: calc(33% - 15px);
        }
    }

    .card-select-wrap {
        display: table;
        width: 100%;
    }

    .row.card-select-wrap {
        margin-left: 0;
        margin-right: 0;
    }

    .card-select-wrap .card-select-choice {
        display: table-cell;
        text-align: center;
        padding: 30px;
        float: none;
        color: #999;
    }

    .card-select-wrap .card-select-choice a{
        position: relative;
        z-index: 1;
        color: #999;
        margin: -30px;
        padding: 30px;
        display: block;
    }

    .card-select-wrap .card-select-choice .card-select-title{
        text-transform: uppercase;
        font-weight: bold;
        color:  #333;
    }

    .card-select-wrap .card-select-choice a:hover .card-select-title{
        text-transform: uppercase;
        font-weight: bold;
        color:#45aaf2;
    }

    .card-select-wrap .card-select-choice a:hover,
    .card-select-wrap .card-select-choice a:hover .card-select-title{
        color:#45aaf2;
        transition: color .6s;
    }


    .card-select-wrap .card-select-choice .card-select-title{
        text-transform: uppercase;
        font-weight: bold;
        color:  #333;
    }

    .card-select-wrap .card-select-choice.card-select-choice-large-icon .icon {
        padding: 15px;
        /* font-size: 72px; */
    }

    .card-select-wrap .card-select-choice.card-select-choice-large-icon a:hover,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected {
        color: #45aaf2;
        position: relative;
    }

    .card-select-wrap .card-select-choice.card-select-choice-large-icon .icon.icon-on{
        position: absolute;
        left: -9999px;
        top: -9999px;
        visibility: hidden;
    }

    .card-select-wrap .card-select-choice.card-select-choice-large-icon .icon.icon-off{
        position: static;
        left: auto;
        top: auto;
        visibility: visible;
    }

    .card-select-wrap .card-select-choice.card-select-choice-large-icon a:hover .icon.icon-on,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected .icon.icon-on{
        position: static;
        left: auto;
        top: auto;
        visibility: visible;
    }

    .card-select-wrap .card-select-choice.card-select-choice-large-icon a:hover .icon.icon-off,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected .icon.icon-off{
        position: absolute;
        left: -9999px;
        top: -9999px;
        visibility: hidden;
        transition: all .5s;
    }

    .card-select-wrap .card-select-choice.card-select-choice-large-icon a:hover:after,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -moz-box-shadow: 0 0 15px #cdcdcd;
        -webkit-box-shadow: 0 0 15px #cdcdcd;
        box-shadow: 0 0 15px #cdcdcd;
    }

    .block-list-group .block-list-item {
        background-color: #f9f9f9;
        padding: 12px;
        border-bottom: 3px solid #ededed;
        position: relative;
        margin-bottom: 24px;
        padding-right: 24px;
    }

    .block-list-group .block-list-item .list-inline li {
        padding-right: 12px;
    }

    .block-list-group .block-list-item dl,
    .block-list-group .block-list-item ol,
    .block-list-group .block-list-item ul {
        margin-bottom: 0;
    }

    .block-list-group .block-list-item dl dt {
        font-weight: 400;
        text-transform: uppercase;
        font-size: 85%;
        color: #777;
    }

    .block-list-group .block-list-item .dropdown.kebab-dropdown {
        position: static;
        float: right;
    }

    .block-list-group .block-list-item .dropdown.kebab-dropdown .dropdown-menu {
        position: absolute;
        top: 50px;
        right: 30px;
        max-width: 200px;
        left: unset;
    }

    @media screen and (max-width: 767px) {
        .block-list-group .block-list-item .dropdown.kebab-dropdown {
            position: absolute;
            top: 16px;
            right: 0;
            z-index: 10;
        }

        .block-list-group .block-list-item .dropdown.kebab-dropdown .dropdown-menu {
            position: absolute;
            top: 15px;
            right: 15px;
            left: unset;
        }

        .block-list-group .block-list-item dl,
        .block-list-group .block-list-item ol,
        .block-list-group .block-list-item ul {
            margin-bottom: 12px;
        }
    }

    .card-select-wrap {
        display: table;
        width: 100%;
    }

    .row.card-select-wrap {
        margin-left: 0;
        margin-right: 0;
    }

    .card-select-wrap .card-select-choice {
        display: table-cell;
        text-align: center;
        padding: 30px;
        float: none;
        color: #999;
    }

    .card-select-wrap .card-select-choice.card-select-choice-large-icon .icon {
        padding: 0 15px 15px 15px;
        /* font-size: 72px; */
    }

    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected h1,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected h2,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected h3,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected h4,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected h5,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected h6,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected .h1,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected .h2,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected .h3,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected .h4,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected .h5,
    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected .h6{
        color: #45aaf2;
        position: relative;
        /* font-weight: 500; */
    }

    .card-select-wrap .card-select-choice.card-select-choice-large-icon.selected:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -moz-box-shadow: 0 0 15px #cdcdcd;
        -webkit-box-shadow: 0 0 15px #cdcdcd;
        box-shadow: 0 0 15px #cdcdcd;
    }

    .nav-steps-wrap {
        display: block;
        padding-bottom: 30px;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 0;
    }

    .nav.nav-steps {
        text-align: center;
        display: table;
        width: 100%;
    }

    .nav.nav-steps>li {
        display: inline-block;
        display: table-cell;
        text-align: center;
        position: relative;
    }

    .nav.nav-steps>li:last-of-type,
    .nav.nav-steps>li:last-child {
        display: inline-block;
        padding-right: 0;
    }

    .nav.nav-steps>li>span.nav-steps-numeral,
    .nav.nav-steps>li>a>span.nav-steps-numeral,
    .nav.nav-steps>li>span.nav-steps-numeral,
    .nav.nav-steps>li>a>span.nav-steps-numeral {
        width: 36px;
        height: 36px;
        border-radius: 100%;
        background-color: #DDD;
        text-align: center;
        vertical-align: middle;
        font-size: 18px;
        line-height: 36px;
        padding: 0 0 0 0;
        display: inline-block;
        color: #999;
        position: relative;
        z-index: 2;
    }

    .nav.nav-steps>li.active>span.nav-steps-numeral,
    .nav.nav-steps>li.active>a>span.nav-steps-numeral {
        background-color: #45aaf2;
        color: #fff;
        font-weight: bold;
        size: 2;
    }

    .nav.nav-steps>li.active:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        height: 2px;
        border-top: 2px dashed #45aaf2;
        top: 24px;
        left: 50%;
        width: 100%;
        right: 0;
        z-index: 1;
    }

    .nav.nav-steps>li.complete:after,
    .nav.nav-steps>li.inactive:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        height: 2px;
        background-color: #fff;
        border-top: 2px dashed #ddd;
        top: 24px;
        right: 0;
        width: 100%;
        z-index: 1;
        left: 50%;
    }

    .nav.nav-steps>li:last-of-type:after,
    .nav.nav-steps>li:last-child:after {
        display: none;
    }

    .nav.nav-steps>li>a:focus,
    .nav.nav-steps>li>a:hover {
        background-color: inherit;
    }

    .checkbox-switch {
        display: block;
    }

    .checkbox-switch:before,
    .checkbox-switch:after {
        content: " ";
        display: table;
    }

    .checkbox-switch:after {
        clear: both;
    }

    .checkbox-switch label {
        display: inline-block;
        position: relative;
        width: 48px;
        height: 28px;
        z-index: 1;
        /* see line 4191*/
    }

    .checkbox-switch label:before {
        content: '';
        position: absolute;
        width: 48px;
        height: 28px;
        background-color: orange;
        border-top-left-radius: 28px;
        border-top-right-radius: 28px;
        border-bottom-left-radius: 28px;
        border-bottom-right-radius: 28px;
        z-index: 1;
    }

    .checkbox-switch input[type='checkbox'] {
        display: none;
    }

    .checkbox-switch label:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        width: 28px;
        height: 28px;
        border-radius: 28px;
        background-color: #fff;
        border: 2px solid #f59231;
        z-index: 1;
    }

    .checkbox-switch label:before {
        content: '';
        position: absolute;
        width: 48px;
        height: 28px;
        background-color: #f59231;
        border-top-left-radius: 28px;
        border-top-right-radius: 28px;
        border-bottom-left-radius: 28px;
        border-bottom-right-radius: 28px;
        position: absolute;
        left: 0;
    }

    .checkbox-switch input[type='checkbox']:checked+label:before {
        content: '';
        position: absolute;
        width: 48px;
        height: 28px;
        background-color: #45aaf2;
        border-top-left-radius: 28px;
        border-top-right-radius: 28px;
        border-bottom-left-radius: 28px;
        border-bottom-right-radius: 28px;
    }

    .checkbox-switch input[type='checkbox']:checked+label:after {
        content: '';
        position: absolute;
        right: 0;
        width: 28px;
        height: 28px;
        border-radius: 28px;
        background-color: #fff;
        border: 2px solid #45aaf2;
        position: absolute;
        left: 20px;
    }

    .checkbox-switch label span.switch-text.switch-yes,
    .checkbox-switch label span.switch-text.switch-no {
        position: absolute;
        right: -32px;
        top: 3px;
        text-align: left;
        display: block;
    }

    .checkbox-switch input[type='checkbox']+label span.switch-text.switch-no {
        display: inline-block;
    }

    .checkbox-switch input[type='checkbox']:checked+label span.switch-text.switch-no {
        display: none;
    }

    .checkbox-switch input[type='checkbox']+label span.switch-text.switch-yes {
        display: none;
    }

    .checkbox-switch input[type='checkbox']:checked+label span.switch-text.switch-yes {
        display: inline-block;
    }

    .form-group .checkbox-switch {
        margin-top: 10px;
    }

    .alert.alert-outline.alert-warning {
        border: 1px solid #f59231;
        box-shadow: none;
        background-color: #fff;
        color: #666666;
    }

    .nav-steps .active .nav-steps-text,
    .nav-steps .complete .nav-steps-text {
        display: inline-block;
    }

    .nav-steps .complete .nav-steps-text {
        color: #ccc;
    }

    .nav-steps .active .nav-steps-text {
        color: #45aaf2;
    }

    .nav-steps .inactive .nav-steps-text {
        display: none;
    }

    form,
    form .form-group {
        color: #758696;
    }

    form label,
    label,
    form .form-group label {
        color: #758696;
        font-weight: normal;
    }

    form label.label-lead,
    label.label-lead,
    form .form-group label.label-lead {
        font-weight: normal;
        color: #2c425a;
        /*display: block;*/
    }

    /* .label-lead+br {
        display: none;
    } */

    form ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #dddddd
    }

    form ::-moz-placeholder {
        /* Firefox 19+ */
        color: #dddddd
    }

    form :-ms-input-placeholder {
        /* IE 10+ */
        color: #dddddd
    }

    form :-moz-placeholder {
        /* Firefox 18- */
        color: #dddddd
    }

    .badge.badge-warning {
        background-color: #f59231;
    }

    .label-warning-icon-xs {
        position: absolute;
        top: 0;
        right: -3px;
        font-size: 11px;
        width: 6px;
        height: 6px;
        border-radius: 6px;
        padding: 0;
        display: inline-block;
        padding-top: 2px;
        text-shadow: 1px 1px 0 #b66d2f;
    }

    @media screen and (max-width: 991px) {
        .label-warning-icon-xs {
            position: absolute;
            top: 0;
            right: -10px;
        }
    }

    /* MRG / PAD BEGIN*/

    ul.list-flush-15 {
        margin-left: -15px;
        margin-right: -15px
    }

    ul.list-accent-gray-stroke li {
        border-bottom: 1px solid #ededed;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    ul.list-accent-gray-stroke li:last-of-type,
    ul.list-accent-gray-stroke li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .checkbox-switch {
        display: block;
    }

    .checkbox-switch:before,
    .checkbox-switch:after {
        content: " ";
        display: table;
    }

    .checkbox-switch:after {
        clear: both;
    }

    .checkbox-switch label {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 22px;
        z-index: 1;
        margin-bottom: 0;
    }

    .checkbox-switch label:before {
        content: '';
        position: absolute;
        width: 32px;
        height: 22px;
        background-color: orange;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
        border-bottom-left-radius: 22px;
        border-bottom-right-radius: 22px;
        z-index: 1;
    }

    .checkbox-switch input[type='checkbox'] {
        display: none;
    }

    .checkbox-switch label:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        width: 22px;
        height: 22px;
        border-radius: 22px;
        background-color: #fff;
        border: 2px solid #ccc;
        z-index: 1;
    }

    .checkbox-switch label:before {
        content: '';
        position: absolute;
        width: 32px;
        height: 22px;
        background-color: #cccccc;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
        border-bottom-left-radius: 22px;
        border-bottom-right-radius: 22px;
        position: absolute;
        left: 0;
    }

    .checkbox-switch input[type='checkbox']:checked+label:before {
        content: '';
        position: absolute;
        width: 32px;
        height: 22px;
        background-color: #45aaf2;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
        border-bottom-left-radius: 22px;
        border-bottom-right-radius: 22px;
    }

    .checkbox-switch input[type='checkbox']:checked+label:after {
        content: '';
        position: absolute;
        right: 0;
        width: 22px;
        height: 22px;
        border-radius: 22px;
        background-color: #fff;
        border: 2px solid #45aaf2;
        position: absolute;
        left: 10px;
    }

    .checkbox-switch label span.switch-text.switch-yes,
    .checkbox-switch label span.switch-text.switch-no {
        position: absolute;
        right: 20px;
        top: 3px;
        text-align: left;
        display: block;
    }

    /*.checkbox-switch label span.switch-text.switch-yes{
        right: -30px;
    }*/

    .checkbox-switch input[type='checkbox']+label span.switch-text.switch-no {
        display: inline-block;
    }

    .checkbox-switch input[type='checkbox']:checked+label span.switch-text.switch-no {
        display: none;
    }

    .checkbox-switch input[type='checkbox']+label span.switch-text.switch-yes {
        display: none;
    }

    .checkbox-switch input[type='checkbox']:checked+label span.switch-text.switch-yes {
        display: inline-block;
    }

    .form-group .checkbox-switch {
        margin-top: 10px;
    }

    @media (min-width: 768px) {
        .dl-horizontal dt.text-left {
            text-align: left
        }
    }

    @media (max-width: 767px) {
        .dl-horizontal dd {
            margin-bottom: 8px;
        }
    }

    .styled-select {
        position: relative;
    }

    .styled-select select {
        width: 100%;
        position: relative;
    }

    .styled-select select {
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
    }

    .styled-select:after {
        content: "";
        position: absolute;
        top: 15px;
        right: 10px;
        z-index: 2;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #000000;
        pointer-events: none;
    }

    .styled-select .ms-drop ul>li label {
        text-transform: none;
        color: #797c7d;
        margin-bottom: 12px;
        font-size: 14px;
    }

    .styled-select .ms-drop ul>li input[type="checkbox"] {
        text-transform: none;
        color: #797c7d;
        margin-bottom: 12px;
        position: relative;
        bottom: -3px;
    }

    .styled-select.styled-select-clean .form-control {
        border: none;
        box-shadow: none;
        padding-left: 22px;
        position: relative;
    }

    .styled-select.styled-select-clean:after {
        content: "";
        position: absolute;
        top: 14px;
        left: 0;
        z-index: 2;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #000000;
    }

    .nav.nav-tabs.nav-tabs-well {
        text-transform: uppercase;
        margin-bottom: 24px;
    }

    .nav.nav-tabs.nav-tabs-well {
        border: none;
        border-bottom: 1px solid #f2f2f2;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .nav.nav-tabs.nav-tabs-well li {
        border: none;
        position: relative;
        margin-right: 20px;
    }

    .nav-tabs.nav-tabs-well>li.active>a,
    .nav-tabs.nav-tabs-well>li.active>a:hover,
    .nav-tabs-well.nav-tabs>li.active>a:focus {
        border: none;
        background: none;
    }

    .nav-tabs.nav-tabs-well>li>a,
    .nav-tabs.nav-tabs-well>li>a:hover,
    .nav-tabs-well.nav-tabs>li>a:focus {
        border: none;
        background: none;
    }

    .nav.nav-tabs.nav-tabs-well li.active:after {
        background-color: #f7931e;
        content: "";
        height: 3px;
        width: 100%;
        position: absolute;
        bottom: -2px;
    }

    .nav.nav-tabs.nav-tabs-well>li>a {
        position: relative;
        display: block;
        padding: 0 8px 8px 8px;
        color: #ccc;
    }

    .nav.nav-tabs.nav-tabs-well>li.active>a {
        color: #000;
    }

    .app-main>.app-title-bar,
    .app-main>.app-title {
        padding-left: 30px;
        margin-bottom: 15px;
    }

    .app-main>.app-title-bar.pad-l-15,
    .app-main>.app-title.pad-l-15 {
        padding-left: 15px;
    }

    .form-group.form-group-add-numeral .form-group-numeral:after {
        position: relative;
        content: ".";
    }

    .form-group.form-group-add-numeral .form-group-numeral {
        position: absolute;
        left: -45px;
        top: 2px;
        background-color: #4d4d4d;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        color: #fff;
        text-align: left;
        padding-top: 6px;
        /* font-weight: 600; */
        background-color: transparent;
        color: #444;
        padding: 0;
        top: 0;
        font-size: 15px;
        position: absolute;
    }

    .text-underline {
        text-decoration: underline;
        display: inline-block;
        padding-bottom: 1px;
        border-bottom: 1px solid inherit;
    }

    .nav-tabs+.nav-tabs-link-abso-right {
        position: absolute;
        right: 0;
        top: -4px;
        display: inline-block;
    }

    .card-select-wrap-mini.card-select-wrap-mini .card-select-choice {
        padding: 0;
        float: left;
        display: inline-block;
        margin-right: 32px;
    }

    .card-select-wrap-mini.card-select-wrap-mini .card-select-choice>.icon>div {
        width: 48px;
        height: 48px;
        border: 1px solid transparent;
        vertical-align: middle;
        border-radius: 102px;
        padding-top: 9px;
    }

    .card-select-wrap-mini.card-select-wrap-mini .card-select-choice.selected>.icon {
        color: #33ace0;
        font-weight: bold;
    }

    .card-select-wrap-mini.card-select-wrap-mini .card-select-choice.selected>.icon h6 {
        color: #33ace0;
        font-weight: bold;
    }

    .btn.btn-form-control,
    .form-group .btn.btn-form-control {
        height: 32px;
        padding-top: 5px;
        padding-bottom: 0;
        margin-top: 6px;
    }

    .btn.btn-form-control.btn-link,
    .form-group .btn.btn-link.btn-form-control {
        padding-top: 0;
        padding-bottom: 0;
        height: 34px;
        padding-top: 10px;
        margin-top: -1px
    }

    /*.btn.btn-xs.btn-form-control,
    .form-group .btn.btn-xs.btn-form-control {
        padding-top: 7px;
    }*/

    .form-group .form-control-wrap .btn.btn-form-control {
        position: relative;
        bottom: 1px;
    }

    .nav-tabs-wrapper.nav-tabs-wrapper-add-link {
        position: relative;
    }

    .nav-tabs-wrapper.nav-tabs-wrapper-add-link .tabs-add-links-group {
        position: absolute;
        right: 30px;
        top: 4px;
    }

    .title-row.title-row-w-auto {
        width: auto;
    }

    .title-row.title-row-w-auto .title-col {
        padding-right: 90px;
    }

    .title-row.title-row-w-auto .title-col:last-of-type,
    .title-row.title-row-w-auto .title-col:last-child {
        padding-right: 0;
    }

    .indent-left-30 {
        margin-left: 30px;
    }

    .form-group .checkbox-switch {
        margin-top: 0;
    }

    .nav-tabs-back-link-right {
        position: absolute;
        right: 0;
    }

    @media screen and (min-width: 992px) {
        .nav-tabs-back-link-right {
            position: absolute;
            right: 30px;
            top: 0;
        }
    }

    .dropdown-menu.w-250 {
        width: 250px;
    }

    .table-navbar-fixed-top .btn-link:last-of-type,
    .table-navbar-fixed-top .btn-link:last-child {
        margin-right: 0;
    }

    .title-heading.text-right .btn.btn-link {
        line-height: 1;
    }

    .form-group.form-group-combo-right.mrg-b-0 {
        margin-bottom: 0;
    }

    .app-content .container-fluid.container-fluid.center-block .table-navbar-fixed-top {
        padding-left: 0;
    }

    .app-content .container-fluid.center-block .table-navbar-fixed-top .btn-link:last-of-type,
    .app-content .container-fluid.center-block .table-navbar-fixed-top .btn-link:last-child {
        margin-right: -30px;
    }

    .nav-tabs-wrapper.nav-tabs-wrapper-add-link .tabs-add-links-group {
        position: absolute;
        right: -15px;
    }

    .search-animated {
        position: relative;
    }

    .search-animated.search-on input[type=text].form-control {
        width: 170px;
        display: inline-block;
        position: relative;
        border-bottom: 2px solid #999;
        position: relative;
        left: 20px;
    }

    .search-animated .search-control {
        width: 32px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 10px;
        z-index: 1;
    }

    .search-animated .search-control {
        width: 32px;
        height: 16px;
    }

    .search-animated input[type=text].form-control {
        width: 0;
        -webkit-transition: none;
        transition: none;
        border: none;
        border-bottom: 2px solid #999;
        border-bottom: 2px solid transparent;
        box-shadow: none;
        position: relative;
        display: inline-block;
        padding-left: 0;
    }

    .search-animated.search-on input[type=text].form-control {
        width: 0;
        -webkit-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
        border: none;
        border-bottom: 2px solid #999;
        border-bottom: 2px solid transparent;
        box-shadow: none;
        position: relative;
        display: inline-block;
        width: 150px;
        display: inline-block;
        position: relative;
        border-bottom: 2px solid #999;
        padding-left: 20px;
        position: static;
    }

    .search-animated .btn-search {
        display: none;
    }

    .search-animated.search-on .btn-search {
        display: table-cell;
    }

    .app-admin-edit-content .search-animated,
    .app-admin-view-content .search-animated,
    .app-users .search-animated {
        display: table;
        width: auto;
        vertical-align: middle;
    }

    .app-users .search-animated .search-control,
    .app-users .search-animated .form-control,
    .app-admin-edit-content .search-control,
    .app-admin-edit-content .search-animated .form-control,
    .app-admin-view-content .search-control,
    .app-admin-view-content .search-animated .form-control {
        display: table-cell;
        width: auto;
        vertical-align: middle;
    }

    .app-users .search-animated .search-control,
    .app-admin-edit-content .search-animated .search-control,
    .app-admin-view-content .search-animated .search-control {
        position: static;
    }

    .navbar.navbar-fixed-top.navbar-push-right {
        left: 220px;
    }

    .app-main>.container-fluid .app-title {
        margin-bottom: 20px;
    }

    @media screen and (max-width: 767px) {
        .navbar-toggle {
            display: none;
        }
    }

    /* .app-content-title {
        margin-right: 15px;
        margin-left: 15px;
        background-color: #fff;
        padding: 15px 0;
        color: #58595b;
    }

    .app-content-title h1,
    .app-content-title .h1,
    .app-content-title h2,
    .app-content-title .h2,
    .app-content-title h3,
    .app-content-title .h3,
    .app-content-title h4,
    .app-content-title .h4,
    .app-content-title h5,
    .app-content-title .h5,
    .app-content-title h6,
    .app-content-title .h6 {
        margin-top: 0;
        margin-bottom: 0;
        color: #58595b;
    } */

    /*.app-content-title-bar {
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
    }

    .app-content-title ul { margin-bottom: 0; }
    .app-content-title a { color: #58595b; }

    .app-content-title a:hover,
    .app-content-title a:focus,
    .app-content-title a:active {
        color: #58595b;
        text-decoration: none;
    } */

    .app-main .modal-subnav,
    .app-main .app-subnav { border-bottom: 1px solid #f2f2f2; }

    .app-subnav .container-fluid{
        max-width: 1300px;
        margin: 0 auto;
        position: relative;
    }

    @media (min-width: 768px) {
        .navbar-nav.navbar-right>li>span {
            padding-top: 15px;
            padding-bottom: 15px;
            display: block;
        }
    }

    .navbar-nav.navbar-right { padding-right: 15px; }
    .navbar-fixed-top .navbar-right a { margin-right: 0; }

    @media screen and (max-width: 1210px) {
        /*.app-upd-light*/  .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links,
        /*.app-upd-light*/  .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links {
            position: absolute;
            left: -15px;
            right: -15px;
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 991px) {
        /*.app-upd-light*/  .app-subnav .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links {
            /*position: absolute;
            left: -30px;
            right: -30px;
            padding-left: 30px;
            padding-right: 30px;*/
        }

        /*.app-upd-light*/  .modal-subnav .nav-tabs-dropdown-wrapper.open .nav-tabs.nav-tabs-dropdown-links {
            position: absolute;
            left: 0;
            right: 0;
        }
    }

    /*.app-upd-light*/  .app-main-title {
        padding-top: 24px;
    }

    /*.app-upd-light*/  .app-main-title+.app-subnav {
        padding-top: 0;
    }

    /*.app-upd-light*/  .app-main-title h1,
    /*.app-upd-light*/  .app-main-title h2,
    /*.app-upd-light*/  .app-main-title h3,
    /*.app-upd-light*/  .app-main-title h4,
    /*.app-upd-light*/  .app-main-title h5,
    /*.app-upd-light*/  .app-main-title h6,
    /*.app-upd-light*/  .app-main-title .h1,
    /*.app-upd-light*/  .app-main-title .h2,
    /*.app-upd-light*/  .app-main-title .h3,
    /*.app-upd-light*/  .app-main-title .h4,
    /*.app-upd-light*/  .app-main-title .h5,
    /*.app-upd-light*/  .app-main-title .h6 {
        margin-top: 0;
    }

    .radio-inline.mrg-b-0,
    .form-group.mrg-b-0 {
        margin-bottom: 0;
    }

    .title-wrap:before,
    .title-wrap:after {
        content: " ";
        display: table;
    }

    .title-wrap:after {
        clear: both;
    }

    /*.app-upd-light*/  .table-navbar-fixed-top {
        padding-left: 0;
        padding-right: 0;
    }

    /*.app-upd-light*/  .panel-group.panel-group-text-panels.panel-group-text-panels-tight .panel-heading {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .form-group-add-numeral.form-group-add-numeral-bg .form-group-numeral {
        background-color: #333;
        border-radius: 100%;
        color: #fff;
        width: 24px;
        height: 24px;
        text-align: center;
        padding-top: 4px;
        font-size: 85%;
        font-weight: normal;
    }

    .ms-small .ms-choice {
        height: 28px;
        padding: 0 7px;
        font-size: 13px;
        line-height: 13px;
    }

    [class*="col-"]>.form-group>.input-group {
        width: 100%;
    }

    .input-group-addon {
        padding: 6px 0;
        width: 20px;
        text-align: center;
    }

    .ms-parent .ms-drop ul li label input[type='radio'] {
        display: none
    }

    .ms-parent .ms-drop ul li label input[type='radio']+span {
        position: relative;
    }

    .ms-parent .ms-drop ul li label input[type='radio']:checked+span:before {
        background-color: #33ace0;
        width: 16px;
        height: 16px;
        content: "";
        position: absolute;
        right: -24px;
        top: 1px;
        border-radius: 16px;
    }

    .ms-parent .ms-drop ul li label input[type='radio']:checked+span:before {
        position: absolute;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        content: "\2713";
        position: absolute;
        bottom: 1px;
        right: -26px;
    }

    .app-main>.app-main-title+.app-subnav {
        margin-top: 30px;
    }

    .modal-fullscreen-height .modal-dialog {
        height: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .modal-fullscreen-height .modal-content {
        height: auto;
        min-height: 100%;
        max-height: 100%;
        border-radius: 0;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .modal-fullscreen-height-max .modal-dialog {
        height: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .modal-fullscreen-height-max .modal-content {
        height: auto;
        max-height: 100%;
        border-radius: 0;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .modal-fullscreen-height.no-scroll .modal-content {
        overflow: hidden;
    }

    /* .modal.modal-body-internal-scroll .modal-dialog { margin: 0 auto;  } */

    select.form-control.select-styled-multiple {
        padding: 0 0 0 0;
    }

    select.form-control.select-styled-multiple option {
        padding: 2px 6px;
    }

    select.form-control.select-styled-multiple {
        height: 150px;
    }

    @media only screen and (max-height: 480px) {
        select.form-control.select-styled-multiple {
            height: 80px;
        }
    }

    .styled-select:before {
        content: "";
        position: absolute;
        top: 2px;
        right: 2px;
        bottom: 1px;
        z-index: 1;
        width: 20px;
        background-color: #ffffff;
        pointer-events: none;
    }

    .app-main .app-main-content .app-main-title {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .app-main-title {
        position: relative;
    }

    .app-main-title-btn.top-right {
        position: absolute;
        top: 55px;
        right: 30px;
    }

    .row.row-inline-block:before,
    .row.row-inline-block:after,
    .app-main-title:before,
    .app-main-title:after {
        content: " ";
        display: table;
    }

    .row.row-inline-block:after,
    .app-main-title:after {
        clear: both;
    }

    /* .row.row-title{
    margin-bottom:24px;
    position: relative;
    }

    .row.row-title:After{
    content:" ";
    height: 1px;
    width:100%;
    margin-left: 15px;
    margin-right: 15px;
    } */

    .app-subnav .app-subnav-title {
        max-width: 1300px;
        margin: 0 auto;
        padding-left: 30px;
        padding-right: 30px;
    }

    @media (max-width: 991px) {
        /*.navbar-app-main .navbar-header {
            float: none;
        } */

        .navbar-app-main .navbar-toggle {
            display: block;
        }

        .navbar-app-main .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }

        .navbar-app-main .navbar-collapse.collapse {
            display: none !important;
        }

        .navbar-app-main .navbar-collapse.collapse.in {
            display: block !important;
        }

        .navbar-app-main .navbar-nav {
            /* float: none !important; */
            margin: 7.5px -15px;
        }

        .navbar-app-main .navbar-nav>li {
            float: none;
        }

        .navbar-app-main .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .navbar-inverse.navbar-app-main .navbar-nav>li.active {
            margin-bottom: 10px;
        }
    }

    .navbar-app-main .navbar-nav>li {
        text-transform: uppercase;
    }

    .navbar-app-main .navbar-nav>li.active {
        position: relative;
    }

    .navbar-app-main .navbar-nav>li a {
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

    .navbar-inverse.navbar-app-main .navbar-nav>li.active>a:after {
        background-color: #f7931e;
        content: "";
        height: 3px;
        width: 100%;
        position: absolute;
        bottom: -2px;
    }

    .navbar-app-main .navbar {
        margin-bottom: 0;
    }

    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .navbar-inverse .navbar-nav>.open>a:focus {
        background-color: inherit;
        color: #fff;
    }

    .navbar-inverse.navbar-app-main .navbar-nav>.active>a,
    .navbar-inverse.navbar-app-main .navbar-nav>.active>a:hover,
    .navbar-inverse.navbar-app-main .navbar-nav>.active>a:focus {
        color: #fff;
        background-color: transparent;
    }

    .navbar-brand {
        padding: 12px;
        padding-left: 15px;
        padding-top: 15px;
    }

    .navbar-brand img {
        float: none;
        display: inline-block;
        margin-right: 10px;
    }

    @media screen and (min-width: 1210px) {
        .navbar-nav {
            float: left;
            margin-left: 45px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1209px) {
        .navbar-nav {
            float: left;
            margin-left: 0;
        }
    }

    .modal-body>.modal-subnav {
        margin-top: 15px;
    }

    .modal-body-internal-scroll>.modal-subnav {
        margin-top: 15px;
    }

    .modal-subnav {
        padding-left: 15px;
        padding-right: 15px;
    }

    .nav-tabs-wrapper.nav-tabs-wrapper-add-link .tabs-add-links-group {
        position: absolute;
        width: 100%;
        max-width: 1300px;
        margin: 0;
        margin: 0 auto;
        left: 0;
    }

    .nav-tabs-wrapper.nav-tabs-wrapper-add-link .tabs-add-links-group>.btn {
        position: absolute;
        right: 0;
    }

    .tabs-add-links-group>.tabs-add-link,
    .app-subnav .nav-tabs-wrapper.nav-tabs-wrapper-add-link .tabs-add-links-group>.tabs-add-link,
    .app-subnav .nav-tabs-wrapper.nav-tabs-wrapper-add-link .tabs-add-links-group>.btn {
        position: absolute;
        /* right: 30px; */
        right: 5px;
        top: 0;
    }

    @media screen and (max-width: 767px) {
        .navbar-brand {
            padding-left: 15px;
        }
    }

    .app-admin-edit-content .dropdown-menu>.active>a,
    .app-admin-view-content .dropdown-menu>.active>a,
    .app-users .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:hover,
    .dropdown-menu>.active>a:focus {
        color: #333333;
        text-decoration: none;
        outline: 0;
        background-color: transparent;
    }

    .form-group-btn-btm {
        margin-top: 30px;
    }

    .form-group-btn.border-top-accent-2{
        border-top: 2px solid #f6f6f6;
        padding-top: 45px;
        margin-top: 45px;
    }

    .modal-footer-btn .btn-left.btn-left-50,
    .form-group-btn .btn-left.btn-left-50{
        float:  left;
        width: 50%;
        padding-right: 15px;
    }

    .modal-footer-btn .btn-right.btn-right-50,
    .form-group-btn .btn-right.btn-right-50{
        float:  left;
        width: 50%;
        padding-left: 15px;
    }

    .modal-footer-btn .btn-left.btn-left-50 .btn,
    .modal-footer-btn .btn-right.btn-right-50 .btn,
    .form-group.form-group-btn .btn-left.btn-left-50 .btn,
    .form-group.form-group-btn .btn-right.btn-right-50 .btn{
        display: block;
        max-width: 200px;
    }

    .modal-footer-btn .btn-left.btn-left-50 .btn,
    .form-group.form-group-btn .btn-left.btn-left-50 .btn{
        margin-left: auto;
    }

    .modal-footer-btn .btn-center,
    .form-group-btn .btn-center{
        float: none;
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .modal-footer-btn .btn-center .btn,
    .form-group-btn .btn-center .btn{
        display: block;
        min-width: 100px;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    form .form-group .control-label {
        font-weight: normal;
        color: #2c425a;
    }

    .modal-subnav .nav-tabs li.no-underline.active:after,
    .app-subnav .nav-tabs li.no-underline.active:after {
        display: none;
    }

    .dropdown {
        cursor: pointer;
    }

    .dropdown-menu {
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .dropdown-menu {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar.navbar-app-main li {
        margin-right: 15px;
        margin-left: 15px;
        padding-top: 8px;
    }

    .navbar.navbar-app-main li a {
        padding-left: 0;
        padding-right: 0;
    }

    @media screen and (max-width: 767px) {
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md {
            padding-left: 0;
        }

        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links {
            position: absolute;
            left: -30px;
            right: -30px;
            padding-left: 30px;
            padding-right: 30px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1210px) {
        .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md {
            padding-left: 30px;
        }

        .app-subnav-inner .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md {
            padding-left: 0;
        }

        .modal-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links,
        .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links {
            position: absolute;
            left: -15px;
            right: -15px;
            padding-left: 45px;
            padding-right: 15px;
        }

        .app-subnav .app-subnav-inner .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links {
            position: absolute;
            left: -15px;
            right: -15px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .app-subnav.modal-app-subnav .app-subnav-inner .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-md.open .nav-tabs.nav-tabs-dropdown-links {
            position: absolute;
            left: -30px;
            right: -30px;
            padding-left: 30px;
            padding-right: 30px;
        }
    }

    .has-error .form-control {
        background-color: #fbeded;
    }

    .has-info .form-control {
        background-color: #d6eef9;
    }

    @media screen and (min-width: 768px) {
        .dl-horizontal.dl-horizontal-dt-100p dt {
            width: 100px;
        }

        .dl-horizontal.dl-horizontal-dt-left dt {
            text-align: left;
        }

        .dl-horizontal.dl-horizontal-dt-100p dd {
            margin-left: 120px;
        }
    }

    .row-vert-border-middle .col-vert-border-right {
        padding-left: 45px;
    }

    .row-vert-border-middle .col-vert-border-left {
        padding-right: 45px;
    }

    .row-vert-border-middle .col-vert-border-right.col-vert-border {
        border-left: 1px solid #ccc;
    }

    @media screen and (max-width: 991px) {
        .row-vert-border-middle.row-vert-border-middle-stack-sm {
            margin-left: 0;
            margin-right: 0;
        }

        .row-vert-border-middle.row-vert-border-middle-stack-sm .col-vert-border-right.col-vert-border {
            border: none;
            border-bottom: 1px solid #ccc;
            padding-bottom: 15px;
        }

        .row-vert-border-middle.row-vert-border-middle-stack-sm .col-vert-border-left {
            padding-left: 0;
            padding-right: 0;
        }

        .row-vert-border-middle.row-vert-border-middle-stack-sm .col-vert-border-right {
            padding-left: 0;
            padding-right: 0;
        }
    }

    .js-display-block { display: block }
    .js-display-inline-block { display: inline-block }
    .js-display-inline { display: inline }
    .js-display-table { display: table }
    .js-display-table-row { display: table-row }
    .js-display-table-cell { display: table-cell }
    @media screen and (max-width:1209px) {
        .js-display-block-md { display: block }
        .js-display-inline-block-md { display: inline-block }
        .js-display-inline-md { display: inline }
        .js-display-table-md { display: table }
        .js-display-table-row-md { display: table-row }
        .js-display-table-cell-md { display: table-cell }
    }
    @media screen and (max-width:991px) {
        .js-display-block-sm { display: block }
        .js-display-inline-block-sm { display: inline-block }
        .js-display-inline-sm { display: inline }
        .js-display-table-sm { display: table }
        .js-display-table-row-sm { display: table-row }
        .js-display-table-cell-sm { display: table-cell }
    }
    @media screen and (max-width:767px) {
        .js-display-block-xs { display: block }
        .js-display-inline-block-xs { display: inline-block }
        .js-display-inline-xs { display: inline }
        .js-display-table-xs { display: table }
        .js-display-table-row-xs { display: table-row }
        .js-display-table-cell-xs { display: table-cell }
    }

    /* FIX SCROLL ON USER SIDE - AUG 2 2018 - POSSIBLE UNSTABLE? - COMMENT OUT IF NECESSARY */

    @media screen and (max-width: 767px) {
        .h-flush.mrg-b-10-xs,
        .mrg-b-10-xs {
            margin-bottom: 10px;
        }

        .h-flush.mrg-b-15-xs,
        .mrg-b-15-xs {
            margin-bottom: 15px;
        }
    }

    /* FIX SCROLL ON USER SIDE - AUG 2 2018 - POSSIBLE UNSTABLE? - COMMENT OUT IF NECESSARY */

    .app-admin,
    .app-users {
        padding-top: 60px;
    }

    .app-users .navbar.navbar-app-main .navbar-fixed-top {
        margin-bottom: 0;
    }

    .app-subnav.modal-app-subnav {
        padding-left: 0;
        padding-right: 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    /* .app-subnav.modal-app-subnav .app-subnav-inner {
        padding-left: 15px;
        padding-right: 15px;
    } */

    .app-subnav .tabs-add-links-group .btn.btn-link {
        margin-right: 0;
    }

    .table-navbar-fixed-bottom .radio label,
    .table-navbar-fixed-bottom .checkbox label {
        min-height: 20px;
        padding-left: 30px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .table-navbar-fixed-bottom .radio .radio-styled label,
    .table-navbar-fixed-bottom .checkbox .checkbox-styled label {
        padding-left: 20px;
    }

    .table-navbar-fixed-bottom .radio input[type="radio"],
    .table-navbar-fixed-bottom .radio-inline input[type="radio"],
    .table-navbar-fixed-bottom .checkbox input[type="checkbox"],
    .table-navbar-fixed-bottom .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: 0;
        margin-top: 4px \9;
    }

    @media screen and (max-width: 767px) {
        .table-navbar-fixed-bottom {
            padding-right: 15px;
            padding-left: 15px;
        }
    }

    .modal-footer.modal-footer-fixed {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
        position: fixed;
        bottom: 2px;
        left: 2px;
        right: 0;
        background: #fff;
        right: 20px;
    }

    a.app-page-title-breadcrumb-back,
    .app-page-title-breadcrumb-back,
    .title-breadcrumb-back,
    a.title-breadcrumb-back {
        color: #33ace0;
        text-transform: capitalize;
        margin-bottom: 10px;
        font-size: 14px;
        display: block;
    }

    .input-group-addon:first-child {
        border-right: 0;
        padding-left: 5px;
        padding-right: 5px;
        min-width: 20px;
        max-width: 50px;
        width: auto;
        border: none;
        background-color: #ddd;
    }

    input.form-control[disabled="disabled"] {
        background-color: #f1f1f1;
        border: none !important;
    }

    .has-success.has-feedback .input-group-addon:first-child {
        background-color: #c9e2bf;
    }

    .forms-maxw-500 form {
        max-width: 500px;
    }

    .forms-maxw-600 form {
        max-width: 600px;
    }

    .forms-maxw-700 form {
        max-width: 700px;
    }

    .forms-maxw-800 form {
        max-width: 800px;
    }

    .title-name .title-name-label {
        font-size: 10px !important;
        font-weight: normal;
        padding: 2px 4px;
    }

    .title-breadcrumb-back,
    a.title-breadcrumb-back {
        font-size: 13px;
    }

    .form-group.radio-inline-mrg-b-0 .radio-inline {
        margin-bottom: 0;
    }

    .indicator-dot.indicator-dot-warning {
        width: 12px;
        height: 12px;
        border-radius: 12px;
        display: inline-block;
        margin-right: 15px;
        background-color: #f1bf82;
    }

    .indicator-dot.indicator-dot-info {
        width: 12px;
        height: 12px;
        border-radius: 12px;
        display: inline-block;
        margin-right: 15px;
        background-color: #33ace0;
    }

    .col-check-control .check-control .indicator-dot {
        margin-left: 2px;
        margin-top: 4px;
    }

    .app-subnav .app-subnav-inner .row-app-page-title+.nav-tabs-wrapper,
    .app-subnav .app-subnav-inner .app-section-title+.nav-tabs-wrapper,
    .app-subnav .app-subnav-inner .app-page-title+.nav-tabs-wrapper,
    .app-subnav .app-subnav-inner .app-page-title-two+.nav-tabs-wrapper,
    .app-subnav .app-subnav-inner .title-wrap+.nav-tabs-wrapper {
        margin-top: 30px;
    }

    .text-white {
        color: #ffffff;
    }

    .text-black {
        color: #000;
    }

    .text-neutral-dark {
        color: #333;
    }

    .modal-title {
        text-align: center;
        margin-right: -15px;
        margin-left: -15px;
        font-weight: 200;
        margin-bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .modal-title .app-page-title.app-page-title-level-two{
        padding-top:6px;
    }

    .modal-title .modal-title-level-one{
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font-size: 20px;
    }

    .modal-title .modal-title-level-two{
        font-size: 18px;
        padding-top:6px;
    }


    .modal-header .close {
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: #ccc;
        text-shadow: none;
        background: none;
        color: inherit;
        border: none;
        padding: 0;
        font: inherit;
        cursor: pointer;
        outline: inherit;
        position: absolute;
        top: 25px;
        right: 15px;
        width: 18px;
        height: 18px;
        max-width: 18px;
        display: block;
        min-width: 0;
        border: 1px solid #909daa;
        border-radius: 18px;
        opacity: 1;
        color: #fff;
        text-align: center;
    }

    .modal-header .close span {
        display: none !important;
    }

    .modal-header .close::after {
        content: "\00d7";
        position: absolute;
        left: 0;
        color: #909daa;
        line-height: 12px;
        border: 0;
        left: 50%;
        bottom: 50%;
        font-size: 12px;
        transform: translate(-50%, 50%);
    }

    .modal-footer {
        text-align: center;
    }

    /* PANELS */
    .app-main .panel-group .panel.panel-default {
        margin-bottom: 30px;
    }

    .panel.panel-add-numeral {
        position: relative;
        margin-left: 45px;
    }

    .panel.panel-add-numeral.panel-add-numeral-inside {
        position: relative;
        margin-left: 0;
        padding-left: 30px;
    }

    .panel.panel-add-numeral .panel-numeral {
        position: absolute;
        left: -45px;
        top: 2px;
        background-color: #4d4d4d;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        color: #fff;
        text-align: center;
        padding-top: 6px;
        font-weight: 600;
    }

    .panel.panel-add-numeral.panel-add-numeral-inside .panel-numeral {
        position: absolute;
        left: 10px;
        top: 4px;
        background-color: transparent;
        width: 30px;
        height: 30px;
        border-radius: 0;
        color: #444444;
        text-align: center;
        padding-top: 6px;
        font-weight: 400;
    }

    .panel-body-insert {
        border-top: 1px solid #ddd;
        margin-left: -15px;
        margin-right: -15px;
    }

    .panel-body-insert .panel-body-inset-content {
        padding: 15px;
    }

    .panel-body-insert-top {
        border-top: 1px solid transparent;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: -16px;
        margin-bottom: 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .panel-body-insert-collapse-content {
        margin-left: 0;
        margin-right: 0;
    }

    .panel-body-insert.panel-body-insert-top .panel-body-inset-content {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .panel-group.panel-group-unstyled .panel .link-collapse-content.link-collapse-horizontal-content {
        padding-left: 38px;
    }

    .panel-group.panel-group-text-panels .panel-heading {
        border: 1px solid transparent;
        padding: 0 0 0 0;
        position: relative;
        z-index: 1;
        background-color: transparent;
    }

    .panel-group.panel-group-text-panels.panel-group-arrow .panel-heading {
        position: relative;
        padding-left: 24px;
    }

    .panel-group.panel-group-text-panels .panel-heading .panel-heading-info {
        font-size: 75%;
        color: #999;
        font-weight: normal;
    }

    .panel-group.panel-group-text-panels .panel-heading .panel-title a {
        background-color: #fff;
        padding-right: 15px;
        display: inline-block;
    }

    .panel-group.panel-group-text-panels .panel-heading.panel-heading-add-dropdown .panel-title a {
        padding-right: 30px;
    }

    .panel-group.panel-group-text-panels .panel-heading.panel-heading-add-dropdown .panel-title a.btn-add-panel-title {
        padding-right: 0;
    }

    .panel-group.panel-group-text-panels .panel-heading.panel-heading-add-dropdown .panel-title a.btn-add-panel-title:before {
        display: none;
    }

    .panel-group.panel-group-text-panels .panel-heading .panel-title a,
    .panel-group.panel-group-text-panels .panel-heading .panel-title a:hover,
    .panel-group.panel-group-text-panels .panel-heading .panel-title a:active,
    .panel-group.panel-group-text-panels .panel-heading .panel-title a:focus {
        text-decoration: none;
    }

    .panel-group.panel-group-text-panels .panel.panel-default {
        margin-bottom: 10px;
    }

    .panel-group.panel-group-text-panels .panel {
        border: 1px solid transparent;
        margin-bottom: 12px;
        box-shadow: none;
    }

    .panel-group.panel-group-arrow.panel-group-text-panels  .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: transparent;
        padding: 15px 0 10px 32px;
    }

    .panel-group.panel-group-arrow.panel-group-text-panels .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: transparent;
        padding: 15px 0 10px 24px;
    }

    .panel-group.panel-group-text-panels .panel-collapse.collapsing,
    .panel-group.panel-group-text-panels .panel-collapse.collapse.in {
        display: block;
    }

    .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel.panel-default {
        border-bottom: 1px solid #dedede;
        padding-bottom: 8px;
    }

    .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel.panel-default.panel-icon-right {
        padding-right: 45px;
    }

    .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel.panel-default:last-of-type,
    .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel.panel-default:last-child {
        border-bottom: 1px solid transparent;
    }

    .panel-group.panel-group-collapsible .panel-default .panel-heading a {
        padding-left: 22px;
        color: #797c7d;
        display: block;
    }

    .panel-group.panel-group-collapsible .panel-default {
        position: relative;
    }

    .panel-group.panel-group-collapsible .panel-default .panel-heading a:before {
        border-style: solid;
        border-width: 0.125em 0.125em 0 0;
        content: '';
        display: block;
        height: 0.5em;
        transform: rotate(135deg);
        vertical-align: top;
        width: 0.5em;
        position: absolute;
        left: 0.75em;
        top: 0.9em;
        border-color: inherit;
    }

    .panel-group.panel-group-collapsible .panel-default .panel-heading a.collapsed:before {
        border-style: solid;
        border-width: 0.125em 0.125em 0 0;
        content: '';
        display: block;
        height: 0.5em;
        transform: rotate(45deg);
        vertical-align: top;
        width: 0.5em;
        position: absolute;
        left: 0.75em;
        top: 0.9em;
        border-color: inherit;
    }

    .panel-group.panel-group-collapsible .panel-default .panel-collapse {
        background-color: #fff;
        padding: 0;
        border: none;
        border-top: none;
    }

    .panel-group.panel-group-collapsible .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: transparent;
    }

    .panel-group.panel-group-collapsible .panel-group .panel-heading+.panel-collapse>.panel-body,
    .panel-group .panel-heading+.panel-collapse>.list-group {
        border-top: none;
    }

    .panel-group.panel-group-collapsible .panel-body {
        padding: 0 15px 15px 15px;
    }

    .panel-group.panel-group-collapsible .panel-body.panel-body-indent {
        padding: 0 15px 15px 45px;
    }

    .panel-group.panel-group-collapsible.panel-group-clean .panel-default .panel-heading a.panel-heading-collapse {
        padding: 0 30px 0 0;
        color: #444444;
    }

    .panel-group.panel-group-collapsible.panel-group-clean .panel-default .panel-heading a.panel-heading-collapse.collapsed:before {
        content: url(/img/icon-chevron-down-primary.png) !important;
        font-weight: 200 !important;
    }

    .panel-group.panel-group-collapsible.panel-group-clean .panel-default .panel-heading a.panel-heading-collapse:before {
        width: 20px;
        height: 20px;
        position: absolute;
        left: auto;
        right: 10px;
        top: -3px;
        z-index: 1;
        font-size: 16px;
        font-weight: 200 !important;
        content: "X" !important;
        font-family: inherit;
        color: #69c8c7;
        font-size: 20px;
    }

    .panel-group.panel-group-collapsible.panel-group-clean .panel-body {
        padding-left: 0;
    }

    .panel-group.panel-group-collapsible.panel-group-clean .panel-default .panel-collapse {
        padding-left: 0;
    }

    .panel-group-text-panels .text-panel-heading-delete {
        position: absolute;
        right: -30px;
        top: 0;
        background-color: #a94442;
        display: block;
        border-radius: 100%;
        width: 24px;
        height: 24px;
        padding: none;
        border: none;
        text-align: center;
        line-height: 1;
        padding-top: 4px;
        color: #fff;
        font-weight: 700;
    }

    .panel-group-text-panels .panel-heading .panel-title.h3+.text-panel-heading-delete {
        top: 13px;
    }

    .panel-group.panel-group-text-panels .panel-heading {
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .panel-group.panel-group-text-panels.panel-group-arrow .panel-heading {
        position: relative;
        padding-left: 24px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .panel-group.panel-group-text-panels .panel {
        border: 0px solid transparent;
        box-shadow: none;
    }

    .panel-group.panel-group-text-panels .panel.panel-default {
        margin-bottom: 0;
    }

    .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel.panel-default {
        padding-top: 3px;
    }

    .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel.panel-default {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

    .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel-heading,
    .app-content .container-fluid .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel-heading {
        position: relative;
        padding-left: 24px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .panel-group.panel-group-text-panels.panel-group-arrow .panel .panel-heading .panel-title>a.collapsed:before,
    .app-content .container-fluid .panel-group.panel-group-text-panels.panel-group-arrow .panel .panel-heading .panel-title>a.collapsed:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        left: 0px;
        top: 25%;
        content: "\f0da";
        color: #000;
        width: 32px;
        height: 32px;
    }

    .panel-group.panel-group-text-panels.panel-group-arrow .panel .panel-heading .panel-title>a:before,
    .container-fluid .panel-group.panel-group-text-panels.panel-group-arrow .panel .panel-heading .panel-title>a:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        left: 0px;
        top: 25%;
        content: "\f0d7";
        color: #000;
        width: 32px;
        height: 32px;
    }

    .panel-group-collapse-in-background .panel-collapse .panel-heading {
        background-color: #fff;
    }

    .panel-group-collapse-in-background .panel-collapse .panel-body {
        background-color: #f9f9f9;
    }

    .panel-group-text-panels .text-panel-heading-delete {
        position: absolute;
        right: -30px;
        top: 6px;
        background-color: #a94442;
        display: block;
        border-radius: 100%;
        width: 16px;
        height: 16px;
        padding: none;
        border: none;
        text-align: center;
        line-height: 1;
        padding-top: 0;
        color: #fff;
        font-weight: 700;
    }

    .disp-table,
    .panel-group.panel-group-disp-table {
        display: table;
    }

    .disp-table-row-group,
    .panel-group.panel-group-disp-table .panel.panel-default {
        display: table-row-group;
    }

    .disp-table-row,
    .panel-group.panel-group-disp-table .panel.panel-default .panel-heading {
        display: table-row;
    }

    .disp-table-cell,
    .panel-group.panel-group-disp-table .panel.panel-default .panel-heading>.panel-title,
    .panel-group.panel-group-disp-table .panel.panel-default .panel-heading>span {
        display: table-cell;
    }

    .panel.panel-collapse-disabled .panel-heading {
        color: #999;
    }

    .panel-group.panel-group-text-panels.panel-group-arrow .panel.panel-collapse-disabled .panel-heading .panel-title>a.collapsed:before,
    .app-content .container-fluid .panel-group.panel-group-text-panels.panel-group-arrow .panel.panel-collapse-disabled .panel-heading .panel-title>a.collapsed:before {
        content: "\f0da";
        color: #999;
    }

    .panel-group.panel-group-text-panels.panel-group-arrow .panel.panel-collapse-disabled.panel-heading .panel-title>a:before,
    .app-content .container-fluid .panel-group.panel-group-text-panels.panel-group-arrow .panel.panel-collapse-disabled .panel-heading .panel-title>a:before {
        content: "\f0d7";
        color: #999;
    }

    .panel.panel-default.panel-collapse-disabled .panel-heading a {
        pointer-events: none;
        cursor: default;
    }

    .panel-group-panel-border-bottom-2.panel-group-text-panels .panel {
        border-bottom: 2px solid #e6e6e6;
    }

    .panel-group-panel-border-bottom-2.panel-group-text-panels .panel {
        margin-top: 0;
        margin-bottom: 0;
    }

    .panel-group-panel-border-bottom-loose.panel-group-text-panels .panel {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    @media screen and (max-width: 767px) {
        .panel-title-not-linked {
            display: none;
        }
    }

    @media screen and (min-width: 768px) {
        .panel-group.panel-group-text-panels .panel-heading .panel-title a.panel-title-linked {
            display: none;
        }

        .panel-group.panel-group-text-panels.panel-group-arrow.panel-group-title-show-link-xs .panel .panel-heading {
            padding-left: 0;
        }

        .panel-group.panel-group-text-panels.panel-group-arrow.panel-group-title-show-link-xs .panel-collapse.collapse {
            display: block;
            padding-left: 0;
            height: auto !important;
        }

        .panel-group.panel-group-text-panels.panel-group-arrow.panel-group-title-show-link-xs .panel-collapse .panel-body {
            padding-left: 0;
        }
    }

    .panel-group-panel-border-bottom-loose.panel-group-border-top-2 {
        padding-top: 0px;
        border-top: 2px solid #e6e6e6;
    }

    .panel-group.panel-group-arrow .panel-heading {
        position: relative;
        padding-left: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .panel-group.panel-group-arrow .panel .panel-heading .panel-title>a.collapsed:before{
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        left: 15;
        top: 25%;
        content: "\f0da";
        color: #000;
        width: 32px;
        height: 32px;
    }


    .panel-group.panel-group-arrow .panel .panel-heading .panel-title>a:before{
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        left: 15px;
        top: 25%;
        content: "\f0d7";
        color: #000;
        width: 32px;
        height: 32px;
    }

    .panel-group.panel-group-arrow .panel.panel-collapse-disabled .panel-heading .panel-title>a.collapsed:before{
        content: "\f0da";
        color: #999;
    }

    .panel-group.panel-group-arrow .panel.panel-collapse-disabled.panel-heading .panel-title>a:before{
        content: "\f0d7";
        color: #999;
    }

    .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel-heading.panel-heading-add-dropdown,
    .app-content .container-fluid .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel-heading.panel-heading-add-dropdown{
        position: static;
    }

    .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel-heading.panel-heading-add-dropdown .panel-title,
    .panel-group.panel-group-text-panels.panel-group-text-panels-border-bottom .panel-heading.panel-heading-add-dropdown .panel-title{
        position: relative;
        margin-left: -24px;
        padding-left: 24px;
    }

    .panel-group.panel-group-text-panels.panel-group-arrow .panel .panel-heading.panel-heading-add-dropdown .panel-title > a.collapsed::before,
    .app-content .container-fluid .panel-group.panel-group-text-panels.panel-group-arrow .panel .panel-heading.panel-heading-add-dropdown .panel-title > a.collapsed::before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        left: 0;
        top: 0;
        content: "\f0da";
        color:
        #000;
        width: 32px;
        height: 32px;
    }

    .panel-group.panel-group-text-panels.panel-group-arrow .panel .panel-heading.panel-heading-add-dropdown  .panel-title > a::before,
    .container-fluid .panel-group.panel-group-text-panels.panel-group-arrow .panel .panel-heading.panel-heading-add-dropdown  .panel-title > a::before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        left: 0;
        top: 0;
        content: "\f0d7";
        color:
        #000;
        width: 32px;
        height: 32px;
    }

    .panel-group.panel-group-text-panels.panel-group-arrow.panel-group-checkbox  .panel-heading {
        position: relative;
        padding-left: 54px;
    }

    .panel-group.panel-group-text-panels.panel-group-arrow.panel-group-checkbox  .panel-heading input[type='checkbox'] {
        position: absolute;
        left:0;
        top:.55em;
    }

    .panel-group.panel-group-arrow.panel-group-text-panels.panel-group-checkbox .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding-left: 54px;
    }

    .panel-group.panel-group-collapse-plus.panel-group-text-panels.panel-group-checkbox .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding-left: 54px;
    }


    .panel-group.panel-group-text-panels.panel-group-arrow.panel-group-nested .panel .panel-title > a::before,
    .container-fluid .panel-group.panel-group-text-panels.panel-group-arrow.panel-group-nested .panel .panel-title > a::before,
    .panel-group.panel-group-text-panels.panel-group-arrow.panel-group-nested .panel .panel-heading.panel-heading-add-dropdown .panel-title > a::before,
    .container-fluid .panel-group.panel-group-text-panels.panel-group-arrow.panel-group-nested .panel .panel-heading.panel-heading-add-dropdown .panel-title > a::before {
        display: none;
    }

    .panel-group.panel-group-nested.panel-group-text-panels .panel .panel-heading .panel-title > a::before,
    .container-fluid .panel-group.panel-group-nested.panel-group-text-panels .panel .panel-heading .panel-title > a::before{
        display: none;
    }

    .panel-group.panel-group-nested.panel-group-text-panels.panel-group-collapse-plus .panel .panel-heading .panel-title >  a.collapsed::before,
    .container-fluid .panel-group.panel-group-nested.panel-group-text-panels.panel-group-collapse-plus .panel .panel-heading .panel-title > a.collapsed::before{
        width: 14px;
        height: 14px;
        position: absolute;
        top: 11px;
        left: 0;
        z-index: 1;
        content: "+";
        border: 1px solid #333;
        line-height: 12px;
        color: #333;
        display: block;
        left: 32px;
        text-align: center;
        line-height: 10px;
        font-size: 14px;
    }

    .panel-group.panel-group-nested.panel-group-text-panels.panel-group-collapse-plus .panel .panel-heading .panel-title > a::before,
    .container-fluid .panel-group.panel-group-nested.panel-group-text-panels.panel-group-collapse-plus .panel .panel-heading .panel-title > a::before{
        width: 14px;
        height: 14px;
        position: absolute;
        top: 11px;
        left: 0;
        z-index: 1;
        content: "-";
        border: 1px solid #333;
        line-height: 12px;
        color: #333;
        display: block;
        left: 32px;
        text-align: center;
        line-height: 10px;
        font-size: 14px;
    }

    /* PANELS END */

    .faux-modal-footer {
        border-top: 1px solid #e6e6e6;
        margin-left: -30px;
        margin-right: -30px;
        padding: 15px 15px 15px 15px;
        text-align: center;
    }

    .modal-body .faux-modal-footer {
        padding: 15px 15px 0 15px;
        margin-bottom: -15px;
    }

    .row-table-group-title,
    .app-subnav .app-page-title,
    .app-page-title,
    .app-subnav h1.app-page-title,
    .app-subnav .app-page-title.h1,
    .app-subnav h2.app-page-title,
    .app-subnav .app-page-title.h2,
    .app-subnav h3.app-page-title,
    .app-subnav .app-page-title.h3,
    .app-subnav h4.app-page-title,
    .app-subnav .app-page-title.h4,
    .app-subnav h5.app-page-title,
    .app-subnav .app-page-title.h5,
    .app-subnav h6.app-page-title,
    .app-subnav .app-page-title.h6,
    h1.row-table-group-title,
    .row-table-group-title.h1,
    h2.row-table-group-title,
    .row-table-group-title.h2,
    h3.row-table-group-title,
    .row-table-group-title.h3,
    h4.row-table-group-title,
    .row-table-group-title.h4,
    h5.row-table-group-title,
    .row-table-group-title.h5,
    h6.row-table-group-title,
    .row-table-group-title.h6,
    h1.app-page-title,
    .app-page-title.h1,
    h2.app-page-title,
    .app-page-title.h2,
    h3.app-page-title,
    .app-page-title.h3,
    h4.app-page-title,
    .app-page-title.h4,
    h5.app-page-title,
    .app-page-title.h5,
    h6.app-page-title,
    .app-page-title.h6{
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }

    h1.app-main-content-pre-title,
    .h1.app-main-content-pre-title,
    h2.app-main-content-pre-title,
    .h2.app-main-content-pre-title,
    h3.app-main-content-pre-title,
    .h3.app-main-content-pre-title,
    h4.app-main-content-pre-title,
    .h4.app-main-content-pre-title,
    h5.app-main-content-pre-title,
    .h5.app-main-content-pre-title,
    h6.app-main-content-pre-title,
    .h6.app-main-content-pre-title{
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .row-table-group-title-two,
    .app-subnav .app-page-title-two,
    .app-page-title-two,
    .app-subnav h1.app-page-title-two,
    .app-subnav .app-page-title-two.h1,
    .app-subnav h2.app-page-title-two,
    .app-subnav .app-page-title-two.h2,
    .app-subnav h3.app-page-title-two,
    .app-subnav .app-page-title-two.h3,
    .app-subnav h4.app-page-title-two,
    .app-subnav .app-page-title-two.h4,
    .app-subnav h5.app-page-title-two,
    .app-subnav .app-page-title-two.h5,
    .app-subnav h6.app-page-title-two,
    .app-subnav .app-page-title-two.h6,
    h1.row-table-group-title-two,
    .row-table-group-title-two.h1,
    h2.row-table-group-title-two,
    .row-table-group-title-two.h2,
    h3.row-table-group-title-two,
    .row-table-group-title-two.h3,
    h4.row-table-group-title-two,
    .row-table-group-title-two.h4,
    h5.row-table-group-title-two,
    .row-table-group-title-two.h5,
    h6.row-table-group-title-two,
    .row-table-group-title-two.h6,
    h1.app-page-title-two,
    .app-page-title-two.h1,
    h2.app-page-title-two,
    .app-page-title-two.h2,
    h3.app-page-title-two,
    .app-page-title-two.h3,
    h4.app-page-title-two,
    .app-page-title-two.h4,
    h5.app-page-title-two,
    .app-page-title-two.h5,
    h6.app-page-title-two,
    .app-page-title-two.h6{
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .row-table-group-title,
    .app-subnav .app-section-title,
    .app-section-title,
    .app-subnav h1.app-section-title,
    .app-subnav .app-section-title.h1,
    .app-subnav h2.app-section-title,
    .app-subnav .app-section-title.h2,
    .app-subnav h3.app-section-title,
    .app-subnav .app-section-title.h3,
    .app-subnav h4.app-section-title,
    .app-subnav .app-section-title.h4,
    .app-subnav h5.app-section-title,
    .app-subnav .app-section-title.h5,
    .app-subnav h6.app-section-title,
    .app-subnav .app-section-title.h6,
    h1.row-table-group-title,
    .row-table-group-title.h1,
    h2.row-table-group-title,
    .row-table-group-title.h2,
    h3.row-table-group-title,
    .row-table-group-title.h3,
    h4.row-table-group-title,
    .row-table-group-title.h4,
    h5.row-table-group-title,
    .row-table-group-title.h5,
    h6.row-table-group-title,
    .row-table-group-title.h6,
    h1.app-section-title,
    .app-section-title.h1,
    h2.app-section-title,
    .app-section-title.h2,
    h3.app-section-title,
    .app-section-title.h3,
    h4.app-section-title,
    .app-section-title.h4,
    h5.app-section-title,
    .app-section-title.h5,
    h6.app-section-title,
    .app-section-title.h6{
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .row-table-group-subtitle,
    .app-subnav .app-page-subtitle,
    .app-page-subtitle,
    .app-subnav h1.app-page-subtitle,
    .app-subnav .app-page-subtitle.h1,
    .app-subnav h2.app-page-subtitle,
    .app-subnav .app-page-subtitle.h2,
    .app-subnav h3.app-page-subtitle,
    .app-subnav .app-page-subtitle.h3,
    .app-subnav h4.app-page-subtitle,
    .app-subnav .app-page-subtitle.h4,
    .app-subnav h5.app-page-subtitle,
    .app-subnav .app-page-subtitle.h5,
    .app-subnav h6.app-page-subtitle,
    .app-subnav .app-page-subtitle.h6,
    h1.row-table-group-subtitle,
    .row-table-group-subtitle.h1,
    h2.row-table-group-subtitle,
    .row-table-group-subtitle.h2,
    h3.row-table-group-subtitle,
    .row-table-group-subtitle.h3,
    h4.row-table-group-subtitle,
    .row-table-group-subtitle.h4,
    h5.row-table-group-subtitle,
    .row-table-group-subtitle.h5,
    h6.row-table-group-subtitle,
    .row-table-group-subtitle.h6,
    h1.app-page-subtitle,
    .app-page-subtitle.h1,
    h2.app-page-subtitle,
    .app-page-subtitle.h2,
    h3.app-page-subtitle,
    .app-page-subtitle.h3,
    h4.app-page-subtitle,
    .app-page-subtitle.h4,
    h5.app-page-subtitle,
    .app-page-subtitle.h5,
    h6.app-page-subtitle,
    .app-page-subtitle.h6{
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .app-page-title-info,
    .app-page-title-label,
    .app-page-title-label-small,
    .app-page-title-add-link{
        font-size:  13px;
    }

    .row-table-group-title{
        padding-bottom: 10px;
        border-bottom: 2px solid #ccc;
    }

    a.remove-item-icon,
    .remove-item-icon,
    .row-table-group .row-table-group-item .row.row-table .remove-item-icon,
    .row-table-group .row-table-group-item .row.row-table .remove-item-icon{
        background-color: #a94442;
        border-radius: 100%;
        color: #fff;
        width: 16px;
        height: 16px;
        text-align: center;
        display: inline-block;
        padding-top: 0px;
        line-height: 0;
        position: relative;
    }

    a.remove-item-icon:hover,
    .remove-item-icon:hover,
    .row-table-group .row-table-group-item .row.row-table .remove-item-icon:hover,
    .row-table-group .row-table-group-item .row.row-table .remove-item-icon:hover{
        background-color: #753f38;
        border-radius: 100%;
        color: #fff;
        width: 16px;
        height: 16px;
        text-align: center;
        display: inline-block;
        padding-top: 0px;
        line-height: 0;
        position: relative;
    }

    .remove-item-icon::after,
    a.remove-item-icon::after,
    .row-table-group .row-table-group-item .row.row-table .remove-item-icon::after,
    .row-table-group .row-table-group-item .row.row-table a.remove-item-icon::after {
        /*color: #fff;
        text-align: center;
        position: relative;
        background-color: #a94442;
        width: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 100%;
        display: inline-block;
        vertical-align: middle;*/
        /* font-size: 16px;
        content: url(/assets/img/red-delete-icon-32.png);
        content: url(/assets/img/red-delete-icon.svg);*/
        /*font-size:10px;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0);*/
    }

    .remove-item-icon::before,
    a.remove-item-icon::before,
    .row-table-group .row-table-group-item .row.row-table .remove-item-icon::before,
    .row-table-group .row-table-group-item .row.row-table a.remove-item-icon::before {
        color: #fff;
        text-align: center;
        position: relative;
        width: 16px;
        height: 16px;
        line-height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size:10px;
        content: "\00d7";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    /*.remove-item-icon:hover::after,
    a.remove-item-icon:hover:::after,
    .row-table-group .row-table-group-item .row.row-table .remove-item-icon:hover:::after,
    .row-table-group .row-table-group-item .row.row-table a.remove-item-icon:hover:::after {
        color: #fff;
        text-align: center;
        position: relative;
        background-color: darkred;
        width: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 100%;
        display: inline-block;
        vertical-align: middle;
        /* font-size: 16px;*.
        content: url(/assets/img/red-delete-icon-32.png);
        content: url(/assets/img/red-delete-icon.svg);
        font-size:10px;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0);
    }*/

    .label-dark-text-group label{ color: #333; }

    .row-table-group .row-table-group-item .row.row-table.row-table-nested-foot{ position: relative; }

    .row-table-group .row-table-group-item .row.row-table.row-table-nested-foot [class*="col-"] {
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
    }

    .row-table-group .row-table-group-item .row.row-table.row-table-nested-foot [class*="col-"] span{
        display: block;
        margin-top: 30px;
    }

    /*.row-table-group .row-table-group-item .row.row-table.row-table-nested-foot:before{
        content: "";
        height: 1px;
        background-color: #f2f2f2;
        position: absolute;
        top: 20px;
        left: -15px;
        display: block;
        width: 100%;
        width:  calc(100% + 30px);
    } */

    hr.border-2,
    hr.stroke-2{
        border-width: 2px;
        border-color: #ccc;
    }

    form label,
    label,
    form .form-group label {
        color: #333;
        font-weight: 400;
    }

    .app-page-title.app-page-title-mega{
        font-size: 48px;
        font-weight: 300;
    }

    .row-table-group .row-table-group-item .row.row-table.row-table-dotted [class*="col-"] div,
    .row-table-group .row-table-group-item .row.row-table.row-table-dotted [class*="col-"] span { background-color: #fff; z-index: 2; position: relative;  }

    .row-table-group .row-table-group-item .row.row-table.row-table-dotted [class*="col-"] div:before,
    .row-table-group .row-table-group-item .row.row-table.row-table-dotted [class*="col-"] span:before {
        content:  "";
        position: absolute;
        top:  8px;
        left: -8px;
        height: 8px;
        width: 8px;
        display: block;
        z-index: 0;
        background-color: #fff;
    }

    .row-table-group .row-table-group-item .row.row-table.row-table-dotted [class*="col-"] div:after,
    .row-table-group .row-table-group-item .row.row-table.row-table-dotted [class*="col-"] span:after {
        content:  "";
        position: absolute;
        top:  8px;
        right: -8px;
        height: 8px;
        width: 8px;
        display: block;
        z-index: 0;
        background-color: #fff;
    }

    .row-table-group .row-table-group-item .row.row-table.row-table-dotted{ position: relative; z-index: 2;}

    .row-table-group .row-table-group-item .row.row-table.row-table-dotted:after {
        content:  "";
        position: absolute;
        background-image:url(/assets/img/white-bg-gray-dot-center.jpg);
        background-repeat: repeat-x;
        background-position: 100% 75%;
        top:  20px;
        left: 0;
        right: 0;
        width: 100%;
        bottom: 0;
        height: 5px;
        display: block;
        z-index: 1;
    }

    .text-danger{color: #a94442;}

    .font-400-label label,
    .font-400-label .form-group label{ font-weight: 400; }

    .row-table-group.cart-table{ position: relative}

    .row-table-group.cart-table:after{
        content: "";
        height: 2px;
        height: 0;
        background-color: #cccccc;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        width: 100%;
        width:  calc(100%);
    }

    .row-table-group.cart-table .row-table-group-item{
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        display: table-row-group;
    }

    .row-table-group .row-table-group-item > .row.row-table:first-child>[class*="col-"]{
        padding-top: 20px;
    }

    /*.row-table-group.cart-table .row-table-group-item:after{
        content: "";
        width: 100%;
        width: calc(100%);
        height: 2px;
        background-color: #cccccc;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .row-table-group.cart-table .row-table-group-item.row-table-group-item-foot:after{
        content: "";
        width: 100%;
        width: calc(100%);
        height: 1px;
        height: 2px;
        background-color: #cccccc;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .panel-body .row-table-group.cart-table .row-table-group-item:after,
    .panel-body .row-table-group.cart-table .row-table-group-item.row-table-group-item-foot:after{
        content: "";
        width: 100%;
        width: calc(100%);
        height: 1px;
        height: 1px;
        background-color: #cccccc;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }*/

    /*pseudo elements will not work in a table / or because of abs pos -- worked in ff not in chrome - rule on line 6793 fixed this issue */

    .row-table-group .row-table-group-item > .row-table-nested-foot >[class*="col-"]{
        border-bottom:1px solid #ccc;
    }

    .row-table-group.cart-table .row-table-group-item.row-table-group-item-foot + .row-table-group-item.row-table-group-item-foot:after{
        display: none;
    }

    .row-table-group.cart-table .row-table-group-item.row-table-group-item-foot + .row-table-group-item.row-table-group-item-foot:last-of-type:after,
    .row-table-group.cart-table .row-table-group-item.row-table-group-item-foot + .row-table-group-item.row-table-group-item-foot:last-child:after{
        content: "";
        width: 100%;
        width: calc(100% + 30px);
        height: 2px;
        background-color: #cccccc;
        position: absolute;
        top: 0;
        left: -15px;
        right: -15px;
    }
    .row-table-group.cart-table .row-table-group-item:first-child:after{ display: none; }

    .row-table-group.cart-table  .row-table-group-item .row-table [class*='col-'].col-100 {
        max-width: 100px;
        min-width: 100px;
    }

    .cart-total-div{
        display: block;
        width:  100%;
        text-align: right;
    }

    .cart-total-div span.col-100{
        width:100px;
        padding-left: 0;
        padding-right: 0;
        margin-right: 15px;
        text-align:right;
        padding-top: 15px;
        padding-bottom: 15px;
        display: inline-block;
    }

    .cart-total-div{
        display: block;
        width:  100%;
        text-align: right;
    }

    .cart-total-div + .cart-total-div span.col-100{ padding-top: 0; }

    .row-table-group.cart-table .row-table-group-item .row.row-table{ display: table; }

    .row-table-group.cart-table .row-table-group-item .row.row-table .row-table-row-nested{ display: table-row; }

    .row-table-group.cart-table .row-table-group-item.row-table-group-item-foot{ border-bottom: none; }

    .row-table-group .row-table-group-item.row-table-group-item-foot  > .row.row-table > [class*="col-"] { padding-top: 20px; padding-bottom: 0;}

    .row-table-group .row-table-group-item.row-table-group-item-foot:last-of-type  > .row.row-table > [class*="col-"] { padding-bottom: 20px }
    .row-table-group .row-table-group-item.row-table-group-item-foot:last-child  > .row.row-table > [class*="col-"] { padding-bottom: 20px }

    .row-table-group.cart-table .row-table-group-item .checkbox-styled input[type="checkbox"]:checked + span,
    .row-table-group.cart-table .row-table-group-item .radio-styled input[type="radio"]:checked + span,
    .row-table-group.cart-table .row-table-group-item .checkbox-styled input[type="checkbox"]:checked + label,
    .row-table-group.cart-table .row-table-group-item .radio-styled input[type="radio"]:checked + label,
    .row-table-group.cart-table .row-table-group-item .checkbox-inline .checkbox-styled label,
    .row-table-group.cart-table .row-table-group-item .radio-inline .radio-styled label,
    .row-table-group.cart-table .row-table-group-item .checkbox-styled label, .radio-styled label{
        color: #333;
        font-weight: 100;
    }

    .row-table-group.cart-table .checkbox,
    .row-table-group.cart-table .radio{
        margin-top: 0;
        margin-bottom: 0;
    }

    .cart-table .cart-table-title{ font-weight: bold; }

    .cart-table-title-info{
        margin-top: 5px;
        margin-bottom: 10px;
        /* color:  #999; */
        font-size: 12px;
    }

    .cart-indent-level-1{ padding-left: 25px; }
    .cart-indent-level-2{ padding-left: 50px; }

    @media screen and (max-width: 767px) {
        .cart-indent-level-1-xs{ padding-left: 10px; }
        .cart-indent-level-2-xs{ padding-left: 35px; }
    }

    .cart-container-width{
        max-width: 850px;
    }

    .alert.alert-text{
        display: inline-block;
        background-color: transparent;
        /* color: #a94442;*/
        font-weight: 500;
        padding: 0 0 0 0;
    }

    .app-alert.alert.alert-text{
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }

    .form-group.has-error{  position: relative; }

    .form-validate-alert{
        display: inline-block;
        text-align: right;
        float: right;
        background-color: #a94442;
        color: #fff;
        font-weight: 500;
        font-size: 12px;
        position: absolute;
        top: -6px;
        right: 0;
        padding: 4px 10px;
        z-index: 3;
    }

    .form-validate-alert:before {
        position: absolute;
        bottom: -10px;
        left: 15px;
        color: red;
        width: 10px;
        height: 10px;
        width: 10px;
        height: 10px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #a94442;
        border-bottom: none;
    }

    .form-validate-alert.form-validate-alert-below{
        top: -30px;
        right: auto;
        left: 20px;
    }

    .form-validate-below{
       color: #a94442;
    }

    @media screen and (min-width: 1201px){
        .col-md-push-1-mrg{ margin-right: -8.33333333% }
        .col-md-push-4-mrg{ margin-right: -33.33333333% }
        .col-md-push-5-mrg{ margin-right: -58.333333% }
    }

    @media screen and (min-width:768px) and (max-width: 1200px) {
        .col-sm-push-1-mrg{ margin-right: -8.33333333% }
        .col-sm-push-4-mrg{ margin-right: -33.33333333% }
        .col-sm-push-5-mrg{ margin-right: -58.333333% }
    }

    @media screen and (max-width: 767px) {
        .col-xs-push-1-mrg{ margin-right: -8.33333333% }
        .col-xs-push-4-mrg{ margin-right: -33.33333333% }
        .col-xs-push-5-mrg{ margin-right: -58.333333% }
    }

    .modal-footer-buttons a.btn,
    .modal-footer-buttons button.btn,
    .modal-footer-buttons input.btn{
        min-width: 120px;
        display: inline;
    }

    .modal-footer-buttons .btn-left,
    .modal-footer-buttons .btn-right{
        display: inline-block;
        margin-right: 15px;
        margin-left: 15px;
    }

    .modal-footer-buttons .btn-right{
        margin-left: auto;
        position: relative;
    }

    .more-info-icon.danger{
        background-color: #a94442;
    }


    @media screen and (max-width: 767px){
        .row.card-select-wrap{
            display: block;
            margin-left: 0;
            margin-right: 0;
            position: relative;
            width: 100%;
            width: calc(100% + 30px);
            position: relative;
            left: -15px;
        }
        .card-select-wrap .card-select-choice {
            display: block;
            text-align: left;
            padding: 30px 15px;
            float: none;
            width: 100%;
            padding-left: 90px;
        }
        .card-select-wrap .card-select-choice .icon{
            float: none;
            padding: 0;
            position: absolute;
            left: 0;
            top: 0;
        }
        .card-select-wrap .card-select-choice .icon img{
            max-width:  50px;
        }
    }

    .card-select-navbar-fixed-bottom {
        min-height: 70px;
        height: auto;
        background-color: #fff;
        padding: 12px;
        padding-left: 30px;
        position: fixed;
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: right;
        padding-right: 30px;
    }

    .card-select-navbar-fixed-bottom:before{
        content: "";
        left: -9999px;
        right: -9999px;
        height: 1px;
        background-color: #ededed;
        position: absolute;
        top: 0;
    }

    .panel-heading-link,
    .panel-heading-link.panel-heading-link-toggle-vis{
        display: block;
        float: right;
    }

    .collapsed + .panel-heading-link.panel-heading-link-toggle-vis{ display: none; }

    .nav-tabs li.hover-ignore:active,
    .nav-tabs li.hover-ignore:focus,
    .nav-tabs li.hover-ignore:hover{
        pointer-events: none !important;
    }

    .nav-tabs li.hover-ignore:active a,
    .nav-tabs li.hover-ignore:hover a,
    .nav-tabs li.hover-ignore:focus a,
    .nav-tabs li.hover-ignore a:active,
    .nav-tabs li.hover-ignore a:hover,
    .nav-tabs li.hover-ignore a:focus {
        background-color: transparent !important;
    }

    .modal-subnav .nav-tabs > li.hover-ignore:hover::after,
    .app-subnav .nav-tabs > li.hover-ignore:hover::after{
        display: none;
    }

    .app-title-add-info span,
    .app-title-add-label span,
    .app-title-add-link span{
        margin-right: 15px;
        display: inline-block;
    }

    .app-title-add-label .app-title-label,
    .app-title-add-link .app-title-link,
    .app-title-add-link a.app-title-link,
    .app-title-add-label a.app-title-label {
        display: inline-block;
        font-size:13px;
    }

    .app-title-add-info .app-title-info{
        display: inline-block;
        font-size: 16px;
        color: #999;
    }

    ul.title-breadcrumb-list{
        color: #999;
        list-style-type: none;
        padding-left: 0;
    }

    ul.title-breadcrumb-list li{
        display: inline;
    }

    ul.title-breadcrumb-list a{
        color: #45aaf2;
        position: relative;
    }

    ul.title-breadcrumb-list li a:before{
        content: "<";
        position: relative;
        margin-right: 3px;
        line-height: 18px;
        top: -1px;
        margin-right: 15px;
        margin-left: 15px;
    }

    ul.title-breadcrumb-list li span:before{
        content: "<";
        position: relative;
        margin-right: 3px;
        line-height: 18px;
        top: -1px;
        margin-right: 15px;
        margin-left: 15px;
    }

    ul.title-breadcrumb-list li:first-child a:before{
        display: none;
    }

    form label.font-bold,
    label.font-bold,
    form .form-group label.font-bodl {
        font-weight: bold;
    }

    .collapse-with-preview-text p.collapse[aria-expanded="false"] {
        display: block;
        height: 30px !important;
        overflow: hidden;
    }

    .collapse-with-preview-text p.collapse.f-12[aria-expanded="false"] {
        height: 36px !important;
        font-size: 12px;
    }

    .collapse-with-preview-text p.collapsing[aria-expanded="false"] { height: 40px !important; }

    .collapse-with-preview-text a:after { content: '- Less'; color: inherit;}

    .collapse-with-preview-text a.collapsed:after  { content: '+ More';  color: inherit;}

    .table-navbar-fixed-bottom.table-navbar-container-apply{
        padding-left: 0;
        padding-right: 0;
    }

    .row-table-group.cart-table .row-table-group-item .row.row-table.row-table-nested-foot.total-row-block{ display: block; }

    .row.row-table.row-table-nested-foot.total-row-block > .row.row-table,
    .row-table-group-item.row-table-group-item-foot.total-row-block > .row.row-table{
        display: block;
        font-size: 0;
    }

    .row.row-table.row-table-nested-foot.total-row-block > .row.row-table > [class*="col-"],
    .row-table-group-item.row-table-group-item-foot.total-row-block > .row.row-table > [class*="col-"]{
        display: inline-block;
        font-size: 14px;
        text-align: right;
    }

    .row.row-table.row-table-nested-foot.total-row-block > .row.row-table > [class*="col-"],
    .row-table-group-item.row-table-group-item-foot.total-row-block > .row.row-table > [class*="col-"]{
        display: inline-block;
        font-size: 14px;
        float: right;
        text-align: right;
    }

    .checkbox-styled-disabled{
        background-color: #f6f6f6 !important;
        border: 2px solid #cccccc !important;
        height: 16px;
        width: 16px;
        display: inline-block;
        position: relative;
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        border-radius: 4px;
    }

    .checkbox-styled-disabled.transparent{
        background-color: transparent !important;
        border: 2px solid transparent !important;
        position: static;
    }

    .tooltip-inner{
        background-color: #333 !important;
        border: 1px solid #333 !important;
        color: #fff !important;
    }

    .tooltip.bs-tooltip-right .arrow:before {
        border-right-color: #333 !important;
    }

    @media screen and (min-width: 991px) {
        .row .col-md-5.col-md-push-4-5 {
            position: relative !important;
            left: 29.175% !important;
        }
    }

    a.text-neutral-hover-dark:active,
    a.text-neutral-hover-dark:focus,
    a.text-neutral-hover-dark:hover,
    a .text-neutral-hover-dark:active,
    a .text-neutral-hover-dark:focus,
    a .text-neutral-hover-dark:hover{
        color: #333;
    }

    a.text-neutral-hover-light:active,
    a.text-neutral-hover-light:focus,
    a.text-neutral-hover-light:hover,
    a .text-neutral-hover-light:active,
    a .text-neutral-hover-light:focus,
    a .text-neutral-hover-light:hover{
        color: #f6f6f6;
    }

    a.text-underline:active,
    a.text-underline:focus,
    a.text-underline:hover{
        text-decoration: underline;
        display: inline-block;
        padding-bottom: 1px;
        border-bottom: 1px solid inherit;
    }

    .frosted-well-background{
        background-color:rgba(255, 255, 255, .3);
        padding:30px 30px 30px 30px;
        border-radius: 4px;
    }

    .frosted-well-background .well.bg-white{
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
        margin-bottom: 0;
    }

    dl.dl-flush-bottom{margin-bottom:0;}

    #add-cnt-rgt-div{
        margin-bottom: 30px;
    }

    .panel-group.panel-group-text-panels .panel .panel-body .alert{
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav.nav-tab.nav-tabs-plain > li {
        float: left;
        margin-right: 24px;
        text-transform: uppercase;
    }

    .nav.nav-tabs.nav-tabs-plain > li > a,
    .nav.nav-tabs.nav-tabs-plain > li > a:hover,
    .nav.nav-tabs.nav-tabs-plain > li > a:focus {
        color: #c9c9c9;
    }

    .nav.nav-tabs.nav-tabs-plain > li > a,
    .nav.nav-tabs.nav-tabs-plain > li > a:hover,
    .nav.nav-tabs.nav-tabs-plain > li > a:focus {
        text-transform: uppercase;
        padding:  0 0 0 0;
    }

    .nav.nav-tabs.nav-tabs-plain > li.active > a,
    .nav.nav-tabs.nav-tabs-plain > li.active > a:hover,
    .nav.nav-tabs.nav-tabs-plain > li.active > a:focus {
        color: #f1bf82;
        background-color: transparent;
        font-weight: 600;
    }

    .nav.nav-tabs.nav-tabs-plain > li > a:hover,
    .nav.nav-tabs.nav-tabs-plain > li > a:focus {  background-color: transparent; }

    .table-navbar-sticky{
        background-color: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative;
        width: 100%;
    }

    .table-navbar-sticky:before{
        content: "";
        height: 1px;
        background-color: #e6e6e6;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }

    .table-navbar-sticky.stuck:before{
        content: "";
        height: 1px;
        background-color: #e6e6e6;
        position: absolute;
        left: -9999px;
        right: -9999px;
        top: 0;
    }

    .table-navbar-sticky .btn-table-layout {
        display: table;
        width: 100%;
    }

    .table-navbar-sticky .btn-table-layout div.btn-div {
        display: table-cell;
        padding: 0 15px;
    }

    .table-navbar-sticky .btn-inline-layout {
        display: block;
        width: 100%;
    }

    .table-navbar-sticky .btn-inline-layout div.btn-div {
        display: inline-block;
        padding: 0 15px;
    }

    .table-navbar-sticky .btn-table-layout div.btn-div:first-child,
    .table-navbar-sticky .btn-inline-layout div.btn-div {
        padding-left: 0;
    }

    .table-navbar-sticky .btn-table-layout div.btn-div:last-of-type,
    .table-navbar-sticky .btn-inline-layout div.btn-div:last-of-type,
    .table-navbar-sticky .btn-table-layout div.btn-div:last-child,
    .table-navbar-sticky .btn-inline-layout div.btn-div:last-child {
        padding-right: 0;
    }

    @media screen and (max-width: 767px) {
        .table-navbar-sticky .btn-inline-layout div.btn-div { margin-bottom: 15px; }
    }

    .app-v3.app-v3-top-navbar-view .navbar-brand-add-label,
    .app-v3.app-v3-top-navbar-view .navbar-brand{
        display: inline-block;
        float: none;
    }

    .app-v3.app-v3-top-navbar-view .navbar-brand-add-label{
        /*color: #fff;
        display: inline-block;
        padding-top: 22px;
        padding: 15px 15px 20px 0;*/
        overflow: nowrap;
    }

    .app-v3.app-v3-top-navbar-view .navbar-brand-add-label .label-text{
        padding-right: 10px;
    }

    .app-v3.app-v3-top-navbar-view .navbar-brand-add-label .label-badge{
        background:#fff;
        color:#000066;
        padding:2px 5px;
    }

    .title-heading-content-view{
        font-size:20px;
        font-weight:400;
        color: #696969;
    }

    .app-v3.app-v3-top-navbar-view .app-subnav .title-wrap + .nav-links-dropdown-wrapper, .app-v3.app-v3-top-navbar-view .title-wrap + .nav.nav-links { margin-top: 30px; }

    .app-main-title.app-main-title-border-bottom{
        padding-bottom: 30px;
        border-bottom: 2px solid #ccc;
    }

    .app-v3.app-v3-sidebar-view > .app-main {
        padding-top: 30px;
    }

    .app-v3 .app-main-content {
        position: relative;
    }

    .app-main-content,
    .app-main-title,
    .app-subnav .app-subnav-inner,
    .app-subnav .nav-tabs {
        max-width: 1300px;
        margin: 0 auto;
        margin-bottom: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .app-v3 .app-subnav-inner,
    .app-v3 .app-main-content,
    .app-v3 .app-main-title{
        max-width: 1300px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;
    }

    .app-v3 .app-footer-container{
        max-width: 1300px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .app-v3.app-v3-sidebar-view .app-footer.app-footer{
        padding-left: 220px;
    }

    .app-v3 .app-main-content .app-subnav { margin-bottom: 30px; border-bottom: 1px solid transparent; }

    .app-v3 .app-main .app-subnav { border-bottom: none; }

    .app-v3.app-v3-top-navbar-view .app-main .app-subnav{ padding-bottom: 15px; }

    .app-v3.app-v3-sidebar-view .app-main .app-subnav .app-subnav-inner{
        border-bottom: 2px solid #cccccc;
        padding-bottom: 30px;
        margin-bottom: 10px;
    }

    @media screen and (max-width: 1560px) {
        .app-v3 .navbar .container,
        .app-v3 .app-subnav-inner,
        .app-v3 .app-main-content,
        .app-v3 .app-main-title,
        .app-v3 .app-footer .app-footer-container{
            max-width: 1300px;
            margin: 0 auto;
            margin-bottom: 0px;
            /*margin-left: 30px;
            margin-right: 30px;*/
        }
        .app-v3.app-v3-sidebar-view .navbar .container,
        .app-v3.app-v3-sidebar-view .app-subnav-inner,
        .app-v3.app-v3-sidebar-view .app-main-content,
        .app-v3.app-v3-sidebar-view .app-main-title,
        .app-v3.app-v3-sidebar-view .app-footer .app-footer-container{
            margin-left: 30px;
            margin-right: 30px;
        }
        .app-v3 .app-main-content .app-subnav .app-subnav-inner{
            margin-left: 0;
            margin-right: 0;
        }

        .app-v3 .app-subnav.modal-app-subnav .app-subnav-inner{
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media screen and (max-width: 1330px) {
        .app-v3 .navbar .container,
        .app-v3 .app-subnav-inner,
        .app-v3 .app-main-content,
        .app-v3 .app-main-title,
        .app-v3 .app-footer .app-footer-container{
            margin-left: 30px;
            margin-right: 30px;
        }
    }

    @media screen and (max-width: 767px) {
        .app-subnav { margin-top: 0; }
        .app-v3.app-v3-sidebar-view .app-footer .app-footer-container{
            padding-left: 0;
            padding-right: 0;
        }
    }

    .app-main-title + .app-main-content { margin-top: 0; }

    .faux-table.add-dropdown-control .col-dropdown-control .dropdown-menu{
        padding: 10px 0;
        background-color: #fff;
    }

    .faux-table.add-dropdown-control .col-dropdown-control .dropdown > .dropdown-control{
        min-width: 36px;
        text-align: center;
        display: block;
    }

    @media screen and (max-width:767px) {
        .faux-table.add-dropdown-control .col-dropdown-control  .dropdown-menu { margin-right: -45px; }
        .faux-table.add-dropdown-control .col-dropdown-control .dropdown > .dropdown-control { margin-right: -30px; }
    }

    .faux-table.add-dropdown-control .col-dropdown-control .dropdown-menu li:first-child { padding-top: 0; }

    .faux-table.add-dropdown-control .col-dropdown-control .dropdown-menu { padding: 0 0 0 0; }

    .app-v3 .add-dropdown-control .col-dropdown-control .dropdown-menu li:first-child { padding-top: 0; }
    .app-v3.app-v3-top-navbar-view .app-subnav + .app-main-content { margin-top: 30px; }

    /* .app-v3.app-v3-top-navbar-view .navbar-brand { padding-left: 0; } */

    .app-v3 .app-sidebar ul.sidebar-list-bottom li {
        padding: 5px 0 5px 0;
        list-style-type: none;
        margin: 10px 0 10px 0;
    }

    .app-v3.app-v3-sidebar-view .app-main { padding-top: 30px; }
    .app-v3.app-v3-top-navbar-view .app-main { padding-top: 30px; }
    .app-v3 .panel-group.panel-group-text-panels .panel-default > .panel-heading + .panel-collapse > .panel-body { padding-top: 0; }

    .app-subnav {
        background-color: #fff;
        border-bottom: none;
        padding: 0 0 15px 0;
        margin: 0 0 30px 0;
    }

    .app-v3 .app-subnav {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }

    .app-main-content .app-subnav.app-subnav-dropdown{ border-bottom: 1px solid transparent; }

    .app-v3 .app-main-content .app-subnav {
        margin-top: 0;
        padding-top: 30px;
    }

    /* .app-v3 .app-main-content .app-subnav .nav.nav-tabs.nav-tabs-dropdown-links{
        padding-left: 0;
        padding-right: 0;
    }

    @media screen and (max-width: 991px) {
    .app-v3 .app-main-content .app-subnav .nav-tabs-dropdown-wrapper.nav-tabs-dropdown-stack-sm.open .nav-tabs.nav-tabs-dropdown-links {
            padding:15px 15px 15px 15px;
        }
    } */


    .app-v3.app-v3-sidebar-view .app-main .app-main-content .app-subnav .app-subnav-inner{ border-bottom: none; }

    .app-v3.app-v3-top-navbar-view .app-main .app-main-content .app-subnav,
    .app-v3.app-v3-sidebar-view .app-main .app-main-content .app-subnav{
        margin-bottom: 0;
        border-bottom: 1px solid transparent;
    }

    .app-v3 .navbar-brand { padding-left: 30px; }

    .app-v3 .app-main-content-title{
        border-bottom: 2px solid #ccc;
        padding-bottom: 30px;
    }

    .app-v3 .app-main-content-breadcrumb,
    .app-v3 .app-main-content-submenu,
    .app-v3 .app-main-content-sub-menu,
    .app-v3 .app-main-content-subtitle,
    .app-v3 .app-main-content-sub-title{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .app-main-content .app-subnav + .app-main-content-breadcrumb,
    .app-main-content .app-subnav + .app-main-content-subtitle,
    .app-main-content .app-subnav + .app-main-content-sub-title,
    .app-main-content .app-subnav + .app-main-content-submenu,
    .app-main-content .app-subnav + .app-main-content-sub-menu{
        padding-top: 15px;
    }

    .app-main-content .app-main-content-subtitle + .app-main-content-submenu,
    .app-main-content .app-main-content-subtitle + .app-main-content-sub-menu,
    .app-main-content .app-main-content-sub-title + .app-main-content-submenu,
    .app-main-content .app-main-content-sub-title + .app-main-content-sub-menu{
        padding-top: 15px;
    }

    .app-v3 .app-main-content .app-subnav + .app-main-content-subtitle{ padding-top: 0;}

    .app-v3 .app-main-content  .app-main-content-breadcrumb + .app-subnav,
    .app-v3 .app-main-content  .app-main-content-sub-title + .app-subnav{
        margin-top: 0;
    }

    .app-v3 .table-navbar-fixed-bottom{
        padding-left: 0;
        padding-right: 0;
        border-top: 1px solid #ccc;
        bottom: 36px;
    }

    .app-v3 .add-dropdown-control .col-dropdown-control .dropdown-menu > li > a{
        padding: 20px 10px;
    }

    .app-v3 .app-footer,
    .app-v3.app-v3-sidebar-view .app-footer{
      width:100%;
      height:36px;
      background-color: #25373e;
      margin-top:-36px;
      display: block;
      color: #fff;
      padding: 0 0 0 0;
      position: relative;
      /* z-index: 100;*/
      /* updated feb 10 2019 - to be above dropdown menu @z1000*/
      z-index: 1001;
    }

    .app-v3 .app-footer,
    .app-v3 .app-footer a,
    .app-v3.app-v3-sidebar-view .app-footer,
    .app-v3.app-v3-sidebar-view .app-footer a{
        color: #999;
        border-bottom: 1px solid transparent;
    }

    /* .app-v3 .app-footer a,
    .app-v3.app-v3-sidebar-view .app-footer a.active{
        color: #fff;
        border-bottom: 1px solid #fff;
    } */

    .app-v3 .app-footer a:hover,
    .app-v3.app-v3-sidebar-view .app-footer a:hover,
    .app-v3 .app-footer a:focus,
    .app-v3.app-v3-sidebar-view .app-footer a:focus{
      color: #ededed;
    }

    @media screen and (max-width:600px) {
        .app-v3.app-v3-sidebar-view .app-footer.app-footer{
            padding-left: 0;
        }
        .app-v3 .app-footer {
            font-size: 13px;
        }
    }

    .app-admin.app-v3.app-v3-top-navbar-view .app-main-content {
        margin-bottom: 36px;
    }

    .app-admin.app-v3.app-v3-top-navbar-view .app-footer {
        position: relative;
    }

    .app-v3 .app-footer span,
    .app-v3.app-v3-sidebar-view .app-footer span,
    .app-v3 .app-footer ul,
    .app-v3.app-v3-sidebar-view .app-footer ul{
        list-style-type: none;
        height: 100%;
        /* padding: 0 30px 0 0;*/
        padding:0 0 0 0;
        margin:0 0 0 0;
        width: 100%;
    }

    /*.app-v3 .app-footer span,
    .app-v3.app-v3-sidebar-view .app-footer span,*/
    .app-v3 .app-footer ul li,
    .app-v3.app-v3-sidebar-view .app-footer ul li{
        display: inline-block;
        list-style-type: none;
        height: 100%;
        vertical-align: middle;
        padding: 8px 0 0 0;
    }

    .app-v3 .app-footer > .row{
        margin:0 0 0 0;
    }

    .app-v3.app-v3-sidebar-view .row-offcanvas{
      padding-bottom: 36px;
    }

    .app-v3 .app-main-content-title {
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .app-v3 .app-main-content-title + .app-main-content-breadcrumb,
    .app-v3 .app-main-content-title + .app-main-content-sub-title{ padding-top: 0; }

    .app-v3 .app-main-content-title-wrap, .app-v3 .app-main-content-form-wrap, .app-v3 .app-main-content-table-wrap, .app-v3 .app-main-content-panel-wrap{      }

    .app-v3.app-v3-sidebar-view .navbar-app-main .navbar-nav,
    .app-v3.app-v3-sidebar-view .navbar-app-main .navbar-header {
        float: left !important;
    }

    .app-v3.app-v3-sidebar-view .nav.navbar-nav.navbar-right{
        float: right !important ;
    }

    .app-v3 .block-list-group.block-list-group-stroke-below > .block-list-group-item{
         padding: 15px 0  15px 0;
         border-bottom: 1px solid #ececec;
         position: relative;
    }

    .app-v3 .block-list-group > .block-list-group-item a {display: inline-block; }

    .app-v3 .block-list-group > .block-list-group-item a,
    .app-v3 .block-list-group > .block-list-group-item a .block-list-group-item-title,
    .app-v3 .block-list-group > .block-list-group-item a .block-list-group-item-text{
        color: #999;
    }


    .app-v3 .block-list-group > .block-list-group-item > a:hover,
    .app-v3 .block-list-group > .block-list-group-item > a:hover .block-list-group-item-title,
    .app-v3 .block-list-group > .block-list-group-item > a:hover .block-list-group-item-text,
    .app-v3 .block-list-group > .block-list-group-item > a:focus,
    .app-v3 .block-list-group > .block-list-group-item > a:focus .block-list-group-item-title,
    .app-v3 .block-list-group > .block-list-group-item > a:focus .block-list-group-item-text,
    .app-v3 .block-list-group > .block-list-group-item > a:active,
    .app-v3 .block-list-group > .block-list-group-item > a:active .block-list-group-item-title,
    .app-v3 .block-list-group > .block-list-group-item > a:active .block-list-group-item-text,
    .app-v3 .block-list-group > .block-list-group-item.active > a,
    .app-v3 .block-list-group > .block-list-group-item.active > a .block-list-group-item-title,
    .app-v3 .block-list-group > .block-list-group-item.active > a .block-list-group-item-text{
        color: #33ace0;
    }

    .app-v3 .block-list-group.block-list-group-stroke-below > .block-list-group-item:last-of-type{
         border-bottom: 1px solid transparent;
    }


    .app-v3 .block-list-group.block-list-group-caret-right > .block-list-group-item{
         padding: 15px 0  25px 0;
    }

    .app-v3 .block-list-group.block-list-group-caret-right > .block-list-group-item > a,
    .app-v3 .block-list-group.block-list-group-caret-right > .block-list-group-item > a.block-list-item-collapse-control{
        display: block;
        padding: 0 75px  0 0;
    }

    .app-v3 .block-list-group.block-list-group-caret-right > .block-list-group-item:after{
        position: absolute;
        right: 45px;
        top: 32px;
        content: ">";
        font-size: 24px;
        color: #33ace0;
        pointer-events: none;
    }

    .app-v3 .block-list-group.block-list-group-icon-left > .block-list-group-item .row-inline-block .col-icon.col-icon-32{
        width: 50px;
    }

    .app-v3 .block-list-group.block-list-group-collapse > .block-list-group-item .block-list-item-collapse-display{
        padding-left: 50px;
        padding-top: 6px;
    }

    .app-v3 .row.row-inline-block.disp-ib{ display: inline-block; }

    .app-v3 .app-main-content-breadcrumb.app-main-content-subtitle{
        font-size: 16px;
    }

    .app-v3 .app-main-content-breadcrumb ul,
    .app-v3 .app-main-content-breadcrumb ul li{
        display: inline-block;
        list-style-type: none;
        padding:  0 16px 0 0;
        position: relative;
    }

    .app-v3 .app-main-content-breadcrumb ul li:after{
        content:  ">";
        position: relative;
        left:  10px;
        color: #999;
        font-size: 16px;
        top: 1px;
    }

    .app-v3 .app-main-content-breadcrumb ul li:last-of-type:after{
        content:  "";
        display: none;
    }

    .app-v3, .app-v3 .app-main-content {
        /* font-family: 'Noto Sans SC', sans-serif; */
        font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .alert{
        border-radius: 0;
    }

    .app-v3 .app-main .alert{
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 0;
    }

    .app-v3 .app-main .text-alert.maxw-800 {
        max-width: 800px;
        margin-left: 0;
        margin-right: 0;
        padding: 15px;
        margin-bottom: 20px;
    }

    .app-v3 .navbar.navbar-app-main li { display: inline-block; }

    .navbar.navbar-app-main li { padding-top: 4px; }

    @media screen and (max-width: 767px) {
        .offset-50 .navbar .navbar-right { margin-right: 0; padding-right: 0; }
    }

    .form-group label.control-label{
        display: inline;
    }

    .form-group label.control-label.add-5p-below{
        position: relative;
    }

    .form-group label.control-label.add-5p-below:after{
        display: block;
        position: relative;
        content: "";
        width:10px;
        height: 5px;
    }

    .form-validate-alert{
        display: inline;
        position: relative;
        top: auto;
        bottom: auto;
        text-align: left;
        float: none;
        background-color: transparent;
        padding: 0 0 0 0;
        color: #a94442;
    }

    .form-validate-alert.form-validate-alert-abs-below{
        position: absolute;
        bottom: -2em;
        left: 0;
    }

    form .form-group.has-error label + .more-info-icon { margin-left: -15px; }

    .form-group .has-error label,
    .form-group.has-error label,
    form .form-group.has-error label + .more-info-icon,
    form .form-group .has-error label,
    form .form-group.has-error label,
    form .form-group .has-error > .control-label,
    form .form-group.has-error > .control-label,
    form .form-group.has-error > .label-lead{
        margin-right: 15px;
    }

    .form-group.has-error .styled-select::before { background-color: #fbeded; }

    .input-group-addon.input-group-addon-inside:first-child {
        border-right: 0;
        padding-left: 5px;
        padding-right: 5px;
        min-width: 20px;
        max-width: 60px;
        width: auto;
        background-color: transparent;
        border:  1px solid #ccc;
        border-right: none;
        padding-left: 8px;
        padding-right: 8px;
        color: #999999;
    }

    .input-group-addon.input-group-addon-inside + input[type="text"].form-control {
        border-left:  none;
    }

    .form-group.form-group-btn{ margin-bottom: 15px; }

    .form-group.form-group-btn:before,
    .form-group.form-group-btn:after{
        content: " ";
        display: table;
    }

    .form-group.form-group-btn:after { clear: both; }

    .form-group.has-error .dropzone.dropzone-previews.dz-clickable .dz-default,
    .form-group.has-error .dropzone.dropzone-previews.dz-clickable .dz-message,
    .form-group.has-error .dropzone.dropzone-previews.dz-clickable{
        background-color: #fbeded;
    }

    .form-group.has-error .dropzone.dropzone-previews.dz-clickable{ border-color: #a94442; }

    .form-group .form-control {
        margin-top: 5px
    }

    .panel-group-static.panel-group-text-panels .panel .panel-body{
        padding-left: 0;
        padding-right: 0;
    }

    .app-main-content > .panel-group-panel-border-bottom-loose.panel-group-text-panels .panel:first-child,
    .app-main-content > .panel-group-panel-border-bottom-loose.panel-group-text-panels .panel:first-child .panel-heading{
        padding-top: 0;
    }

    .app-main-content > .app-subnav +  .panel-group-panel-border-bottom-loose.panel-group-text-panels .panel:first-child,
    .app-main-content > .app-subnav +  .panel-group-panel-border-bottom-loose.panel-group-text-panels .panel:first-child  .panel-heading{
        padding-top: 10px;
    }

    .app-main-content > .panel-group-panel-border-bottom-loose.panel-group-text-panels .panel:first-child .panel-heading .panel-title > a::before{ top: 0; }
    .app-main-content > .panel-group-panel-border-bottom-loose.panel-group-text-panels .panel:first-child .panel-heading .panel-title > a.collapsed::before{ top: 0; }

    .btn-danger{
        background-color: #a94442;
        border-color: #a94442;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

    .row.row-inline-block.w-auto{
        display:inline-block;
        width:auto;
    }

    .row.row-inline-block.two-col-30p-right .col-xs-12.col-sm-6:first-of-type{ padding-right: 45px; }

    .row.row-inline-block.two-col-30p-right .col-xs-12.col-sm-6:last-of-type{ padding-right: 15px; }

    .row.vertical-divider {
      overflow: hidden;
    }

    .row.vertical-divider > div[class^="col-"] {
      padding-bottom: 100px;
      margin-bottom: -100px;
      border-left: 1px solid #EEE;
    }

    .row.vertical-divider div[class^="col-"]:first-child { border-left: none; }
    .row.vertical-divider div[class^="col-"]:last-child { border-right: none; }

    .row.row-inline-block.w-auto {
        display: block;
        width: auto;
    }

    .row.row-flex {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: auto !important;
        justify-content: center;
    }

    [class^="col-"].col-flex{
      display: flex;
      flex-direction: column;
      flex-basis: 100%;
      flex: 1;
      padding-left: 15px;
      padding-right: 15px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
    }

    .row-table-group {
        display: table;
        width: 100%;
    }

    .row-table-group .row.row-table{
        display: table-row;
    }

    .lh-1{ line-height: 1 !important; }

    hr,
    hr.hr-default{
        margin-top:  30px;
        margin-bottom: 30px;
        border-top: 1px solid #ccc;
    }

    hr.flush-top{
        padding-top: 0;
        margin-top: 0;
    }

    .control-label-optional{
        font-style: italic;
    }

     .app-v3.app-v3-sidebar-view .app-main .app-subnav.modal-app-subnav .app-subnav-inner{
        border-bottom: none;
        padding-left: 0;
        padding-right: 0;
    }

    .form-group-combo-horz{
        display: table;
        width:100%;
    }

    .form-group-combo-horz .form-group-combo-horz-cell{
        display: table-cell;
        vertical-align: middle;
        padding-right: 15px;
    }

    .form-group-combo-horz .form-group-combo-horz-cell:last-of-type{ padding-right: 0; }

    @media screen and (max-width: 767px) {
        .form-group-combo-horz.form-group-combo-horz-stack-xs,
        .form-group-combo-horz.form-group-combo-horz-stack-xs .form-group-combo-horz-cell{
            display: block;
            width:100%;
        }
    }

    .modal-dialog{
        overflow-x: hidden;
    }

    .app-sidebar ul li .nav.nav-tabs-sidebar-unstyled{
        padding-left: 0;
        padding-left: 8px;
    }


    .app-sidebar ul li .nav.nav-tabs-sidebar-unstyled li::after {
        display: none;
    }

    /* .app-subnav + .alert { margin-top: 30px; } */

    .app-v3 .app-block,
    .app-v3 .app-block-display,
    .app-v3 .app-menu,
    .app-v3 .app-table,
    .app-v3 .app-form,
    .app-v3 .app-breadcrumb,
    .app-v3 .app-subtitle,
    .app-v3 .app-c2a-link,
    .app-v3 .app-subnav{
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-top:30px ;
        padding-bottom:30px ;
    }

    .app-v3 .app-item-wrap .app-block,
    .app-v3 .app-item-wrap .app-block-display,
    .app-v3 .app-item-wrap .app-menu,
    .app-v3 .app-item-wrap .app-table,
    .app-v3 .app-item-wrap .app-form,
    .app-v3 .app-item-wrap .app-breadcrumb,
    .app-v3 .app-item-wrap .app-subtitle,
    .app-v3 .app-item-wrap .app-c2a-link,
    .app-v3 .app-item-wrap .app-subnav{
        padding-top: 0;
    }

    .app-main-content-title + .app-subnav{
        padding-top:0 !important;
    }

    /* .app-subnav + .alert{
        margin-top: 24px;
    } */

    .alert + .app-c2a-link{
        margin-top: 0;
    }

    .app-breadcrumb{
        font-size:16px;
    }

    .app-breadcrumb.app-breadcrumb-subtitle{
        font-size: 18px;
    }

    .app-subnav > .app-subnav-inner > .nav-tabs,
    .app-subnav > .app-subnav-inner > .nav-tabs-dropdown-wrapper > .nav-tabs{
        margin-bottom: 24px;
    }

    .app-subnav .app-subnav-inner{padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0; margin-bottom:0;}

    .app-v3  ul.breadcrumb-list,
    .app-v3  ul.breadcrumb-list li{
        display: inline-block;
        list-style-type: none;
        padding:  0 16px 0 0;
        position: relative;
    }

    .app-v3  ul.breadcrumb-list li:after{
        content:  ">";
        position: relative;
        left:  10px;
        color: #999;
        font-size: 16px;
        top: 1px;
    }

    .app-v3 ul.breadcrumb-list li:last-of-type:after{
        content:  "";
        display: none;
    }


    .check-control .checkbox-inline .checkbox-styled input[type='checkbox']+span,
    .check-control .checkbox-styled input[type='checkbox']+label {
        position: absolute;
        left: 0;
    }

    .col-check-control .check-control .checkbox input[type="checkbox"],
    .col-check-control .check-control .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: 0;
    }

    .app-main-content .app-main-content-title + .app-block-display,
    .app-main-content .app-main-content-title + .app-menu,
    .app-main-content .app-main-content-title + .app-table,
    .app-main-content .app-main-content-title + .app-form,
    .app-main-content .app-main-content-title + .app-breadcrumb,
    .app-main-content .app-main-content-title + .app-subtitle,
    .app-main-content .app-main-content-title + .app-c2a-link,
    .app-main-content .app-main-content-title + .app-subnav,
    .app-main-content .app-main-content-title + .app-block,

    .app-main-content .app-main-content-sub-title + .app-block-display,
    .app-main-content .app-main-content-sub-title + .app-menu,
    .app-main-content .app-main-content-sub-title + .app-table,
    .app-main-content .app-main-content-sub-title + .app-form,
    .app-main-content .app-main-content-sub-title + .app-breadcrumb,
    .app-main-content .app-main-content-sub-title + .app-subtitle,
    .app-main-content .app-main-content-sub-title + .app-c2a-link,
    .app-main-content .app-main-content-sub-title + .app-subnav,
    .app-main-content .app-main-content-sub-title + .app-block,

    .app-main-content .app-menu + .app-block-display,
    .app-main-content .app-menu + .app-menu,
    .app-main-content .app-menu + .app-table,
    .app-main-content .app-menu + .app-form,
    .app-main-content .app-menu + .app-breadcrumb,
    .app-main-content .app-menu + .app-subtitle,
    .app-main-content .app-menu + .app-c2a-link,
    .app-main-content .app-menu + .app-subnav,
    .app-main-content .app-menu + .app-block,

    .app-main-content .app-table + .app-block-display,
    .app-main-content .app-table + .app-menu,
    .app-main-content .app-table + .app-table,
    .app-main-content .app-table + .app-form,
    .app-main-content .app-table + .app-breadcrumb,
    .app-main-content .app-table + .app-subtitle,
    .app-main-content .app-table + .app-c2a-link,
    .app-main-content .app-table + .app-subnav,
    .app-main-content .app-table + .app-block,

    .app-main-content .app-form + .app-block-display,
    .app-main-content .app-form + .app-menu,
    .app-main-content .app-form + .app-table,
    .app-main-content .app-form + .app-form,
    .app-main-content .app-form + .app-breadcrumb,
    .app-main-content .app-form + .app-subtitle,
    .app-main-content .app-form + .app-c2a-link,
    .app-main-content .app-form + .app-subnav,
    .app-main-content .app-form + .app-block,

    .app-main-content .app-breadcrumb + .app-block-display,
    .app-main-content .app-breadcrumb + .app-menu,
    .app-main-content .app-breadcrumb + .app-table,
    .app-main-content .app-breadcrumb + .app-form,
    .app-main-content .app-breadcrumb + .app-c2a-link,
    .app-main-content .app-breadcrumb + .app-subtitle,
    .app-main-content .app-breadcrumb + .app-subnav,
    .app-main-content .app-breadcrumb + .app-breadcrumb,
    .app-main-content .app-breadcrumb + .app-block,

    .app-main-content .app-subtitle + .app-block-display,
    .app-main-content .app-subtitle + .app-menu,
    .app-main-content .app-subtitle + .app-table,
    .app-main-content .app-subtitle + .app-form,
    .app-main-content .app-subtitle + .app-breadcrumb,
    .app-main-content .app-subtitle + .app-subtitle,
    .app-main-content .app-subtitle + .app-subnav,
    .app-main-content .app-subtitle + .app-subtitle,
    .app-main-content .app-subtitle + .app-block,

    .app-main-content .app-c2a-link + .app-block-display,
    .app-main-content .app-c2a-link + .app-menu,
    .app-main-content .app-c2a-link + .app-table,
    .app-main-content .app-c2a-link + .app-form,
    .app-main-content .app-c2a-link + .app-breadcrumb,
    .app-main-content .app-c2a-link + .app-subtitle,
    .app-main-content .app-c2a-link + .app-subnav,
    .app-main-content .app-c2a-link + .app-c2a-link,
    .app-main-content .app-c2a-link + .app-block,

    .app-main-content .app-subnav + .app-block-display,
    .app-main-content .app-subnav + .app-menu,
    .app-main-content .app-subnav + .app-table,
    .app-main-content .app-subnav + .app-form,
    .app-main-content .app-subnav + .app-breadcrumb,
    .app-main-content .app-subnav + .app-subtitle,
    .app-main-content .app-subnav + .app-c2a-link,
    .app-main-content .app-subnav + .app-subnav,
    .app-main-content .app-subnav + .app-block{
        padding-top: 0;
    }

    .app-main-content .app-menu.app-menu-loosen-01 + .app-block-display,
    .app-main-content .app-menu.app-menu-loosen-01 + .app-menu.app-menu-loosen-01,
    .app-main-content .app-menu.app-menu-loosen-01 + .app-table,
    .app-main-content .app-menu.app-menu-loosen-01 + .app-form,
    .app-main-content .app-menu.app-menu-loosen-01 + .app-breadcrumb,
    .app-main-content .app-menu.app-menu-loosen-01 + .app-subtitle,
    .app-main-content .app-menu.app-menu-loosen-01 + .app-c2a-link,
    .app-main-content .app-menu.app-menu-loosen-01 + .app-subnav,
    .app-main-content .app-menu.app-menu-loosen-01 + .app-block{
        padding-top: 15px;
    }

    .app-main-content .app-menu + .app-table,
    .app-main-content .app-form + .app-table{
        padding-top: 30px;
    }

    .app-breadcrumb.pad-t-30{
        padding-top: 30px !important;
    }

    .app-breadcrumb.pad-t-0{
        padding-top: 0 !important;
    }
    .app-breadcrumb.pad-b-0{
        padding-bottom: 0 !important;
    }

    .app-v3 .app-main-content .app-block .app-form{
        padding-top:0;
    }

    .app-menu .dropdown{
        display: inline-block;
    }

    /*cart table addition*/
    .col-row-table-nest-wrap > .row-table > .col-100.text-right{
        position: absolute;
        right: 0;
    }

    .app-menu + .app-menu.app-menu-shift-up-overlap{
        position: absolute;
        left: 0;
        right: 0;
        margin-top: -48px;
    }

    .app-page-title.app-page-title-level-two{
        padding-top:15px;
        font-size: 18px;
    }

    .app-form .form-group .form-control-group .radio:last-of-type{ margin-bottom:0; }

    .form-horizontal .control-label.text-left{
        text-align: left;
    }

    .row-table-group-w-auto,
    .row-table-group-w-auto .row.row-table{
        width: auto;
    }

    /*there is incrsed padding is bs by default for an icon is present on valiadtion, we are not using icons so the padding is reduced to 15*/
    .has-feedback .form-control{
        padding-right: 15px;
    }

    .control-label.pad-t-0{
        padding-top: 0;
    }

    .form-horizontal .control-label.push-down-33 {
        padding-top: 33px;
        line-height: 1;
    }

    @media screen and (max-width: 767px) {
        .form-horizontal .control-label.push-down-33 {
            padding-top: 0;
            line-height: inherit;
        }
    }

    .panel-group.panel-group-gray-blocks .panel.panel-default,
    .panel-group.panel-group-gray-blocks .panel.panel-default .panel-collapse,
    .panel-group.panel-group-gray-blocks .panel.panel-default .panel-collapse > .panel-body{
        background-color: #F0F0F0;
    }

    .panel .panel-heading .collapsed + .panel-collapse-show-on-expand{
        margin-top:2px;
        margin-bottom: 8px;
    }

    .panel .panel-heading .collapsed + .panel-collapse-show-on-expand{
        display: none;
    }

    .panel-group.panel-group-gray-blocks .panel-collapse > .panel-body{
        background-color: #F0F0F0;
    }

    .panel-group.panel-group-gray-blocks .panel-default > .panel-heading{
        background-color: #F0F0F0;
        border: 1px solid #f0f0f0;
    }

    .panel-group.panel-group-gray-blocks .panel .panel-collapse{
        padding:0 0 0 0;
    }

    .panel-group.panel-group-gray-blocks .panel-body{
        padding: 0;
        border-top:1px solid #ccc;
        padding-top: 24px;
        margin-top:14px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body{
        padding: 0;
        border-top:1px solid #ccc;
        padding-top: 24px;
        margin-top:14px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .panel-group.panel-group-gray-blocks .panel-body .form-control[disabled],
    .panel-group.panel-group-gray-blocks .panel-body .form-control[readonly],
    .panel-group.panel-group-gray-blocks .panel-body fieldset[disabled] .form-control,
    .panel-group.panel-group-gray-blocks .panel-body input.form-control[disabled="disabled"] {
        background-color: #ffffff;
        border: 1px solid #ccc !important;
        color: #999;
    }

    dt{
        font-weight: normal;
        color: #333;
    }

    .alert dt{
        font-weight: bold;
        color: inherit;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-heading{
        position: relative;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-heading .panel-title > a.collapsed::before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        left: 15px;
        top: 28%;
        content: "\f0da";
        color: #000;
        width: 24px;
        height: 24px;
        font-size: 18px;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-heading .panel-title > a::before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        left: 10px;
        top: 28%;
        content: "\f0d7";
        color: #000;
        width: 24px;
        height: 24px;
        font-size: 18px;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-heading .row > [class^="col-"] .panel-title > a::before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        left: -5px;
        top: 10%;
        content: "\f0d7";
        color: #000;
        width: 24px;
        height: 24px;
        font-size: 18px;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-heading .row > [class^="col-"] .panel-title > a.collapsed::before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        left: 0;
        top: 10%;
        content: "\f0da";
        color: #000;
        width: 24px;
        height: 24px;
        font-size: 18px;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-heading .panel-title > a.panel-title-add-link-right::before {
        display: none;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-heading .panel-title > a.panel-title-add-link-right{
        font-size: 14px;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-heading .panel-title > a.panel-title-add-link-right.text-info{
        color: #33ace0;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .dz-default { background-color: #ffffff; }

    .col-content-name dl > dd.mrg-t-5 + .mrg-t-5{ margin-top:3px; }

    .panel-action-button-group{
        text-align: center;
        margin-top:30px;
        margin-bottom:30px;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body input.form-control.form-control-disabled-dark[disabled],
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body input.form-control.form-control-disabled-dark[disabled="disabled"],
    input.form-control.form-control-disabled-dark[disabled="disabled"],
    input.form-control.form-control-disabled-dark::placeholder{
        color: #2c425a;
    }

    .control-label.font-bold{ font-weight: bold; }

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

    /* .panel-title-add-link-right{
       position: absolute;
       top:10px;
       right:30px;
    } */

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group .input-group-addon:first-child {
        background-color: #fff;
        border: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group.has-error .input-group .input-group-addon:first-child {
        border-right: 1px solid #a94442;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group.has-error .input-group-addon:first-child { border-right: 1px solid #a94442; }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group input.form-control,
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .form-control[disabled],
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .form-control[readonly],
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body fieldset[disabled] .form-control,
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body input.form-control[disabled="disabled"] {
        background-color: #ffffff;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group input.form-control.chosen,
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .form-control.chosen[disabled],
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .form-control.chosen[readonly],
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body fieldset[disabled] .form-control.chosen,
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body input.form-control.chosen[disabled="disabled"] {
        background-color: #d6eef9;
        color: #333;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group input.form-control,
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group .form-control[disabled],
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group .form-control[readonly],
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group fieldset[disabled] .form-control,
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group input.form-control[disabled="disabled"] {
        background-color: #ffffff;
        border: 1px solid #ccc !important;
        border-left: none !important;
        color: #999;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group.has-error input.form-control,
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group.has-error .form-control[disabled],
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group.has-error .form-control[readonly],
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group.has-error fieldset[disabled] .form-control,
    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group.has-error input.form-control[disabled="disabled"] {
        border: 1px solid #a94442 !important;
        border-left: none !important;
        background-color: #fbeded;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .has-error .input-group input.form-control{
        background-color: #ffffff;
        border: 1px solid #a94442 !important;
        border-left: none !important;
        color: #999;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .has-error .input-group .input-group-addon:first-child {
        background-color: #fff;
        border: 1px solid #a94442 ;
        border-right-color: #a94442 ;
        border-right-style: solid;
        border-right-width: 1px;
        border-right: 1px solid #a94442 ;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    }


    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group input.form-control{ color: #333; }

    .input-group.font-bold,
    .control-label.font-bold,
    form .form-group .control-label.input-group.font-bold,
    form .form-group .control-label.font-bold{
        font-weight: bold;
    }

    .input-group.font-bold .form-control,
    .input-group.font-bold .input-group-addon{
        font-weight: bold
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-body .input-group input.form-control.form-control-disabled-dark{ color: #2c425a; }

    .form-horizontal .form-group [class*="col-"] .form-group,
    .form-horizontal .form-group .form-group.form-group-nested{
        margin-left: 0;
        margin-right: 0;
    }

    .form-group .dropzone .dz-message { margin: 0 0 0 0; }

    .table-navbar-fixed-bottom{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .table-navbar-fixed-bottom .row.row-buttons{
        margin-left: -10px;
        margin-right: -10px;
    }

    /* .table-navbar-fixed-bottom .row.row-buttons [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    } */

    .table-navbar-fixed-bottom .row.row-buttons [class*="col-"].pad-l-45.pad-r-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .table-navbar-fixed-bottom .row.row-buttons [class*="col-"].pad-l-10.pad-r-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-navbar-fixed-bottom .row.row-buttons [class*="col-"].pad-l-45 {
        padding-left: 45px;
    }

    .table-navbar-fixed-bottom .row.row-buttons [class*="col-"].pad-r-45 {
        padding-right: 45px;
    }

    .table-navbar-fixed-bottom .row.row-buttons [class*="col-"].pad-l-10{
        padding-left: 10px;
    }

    .table-navbar-fixed-bottom .row.row-buttons [class*="col-"].pad-r-10 {
        padding-right: 10px;
    }

    .modal-footer + .row-buttons{
        margin-top:-15px;
    }

    .radio + .radio,
    .checkbox + .checkbox { margin-top: 0; }

    .popover-control{
        display: inline;
        cursor: pointer;
        text-decoration: underline;
    }

    .overflow-cutoff{
       overflow: hidden;
       text-overflow: ellipsis;
       display: inline-block;
    }

    .overflow-cutoff.overflow-cutoff-100{
       overflow: hidden;
       text-overflow: ellipsis;
       max-width:100px;
       display: inline-block;
    }

    .overflow-cutoff.overflow-cutoff-150{
       overflow: hidden;
       text-overflow: ellipsis;
       max-width:150px;
       display: inline-block;
    }

    .overflow-cutoff.overflow-cutoff-200{
       overflow: hidden;
       text-overflow: ellipsis;
       max-width:200px;
       display: inline-block;
    }

    .overflow-cutoff.overflow-cutoff-300{
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 280px;
        display: inline-block;
        /* word-break: break-all; */
    }

    .overflow-cutoff.overflow-cutoff-500{
       overflow: hidden;
       text-overflow: ellipsis;
       max-width:500px;
       display: inline-block;
    }

    .overflow-force-wrap,
    .popover.popover-overflow-force-wrap{
        /*width: 100%;*/
        overflow-wrap: break-word;
        word-wrap: break-word;
        color: #000;
    }

    .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-100-perc{
        max-width: 100%;
    }

    .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-100-perc .arrow{
        left: 30px !important;
    }

    .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-abs-left{
        left: 0 !important;
    }

    .overflow-force-wrap.overflow-force-wrap-150,
    .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-150{ max-width: 150px; }

    .overflow-force-wrap.overflow-force-wrap-200,
    .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-200{ max-width: 200px; }

    .overflow-force-wrap.overflow-force-wrap-350,
    .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-350{ max-width: 350px; }

    .overflow-force-wrap.overflow-force-wrap-500,
    .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-500{ max-width: 500px; }


    .overflow-force-wrap.overflow-force-wrap-110h .popover-inner,
    .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-110h .popover-inner{ max-height: 106px; overflow: hidden; }

    .overflow-force-wrap.overflow-force-wrap-150h .popover-inner,
    .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-150h .popover-inner{ max-height: 150px; overflow: hidden; }


    @media screen and (max-width: 351px) {
        .overflow-force-wrap.overflow-force-wrap-350,
        .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-350{ max-width: 350px; }
    }

    @media screen and (max-width: 501px) {
        .overflow-force-wrap.overflow-force-wrap-500,
        .popover.popover-overflow-force-wrap.popover-overflow-force-wrap-500{ max-width: 500px; }
    }

    .ws-normal,
    .faux-table > .faux-table-body > .row.row-faux-table > [class*="col-"].ws-normal,
    .faux-table.faux-table-row-border-bottom > .faux-table-body > .row.row-faux-table > [class*="col-"].ws-normal{
        white-space: normal;
    }

    .dropdown-menu { padding-left: 0 ; padding-right: 0; padding-top: 6px; padding-bottom: 6px;}

    .dropdown-menu > li{ padding-left: 0 ; padding-right: 0; }

    .dropdown-menu li {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .dropdown-menu li:last-of-type {
        padding-bottom: 4px;
    }

    .dropdown-menu > li a{ padding-top: 6px; padding-bottom: 6px; }

    .dropdown-menu > li .radio-inline,
    .dropdown-menu > li .radio,
    .dropdown-menu > li .checkbox-inline,
    .dropdown-menu > li .checkbox {
        margin-top:0;
        margin-bottom:0;
        padding-left:30px;
        padding-right:12px;
        padding-top:8px;
        padding-bottom: 8px;
    }

    .dropdown-menu > li .checkbox {
        padding-left:12px;
    }


    .row.row-buttons.border-top-accent-2{
        position: relative;
    }

    .row.row-buttons.border-top-accent-2:before{
        background-color: #ededed;
        height: 1px;
        width: 100%;
        width: calc(100% - 30px);
        content: " ";
        position: relative;
        top:0;
        left:15px;
        right: 15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .list-styled.list-styled-mrg-b-5 > li{
        margin-bottom: 5px;
    }

    .list-styled.list-styled-mrg-b-10 > li{
        margin-bottom: 10px;
    }

    .dropdown-menu {
        margin-top: 12px;
    }

    @media screen and (max-width: 991px) {
        .col-content-name.col-sm-12:after,
        .col-content-name.col-sm-12:before{
            content: " ";
            display: table;
        }

        .col-content-name.col-sm-12:after { clear: both; }
    }

    @media screen and (max-width: 767px) {
        .col-content-name.col-xs-12:after,
        .col-content-name.col-xs-12:before{
            content: " ";
            display: table;
        }

        .col-content-name.col-xs-12:after { clear: both; }
    }

    .form-control-group.form-control-group-radio .radio{
        margin-left: 10px;
    }

    .form-control-group.form-control-group-checkbox .checkbox{
        margin-left: 4px;
    }

    .form-control-group.form-control-group-checkbox.checkbox-mrg-b-0 .checkbox,
    .form-control-group.form-control-group-radio.radio-mrg-b-0 .radio{
        margin-bottom: 0;
    }


    .form-control-group.form-control-group-radio .radio-inline{
        margin-left: 10px;
    }

    .app-form > .app-table,
    .app-form > .app-menu,
    .app-form > .app-form{
        padding-top:0;
    }

    form h1,
    form h2,
    form h3,
    form h4,
    form h5,
    form h6,
    form .h1,
    form .h2,
    form .h3,
    form .h4,
    form .h5,
    form .h6 { color: #333; }

    form h1.text-primary,
    form h2.text-primary,
    form h3.text-primary,
    form h4.text-primary,
    form h5.text-primary,
    form h6.text-primary,
    form .h1.text-primary,
    form .h2.text-primary,
    form .h3.text-primary,
    form .h4.text-primary,
    form .h5.text-primary,
    form .h6.text-primary { color: #303f9f; }

    .app-subnav + .app-menu{
        padding-top:0;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-heading .panel-title > a + .panel-title-add-link-right.panel-title-add-link-right-toggle{
        display: block;
    }

    .panel-group.panel-group-gray-blocks.panel-group-arrow .panel-heading .panel-title > a.collapsed + .panel-title-add-link-right.panel-title-add-link-right-toggle{
        display: none;
    }

     .panel-heading.panel-heading-add-link-right{
        position: relative;
        padding-right: 150px;
     }

     .panel-heading.panel-heading-add-link-right .panel-heading-link-right{
        position: absolute;
        top: 10px;
        right: 15px;
        max-width: 170px;
     }

    .panel-heading.panel-heading-add-link-right .panel-heading-link-right.flush-right{
        right: 0;
    }

    input[type='text'].form-control.form-control-mini,
    select.form-control.form-control-mini{
        padding: 0;
        font-size: 85%;
        height: 22px;
    }

    .form-control.chosen{
        background-color: #d6eef9;
        color: #333;
    }

    .app-main-content-title .breadcrumb-list{
        margin-top:0;
        margin-bottom: 0;
    }

    .navbar-add-header-right .navbar-header{
        float: none;
    }

    .navbar-add-header-right .navbar-header-right{
        text-align: right;
        float: right;
        padding-top:23px;
    }

    .navbar-add-header-right .navbar-header-right.navbar-header-right-title{
        overflow: hidden;
        overflow-wrap: ellipsis;
    }


    .navbar-app-main .navbar-brand img{
        width: 120px;
    }

    .navbar-add-header-right .navbar-brand img{
        width: 120px;
    }

    .navbar-brand.navbar-brand-short img{
        width: 50px;
    }

    .navbar-brand.navbar-brand-add-label .small{
        color:#fff;
        display: inline-block;
        position: relative;
        /* top:3px; */
    }

    .navbar-brand.navbar-brand-add-label{
        padding-top: 15px;
        padding: 15px 15px 15px 15px;
    }

    @media screen and (max-width: 1300px) {
        .navbar-add-header-right .navbar-header-right{
            padding-right: 15px;
        }
    }

    @media screen and (max-width: 767px) {
        .navbar-add-header-right .navbar-brand.navbar-brand-add-label{
            padding-top: 8px;
            padding-bottom: 0;
        }

        .navbar-add-header-right .navbar-brand{ height: auto; }
        .navbar-add-header-right .navbar-brand img{ width: 100px; }
        .navbar-add-header-right .navbar-brand.navbar-brand-short img{ width: 50px; }

        .navbar-add-header-right .navbar-brand.navbar-brand-add-label .small{
            font-size:75%;
            position: relative;
            top:1px;
        }

        .navbar-add-header-right .navbar-header-right{
            padding-right: 0;
            padding-top: 0;
            font-size:90%;
            text-align: left;
            float: none;
        }
    }

    .radio-inline .radio-styled input[type="radio"] + span,
    .radio .radio-styled input[type="radio"] + label{
       padding-left: 24px;
    }

    .row-table-group .row-table-group-item .row.row-table .radio.radio-small .radio-styled,
    .row-table-group .row-table-group-item .row.row-table .radio .radio-styled,
    .form-control-group.form-control-group-radio .radio.radio-small .radio-styled,
    .form-control-group.form-control-group-radio .radio .radio-styled{
        margin-left: 0;
    }

    .dl-dt-bold dl dt{
        font-weight: bold;
    }

    .dl-dt-mrg-r-8 dl dt{
        margin-right: 8px;
    }

    .btn-primary.btn-link.btn-link-plain,
    a.btn-primary.btn-link.btn-link-plain{
        border:none;
        border-bottom:none;
    }

    .row.row-buttons .btn-left-center-action,
    .row.row-buttons .btn-right-center-action,
    .row.row-buttons .btn-center-action{
        display: block;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        width:100%;
    }

    .row.row-buttons .btn-left-center-action{
        margin-left: auto;
        margin-right: 0;
    }

    .row.row-buttons .btn-right-center-action{
        margin-right: auto;
        margin-left: 0;
    }


    /*CONTENT BUNDLE VIEW MATERIALS*/
    @media screen and (min-width: 768px) and (max-width: 991px) {
        .row.row-buttons.row-buttons-center-action .col-xs-12.col-sm-6.col-md-4.col-lg-4 .btn-center-action.shift-right-sm{
            display: inline-block;
            margin-left: auto;
            margin-right: 0;
            float: right;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 991px) {
    .row.row-buttons.row-buttons-center-action .col-xs-12.col-sm-6.col-sm-push-6.col-md-4.col-md-push-4.col-lg-4.col-lg-push-4 .btn-center-action{
            display: inline-block;
            margin-left: auto;
            margin-right: 0;
            float: right;
        }
    }

    /*CONTENT BUNDLE USERS - GROUP MESSAGE MODAL*/
    @media screen and (max-width: 767px) {
        .row.row-buttons.row-buttons-left-alt-action .col-xs-12.col-sm-6.col-sm-pull-6.col-md-4.col-md-pull-4.col-lg-4.col-lg-pull-4 .btn-left-alt-action{
            display: block;
            width: 100%;
            max-width: 300px;
            margin-left: auto;
            margin-right: auto;
        }
    }

    /*ADD MATERIAL - PPL / LIBARY */
    .row.row-buttons.row-buttons-center-action-x2 .col-xs-12.col-sm-12.col-md-4.col-lg-4.col-lg-pull-1 .btn.btn-left-center-action{
        margin-left: auto;
    }

    @media screen and (min-width: 992px) and (max-width: 1200px) {
        .row.row-buttons.row-buttons-center-action-x2.shift-right-md .col-xs-12.col-sm-12.col-md-4.col-lg-4.col-lg-pull-1 .btn.btn-left-center-action{
            margin-left: 0;
        }
    }

    @media screen and (max-width: 991px) {
        .row.row-buttons.row-buttons-center-action-x2 .col-xs-12.col-sm-12.col-md-4.col-lg-4.col-lg-pull-1 .btn.btn-right-center-action,
        .row.row-buttons.row-buttons-center-action-x2 .col-xs-12.col-sm-12.col-md-4.col-lg-4.col-lg-pull-1 .btn.btn-left-center-action{
            margin-left: auto;
            margin-right: auto;
        }
    }

    /*LIBRARY UPLOAD PAGE */
    @media screen and (max-width: 991px) {
        .row.row-buttons.row-buttons-center-action-x2  .col-xs-12.col-sm-12.col-md-5.col-md-push-1.col-lg-4.col-lg-push-2 .btn.btn-left-center-action,
        .row.row-buttons.row-buttons-center-action-x2  .col-xs-12.col-sm-12.col-md-5.col-md-push-1.col-lg-4.col-lg-push-2 .btn.btn-right-center-action{
                margin-left: auto;
                margin-right: auto;
            }
    }
    /*LIBRARY UPLOAD PAGE */

    @media screen and (max-width: 991px) {
        .row.row-buttons.row-buttons-center-action-x2 .col-xs-12.col-sm-12.col-md-5.col-md-pull-4.col-lg-5.col-lg-pull-4 .btn.btn-left-center-action,
        .row.row-buttons.row-buttons-center-action-x2 .col-xs-12.col-sm-12.col-md-5.col-md-push-6.col-lg-5.col-lg-push-6 .btn.btn-right-center-action,
        .row.row-buttons.row-buttons-center-action-x2 .col-xs-12.col-sm-12.col-md-5.col-md-pull-4.col-lg-4.col-lg-pull-2 .btn.btn-left-center-action,
        .row.row-buttons.row-buttons-center-action-x2 .col-xs-12.col-sm-12.col-md-5.col-md-push-6.col-lg-4.col-lg-push-6 .btn.btn-right-center-action{
                margin-left: auto;
                margin-right: auto;
            }
    }

    @media screen and (max-width: 767px) {
        .row.row-buttons.row-buttons-right-action-x2 .col-xs-12.col-sm-4.col-sm-push-4 .btn.btn-right-action,
        .row.row-buttons.row-buttons-left-alt-action .col-xs-12.col-sm-4.col-sm-pull-4 .btn.btn-left-alt-action,
        .row.row-buttons.row-buttons-left-alt-action .col-xs-12.col-sm-4.col-sm-pull-8 .btn.btn-left-alt-action{ margin-left: auto; margin-right: auto; display: block;}
        .row.row-buttons.row-buttons-left-alt-action .col-xs-12.col-sm-4.col-sm-pull-4 .btn.btn-left-alt-action,
        .row.row-buttons.row-buttons-left-alt-action .col-xs-12.col-sm-4.col-sm-pull-8 .btn.btn-left-alt-action{ margin-top:15px;}
        .row.row-buttons.row-buttons-right-action-x2 .col-xs-12.col-sm-4.col-sm-push-4 .btn.btn-right-action,
        .row.row-buttons.row-buttons-left-alt-action .col-xs-12.col-sm-4.col-sm-pull-4 .btn.btn-left-alt-action,
        .row.row-buttons.row-buttons-left-alt-action .col-xs-12.col-sm-4.col-sm-pull-8 .btn.btn-left-alt-action{ margin-left: auto; margin-right: auto; display: block;}
        .row.row-buttons.row-buttons-left-alt-action .col-xs-12.col-sm-4.col-sm-pull-4 .btn.btn-left-alt-action,
        .row.row-buttons.row-buttons-left-alt-action .col-xs-12.col-sm-4.col-sm-pull-8 .btn.btn-left-alt-action{ margin-top:15px;}
    }

    .btn-link.btn-link-img-icon{
        padding-left: 24px;
        position: relative;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
    }

    .btn-link.btn-link-img-icon .img-icon{
        width: 16px;
        height: auto;
        position: absolute;
        left:0;
        /* top:50%;
        transform: translate(0, -50%); */
        display: inline-block;
        vertical-align: middle;
    }

    @media screen and (max-width: 767px) {
        .app-main-content-title .col-xs-12 .app-page-title-back-link{
            padding-bottom:15px;
        }
    }

    @media screen and (max-width: 767px) {
        .row.row-inline-block.row-inline-block-stack-xs > [class*="col-"] {
            display: block;
            float: left;
        }
    }

    .btn-link.btn-info:active:hover,
    .btn-link.btn-info.active:hover,
    .btn-link.open >
    .btn-link.dropdown-toggle.btn-info:hover,
    .btn-link.btn-info:active:focus,
    .btn-link.btn-info.active:focus,
    .btn-link .open > .dropdown-toggle.btn-info:focus,
    .btn-info:active.focus,
    .btn-link .btn-info.active.focus,
    .btn-link .open > .dropdown-toggle.btn-info.focus {
        background-color: transparent;
        border-color: transparent;
        color: inherit;
    }

    .btn.btn-link.btn-link-remove{
        color: #a94442;
        line-height: 18px;
        padding-left: 18px;
        position: relative;
        line-height: 18px;
    }

    .btn.btn-link-remove:before{
        content:"";
        color: #fff;
        line-height: 18px;
        border-radius: 18px;
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #a94442;
        transform: translate(-50%, 0);
    }

    .btn.btn-link-remove:after{
        content: "\00d7";
        color: #fff;
        line-height: 18px;
        border-radius: 18px;
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0;
        top: 0;
        transform: translate(-50%, 0);
        font-size: 12px;
    }

    .modal-body .form-group + .faux-modal-footer{
        margin-top: 30px;
    }

    .app-v3 .app-table .row-table-group.cart-table .row-table-group-item:first-child > .row.row-table:first-child > [class*="col-"]{
        padding-top: 0;
    }

    .radio-styled input[type="radio"] + label {
        display: inline-block;
    }

    .radio-styled-icon {
        display: inline-block;
        height: 28px;
    }

    .panel-body .app-table{
        padding-top: 0;
    }

    .checkbox-styled .checkbox label,
    .checkbox .checkbox-styled  label { padding-left: 24px; }

    /* .app-admin .app-sidebar{
        background-color: #fff6e5
    } */

    .modal .alert{
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .modal .modal-body .alert{
        margin-left: 0;
        margin-right: 0;
    }


    .modal .alert.mrg-t-0{
        margin-top: 0;
    }

    .modal .alert.mrg-b-20{
        margin-bottom: 20px;
    }

    .modal .alert.mrg-b-30{
        margin-bottom: 30px;
    }

    .control-label.control-label-empty{

    }

    .form-group .has-error > .control-label.control-label-empty,
    .form-group.has-error > label.control-label.control-label-empty,
    form .form-group .has-error > .control-label.control-label-empty,
    form .form-group.has-error > label.control-label.control-label-empty{
        margin-right: 0;
    }

    .input-group .form-control{
        margin-top:0;
    }

    .has-error .input-group-addon {
        color: #555;
        border-color: #ccc;
        border:1px solid #ccc;
    }


    .has-error .form-control:focus,
    .has-error .form-control,
    .form-control,
    .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .input-group  + .form-validate-alert{
        padding-left: 18px;
    }

    .panel-heading .set-col-15p-bottom-xs > [class*="col-"]:last-of-type {
        margin-bottom: 0;
    }

    .list-group.text-neutral dl dt {
        color: #999;
    }


    .modal-body .list-group{
        margin-left: 0;
        margin-right: 0;
    }

    .modal-body .list-group-item {
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-left: none;
        border-right: none;
        padding-left: 0;
        padding-right: 0;
    }

    .popover-control.popover-control-dyn{
        text-decoration: none;
    }

    .popover-minw-250{
        min-width: 250px;
    }

    @media screen and (max-width: 400px) {
        .popover-minw-250{
            min-width: 100%;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 1390px) {
        .app-v3.app-v3.app-v3-top-navbar-view .navbar .container,
        .app-v3.app-v3.app-v3-top-navbar-view .app-subnav-inner,
        .app-v3.app-v3.app-v3-top-navbar-view .app-main-content,
        .app-v3.app-v3.app-v3-top-navbar-view .app-main-title,
        .app-v3.app-v3.app-v3-top-navbar-view .app-footer-container {
            max-width: 1300px;
            margin: 0 auto;
            margin-bottom: 0px;
            margin-bottom: 0px;
            /*margin-left: 0;
            margin-right: 0;*/
            padding-left: 30px;
            padding-right: 30px;
        }

        .app-v3.app-v3-top-navbar-view .app-main .app-main-content .app-subnav .app-subnav-inner{
            padding-left: 0;
            padding-right: 0;
            margin-left: 0;
            margin-right: 0;
        }

        .app-v3.app-v3-top-navbar-view .navbar > .container .navbar-brand,
        .app-v3.app-v3-top-navbar-view .navbar > .container-fluid .navbar-brand {
            margin-left: 0;
        }
    }

    @media screen and (max-width: 767px) {
        .app-v3.app-v3-top-navbar-view .navbar > .container .navbar-brand,
        .app-v3.app-v3-top-navbar-view .navbar > .container-fluid .navbar-brand {
            margin-left: 15px;
        }
        .app-v3.app-v3-top-navbar-view .navbar .navbar-header-right.navbar-header-right-title{
            margin-left: 15px;
        }
    }

    @media screen and (max-width: 1360px) {
        .app-v3.app-v3-top-navbar-view .table-navbar-fixed-bottom.app-menu-fixed-bottom{
            padding-left:30px;
            padding-right:30px;
            left: 0 !important;
            right: 0 !important;
        }
    }

    .alert.mrg-b-15{
        margin-bottom: 15px;
    }

    .alert.mrg-b-30{
        margin-bottom: 30px;
    }

    .form-group.form-group-combo-right.form-group-combo-abs-right-200{
        position: absolute;
        top:-1px;
        max-width: 200px;
    }

    @media screen and (max-width: 767px) {
        .form-group.form-group-combo-right.form-group-combo-abs-right-200{
            position: relative;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 767px) {
        .app-admin.app-v3.app-v3-sidebar-view .app-sidebar-toggle {
            display: block;
            position: absolute;
            /*top: 18px;*/
            left: 194px;
            right: auto;
            z-index: 1031;
        }
    }

    .alert.alert-empty-state{
        color: #909daa;
        text-align: center;
    }

    .app-block.app-block-flush-top{
        margin-top: 0;
        padding-top:   0;
    }

    .form-control-sm .form-control,
    .form-control-sm .input-group .form-control,
    .form-control-sm .input-group .input-group-addon,
    .form-control-sm .form-control.form-control-sm{
        height: 24px;
    }

    .form-control-sm .input-group .input-group-addon{
        padding-top: 0;
        padding-bottom:0;
    }

    .maxw-40{ max-width: 40px }
    .maxw-60{ max-width: 60px }
    .maxw-80{ max-width: 80px }
    .maxw-100{ max-width: 100px }
    .maxw-120{ max-width: 120px }
    .maxw-140{ max-width: 140px }
    .maxw-160{ max-width: 160px }
    .maxw-180{ max-width: 180px }
    .maxw-200{ max-width: 200px }
    .maxw-220{ max-width: 220px }
    .maxw-240{ max-width: 240px }
    .maxw-260{ max-width: 260px }

    .maxw-300{ max-width: 300px }
    .maxw-350{ max-width: 350px }
    .maxw-400{ max-width: 400px }
    .maxw-450{ max-width: 450px }
    .maxw-500{ max-width: 500px }
    .maxw-550{ max-width: 550px }
    .maxw-600{ max-width: 600px }
    .maxw-650{ max-width: 650px }
    .maxw-700{ max-width: 700px }
    .maxw-750{ max-width: 750px }
    .maxw-800{ max-width: 750px }
    .maxw-850{ max-width: 850px }

    @media screen and (max-width: 1200px) {
        .maxw-40-md{ max-width: 40px }
        .maxw-60-md{ max-width: 60px }
        .maxw-80-md{ max-width: 80px }
        .maxw-100-md{ max-width: 100px }
        .maxw-120-md{ max-width: 120px }
        .maxw-140-md{ max-width: 140px }
        .maxw-160-md{ max-width: 160px }
        .maxw-180-md{ max-width: 180px }
        .maxw-200-md{ max-width: 200px }
        .maxw-220-md{ max-width: 220px }
        .maxw-240-md{ max-width: 240px }
        .maxw-260-md{ max-width: 260px }
        .row.row-inline-block-md {
            display: block;
            vertical-align: middle;
            font-size: 0;
        }
        .row.row-inline-block-md>[class*='col-'] {
            display: inline-block;
            float: none;
            vertical-align: middle;
            font-size: initial;
            font-size: 14px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .row.row-block-md {
            display: block;
            vertical-align: middle;
        }
        .row.row-block-md>[class*='col-'] {
            display: block;
            float: left;
            vertical-align: middle;
            font-size: initial;

        }
    }

    @media screen and (max-width: 991px) {
        .maxw-40-sm{ max-width: 40px }
        .maxw-60-sm{ max-width: 60px }
        .maxw-80-sm{ max-width: 80px }
        .maxw-100-sm{ max-width: 100px }
        .maxw-120-sm{ max-width: 120px }
        .maxw-140-sm{ max-width: 140px }
        .maxw-160-sm{ max-width: 160px }
        .maxw-180-sm{ max-width: 180px }
        .maxw-200-sm{ max-width: 200px }
        .maxw-220-sm{ max-width: 220px }
        .maxw-240-sm{ max-width: 240px }
        .maxw-260-sm{ max-width: 260px }
        .row.row-inline-block-sm {
            display: block;
            vertical-align: middle;
            font-size: 0;
        }

        .row.row-inline-block-sm>[class*='col-'] {
            display: inline-block;
            float: none;
            vertical-align: middle;
            font-size: initial;
            font-size: 14px;
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    @media screen and (max-width: 767px) {
        .maxw-40-xs{ max-width: 40px }
        .maxw-60-xs{ max-width: 60px }
        .maxw-80-xs{ max-width: 80px }
        .maxw-100-xs{ max-width: 100px }
        .maxw-120-xs{ max-width: 120px }
        .maxw-140-xs{ max-width: 140px }
        .maxw-160-xs{ max-width: 160px }
        .maxw-180-xs{ max-width: 180px }
        .maxw-200-xs{ max-width: 200px }
        .maxw-220-xs{ max-width: 220px }
        .maxw-240-xs{ max-width: 240px }
        .maxw-260-xs{ max-width: 260px }
        .row.row-inline-block-xs {
            display: block;
            vertical-align: middle;
            font-size: 0;
        }

        .row.row-inline-block-xs>[class*='col-'] {
            display: inline-block;
            float: none;
            vertical-align: middle;
            font-size: initial;
            font-size: 14px;
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    .text-neutral-dark-link-group a{
        color: #333;
    }

    .orange-active-link-group .active a,
    .orange-active-link-group a:hover,
    .orange-active-link-group a:active,
    .orange-active-link-group a:focus,
    .text-neutral-dark-link-group.orange-active-link-group a:hover,
    .text-neutral-dark-link-group.orange-active-link-group a:active,
    .text-neutral-dark-link-group.orange-active-link-group a:focus{
        color: #fbb03b;
    }

    .bg-neutral-dark{
        background-color: #333;
        color: #fff;
    }

    .bg-neutral-dark-more{
        background-color: #111;
        color: #fff;
    }

    .text-white{
        color: #fff;
    }

    a.text-white:hover,
    a.text-white:active,
    a.text-white:focus,

    a.text-white:hover,
    a.text-white:active,
    a.text-white:focus{
        color: #efefef
    }

    .btn.btn-outline.btn-outline-orange{
        padding: 9px 9px;
        font-size:90%;
        line-height: 1;
        border: 1px solid #fbb03b;
        border-radius: 6px;
        text-transform: uppercase;
        color: #fbb03b;
    }

    .btn.btn-outline.btn-outline-orange:active,
    .btn.btn-outline.btn-outline-orange:focus,
    .btn.btn-outline.btn-outline-orange:hover{
        background-color: #fbb03b;
        transition: background-color 0.2s ease;
        color: #fff;
    }

    .navbar-right.navbar-right-flush{ padding-right: 0; }
    @media screen and (max-width: 767px){
        .tab-pane .container{
            padding-left: 30px;
            padding-right: 30px;
        }
    }

    .bg-orange{ background-color: #fbb03b; }

    .orange{ color: #fbb03b; }

    .css-col-2{
        -moz-column-count: 2;
        -moz-column-gap: 48px;
        -webkit-column-count: 2;
        -webkit-column-gap: 48px;
        column-count: 2;
        column-gap: 48px;
    }

    .css-col-2 ul li{
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .text-black a:hover,
    .text-black a:focus,
    .text-black a:active,
    a.text-black:hover,
    a.text-black:focus,
    a.text-black:active{
        color: #333;
    }

    .text-neutral a:hover,
    .text-neutral a:focus,
    .text-neutral a:active,
    a.text-neutral:hover,
    a.text-neutral:focus,
    a.text-neutral:active{
        color: #bbbbbb;
    }

    .bg-neutral-dark a{
        color: #999;
    }

    .bg-neutral-dark a:focus,
    .bg-neutral-dark a:active,
    .bg-neutral-dark a:hover{
        color: #777;
    }


    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: inherit;
    }

    .navbar-in-hero.navbar-default li > a,
    .navbar-in-hero.navbar-default li > a:hover,
    .navbar-in-hero.navbar-default li > a:focus,
    .navbar-in-hero.navbar-default #hero-with-navbar-navbar-links > li > a,
    .navbar-in-hero.navbar-default #hero-with-navbar-navbar-links > li > a:hover,
    .navbar-in-hero.navbar-default #hero-with-navbar-navbar-links > li > a:focus {
        color: #ffffff;
        background-color: transparent;
    }

    .bg-neutral-dark .text-white,
    .bg-neutral-dark .text-white a{
        color: #fff;
    }

    .navbar-brand img {
        width: 120px;
    }

    .modal.modal-v-center{
        text-align: center;
    }

    @media screen and (min-width: 768px) {
      .modal.modal-v-center:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
      }
    }

    .modal.modal-v-center .modal-dialog {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
      width: 800px;
      max-width: 100%;
    }

    .modal.modal-v-center .modal-dialog {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
      width: 650px;
      max-width: 100%;
     -webkit-box-shadow: 0 20px 25px rgba(0,0,0,0.5);
     box-shadow: 0 20px 25px rgba(0,0,0,0.5);
    }

    .modal.modal-v-center .modal-dialog .modal-content{
        padding-left: 30px;
        padding-right: 30px;
        box-shadow: none;
       -webkit-box-shadow: none;
    }

    .modal .modal-body button.close{
        border: 1px solid #333;
        border-radius: 100%;
        width: 16px;
        height: 16px;
        opacity: 1;
        top: 0;
        right: 0;
        text-align: -15px;
        margin-top: 15px;
        margin-right: -15px;
        position: absolute;
        font-weight: 100;
        font-size: 12px;
        line-height: 14px;
    }

    .modal .modal-body .alert button.close{
        border: none;
        border-radius: 0;
        width: auto;
        height: auto;
        opacity: 1;
        top: auto;
        right: auto;
        margin-top: auto;
        margin-right: auto;
        position: static;
        font-weight: inherit;
        font-size: inherit;
        line-height: auto;
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
        float: right;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .2;
        filter: alpha(opacity=20);
    }

    .tab-pane-close{
        border: 1px solid #333;
        border-radius: 100%;
        width: 16px;
        height: 16px;
        opacity: 1;
        top: 0;
        right: 0;
        text-align: -15px;
        margin-top: 15px;
        margin-right: -15px;
        position: absolute;
        font-weight: 100;
        font-size: 12px;
        line-height: 14px;
        position: absolute;
        top:30px;
        right: 30px;
        text-align: center;
        cursor: pointer;
    }

    .modal .modal-body video{
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .alert-fixed-wrapper {
        position: fixed;
        top: 75px;
        max-width: 1300px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        z-index: 1031;
    }

    .app-main .app-main-content .alert-fixed-wrapper .alert.alert-fixed {
        width: 50%;
        max-width: 700px;
        min-width: 300px;
        margin-left: auto;
        margin-right: auto;
        transform: translate(-50%, 0);
        position: absolute;
        left: 50%;
        top: 0;
    }

    @media screen and (max-width: 767px) {
        .app-main .app-main-content .alert-fixed-wrapper .alert.alert-fixed {
            top: 15px;
        }
    }

    .app-main .app-main-content .alert-fixed-wrapper .alert.alert-fixed .close {
        float: right;
        font-size: 26px;
    }

    @media screen and (max-width: 1560px) {
        .alert-fixed-wrapper {
            max-width: auto;
            width: auto;
            height: 15px;
            left: 250px;
            right: 30px;
        }
       .app-v3-top-navbar-view .alert-fixed-wrapper {
            max-width: auto;
            width: auto;
            height: 15px;
            left: 30px;
            right: 30px;
        }
    }

    @media screen and (max-width: 767px) {
        .alert-fixed-wrapper {
            max-width: auto;
            width: auto;
            height: 15px;
            left: 30px;
            right: 30px;
        }
    }

    .dropdown-menu{ min-width: 220px; }

    .app-v3 .app-main-content.app-main-content-flush-left{
        max-width: 1300px;
        margin: 0 0 0 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    @media screen and (max-width: 767px) {
        .app-v3 .app-main-content.app-main-content-flush-left{
            margin: 0 0 0 0;
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media screen and (max-width: 767px) {
        .app-v3 .app-main-content.app-main-content-flush-left{
            margin: 0 0 0 0;
            margin-left: 0;
            margin-right: 0;
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    /* overwrite bs */
    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color: #999; }