@charset "utf-8";
/* CSS Document */

/*
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/MyriadPro-Regular/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular/MyriadPro-Regular.eot') format('embedded-opentype'),
         url('fonts/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'),
         url('fonts/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'),
         url('fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
}


@font-face {
    font-family: 'myriadpro-cond';
    src: url('fonts/myriadpro-cond-webfont.eot');
    src: url('fonts/myriadpro-cond.eot') format('embedded-opentype'),
         url('fonts/myriadpro-cond-webfont.woff') format('woff'),
         url('fonts/myriadpro-cond-webfont.ttf') format('truetype'),
         url('fonts/myriadpro-cond-webfont.svg#myriadpro-cond') format('svg');
}


@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/opensans-semibold.eot');
    src: url('fonts/opensans-semibold.eot') format('embedded-opentype'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype'),
         url('fonts/opensans-semibold.svg#OpenSansSemibold') format('svg');
}


@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot') format('embedded-opentype'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    font-family: 'Avenir LT Std 55 Roman', Arial, Helvetica, sans-serif !important;
}


body {
    line-height: 1;
    /*font-family:'OpenSansRegular';*/
    color: #6c6f70;
}

ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

blockquote, q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

table {
    border-spacing: 0;
    border-collapse: collapse;
}

/* =Base
-------------------------------------------------------------- */
html {
    height: 100%;
}

body {
    color: #555;
    /*font-family:'OpenSansRegular';*/
    font-size: 13px;
    line-height: 1.3em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    color: #27982d;
    font-weight: 400;
    text-decoration: none;
}

    a:hover,
    a:focus,
    a:active {
        outline: 0;
        text-decoration: none;
    }

::selection {
    color: #fff;
    background: #999;
    text-shadow: none;
}
/* =Headings
-------------------------------------------------------------- */
h1 {
    font-size: 22px !important;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    color: #2eb135;
    border-bottom: 1px solid #ccc;
}

h2 {
    font-size: 18px !important;
    margin: 0;
    padding: 0;
    color: #6C6F70;
    font-weight: bold;
}

h3 {
    font-size: 21px;
    margin: 0 0 10px 0;
    padding: 0;
}

h4 {
    font-size: 20px;
    margin: 0;
    padding: 0;
}

h5 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}

h6 {
    font-size: 17px;
    margin: 0;
    padding: 0;
}

.clr {
    clear: both;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

#container {
    max-width: 1170px;
    margin: 0 auto;
    height: 100%;
}

    #container h1 {
        font-size: 22px !important;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        color: #2eb135 !important;
        border-bottom: 1px solid #ccc !important;
    }

        #container h1.subHead {
            font-size: 17px !important;
        }

    #container h2 .label,
    #container h2 {
        font-size: 18px;
        margin: 0;
        padding: 0;
        color: #6C6F70;
        font-weight: bold;
        padding-bottom: 4px;
        font-family: 'Avenir LT Std 85 Heavy', Arial, Helvetica, sans-serif !important;
    }

    #container h3 {
        font-size: 16px !important;
        margin: 0 0 10px 0;
        padding: 0;
    }

    #container p {
        padding: 0 0 10px 0;
    }

.container-inner {
    width: 100%;
    float: left;
    background-color: #fff;
    box-shadow: 1px 2px 6px rgba(0,0,0, 0.15);
    padding: 30px 45px;
    height: 100%;
    box-sizing: border-box;
    margin-top: 30px;
    margin-bottom: 30px;
    background: linear-gradient(to bottom, #f8f8f8 0%,#ffffff 100%);
}

.content-body {
    float: left;
    width: 100%;
    /*min-height: 460px;*/
}

.header {
    float: left;
    width: 100%;
    /*border-bottom: 1px solid #d2d2d2;*/
}

    .header .LHS {
        float: left;
        width: 50%;
        height: 100px;
        text-align: left;
    }

    .header .RHS {
        float: right;
        width: 50%;
        height: 100px;
        text-align: right;
    }



.navigation {
    float: right;
    width: 586px;
    height: 41px;
    margin: 10px 0 0 0;
    background-image: url(../../images/consurmerNavBg2.png);
    background-repeat: no-repeat;
}

    .navigation ul {
        list-style: none;
        padding: 0 0 0 10px;
        margin: 0 0 0 0;
        float: left;
        width: 400px;
    }

        /** For Mozila Firefox**/

        .navigation ul li {
            list-style: none;
            margin: 0 0 0 0;
            float: left;
        }

            .navigation ul li a {
                padding: 0 7px 0 7px;
                margin: 0 0 0 0;
                /*color:#434343;*/
                color: #fff;
                text-decoration: none;
                font-size: 13px;
                line-height: 32px;
            }

                .navigation ul li a:hover {
                    color: #F8971D;
                    text-decoration: underline;
                }

.navRightDiv {
    float: right;
    min-width: 120px;
    width: auto !important;
    margin: 5px 10px 0 0;
}

    .navRightDiv a {
        color: #fff !important;
        padding-right: 5px;
    }

        .navRightDiv a:hover {
            color: #F8971D;
            text-decoration: underline;
        }



.main-nav {
    width: 100%;
    float: left;
    margin-top: 20px;
    background-color: #009649;
    /*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	*/
}

    .main-nav ul li {
        display: inline-block;
    }

        .main-nav ul li a {
            display: inline-block;
            padding: 12px 15px 12px 15px;
            color: #fff;
            font-size: 14px;
            border-right: 1px solid #00b444;
        }

            .main-nav ul li a:hover, .main-nav ul li a.active {
                background-color: #008033;
            }


.label {
    font-size: 13px;
    padding-bottom: 5px;
    display: inline-block;
}





.main-content {
    float: left;
    width: 100%;
    margin-top: 10px;
}


.clearfix {
    clear: both;
    padding-bottom: 3px;
}

.grid {
    clear: both;
    border-collapse: collapse;
    text-align: left;
}

    .grid .grid-header a {
        color: #fff;
    }

    .grid thead, .grid th, .gridheader {
        background-color: #3fc380;
        padding: 7px;
        font-size: 13px;
        border: 1px solid #dddddd;
        /*font-weight: bold;*/
        border-bottom: 1px solid #bbbbbb;
        color: #fff;
    }

        .gridheader a, .GridHeader a {
            color: #fff !important;
        }

        .gridheader td {
            color: #ffffff !important;
            padding: 10px;
        }

        .gridheader .label {
            color: #ffffff !important;
            padding: 0;
        }

    .grid td .label {
        padding: 0;
    }

    .grid thead th .grid tobdy tr th {
        padding: 7px;
        font-size: 13px;
        border: 1px solid #dddddd;
        font-weight: bold;
        border-bottom: 1px solid #bbbbbb;
        color: #fff;
    }

    .grid td {
        padding: 7px;
        font-size: 13px;
        border: 1px solid #dddddd;
    }

        .grid td table td {
            border: none !important;
            padding: none !important;
        }

    .grid .row {
        background-color: #fff;
    }

    .grid .altrow {
        background-color: #f9fafc;
    }

.grid {
}

.rgMasterTable td {
    padding: 1px 7px !important;
}

.green-bg-head {
    background-color: #2eb135;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0;
}

.light-grey-bg {
    background-color: #e8f2ec;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #c8d8ce;
}

.NormalText_contactheader {
    color: #434343;
    line-height: 18px;
    font-weight: normal;
}


.med-grey-bg {
    background-color: #3fc380;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 7px;
}

    .med-grey-bg h2 {
        color: #fff !important;
    }

.tbl-bdr td, .tbl-bdr th {
    border: 1px solid #dddddd;
    padding: 3px;
}

.tbl-spacing td {
    padding: 5px;
}

.all-grey-bdr {
    border: 1px solid #dddddd;
}

.bdr-btm {
    border-bottom: 1px solid #dddddd;
}

.padding-6 {
    padding: 6px 6px;
}

.participation-block {
    float: left;
    width: 100%;
}

.participation-left {
    /*float:left;
    width:80%;*/
    background-color: #f9fafc;
}

.participation-right {
    background-color: #3fc380;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: right;
    padding: 5px;
}


.noRecordClass td {
    font-weight: bold !important;
    text-align: center;
}

.LocationStyle td {
    border: none !important;
    padding: 0px !important;
    vertical-align: top !important;
}

.LocationStyle tr {
    vertical-align: top !important;
}


.green-bg-head td {
    padding: 6px 0;
}

.application-data .heading {
    background-color: #717073;
    color: #fff;
    padding: 3px;
}

.alt-rowcolor {
    background-color: #f9fafc;
    padding-left: 15px;
}

    .alt-rowcolor tr {
        background-color: #F5F5F5;
        padding-left: 15px;
    }

.rowcolor {
    background-color: #ffffff;
    padding-left: 15px;
}

.label {
    color: #555555;
    padding: 5px 0 5px 0;
}

.textbox, .TextBox {
    border: 1px solid #dddddd;
    padding: 5px;
    width: 200px;
    color: #555555;
}

    .textbox:focus, .TextBox:focus {
        outline: 1px solid #009b4a;
    }

.BaseTextBoxReadOnly {
    padding: 5px;
    width: 200px;
}

.dropdown {
    border: 1px solid #dddddd;
    padding: 5px;
    width: 211px;
    color: #555555;
}

.dropdown, .DropDown {
    border: 1px solid #dddddd;
    padding: 5px;
    width: 200px;
    color: #555555;
}

.aspNetDisabled.dropdown, aspNetDisabled.DropDown {
    background-color: #ebebe4;
}

.dropdown:focus, .DropDown:focus {
    outline: 1px solid #009b4a;
}


.BtnLookup {
    background-position: left center;
    background: url(../../images/search-icon.png);
    height: 21px;
    width: 25px;
    border: 0px;
    display: inline;
    cursor: pointer;
    background-repeat: no-repeat;
}


.Lookup span {
    padding: 2px;
}

.table-spacing td {
    padding: 5px;
}

.LabelClass {
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.SalaryClass {
    display: none;
    padding: 5px 30px 2px 2px;
}




/******Rad Grid + Smart Control *****/



.myCustomRadGridStyle table {
    border-collapse: collapse;
}

    .myCustomRadGridStyle table thead tr {
        background-color: #717073;
        color: #124079;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: bold !important;
        line-height: 18px;
    }

    .myCustomRadGridStyle table thead td, .myCustomRadGridStyle table thead th {
        border: 1px solid #E9E9E9 !important;
        color: #FFFFFF !important;
        font-weight: bold;
        padding: 6px !important;
        white-space: normal;
    }

.myCustomRadGridStyle td {
    border: 1px solid #E9E9E9;
    line-height: 18px;
    margin: 0;
    padding: 3px 6px !important;
    white-space: normal;
}

.myCustomRadGridStyle table td a, .myCustomRadGridStyle table th a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.myCustomRadGridStyle table .label {
    /*color: #FFFFFF;*/
}

.myCustomRadGridStyle table td a {
    color: #63625D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px !important;
    font-weight: bold;
    text-decoration: underline;
}

.myCustomRadGridStyle table a:hover {
    text-decoration: underline;
}


.divContainerVertical * {
    line-height: normal;
}

.divContainerVertical {
    float: left;
    margin: 0 0 10px 0;
    /* overflow: hidden;*/
    /* border:1px solid red;*/
    position: relative;
}

    .divContainerVertical > div {
        float: left;
    }


.divRequiredValidator {
    /* float: left;
    width: 2%;
    min-height: 5px;*/
    position: absolute;
    top: 0;
}


    .divRequiredValidator + div {
        float: left !important;
        width: 100%;
        padding-left: 8px;
    }

.divCaptionVertical {
    text-align: left;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 2px;
    width: 200px;
}

.divControlsVertical > div {
    float: left;
}


.divRepeatDirection > div {
    float: left;
}


.footer {
    float: left;
    width: 98%;
    text-align: center;
    padding: 10px;
    /*border-top: 1px solid #ccc;*/
}


/*****************Rad + Smart Control End ********************/
/**************** Empty Pop up****************/
.logoText {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 20px;
    color: #283788;
}

.logoSubText {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #283788;
    font-style: italic;
}

.rwTitlebarControls {
    text-align: left !important;
}



.consumerContainer {
    width: auto !important;
    clear: both;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: auto !important;
}

    .consumerContainer h1 {
        border-bottom: 1px solid #989898;
        padding-bottom: 5px !important;
        font-size: 18px;
        /*background-image: url(../images/orangesmlarrow.png) !important;*/
        background-repeat: no-repeat;
        background-position: 0 8px;
        padding-left: 0px !important;
        padding-top: 0px;
    }



.PopupPanel {
    vertical-align: middle;
    border: solid 1px black;
    position: absolute;
    left: 25%;
    top: 25%;
    background-color: white;
    z-index: 100;
    height: 200px;
    margin-top: -200px;
    width: 600px;
    margin-left: 100px;
}






/******************End Empty Pop up****************/

/*********** Browse Button style **************/

div.RadUpload_Green .ruFakeInput {
    border: 1px solid #ccc;
    color: #05264e;
    background: #e0e1e2;
    width: 120px !important;
    vertical-align: middle !important;
}

div.RadUpload_Green .ruButton, div.RadUploadProgressArea_Green .ruButton {
    background-image: none;
    margin-left: 0.9em; /*  padding: 0;*/ /*background: #ccc;*/
    padding-left: 10px;
    color: #05264e;
    text-align: center;
    width: 80px;
}

div.RadUpload_Green .ruRemove {
    color: #000;
}

div.RadUpload_Green .ruActions .ruButton {
    width: 90px !important; /*  margin: 0 0.8em 0 0;*/
    color: #000;
}

.RadUpload .ruFileWrap {
    height: 35px !important;
}

.ruBrowse {
    color: #fff !important;
    text-align: center;
    line-height: 26px;
    border: 1px solid #26a65b !important;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Old Firefox */
    /*background-color: #C1CD23 !important;*/
    background-image: none !important;
    background-repeat: repeat-x !important;
    background-color: #26a65b !important;
    font-weight: bold;
    width: 90px !important;
    height: 27px !important;
    vertical-align: middle !important;
    font-size: 12px;
    border-radius: 50px;
    margin: 0 !important;
    cursor: pointer;
}


.UpoadEmployeeInfo {
    padding: 10px 0px 10px 5px;
    float: left;
    /*width: 980px;*/
    margin-top: 20px;
}

.LabelErrorMessage {
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    color: Red;
    list-style-type: square !important;
}


    .LabelErrorMessage ul {
        margin-left: 15px;
    }

    .LabelErrorMessage ul, .LabelErrorMessage li {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 5px;
        color: Red !important;
        list-style-type: square !important;
    }

/*********** Browse Button style **************/


.green-btn, .btn a {
    border: solid 1px #26a65b;
    background-color: #26a65b;
    /*background-color: #88c72a;
background: -moz-linear-gradient(top, #16991e 0%, #07880f 100%);
background: -webkit-linear-gradient(top, #16991e 0%, #07880f 100%);
background: -o-linear-gradient(top, #16991e 0%, #07880f 100%);
background: -ms-linear-gradient(top, #16991e 0% ,#07880f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#07880f’, endColorstr=’#16991e’,GradientType=0 );
background: linear-gradient(top, #88c72a 0% ,#709e0e 100%);
-webkit-box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
-moz-box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;*/
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-webkit-border-radius: 4px;
    width: 100px;
    text-align: center;
    color: #fff !important;
    margin: 0 2px;
    min-width: 120px;
    display: inline-block;
    background-image: none !important;
}

.green-btn,
input.NormalButton {
    border: solid 1px #26a65b;
    background-color: #26a65b;
    padding: 7px 5px !important;
    width: 150px;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    margin: 0 2px;
    min-width: 120px;
    display: inline-block;
    transition: ease-out .3s all;
    font-family: 'Avenir LT Std 55 Roman', Arial, Helvetica, sans-serif !important;
}



.link-btn {
    font-size: 15px;
}


.green-btn:active,
.green-btn:focus,
.green-btn:hover,
.btn a:hover,
input.NormalButton:hover {
    /*background-color: #638f22;
background: -moz-linear-gradient(top, #638f22 0%, #486608 100%);
background: -webkit-linear-gradient(top, #638f22 0%, #486608 100%);
background: -o-linear-gradient(top, #638f22 0%, #486608 100%);
background: -ms-linear-gradient(top, #638f22 0% ,#486608 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#486608′, endColorstr=’#486608′,GradientType=0 );
background: linear-gradient(top, #638f22 0% ,#486608 100%);*/
    background-color: #004e1d !important;
    cursor: pointer;
}



.blue-btn:active, blue-btn:focus {
    background-color: #275175;
}


.info-msg-skin {
    background-image: url(../images/info-msg-bg.png);
    background-repeat: repeat-x;
    background-color: #cee0ec;
    line-height: 27px;
    color: #23485a;
    width: 30%;
    padding: 5px 10px 5px 10px;
    border: 1px solid #96bfd8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
}

    .info-msg-skin img {
        margin: 0 5px -2px 0;
    }

.error-msg-skin {
    background-image: url(../images/info-msg-bg.jpg);
    background-repeat: repeat-x;
    background-color: #ebd8d8;
    line-height: 27px;
    color: #8d313d;
    width: 30%;
    padding: 5px 10px 5px 10px;
    border: 1px solid #c29f9f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
}

    .error-msg-skin img {
        margin: 0 5px -2px 0;
    }

.success-msg-skin {
    background-image: url(../images/success-msg-bg.jpg);
    background-repeat: repeat-x;
    background-color: #d6e6cc;
    line-height: 27px;
    color: #2d6524;
    width: 30%;
    padding: 5px 10px 5px 10px;
    border: 1px solid #9dc286;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
}

    .success-msg-skin img {
        margin: 0 5px -2px 0;
    }

.warning-msg-skin {
    background-image: url(../images/warning-msg-bg.png);
    background-repeat: repeat-x;
    background-color: #f6e9bb;
    line-height: 27px;
    color: #745f1d;
    width: 30%;
    padding: 5px 10px 5px 10px;
    border: 1px solid #dabe5d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
}

    .warning-msg-skin img {
        margin: 0 5px -2px 0;
    }
/*
a.PDFDownloadLink {
  color: #fff;
}

a.PDFDownloadLink:hover {
  color: #2eb135;
}*/

/**************************************/
.navigationSignIN {
    float: right !important;
    width: 586px;
    height: 41px;
    margin: 10px 30px 0 0;
    text-align: right;
    background-repeat: no-repeat;
    clear: right;
    position: relative;
}


    .navigationSignIN ul {
        list-style: none;
        padding: 0 0 0 0px;
        margin: 10px 30px 0 0;
        float: left !important;
        width: 200px;
        /*background-color: Green;*/ /*for testing*/
    }

@-moz-document url-prefix() {
    .navigationSignIN ul;

{
    margin: 5px 0 0 0;
}

} /** For Mozila Firefox**/

.navigationSignIN ul li {
    list-style: none;
    margin: 0 0 0 0;
    float: left !important;
}

    .navigationSignIN ul li a {
        padding: 0 0px 0 0px;
        margin: 0 0 0 0;
        color: #434343;
        text-decoration: none;
        font-size: 13px;
    }

.navigationSignIN td a {
    color: #000;
    text-decoration: none;
}

    .navigationSignIN td a:hover {
        color: #000;
        text-decoration: none;
    }
/******************************************/

/******** Top Dropdwon menu style *********/




.dropDwonMenuPanel {
    display: block;
    position: absolute !important;
    z-index: 100;
    background-color: #FFFFFF;
    border: 0px;
    width: 170px;
    text-align: left;
    margin: 0px 0 0px 0px !important;
    clear: both;
    left: auto !important;
    float: right !important;
    top: 32px !important;
    border: 1px solid #e0e1e2;
    right: 0 !important;
}

#hovemenu {
    position: relative;
}

#hovemenu2 {
    position: relative;
}

    #hovemenu .dropDwonMenuPanel, #hovemenu2 .dropDwonMenuPanel {
        display: block;
        position: absolute !important;
        z-index: 100;
        background-color: #FFFFFF;
        border: 0px;
        width: 170px;
        text-align: left;
        margin: 0px 0 0px 0px !important;
        clear: both;
        left: auto !important;
        float: right !important;
        top: 0 !important;
        border: 1px solid #e0e1e2;
        right: -100px !important;
        clear: both;
    }

.dropDwonMenuPanel ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .dropDwonMenuPanel ul li {
        padding-bottom: 1px;
        text-align: right;
        margin: 0 0px 0 0;
        display: block !important;
        float: right;
        width: 170px;
    }

        .dropDwonMenuPanel ul li a {
            display: block !important;
            font-size: 12px !important;
            font-weight: normal;
            color: #666666;
            border: none !important;
            text-decoration: none !important;
            text-align: left !important;
            padding: 7px 10px 7px 10px !important;
            transition: all 0.3s;
        }

            .dropDwonMenuPanel ul li a:hover {
                color: #fff;
                /*background-color:#397eb8;*/
                background-color: #26a65b;
            }

        .dropDwonMenuPanel ul li:first-child a {
            border-radius: 5px 5px 0px 0px;
        }

        .dropDwonMenuPanel ul li:last-child a {
            border-radius: 0px 0px 5px 5px;
        }

.grid-search-header, .section-head {
    width: 98%;
    background-color: #3fc380;
    padding: 8px;
    display: block;
    margin: 10px;
    overflow: hidden;
    margin-left: 0px;
}

    .grid-search-header span, .section-head span {
        font-size: 13px;
        font-weight: bold;
        color: #fff;
    }

.blueBlock {
    background: #e8f2ec !important;
    padding: 15px;
    border: 1px solid #c8d8ce;
}

    .blueBlock .gradientback {
        background-color: transparent !important;
        width: 100%;
        padding: 0 !important;
    }

.inline-block {
    display: inline-block !important;
}

.tbl-spacing td {
    padding: 5px;
}

.rouded-box {
    float: left;
    width: 90%;
    margin: 0 3% 0 0;
    border-radius: 5px;
    background-color: #fff;
    padding: 15px;
    min-height: 225px;
    border: 1px solid #ccc;
    vertical-align: top;
}

.box-right-allign {
    float: right !important;
    margin: 0 !important;
}

.rouded-box h4 {
    font-size: 22px;
    font-weight: bold;
    color: #27982d;
    /*text-transform: uppercase;*/
    padding-bottom: 20px;
    padding-top: 5px;
}

    .rouded-box h4 img {
        margin: 0 10px -3px 0;
    }

.rouded-box ul li {
    margin-bottom: 15px;
}

    .rouded-box ul li span {
        padding: 0 15px 0 0;
        font-weight: bold;
        color: #046791;
        font-size: 15px;
        float: left;
    }

.rouded-box-footer {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
}

.border-blue {
    border-bottom: 3px solid #046791;
}

.border-red {
    border-bottom: 3px solid #e36159;
}


.border-green {
    border-bottom: 3px solid #2eb135;
}

.padding-top5 {
    padding-top: 5px;
}

ul.arrow-listing li {
    background-image: url(../images/grey-rt-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 15px;
}

.rouded-box table a {
    background-image: url(../../Images/Icons/grey-rt-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 15px;
    line-height: 22px;
}

.rouded-box .rouded-box-footer a {
    background-image: none !important;
}

/*
.spacer{
	padding:10px 0;
}*/

.QuoteSteps {
    float: left;
    width: 100%;
    margin: 5px 0 10px 0;
}

/*css hack for IE8*/
@media \0screen {
    .QuoteSteps {
        margin: 20px 0 25px 0;
    }
}


@media \0screen {
    #IfpSteps .QuoteSteps {
        margin: 20px 0 0 0 !important;
    }
}



.QuoteSteps ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    list-style: none;
}

    .QuoteSteps ul li {
        list-style: none;
        display: inline;
        font-size: 18px;
        color: #d2d2d2;
        margin-right: 11px;
    }

        .QuoteSteps ul li.current {
            color: #2eb135;
        }

        .QuoteSteps ul li span {
            font-size: 22px;
            /*font-size: 34px;*/
        }

        .QuoteSteps ul li img {
            padding-left: 10px;
        }



.qoteProfile {
    margin: 0 5px 0 0;
    display: block;
}



.railtitle {
    background-color: #2eb135;
    padding: 5px 5px;
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.railtitle2 {
    background-color: #2eb135;
    padding: 5px 5px;
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.gradientback {
    /*background: url("../images/gradientback.gif") repeat scroll 0 0 transparent;*/
    background-color: #f9fafc;
    padding: 5px 5px;
}

table.gradientback {
    padding: 5px !important;
    width: 99%;
    display: inline-block;
}


.gradientback2 {
    /*background: url("../images/gradientback.gif") repeat scroll 0 0 transparent;*/
    background-color: #f9fafc;
    padding: 5px 5px;
    /*float: left;
    width: 160px;*/
}

    .gradientback2 h4 {
        font-size: 15px !important;
        padding-bottom: 0px;
        color: #000;
        font-weight: bold;
        padding-left: 4px;
    }

    .gradientback2 ul {
        margin-bottom: 8px;
    }

    .gradientback2 label {
        font-size: 11px;
    }

    .gradientback2 .CheckedListBoxMenue {
        margin-left: -7px;
    }

.rail {
    color: #000000;
    font: 12px/13px arial,helvetica,sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    margin-bottom: 4px;
}

.blackbold {
    color: #2b2b2b;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
}



.sideBar {
    float: left;
    /* width:20%;
    border-right:1px solid #c3c3c3;*/
    margin: 0 0 0 10px;
}

    .sideBar ul {
        list-style: none;
        margin: 0 0 15px 0;
        float: left;
        /*width:20%;*/
    }

        .sideBar ul li {
            list-style: none;
            display: block;
            float: left;
            /*width:20%;*/
            line-height: 22px;
        }

            .sideBar ul li .checkBox {
                float: left;
                width: 16px;
                margin-top: 2px;
            }

    .sideBar checkBox {
        float: left;
        width: 20%;
        margin-top: 2px;
    }

    .sideBar .label {
        float: left;
        width: 80%;
        margin-top: 2px;
    }

    .sideBar ul li .label {
        float: left;
        width: 155px;
        font-size: 12px;
        color: #434343;
        margin: 0 0 0 7px;
    }

    .sideBar ul li table tr td {
        float: left;
        width: 155px;
        font-size: 12px;
        color: #434343;
        margin: 0 0 0 7px;
    }

    .sideBar h2 {
        font-size: 13px;
        color: #5F625A;
        padding: 0 0 15px 0;
        margin: 0 0 0 0;
        font-weight: bold;
    }

    .sideBar h4 {
        font-size: 19px;
        color: #444444;
        /*padding:0 0 10px 15px;*/
        padding: 0 0 10px 0px;
        margin: 0 0 0 0;
        /*background-image: url("../images/bluesmlarrow.png");
    background-position: 0 2px;*/
        background-repeat: no-repeat;
        clear: both;
        text-align: left !important;
    }


.quotationDivBtmSpace {
    margin-bottom: 10px;
}

.lightBlueBgNospace {
    /*background-color:#e0e1e2*/
    background-color: #ededed;
    padding: 0px 0 0 0;
    border: none !important;
    border: 1px solid red;
}


.planHeading {
    float: left;
    /*width:65%;*/
    width: 100%;
}

    .planHeading h2 {
        font-size: 14px !important;
        color: #2eb135 !important;
        padding: 6px 0 0 10px !important;
        margin: 0 0 0 0;
        /*font-weight:bold !important;      */
    }

.planToplinks {
    float: right;
    width: 100%;
    text-align: right;
}

    .planToplinks a {
        padding: 5px 0px 0 4px;
        /*padding: 5px 4px 0 4px;*/
        color: #444442;
        font-size: 11px;
        text-decoration: underline;
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
    }

        .planToplinks a:hover {
            text-decoration: none;
            cursor: pointer !important;
        }

.planAttributes {
    margin: 3px 0 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    height: 100%;
    /*display:block;*/
    padding: 0;
}

    .planAttributes td {
        height: 100%;
    }

    .planAttributes h2 {
        font-size: 14px !important;
        font-weight: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: normal !important;
        text-align: center;
        color: #444442 !important;
    }

    .planAttributes h3 {
        font-size: 16px;
        font-weight: bold;
        padding: 2px 0 0 0 !important;
        margin: 0 !important;
        line-height: normal !important;
        text-align: center;
    }

.planAttributes-value {
    font-size: 9pt;
    font-weight: bold !important;
    padding-top: 7px;
    color: #3f3f3f !important;
}

.playTDRtBdr {
    border-right: 1px solid #d5e2ea;
    text-align: center !important;
}

    .playTDRtBdr table {
        width: 100%;
        text-align: center;
        padding-top: 1px;
    }

.planICons {
    position: relative;
    bottom: 2px !important;
    z-index: 100;
}

    .planICons img {
        padding: 1px 1px 0 0;
        margin: 5px 0 -1px 0;
        float: left;
    }

.planBtmShade {
    background-image: url(../../images/btmShadow.png);
    background-repeat: repeat-x;
}

#plan td {
    vertical-align: top !important;
}

.lightBlueBgNospace {
    /*background-color:#ebf4f9;
    background-color: #e0e1e2 !important;*/
}

.monthlypremium {
    /*background-image: url(../../images/monthlypremiumbg.jpg);
    background-repeat: repeat-y;
    background-color:#f28e14;
    background-color:#009a4a;*/
    /*padding: 20px 0;*/
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    width: 125px;
    height: 50px;
}

    .monthlypremium span {
        /*font-size: 22px;*/
        font-weight: bold;
        display: block;
        /*padding-bottom: 8px;*/
        padding-bottom: 2px;
        /*padding-left:5px;*/
        color: #fff;
    }

.variange-val {
    padding-left: 5px;
}

.plan-rowCompare {
    float: left;
    min-width: 200px;
    margin: 0 0 0 0;
    font-size: 12px;
    padding: 0 0;
    width: 100%;
}

.plan-row {
    float: left;
    width: 100%;
    margin: 0 0 2px 0;
    font-size: 14px;
    padding: 0 0px;
}

.plan-label {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #999999;
    padding: 7px 7px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    box-sizing: border-box;
}

.plan-value {
    float: right;
    width: 100%;
    text-align: center;
    padding: 15px 0 10px 0;
    color: #26a65b;
    font-size: 15px;
}

.plan-value2 {
    float: right;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    font-size: 24px;
    color: #2b2b2b;
}




.NormalButtonCompare {
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    height: 18px;
    width: 60px; /*border: solid 1px red;*/
    line-height: 12px;
    border: 1px;
    border-style: solid; /*border-color: #CACACA;*/
    border-top-color: Silver;
    border-left-color: Silver;
    border-bottom-color: Gray;
    border-right-color: Gray;
    background-color: #808080;
    color: #ffffff; /*filter:progid:DXImageTransform.Microsoft.Gradient
			  (GradientType=0,StartColorStr='#CACACA',EndColorStr='#FFFFFF');*/
}

    .NormalButtonCompare:hover {
        cursor: pointer; /*background-color:#D7D7D7;*/
        color: #494949;
        filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#FFFFFF' ,EndColorStr= '#CACACA' );
    }

.applyPlan {
    /*background-color: #C1CD23;*/
    text-align: center;
    line-height: 25px;
    padding-bottom: 2px;
    margin-bottom: 5px;
}

    .applyPlan a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
        font-size: 18px;
        text-decoration: none;
    }

    .applyPlan a {
        text-decoration: none;
    }




.applyPlan2 {
    text-align: center;
    padding-bottom: 2px;
}

    .applyPlan2 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
        font-size: 12px;
        text-decoration: underline;
    }

    .applyPlan2 a {
        text-decoration: underline;
    }


.divbusy {
    position: fixed;
    position: fixed;
    z-index: 10;
    /* background-color: #F1F5F6; */
    /* border: #63625D 1px solid; */
    width: 110px;
    top: 0 !important;
    left: 0 !important;
    padding: 0px;
    margin-top: 0 !important;
    margin-left: 0 !important;
    clear: both;
    float: none;
    height: auto;
    display: block;
    vertical-align: middle;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.12);
    text-align: center;
    padding-top: 15% !important;
    z-index: 1000;
}


.bdrTbl {
    border-collapse: collapse;
}

    .bdrTbl td {
        border: 1px solid #e9e9e9;
        padding: 5px 5px 5px 5px;
    }

.tblBdr td {
    /*border:1px solid #e9e9e9;*/
    font-size: 12px;
    color: #898989;
    padding: 3px 5px 3px 5px;
}

.greyrightBdr {
    border-right: 1px solid #dedede;
}


.tblSpace {
    font-size: 12px;
    color: #898989;
    padding: 3px 5px 3px 5px;
}


.planMain {
    background-color: #2eb135 !important;
    color: #fff !important;
    border-collapse: collapse;
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    white-space: normal;
}


.planChild {
    background-color: #5ba6c7;
    color: #fff !important;
}

.planChild {
    background-color: #fff;
    border: 1px solid #ccc !important;
}

    .planChild th {
        background-color: #fff;
        padding: 0px 0 0px 0;
        color: #5f625a;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc !important;
        font-weight: bold;
    }

    .planChild td {
        background-color: #fff;
        padding: 0px 0 0px 0;
        color: #000;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc !important;
        font-weight: normal;
        line-height: 18px;
        text-align: center;
    }

.plancompare {
    /*background-color:#dadbdb;*/
    background-color: #f1f1f1;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.plancomparegreen {
    background-color: #717173 !important;
    color: #fff !important;
    border-collapse: collapse;
}

.greentxt {
    color: #2eb135;
}

.bold {
    font-weight: bold;
}

.proposalPlanBg {
    background-image: url(../../images/proposalSelectBg.jpg);
    background-repeat: repeat-x;
    font-weight: bold;
    color: #ee8237;
    font-size: 13px;
}

.imp-notice {
    padding-bottom: 5px;
    display: block;
    color: #009b3a;
}

.loading-shield {
    background-image: url(../../Images/animated_loading.gif);
    position: absolute !important;
    z-index: 2000;
    height: 0px;
    width: 0px;
    background-repeat: no-repeat;
    top: 25% !important;
    left: 25% !important;
}

.error-msg-space {
    padding: 15px 0px 5px 18px;
    padding: 15px 0px 5px 18px;
    padding-top: 0px\9; /* IE8 and below */
    padding-bottom: 0px\9; /* IE8 and below */
}

.empty-msg-space {
    padding: 5px 0px 5px 0px;
    ;
}

.line-height20 {
    line-height: 20px !important;
}

.v-align {
    vertical-align: top !important;
}

.padding-btm-10 {
    padding-bottom: 10px;
}


.font-10pt {
    font-size: 10pt;
}

.max-min-width190 {
    min-width: 180px;
    max-width: 180px;
    width: 180px;
}

.smallBizLeftMenu {
    width: 95%;
    margin-right: 1%;
    background-color: #f6f8f9;
}

    .smallBizLeftMenu a {
        color: #1C1C1C;
        margin-bottom: 5px !important;
    }

.vertical-menu {
    padding-top: 4px;
}

.smallBizLeftMenu a:hover, .smallBizLeftMenu a:active, .smallBizLeftMenu a:visited {
    text-decoration: none !important;
}



.vertical-menu img {
    width: 14px;
}

.vertical-menu .menuImage {
    width: 14px;
}

.vertical-menu.active {
    color: #fff !important;
    background-color: #2eb135 !important;
    overflow: hidden;
    padding-bottom: 2px;
}

    .vertical-menu.active a {
        color: #fff !important;
    }


/*.vertical-menu.active a:hover{
                    color: #fff !important;
            }*/


/*  Custom scroll bar on sales landing page
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/


.content {
    overflow: auto;
    position: relative;
    width: 100%;
    max-width: 99%;
    height: 135px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .content.hidden {
        display: none;
    }

    .content.light {
        background-color: #ddd;
        color: #333;
    }

    .content hr {
        margin-bottom: -10px;
        border-top: 1px solid rgba(0,0,0,0.7);
    }

    .content.light hr {
        border-bottom: 1px solid rgba(255,255,255,0.6);
        border-top: 1px solid rgba(0,0,0,0.1);
    }

    .content p {
        margin: 30px 0;
    }

        .content p:last-child {
            margin-bottom: 5px;
        }

        .content p:nth-child(odd), .content.light p:nth-child(odd) {
            background: #444;
            background: rgba(255,255,255,0.1);
            padding: 5px 10px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        .content p:nth-child(3n+3) {
            color: #bbb;
            background: none;
            padding: 0;
        }

    .content.light p:nth-child(odd) {
        background: #fff;
        background: rgba(255,255,255,0.8);
    }

    .content.light p:nth-child(3n+3) {
        color: #666;
    }

    .content p.full:nth-child(odd), .content p.half:nth-child(odd),
    .content p.full:nth-child(3n+3), .content p.half:nth-child(3n+3) {
        background: none;
        padding: 0;
    }

    .content h2 {
        font-size: 200%;
        line-height: 130%;
    }

        .content h2:first-child {
            margin-top: 5px;
        }

    .content:nth-child(odd) h2 {
        font-family: "Oswald", sans-serif;
        font-weight: 300;
        font-style: normal;
    }



#demo.showcase {
    min-width: 740px;
}

.showcase .content {
    float: left;
    width: 340px;
    height: 300px;
}

.showcase .horizontal-images.content {
    height: 140px;
    width: 700px;
    max-width: 97%;
    padding: 5px 5px 0 5px;
}

    .showcase .horizontal-images.content h2, .showcase .horizontal-images.content li img {
        height: 119px;
    }

    .showcase .horizontal-images.content h2 {
        color: #fff;
        background-color: #eb3755;
        padding: 10px 20px;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 165%;
    }

.horizontal-images.content ul, .vertical-images.content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.horizontal-images.content li {
    margin: 0 3px;
    float: left;
}

.vertical-images.content li {
    margin: 3px 0;
}

.horizontal-images.content li:first-child {
    margin-left: 0;
}

.vertical-images.content li:first-child {
    margin-bottom: 3px;
    margin-top: 0;
}

.horizontal-images.content li:last-child {
    margin-right: 0;
}

.vertical-images.content li:last-child {
    margin-bottom: 0;
}

.horizontal-images.content li img {
    width: auto;
    padding: 0;
}

.showcase #content-1.content {
    height: 620px;
}

.showcase #content-2.content {
    height: 620px;
}

    .showcase #content-2.content h2 {
        color: #333;
    }

.showcase #content-3.content {
    background-color: #412626;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAJ0lEQVQIW2NkwA7+M2IR/w8UY0SXAAuCFCNLwAWRJVAEYRIYgiAJALsgBgYbCawOAAAAAElFTkSuQmCC");
    margin-right: 40px;
    width: 310px;
}

    .showcase #content-3.content h2 {
        color: #eb3755;
    }

.showcase #content-4.content {
    background-color: #1C383F;
}

    .showcase #content-4.content h2 {
        color: #ddd;
    }

.showcase #content-6.horizontal-images.content {
    padding: 10px 0 5px 0;
    background-color: #444;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGA4A8QmQAwGjDAGNgGwSgwVAFVOAgV/1mwxAAAAAElFTkSuQmCC");
}

    .showcase #content-6.horizontal-images.content .mCSB_scrollTools {
        margin-left: 10px;
        margin-right: 10px;
    }

    .showcase #content-6.horizontal-images.content ul {
        margin-left: 10px;
        margin-right: 10px;
    }

    .showcase #content-6.horizontal-images.content h2 {
        color: #222;
        background-color: #c2beb2;
    }

    .showcase #content-6.horizontal-images.content h2, .showcase #content-6.horizontal-images.content li img {
        height: 105px;
    }

.showcase #content-7.content {
    height: 620px;
}

.showcase #content-8.content {
    width: 670px;
    height: 580px;
    padding: 0;
    /*background-color: #151515;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAK0lEQVQIW2NkwAL+//9vzIguDhZkZDyLIgETBCmGSyALwiXQBcES2ARBEgCUVxc3f8oLcQAAAABJRU5ErkJggg==");
	border: 5px solid rgba(0,0,0,0.5);*/
    margin-right: 40px;
    margin-bottom: 50px;
}

    .showcase #content-8.content h2 {
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .showcase #content-8.content p {
        width: 710px;
        float: left;
        margin: 15px 20px;
    }

    .showcase #content-8.content hr + p {
        margin-top: 30px;
    }

    .showcase #content-8.content p:nth-child(3n+1) {
        width: 1460px;
        clear: both;
    }

.showcase #content-9.content {
    height: 620px;
    background-color: #c2beb2;
    padding: 5px;
}

    .showcase #content-9.content .mCSB_container {
        margin-right: 21px;
    }

    .showcase #content-9.content h2 {
        height: 85px;
        padding: 10px;
        margin-bottom: 0;
        margin-top: 15px;
        font-size: 180%;
        color: #333;
    }

    .showcase #content-9.content img {
        padding: 0;
        vertical-align: bottom;
    }

#iframe-container {
    width: 90%;
    max-width: 1110px;
    background: #000;
    overflow: hidden;
}

    #iframe-container iframe {
        vertical-align: bottom;
    }

#infinite-scroll .offset {
    display: block;
    width: 100%;
    height: auto;
    color: #ffed0d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    #infinite-scroll .offset p {
        margin-bottom: 60px;
    }

    #infinite-scroll .offset .indicator {
        display: block;
        width: 100%;
        height: 100px;
        background: #ffed0d;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

#examples.resizable {
    background: #444;
    padding-bottom: 30px;
}

#resizable.content {
    overflow: hidden;
    width: 640px;
    max-width: 80%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; /* jquery ui resizable bug: http://bugs.jqueryui.com/ticket/8932 */
}

    #resizable.content h2 {
        color: #444;
    }

    #resizable.content p {
        width: 1000px;
    }

.content.fluid {
    width: 90%;
    max-width: 1680px;
}

    .content.fluid h2 {
        color: #eb3755;
        font-family: "Lobster Two", "Georgia", serif;
        font-weight: 700;
        font-style: italic;
    }

.content.nested {
    height: 600px;
}

    .content.nested .nested {
        margin: 0 auto;
        background-color: rgba(0,0,0,0.1);
        height: 400px;
    }

#content-1.content.nested {
    margin-bottom: 40px;
}

    #content-1.content.nested p {
        width: 1000px;
    }

    #content-1.content.nested .nested {
        margin: 20px;
        width: 600px;
        height: 300px;
    }

.content.zero-height {
    height: 0;
}

.content.zero-width {
    width: 0;
}

.init-hidden #examples {
    min-height: 420px;
}

.full-page .content {
    height: 800px;
}

.full-page-alt #mCSB_1_container {
    width: 97% !important; /* override plugin property */
    min-width: 480px;
}

.full-page-alt #mCSB_1_scrollbar_vertical {
    position: fixed;
    margin-right: 30px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.full-page-alt #mCSB_1_scrollbar_horizontal {
    position: fixed;
    margin-bottom: 30px;
    margin-left: 16px;
    margin-right: 16px;
}

.full-page-alt .outer.content {
    width: 960px;
}

.full-page-alt .horizontal-images.content {
    height: 275px;
    width: 100%;
    margin: 20px auto 10px auto;
}

    .full-page-alt .horizontal-images.content img {
        height: 200px;
    }

.content table {
    width: 100%;
    border-collapse: collapse;
    /*border-top: 1px dashed #666;
	border-left: 1px dashed #666;
	border-right: 1px dashed #666;
	background: rgba(0,0,0,0.1);*/
}

.group-info {
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    color: #2eb135;
}

    .group-info span {
        clear: both;
        display: block;
        padding: 3px 0 0 0;
        color: #555;
    }


.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none; /* MSPointer events - direct all pointer events to js */
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox { /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container { /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }
/* RTL direction/left-side scrollbar */

.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}
/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.8);
    filter: "alpha(opacity=80)";
    -ms-filter: "alpha(opacity=80)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { /*background-color: #000; background-color: rgba(0,0,0,0.15);*/
    s;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.2);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.5);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px; /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px; /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px; /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,0.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,0.2);
}


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

#slideshow {
    position: relative;
    height: 260px;
}

    #slideshow IMG {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        opacity: 0.0;
    }

        #slideshow IMG.active {
            z-index: 10;
            opacity: 1.0;
        }

        #slideshow IMG.last-active {
            z-index: 9;
        }




.height .divContainerVertical {
    width: 70px;
    float: left !important;
}

#ctl00_ctl00_ContentPlaceHolderBody_PlaceHolderBodyMain_ctrlSmartControlAddress_txtAddress {
    width: 100%;
}

.RadUpload_Default, .RadUpload_Default a, .RadUpload_Default input {
    margin: 5px 0 0 -10px;
}

.RadUpload .ruInputs {
    background-color: transparent !important;
}

.ruButton .ruBrowse {
    font-size: 14px !important;
}

.ruBrowse {
    background-color: #2a9b2f !important;
}


.ctrlFtInputDivWd {
    float: left;
    width: 70px;
    margin-top: -2px;
}

.ftTxtWidth {
    float: left;
    width: 10px;
    margin: 25px 0 0 3px;
}

.ctrlInchesInputWd {
    margin: 14px 0 0 10px;
    float: left;
    width: 70px;
}

.inchesTxtWidth {
    float: left;
    width: 30px;
    margin: 25px 0 0 3px;
}

.AlignTopFloat {
    vertical-align: top !important;
    width: 20%;
    /*float:left;*/
}
/*.validateControlRedBack
        {
            border: 1px solid red !important;
        }*/








#dashWrapper {
    margin: 0 auto;
    width: 950px;
}

.dashHeader {
    width: 950px;
    float: left;
}

.logo {
    float: left;
    width: 170px;
    margin: 15px 0 0 10px;
}

.dashTopRightWrap {
    float: right;
    width: 450px;
}

.dashTopRight {
    float: right;
    margin: 5px 5px 0 0;
    width: auto;
    text-align: right;
    font-size: 12px;
}

    .dashTopRight img {
        margin-right: 5px;
    }

    .dashTopRight a {
        color: #58585a;
        text-decoration: underline;
        padding: 0 10px 0 10px;
    }

        .dashTopRight a:hover {
            color: #000;
            text-decoration: none;
        }

    .dashTopRight span {
        padding-right: 10px;
        color: #454545;
    }

.dashgroupInfoWrap {
    float: right;
    width: auto;
    min-width: 200px;
    clear: right;
}

.dashgroupName {
    float: right;
    width: auto;
    color: #272727;
    font-size: 12px;
    margin: 20px 5px 10px 0;
    text-align: right;
    line-height: 16px;
}

.dashgroupPic {
    float: right;
    width: 85px;
    margin: 25px 10px 0 0;
}

    .dashgroupPic img {
        border: 1px solid #63933b;
    }

.dashgroupName h3 {
    font-size: 12px;
    color: #0264b4;
    font-weight: bold;
    display: inline;
}

.groupName h3 span {
    font-size: 12px;
    color: #6eab49;
}

.dashNav {
    float: left;
    width: 950px;
    /*background-image:url(../images/dashnavbg.jpg);*/
    background-color: #000;
    background-repeat: repeat-x;
    height: 45px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 4px;
}



.dashContentBlock {
    width: 930px;
    padding: 20px 10px;
    background-color: #fff;
    float: left;
    clear: both;
    /*-webkit-box-shadow: 0px 5px 9px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:0px 5px 9px rgba(50, 50, 50, 0.55);
	box-shadow:0px 5px 9px rgba(50, 50, 50, 0.55);*/
    border: 1px solid #ccc;
    border-top: none;
}

    .dashContentBlock h2 {
        font-size: 22px;
    }

.dashBlockWrap {
    width: 100%;
    float: left;
}

.dashBtmShadow {
    /*background-image:url(../images/dashbtmshadow.png);*/
    background-repeat: repeat-x;
    background-position: bottom;
}

.dashBtmShadow2 {
    /*background-image:url(../images/dashbtmshadow.png);*/
    background-repeat: repeat-x;
    width: 99%;
    float: left;
    height: 9px;
    margin: 1px 0 0 2px;
}



.dashBlockWrap h5 {
    font-size: 12px;
    padding: 0 0 0px 10px;
    margin: 5px 0 0 0;
}

    .dashBlockWrap h5 a {
        font-size: 12px;
        color: #055da6;
        text-decoration: underline;
    }

        .dashBlockWrap h5 a:hover {
            text-decoration: none;
        }


.dashBlock {
    background-color: #ecf4fb;
    float: left;
    border: 1px solid #b7cfe3;
    -webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.51);
    -moz-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.51);
    box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.51);
}


.sml-box {
    width: 280px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    margin: 0 28px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 0 10px 0;
    float: left;
    min-height: 220px;
}

    .sml-box h1 {
        background-color: #bcbcbc !important;
        border-bottom: 1px dashed #8b8b8b !important;
        color: #373737 !important;
        line-height: 40px !important;
        height: 40px;
        padding: 0 0 0 10px;
        margin: 0;
        font-size: 1.4em;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .sml-box p {
        font-size: 13px !important;
        padding: 10px !important;
    }



    .sml-box h2 {
        /*background-color:#34cae0;*/
        background-color: rgb(134, 134, 134) !important;
        /*border-bottom:1px dashed #23c4dc;*/
        color: #fff !important;
        font-size: 1.5em !important;
        line-height: 40px !important;
        height: 40px !important;
        padding: 0 0 0 10px !important;
        margin: 0 0 10px 0 !important;
        -webkit-border-top-left-radius: 5px !important;
        -webkit-border-top-right-radius: 5px !important;
        -moz-border-radius-topleft: 5px !important;
        -moz-border-radius-topright: 5px !important;
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        font-weight: normal !important;
    }

        .sml-box h2 img {
            margin: 0 5px -5px 0 !important;
        }


.box-row {
    float: left;
    width: 270px;
    margin: 5px 0 0 10px;
}

.box-row-label {
    float: left;
    width: 100px;
}

.box-row-contetn {
    float: left;
    width: 160px;
    margin-left: 5px;
}


.summary-row {
    float: left;
    width: 95%;
    margin: 10px 0 0 10px;
}


.summary-content {
    float: left;
    width: 95%;
    margin-left: 5px;
}


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

.sml-box ul {
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
}

    .sml-box ul li {
        padding: 0 0 8px 10px;
    }

        .sml-box ul li a {
            font-size: 12px;
            color: #5c5c5c;
        }

        .sml-box ul li ul li a {
            /*background-image:url(../images/bullet.png);*/
            background-repeat: no-repeat;
            background-position: left 9px;
            margin-left: 20px;
        }

            .sml-box ul li ul li a:hover {
                color: #75a02a;
            }

        .sml-box ul li ul li {
            padding-bottom: 0px !important;
        }


.dashboard-footer {
    float: left;
    width: 950px;
    margin: 10px 0;
    text-align: center;
    font-size: 12px;
    color: #595959;
}


.dashboard-blue-panel {
    background-color: #ecf4fb;
    float: left;
    width: 905px;
    margin-top: 20px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #b7cfe3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #c0e4fc;
}


.dashContentArea {
    width: 950px;
    margin: 0 auto;
}


.dashboard-grid {
    font-size: 12px;
    margin: 0 0 0 0;
    text-align: left;
    border-collapse: collapse;
    background-color: #fff;
}

    .dashboard-grid th {
        font-size: 14px;
        padding: 5px 5px;
        border: 1px solid #d7e3f0;
        border-collapse: collapse;
        color: #fff;
        font-weight: normal !important;
        text-align: left;
        background: #868686; /* Old browsers */
    }

        .dashboard-grid th a {
            color: #e3e3e3;
            text-decoration: underline;
        }

            .dashboard-grid th a:hover {
                text-decoration: none;
            }

        .dashboard-grid th img {
            float: right;
        }

    .dashboard-grid td {
        padding: 5px 5px;
        border: 1px solid #d7e3f0 !important;
        border-collapse: collapse;
        background: #fff;
        border: 1px solid #d7e3f0 !important;
    }

    .dashboard-grid .row td {
        border-collapse: collapse;
        background: #f3f3f3; /* Old browsers */
        border: 1px solid #d7e3f0 !important;
    }

        .dashboard-grid .row td:hover, .dashboard-grid .alt-row td:hover {
            /*background-color:#78add9 !important;*/
        }

    .dashboard-grid .altRow td {
        background: #ccc; /* Old browsers */
        /*IE9 SVG, needs conditional override of 'filter' to 'none' */
        /*background: url(data:image/svg+xml;*/
    }



.spacer {
    /*height:10px;*/
    width: 100%;
    float: left;
    margin: 8px 0;
}

.spacer2 {
    height: 10px;
    width: 100%;
    float: left;
}

.spacer3 {
    margin-bottom: 15px;
}

.dashOrangeBtn, .dashOrangeBtn a {
    background-color: #ff7520;
    min-width: 100px;
    height: 27px;
    /*background-image:url(../images/dashorangebtn.jpg);*/
    background-repeat: repeat-x;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    padding: 0 0;
    border: 1px solid #fd7624;
    font-size: 14px;
}





.dashFromBlock {
    background-color: #ecf4fb;
    float: left;
    width: 905px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #b7cfe3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #c0e4fc;
}




.normalDropDown:focus {
    font-style: normal;
    color: #454545;
}


.info-msg-skin {
    background-image: url(../../images/info-msg-bg.png);
    background-repeat: repeat-x;
    background-color: #cee0ec;
    line-height: 27px;
    color: #23485a;
    /* min-width: 30%; */
    width: auto;
    padding: 5px 10px 5px 10px;
    border: 1px solid #96bfd8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px 0;
    font-size: 13px;
    margin-top: -10px;
}

.row-per-page {
    width: 100px;
    padding: 0 5px;
}

.max-row {
    width: 200px;
    padding: 0 5px;
}

.ContextMenuPanel {
    background-color: #fff;
}

    .ContextMenuPanel td {
        line-height: 18px;
        padding: 0 5px;
    }

    .ContextMenuPanel tr:hover {
        background-color: #009039;
    }

        .ContextMenuPanel tr:hover td {
            color: #fff;
        }

.btnPackage {
    float: left;
}

.text-center {
    text-align: center;
}

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

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

.login-box {
    float: left;
    background-color: #f7f7f7;
    width: 25%;
    margin: 0 auto 25px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 10px 20px 10px 20px !important;
    min-height: 270px;
}

.userTextBox {
    width: 225px;
    background-image: url(../../images/login-user.png) !important;
    background-repeat: no-repeat !important;
    background-position: 10px 7px;
    padding: 10px 0 10px 40px !important;
    float: left;
    border: 1px solid #dddddd !important;
}

.passwordTextBox {
    width: 225px;
    background-image: url(../../images/login-pass.png) !important;
    background-repeat: no-repeat !important;
    background-position: 10px 7px;
    padding: 10px 0 10px 40px !important;
    float: left;
    border: 1px solid #dddddd !important;
}

.btn-signin {
    width: 100% !important;
    padding: 10px !important;
}

.signin-btn {
    border: solid 1px #26962b;
    background-color: #009b3a;
    padding: 8px 15px !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-webkit-border-radius: 4px;
    width: 100px;
    text-align: center;
    color: #fff !important;
    margin: 0 0px;
    width: 100%;
    display: inline-block;
    background-image: none !important;
    margin-bottom: 10px;
    font-size: 16px !important;
}

.greenbg {
    background-color: #009a4a;
}

/* ---------------------------------------- */

/* ------------Progress indicator start--------------- */
.progressBar {
    float: left;
    width: 100%;
    border: 1px solid #d7dcdf;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    /*background-color:#f0fff1;*/
}

    .progressBar ul {
        padding: 0;
        margin: 0;
        border: 0;
    }

        .progressBar ul li {
            float: left;
            padding: 5px 25px;
            border-right: 1px solid #cad9d8;
            font-size: 15px;
            list-style: none;
            color: #525759;
            position: relative;
        }

            .progressBar ul li:last-child {
                border: none !important;
            }

            .progressBar ul li.nobdr {
                border: none !important;
            }

            .progressBar ul li img {
                display: none;
            }

            .progressBar ul li.current {
                background-color: #17a61e;
                color: #fff;
                font-weight: bold;
            }

                .progressBar ul li.current img {
                    position: absolute;
                    z-index: 100;
                    left: 46%;
                    bottom: -10px;
                    display: block !important;
                }

            .progressBar ul li span {
                background-image: url(../../Images/qoute-circle.png);
                background-repeat: no-repeat;
                text-align: center;
                color: #525759;
                font-weight: bold;
                display: inline-block;
                width: 28px;
                height: 28px;
                line-height: 28px;
                text-align: center;
                margin-right: 15px;
                font-size: 12px;
                font-weight: bold;
                margin-bottom: -1px;
            }

                .progressBar ul li span img {
                    margin: 0px 0 0 8px;
                }

/* ------------Progress indicator end--------------- */



/*------------Underwriter----------------*/

.treeView ul, .treeView li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*color:Black !important;
    list-style-type:none !important;*/
}

.ListviewHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold !important; /*background-color: #009CCC;*/
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #3fc380;
    /*background-color:#C9D7D8;*/
    height: 18px;
    line-height: 18px;
}

    .ListviewHeader td, .ListviewHeader th {
        border: solid 1px #9C9C9B;
        border-left: none;
        color: #63625D;
        font-weight: bold;
        height: 18px;
        line-height: 18px;
    }

    .ListviewHeader a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        text-decoration: underline;
    }

        .ListviewHeader a:hover {
            text-decoration: underline;
            color: #559B9D;
        }

.ListviewHLC a {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12pt;
    color: #000000 !important;
    text-decoration: underline;
}

    .ListviewHLC a:hover {
        text-decoration: underline;
        font-size: 12pt;
    }

    .ListviewHLC a:visited {
        font-size: 12pt;
        color: #000000;
        text-decoration: none;
    }

.ListviewItem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: White;
    text-align: left;
    margin: 0px;
}

    .ListviewItem td {
        border: 1px solid #9C9C9B;
        border-left: none;
        border-top: none;
        padding-left: 3px;
        padding-right: 3px;
        margin: 0px;
    }

    .ListviewItem a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-decoration: underline;
    }

        .ListviewItem a:hover {
            text-decoration: underline;
            font-size: 12px;
        }

        .ListviewItem a:visited {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #666666;
        }

.ListviewItemSelected {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*background-color: #89D0EE;*/
    background-color: #f0f0f0;
    text-align: left;
    margin: 0px;
}

    .ListviewItemSelected td {
        border: 1px solid #9C9C9B;
        border-left: none;
        border-top: none;
        padding: 3px 3px;
        margin: 0px;
    }

    .ListviewItemSelected a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-decoration: underline;
    }

        .ListviewItemSelected a:hover {
            text-decoration: underline;
            font-size: 12px;
        }

        .ListviewItemSelected a:visited {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #666666;
        }


.ListviewAltItem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #e8e8e8;
    /*background-color: #F1F5F6;*/
    text-align: left;
}

    .ListviewAltItem td {
        border: 1px solid #9C9C9B;
        border-left: none;
        border-top: none;
        padding-left: 3px;
        padding-right: 3px;
    }

    .ListviewAltItem a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-decoration: underline;
    }

        .ListviewAltItem a:hover {
            text-decoration: underline;
            font-size: 12px;
        }

        .ListviewAltItem a:visited {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #666666;
        }

.ContextMenuPanel {
    z-index: 1000;
    /*background: url(~/images/menu-bg.gif) repeat-y 0 0 #FAFAFA;*/
    cursor: default;
    padding: 1px 1px 1px 1px;
    font-size: 11px;
    background-color: #F1F5F6;
    border: #63625D 1px solid;
    margin: 15px 0px 0 0 !important;
    border:;
}

.ContextMenuItem {
    margin: 1px 0 1px 0;
    display: block;
    color: #003399;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 20px 4px 10px;
    white-space: nowrap;
}

.PreviewHeading {
    background-color: #d2d2d2;
    padding: 0px;
    margin: 0px;
    /*background: url(../../images/preview-title-bg.jpg) repeat-x left top #7c7c7c;*/
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    padding-left: 5px;
    height: 10px;
    /*padding-top: 5px;
   padding-bottom: 5px;*/
}

.PreviewHeadingOffer, .PreviewHeadingOffer span {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    line-height: 14px;
    font-weight: bold;
    padding-left: 5px;
    height: 10px;
    color: #F8971D;
}

.lightBlueBg {
    background-color: #e8f2ec;
    padding: 15px;
    border: 1px solid #c8d8ce;
}

.greensub-heading {
    font-size: 16px !important;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0 !important;
    color: #2eb135 !important;
}

.greensub-heading2 {
    font-size: 12px !important;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0 !important;
    color: #2eb135 !important;
}



.sub-heading2 {
    font-size: 14px !important;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0 !important;
    font-weight: bold;
}

.dashSubHead {
    font-size: 12px !important;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0 !important;
    font-weight: bold;
}

.orgPolicy {
    width: 325px;
    width /*\**/: 280px\9; /*IE8*/
}

.classtd {
    width: 265px;
    width /*\**/: 280px\9; /*IE8*/
}



.fadeMe {
    opacity: 0.5;
    background-color: white;
    width: 100%;
    height: 100%;
    z-index: 500000;
    top: 0;
    left: 0;
    position: fixed;
}

.loadingText {
    z-index: 500000;
    left: 37%;
    position: fixed;
    top: 45%;
}

.bulletList ul {
    list-style: square;
    padding-left: 45px;
    padding-right: 30px;
}

.pediatric {
    padding: 5px 0px 5px 10px;
    color: #FF0000;
}

.iconFrame {
    background-image: url(../../Images/MainMenu/green-circle.png);
    background-repeat: no-repeat;
    height: 57px;
    line-height: 50px;
    width: 57px;
    text-align: center;
}

    .iconFrame img {
        margin: 13px 0 0 0;
    }


.listItems ul {
    list-style: none;
    line-height: 22px !important;
}

    .listItems ul li {
    }

        .listItems ul li a {
            text-decoration: none;
        }



.StaticMenu {
    text-decoration-line: underline;
    border-bottom: 1px solid #989898;
    font-size: 18px;
    background-image: url(../../images/darkgreysmlarrow.png) !important;
    background-repeat: no-repeat;
    background-position-x: 1px;
    background-position-y: 20px;
    width: 455px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.DynMenu {
    background-color: white;
    background-image: url(../../images/graydownarrow.png) !important;
    background-repeat: no-repeat;
    background-position-x: 1px;
    background-position-y: 12px;
    padding-top: 10px;
    font-size: 15px;
    width: auto;
    min-height: 18px;
}

.txtgreen {
    color: #2eb135;
}

.plan-box--icon img {
    width: 50px;
    height: 50px;
    object-fit: contain
}

.flex-1 {
    flex: 1
}

.ind-cont-form-new {
    width: 380px;
    padding: 10px;
    background: white;
    border: 2px solid black;
    margin-left: 30px;
    margin-top: -30px;
}

.width-50 {
    width: 50%;
}

.plan-about-box {
    margin-bottom: 30px;
    align-items: center;
}

.plan-box--icon {
    margin-right: 12px;
}

.employer-info {
    padding: 10px;
    background: #a8c6a8;
    margin: -30px -45px;
    min-height: 85px;
    display: flex;
    align-items: center;
    width: 100%;
    background-image: url(../../Images/employer-img.png);
    background-repeat: no-repeat;
    background-position: right;
}

    .employer-info .employer-name h2 {
        color: #486608 !important;
    }

        .employer-info .employer-name h2 span {
            margin-top: 12px;
        }

.mt-70 {
    margin-top: 70px;
}

.ind-cont-form-new .head {
    padding: 15px;
    margin: -3px -13px !important;
    border: 2px solid black;
    color: white !important;
    background: green !important;
}

    .ind-cont-form-new .head h3 {
        margin-bottom: 0 !important;
    }

.ind-cont-form-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fafafa;
    padding: 10px 0px;
}

.plan-box--detail {
    padding-right: 40px;
}