﻿

/**************** DO NOT EDIT THIS IN PORTAL - THIS FILE IS COPIED TO PORTAL FROM MOC on every build **************/
/**************** DO NOT EDIT THIS IN PORTAL - THIS FILE IS COPIED TO PORTAL FROM MOC on every build **************/
/**************** DO NOT EDIT THIS IN PORTAL - THIS FILE IS COPIED TO PORTAL FROM MOC on every build **************/
/**************** DO NOT EDIT THIS IN PORTAL - THIS FILE IS COPIED TO PORTAL FROM MOC on every build **************/
/**************** DO NOT EDIT THIS IN PORTAL - THIS FILE IS COPIED TO PORTAL FROM MOC on every build **************/
/**************** DO NOT EDIT THIS IN PORTAL - THIS FILE IS COPIED TO PORTAL FROM MOC on every build **************/
/**************** DO NOT EDIT THIS IN PORTAL - THIS FILE IS COPIED TO PORTAL FROM MOC on every build **************/

/* MAIN CONTROL CSS GOES HERE AND WILL OVERWRITE ALL OTHER CSS INCLUDING BOOTSTRAP/FOUNDATION
----------------------------------------------------------*/



body {
    margin: 0px;
    padding: 0px;
    font-family: "Quicksand","Open Sans", Verdana, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    /*background-color: #efefed; */
    background-color: #f5f5f5;
    /*background-color:#ffffff; */
    background-color: #f5f7fa;
    background-color: #ffffff;
    letter-spacing: 0.5px;
}


label,
input,
button,
select,
textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

input,
button,
select,
textarea {
    font-family: "Quicksand","Open Sans", Verdana, Arial, sans-serif;
}

select {
    height: 30px;
    display: inline-block;
    padding: 3px 6px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}

textarea {
    display: inline-block;
    padding: 3px 6px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}


input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    height: 30px;
    padding: 3px 6px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}





input[type="radio"],
input[type="checkbox"] {
    margin: 0px;
    margin-top: 3px;
    *
  margin-top: 0;
    /* IE7 */
    margin-top: 1px \9;
    /* IE8-9 */
    line-height: normal;
}



.form-horizontal .control-group {
    margin-bottom: 8px;
    zoom: 1;
}


.btn {
    display: inline-block;
    display: inline;
    padding: 4px 12px;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    margin-bottom: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: 20px;
    margin-top: -5px;
}


.badge {
    /*padding: 2px 4px;*/
    /*padding-top: 5px;
  padding-bottom:5px;*/
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.badge-success {
    background-color: #65b589 !important;
}

.badge-important {
    background-color: #ff817b !important;
}

.badge-large {
    font-size: 16px;
    line-height: 26px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    text-transform: none;
}

.label {
    padding: 4px 5px 4px 5px;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    text-transform: uppercase;
}


.table td {
    padding: 4px;
    line-height: inherit;
    border-top: 0px solid #dddddd;
    /*padding-bottom: 0px; */
}



.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
}

.btn-small {
    font-size: 13px;
    margin-top: -10px;
    padding-top: 0px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}


/*   NEW */

.orangebox {
    background-color: Orange;
    color: White;
}


.redtext {
    color: Red;
}

.ambertext {
    color: Orange;
}

.greentext {
    color: Green;
}


.dxmLite_Metropolis .dxm-main {
    background-color: #ffffff;
    padding: 0;
}

.tabcontent {
    margin-top: 30px;
}



.checkboxspan label {
    display: inline;
    margin-left: 10px;
    vertical-align: middle;
    color: #0088cc;
    text-decoration: none;
}

.checkboxspan a:hover {
    text-decoration: underline;
    text-underline-position: under;
}


.sectionsubheader {
    color: #3a87ad;
    font-size: inherit;
    letter-spacing: 0.5px;
}

a.sectionsubheader:hover,
a.sectionsubheader:focus {
    color: #2d6987;
}

.form-actions-left {
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.form-actions-wideform {
    padding-left: 290px !important;
}

.editorbody {
    margin: 10px;
    padding: 10px;
}

.treesettings {
    margin-top: -20px;
    margin-bottom: -20px;
    padding: 0px;
}

.iconsmallbutton {
    padding: 0px;
    margin: -8px;
}

.inlinecombo {
    display: inline;
    border: 0px;
}


.btn-transparent {
    color: #ffffff;
}

.fieldlinklabel {
    display: inline;
    padding-left: 10px;
    padding-right: 7px;
    vertical-align: top;
    line-height: 30px;
}

.leftpaddinglabel {
    padding-left: 7px;
}


.smalltext {
    color: #999999;
    font-weight: normal;
    font-size: 0.9em;
    line-height: 170%;
    letter-spacing: 1px;
    text-transform: none;
}

.watermarktext {
    /*color: #999999;*/
    font-weight: normal;
    font-size: 0.9em;
    line-height: 170%;
    font-style: italic;
    padding-left: 0px;
    color: Green;
}

.bylinetext {
    color: #CC0000;
    font-weight: normal;
    font-size: 0.8em;
    font-style: italic;
}

.sitemappathtext {
    position: relative;
    color: #2b2b2b;
    font-weight: normal;
    font-size: 0.7em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.hiddentext {
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


.boldcelltext {
    font-weight: bold;
}


.radio table tbody tr:nth-child(even) {
    background-color: White;
}

.radio table tbody th, table tbody td {
    padding: 15px;
}

/* FORMS
----------------------------------------------------------*/

/*
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}
*/





/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.pageband {
    margin: 0px;
    padding: 0px;
    background-color: #efefed;
    width: 100%;
}

.pagecontent {
    padding: 20px 0px 0px 0px;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0px;
    margin-bottom: 20px;
}

.pagerow_trans {
    overflow: hidden;
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    border-style: solid none none none;
    border-width: 0px;
    border-color: #000000;
}

.pagerow_grey {
    overflow: hidden;
    width: 100%;
    margin: 10px 0px 30px 0px;
    padding: 0px;
    height: 100px;
    border-style: solid;
    border-width: 0px;
    border-color: #000000;
    /*background-color: #dedfdb; dark grey*/
    background-color: #efefed;
    overflow: hidden;
}

.topmenuband {
    margin: 0px;
    padding: 10px 0px 10px 0px;
    background-color: #262626;
    width: 100%;
    height: 30px;
    margin-bottom: 0px;
}

.topmenucontent {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 960px;
}


.breadcrumbcontent {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    /*width: 960px;*/
}

.quicklinkband {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background-color: #efefed;
    width: 100%;
    height: 30px;
    margin-bottom: 0px;
}

.quicklinkcontent {
    margin: 0px auto 0px auto;
    padding: 5px 30px 0px 0px;
    width: 960px;
}


.headerband {
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
    height: 50px;
    width: 100%;
    border-top-style: solid;
    border-top-width: 6px;
    border-top-color: #000000;
}

.headersection {
    margin: 0px auto 0px auto;
    padding: 0px;
    background: #FFFFFF;
    width: 960px;
}

.headersection {
    margin: 0px auto 0px auto;
    padding: 0px;
    background: #FFFFFF;
    width: 960px;
}

.header h1 {
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 40px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
    letter-spacing: 0px;
}

.menuband {
    margin: 0px;
    padding: 0px;
    background: white;
    height: 35px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
}

    .menuband ul li a, .menuband ul li a:visited {
        color: #660066;
        text-decoration: none;
        font-size: 16px;
    }

        .menuband ul li a:hover {
            color: #FF9933;
        }

        .menuband ul li a:active {
            color: #034af3;
        }


.menusection {
    margin: 0px auto 0px auto;
    padding: 0px;
    width: 860px;
}

.bannerband {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
    position: relative;
    visibility: hidden;
}

.banner {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
    width: 960px;
}

    .banner a:link {
        color: White;
    }

.leftCol {
    padding: 0px 0px;
    margin: 0px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footerband {
    overflow: hidden;
    color: #CCCCCC;
    padding: 20px 0px 0px 0px;
    background-color: #262626;
    min-height: 80px;
    border-top-style: solid;
    border-top-width: 7px;
    border-top-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 7px;
    border-bottom-color: #000000;
    margin-top: 100px;
}

.footerbandold {
    overflow: hidden;
    color: #CCCCCC;
    padding: 20px 0px 0px 0px;
    background-color: #262626;
    min-height: 80px;
    border-top-style: solid;
    border-top-width: 7px;
    border-top-color: #000000;
    margin-top: 30px;
}

.footercontent {
    color: #CCCCCC;
    padding: 20px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    width: 80%;
}

    .footercontent a, .footercontent a:link, .footercontent a:visited {
        color: #FFFFFF;
    }

        .footercontent a:hover {
            color: #FF9900;
        }

.clearboth {
    /*border: medium solid #000000;*/
    margin: 0px;
    clear: both;
    width: 100%;
    height: 30px;
    float: none;
}

.clearboth_noheight {
    clear: both;
}

.imgspacer {
    width: 100px;
    height: 10px;
    border-top-width: 0px;
    clear: both;
}

/* TAB MENU   
----------------------------------------------------------*/

.sitemenu {
    margin: 0px;
    padding: 0px;
}

div.hideSkiplink {
    background-color: #EBEBEB;
    width: 100%;
}

div.menu {
    padding: 4px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            /*background-color: #465c71;*/
            /*border: 1px #4e667d solid;*/
            /*color: #dde4ec;*/
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                background-color: #bfcbd6;
                color: #465c71;
                text-decoration: none;
            }

            div.menu ul li a:active {
                background-color: #465c71;
                color: #cfdbe6;
                text-decoration: none;
            }


/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.logoarea {
    display: block;
    float: left;
    width: 100%;
    height: 60px;
    background-image: url('../../images/splogo.gif');
    background-repeat: no-repeat;
    margin-top: 30px;
}

.headerrightarea {
    display: block;
    float: right;
    width: auto;
    height: 85px;
    width: 300px;
    /*background-image: url('../Images/library/gbsportlogo_300.jpg'); 
    background-repeat: no-repeat;*/
    margin-top: 13px;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: black;
}

    .loginDisplay a:link {
        color: black;
    }

    .loginDisplay a:visited {
        color: black;
    }

    .loginDisplay a:hover {
        color: black;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}



/* ONE COL LAYOUT */


.gbs_whitebkg {
    background-color: #FFFFFF;
}

.gbs_col_white {
    border-style: dotted;
    border-width: 0px;
    border-color: #C0C0C0;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    /*background-color: #ffffff;*/
}


.gbs_col_white_content {
    padding: 0px 0px 20px 0px;
    /*padding: 0px;*/
    /*border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #000000; */
    margin: 0px 20px 0px 20px;
    /*margin: 0px; */
}


/* LOGIN */


.gbs_login_white {
    border-style: dotted;
    border-width: 1px;
    border-color: #C0C0C0;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    width: 100%;
    background-color: #FFFFFF;
}

.gbs_login_white_content {
    padding: 0px 0px 20px 0px;
    /*border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #000000; */
    margin: 0px 20px 0px 20px;
}


.helparea {
    padding: 30px 10px 15px;
    margin-top: 0px;
    margin-bottom: 100px;
    background-color: #dff0d8; /*green */
    color: #468847; /* green */
    /*background-color: #fcf8e3;  tan */
    /*color: #c09853;  tan */
    /*border-top: 1px solid #e5e5e5;*/
    * zoom: 1;
}


.optionsarea {
    /*padding: 20px 0px 20px 0px; */
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    background-color: #f5f7fa;
    /*border-top: 1px solid #e5e5e5;*/
    *zoom: 1;
}

.optionstoolbar {
    padding: 0px 10px 0px;
    border: 0px;
    background-color: #f5f5f5;
}

.helppanel {
    padding: 0px 10px 10px 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.formbuttontoolbar {
    padding: 15px 10px 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

.formbuttontoolbar_white {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #FFFFFF;
    *zoom: 1;
}


.contactimagecontainer {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

.invoiceitemarea {
    padding: 10px 10px 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}


.slidemenuarea {
    padding: 20px 0px 20px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    /*background-color: #f5f5f5;*/
    *zoom: 1;
    background-color: #f1f1f1;
    background-color: #ffffff;
}


/* ----------
/* --------------------------------------------------------------------------- 

/* TWO COL LAYOUT */

.gbs_LeftOf2_630_white {
    border-style: dotted;
    border-width: 1px;
    border-color: #C0C0C0;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    width: 630px;
    float: left;
    background-color: #FFFFFF;
}

.gbs_LeftOf2_630_white_content {
    padding: 0px 0px 20px 0px;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #000000;
    margin: 0px 20px 0px 20px;
}

.gbs_RightOf2_300_white {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    width: 300px;
    float: left;
    background-color: #FFFFFF;
    border-style: dotted;
    border-width: 1px;
    border-color: #C0C0C0;
}

.gbs_RightOf2_300_white_content {
    padding: 0px 0px 20px 0px;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #000000;
    margin: 0px 20px 0px 20px;
}


.gbs_RightOf2_300_trans /* diesn't need content class as there are no borders */ {
    padding: 0px 0px 20px 0px;
    width: 300px;
    float: left;
}


/* ONE COL WITH MENU ON RIGHT LAYOUT */


.gbs_col700_white {
    border-style: dotted;
    border-width: 1px;
    border-color: #C0C0C0;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    width: 700px;
    float: left;
    background-color: #FFFFFF;
}

.gbs_col700_white_content {
    padding: 0px 0px 20px 0px;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #000000;
    margin: 0px 20px 0px 20px;
}

.gbs_col190_white {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    width: 190px;
    float: left;
    background-color: #FFFFFF;
    border-style: dotted;
    border-width: 1px;
    border-color: #C0C0C0;
}

.gbs_col190_white_content {
    padding: 0px 20px 20px 0px;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #000000;
    margin: 0px 20px 0px 20px;
}


.gbs_col190_trans {
    padding: 0px 0px 0px 0px;
    width: 210px;
    float: left;
}


/* --------------------------------------------------------------------------- 

GREY COLUMNS

*/
.gbs_greylinkbox1 {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 20px;
    width: 200px;
    height: 100px;
    float: left;
    /*background-color: #dedfdb;*/
    background-image: url('../Images/library/ucoach.jpg');
    background-repeat: no-repeat;
}

.gbs_greylinkbox2 {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 20px;
    width: 200px;
    height: 100px;
    float: left;
    /*background-color: #dedfdb;*/
    background-image: url('../Images/library/uadmin.jpg');
    background-repeat: no-repeat;
}

.gbs_greylinkbox3 {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 20px;
    width: 200px;
    height: 100px;
    float: left;
    /*background-color: #dedfdb;*/
    background-image: url('../Images/library/ungb.jpg');
    background-repeat: no-repeat;
}

.gbs_greylinkbox4 {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 20px;
    width: 200px;
    height: 100px;
    float: left;
    /*background-color: #dedfdb;*/
    background-image: url('../Images/library/uclub.jpg');
    background-repeat: no-repeat;
}

.panellink /* used to make the grey box a clickable box */ {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

a:hover span {
    /*background-color: #333333;
    color: #FFFFFF;*/
}

/* --------------------------------------------------------------------------- 

NEWS COLUMNS

*/

.gbs_news_left_white {
    margin: 0px 20px 10px 0px;
    padding: 0px;
    width: 285px;
    float: left;
}

.gbs_news_right_white {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    width: 285px;
    float: left;
}

.sectionmenu {
    margin: 0px;
    padding: 0px;
}

    .sectionmenu a:link, a:visited {
        /*color: #3366CC;*/
        padding-top: 0px;
        padding-bottom: 5px;
        margin: 0px;
    }

    .sectionmenu a:hover {
        color: #FF9900;
    }


/* --------------------------------------------------------------------------- 

/* gbs_leftcol MENU settings */

.gbs_leftcol ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

    .gbs_leftcol ul li a, .gbs_leftcol ul li a:visited {
        display: block;
        padding: 5px 0px 5px 0px;
        text-decoration: none;
        white-space: nowrap;
        color: #0099FF;
        font-size: 12px;
        /*background: url(../images/img07.gif) no-repeat 0 10px;*/
    }

        .gbs_leftcol ul li a:hover {
            color: #FF9900;
            text-decoration: none;
        }

        .gbs_leftcol ul li a:active {
            color: #0099FF;
            text-decoration: none;
        }


/* */

.imgleft {
    float: left;
    margin-top: 0px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-left: 0px;
}

.imgright {
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 30px;
}

.imgcentre {
    margin: 0px auto 0px auto;
}

.listgreen {
    font-family: "Quicksand","Open Sans", Verdana, Arial, sans-serif;
    font-size: 1em;
}

    .listgreen li {
        color: #669900;
        display: block;
        padding-top: 0px;
        padding-left: 30px;
        background-image: url('../images/bulletgreen.gif');
        background-repeat: no-repeat;
        background-position: 10px;
    }

        .listgreen li a {
            color: #1777B1;
            display: block;
        }

            .listgreen li a:hover {
                color: #FF7400;
                display: block;
                text-decoration: none;
            }

.bulletliststd {
    font-family: "Quicksand","Open Sans", Verdana, Arial, sans-serif;
    font-size: 1em;
}

    .bulletliststd li {
        color: #999999;
        display: block;
        padding-top: 0px;
        padding-left: 30px;
    }

        .bulletliststd li a {
            color: #1777B1;
            display: block;
        }

            .bulletliststd li a:hover {
                color: #FF7400;
                display: block;
                text-decoration: none;
            }


/* --------------------------------------------------------------------------- 

/* title settings */


.newsitem {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    width: 100%;
    overflow: hidden;
}

    .newsitem img {
        float: left;
        margin: 0px 16px 0 0;
    }

.gbs_textbox {
    margin: 0px;
    padding: 0px 20px 0px 20px;
}


.quicklinkmenu {
    display: inline;
    font-family: "Quicksand","Open Sans", Verdana, Arial, sans-serif;
    font-size: 12px;
    float: right;
}

    .quicklinkmenu ul {
        display: inline;
        list-style-type: none;
        margin: 0px;
        padding: 10px;
        width: auto;
    }

        .quicklinkmenu ul li {
            display: inline;
            padding-bottom: 0px;
            padding-top: 0px;
            padding-left: 15px;
            /*border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #000000; */
        }

            .quicklinkmenu ul li a, .quicklinkmenu ul li a:visited {
                text-decoration: none;
                color: #FFFFFF;
            }

                .quicklinkmenu ul li a:hover {
                    /*background-color: #bfcbd6;*/
                    /*color: #465c71; */
                    text-decoration: underline;
                    text-underline-position: under;
                }

.newsList a:link {
    /* text-decoration:none; */
    color: #465c71;
    text-decoration: underline;
    text-underline-position: under;
}


.topmenusection {
    margin: 0;
    padding: 0px;
    float: right;
}

    .topmenusection ul {
        margin: 0px auto 0px auto;
        padding: 2px 0 0 0;
        list-style-type: none;
    }

        .topmenusection ul li {
            float: left;
            padding-left: 4px;
        }

            .topmenusection ul li a {
                position: relative;
                float: left;
                font-size: 14px;
                text-decoration: none;
                color: white;
                /*text-transform:uppercase; */
                height: 32px;
                line-height: 32px;
                /* background-color:#181717; */
                padding: 0 10px 0 10px;
                border-radius: 17px;
                -moz-border-radius: 17px;
                -webkit-border-radius: 17px;
            }

                .topmenusection ul li a:hover {
                    border-bottom: 3px solid yellow;
                }

                .topmenusection ul li a:active {
                }


.node-blue {
    color: #4169e1;
    text-decoration: none;
    padding: 0px 3px 1px 7px;
    line-height: 20px;
    vertical-align: middle;
}

.node-green {
    color: #006400;
    text-decoration: none;
    padding: 0px 3px 1px 7px;
    line-height: 20px;
    vertical-align: middle;
}

.node-black {
    color: #000000;
    text-decoration: none;
    padding: 0px 3px 1px 5px;
    line-height: 20px;
    vertical-align: middle;
}

.node-blackroot {
    color: #000000;
    text-decoration: none;
    padding: 0px 3px 20px 5px;
    line-height: 20px;
    vertical-align: middle;
}

.node-black a {
    color: #000000;
}

.node-red {
    color: #FF6347;
    text-decoration: none;
    padding: 0px 3px 1px 7px;
    line-height: 20px;
    vertical-align: middle;
}

.node-black ul {
    color: #000000;
}

    .node-black ul li {
        color: #000000;
    }

        .node-black ul li a {
            color: #000000;
        }

.node-black .node-blue {
    color: #4169e1;
}

.node-black .node-red {
    color: #FF6347;
}

.node-black .node-green {
    color: #009933;
}


.hidethiscolumn {
    display: none;
}





.daypilotmenu_main {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 10pt;
    border: 1px solid gray;
    background-color: white;
    padding: 2px;
    cursor: default;
    background-image: url('media/elements/context_menu/bg3white.png');
    background-repeat: repeat-y;
}

    .daypilotmenu_main a {
        padding-left: 35px;
        color: black;
        text-decoration: none;
        cursor: default;
    }

        .daypilotmenu_main a span {
            display: block;
            height: 20px;
            line-height: 20px;
            width: 100px;
            padding-left: 2px;
            padding-right: 20px;
        }

        .daypilotmenu_main a:hover {
            background-image: url('media/elements/context_menu/left.png');
            background-repeat: no-repeat;
        }

            .daypilotmenu_main a:hover span {
                background-image: url('media/elements/context_menu/right.png');
                background-repeat: no-repeat;
                background-position: 100%;
            }

    .daypilotmenu_main div div /* separator */ {
        border-top: 1px solid #dddddd;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 28px;
    }


.floatbadgeright {
    float: right;
    padding-top: -20px;
    margin-top: -20px;
}

.progress {
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 45%;
    top: 50%;
    white-space: nowrap;
    padding: 0px;
    /*background-color: #FFFFFF;*/
}

.progresswebpage {
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 45%;
    top: 20%;
    white-space: nowrap;
    padding: 0px;
    /*background-color: #FFFFFF;*/
}


/* Month silver theme */
.month_silver_header {
    background-image: url(Media/month_silver_top20.gif);
    background-repeat: repeat-x;
    background-color: #CFCFCF;
}

.month_silver_event {
    background-image: url(Media/month_silver_event20.gif);
    background-repeat: repeat-x;
    background-color: #CFCFCF;
}


.imagecentrescreen {
    position: fixed;
    top: 44%;
    left: 48%;
    width: 66px;
    z-index: 10000;
}


.tableindent table {
    margin-left: 0px;
    margin-top: 0px;
}


.features {
    text-align: center;
}

    .features hr {
        width: 25%;
        margin: 1rem auto;
    }

    .features .round-icon {
        background-color: #E87E04;
        border-radius: 50%;
        display: table;
        height: 100px;
        margin: 1px auto 1rem;
        width: 100px;
        font-size: 3rem;
    }

        .features .round-icon span {
            color: #fff;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

@media only screen and (max-width: 40em) {
    .features .columns {
        margin-bottom: 5rem;
    }
}





/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
    position: absolute;
    border: 0.08em solid #62bb30;
    width: 0.84em;
    height: 0.84em;
    clip: rect(0em, 0.5em, 1em, 0em);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    /*float: right;*/
    margin: 0 0.1em 0.1em 0;
    /*background-color: #cccccc; */
}

    .c100 *, .c100 *:before, .c100 *:after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .c100.center {
        float: none;
        margin: 0 auto;
    }

    .c100.big {
        font-size: 240px;
    }

    .c100.small {
        font-size: 50px;
        height: 20px;
        width: 1px;
    }

    .c100 > span {
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        width: 5em;
        line-height: 5em;
        font-size: 0.2em;
        color: #cccccc;
        display: block;
        text-align: center;
        white-space: nowrap;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        width: 4.0em;
        line-height: 3.7em;
        font-size: 0.26em;
        color: #307bbb;
    }

    .c100:after {
        position: absolute;
        top: 0.08em;
        left: 0.08em;
        display: block;
        content: " ";
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: white;
        width: 0.84em;
        height: 0.84em;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    .c100 .slice {
        position: absolute;
        width: 1em;
        height: 1em;
        clip: rect(0em, 1em, 1em, 0.5em);
    }

    .c100.p1 .bar {
        -webkit-transform: rotate(3.6deg);
        -moz-transform: rotate(3.6deg);
        -ms-transform: rotate(3.6deg);
        -o-transform: rotate(3.6deg);
        transform: rotate(3.6deg);
    }

    .c100.p2 .bar {
        -webkit-transform: rotate(7.2deg);
        -moz-transform: rotate(7.2deg);
        -ms-transform: rotate(7.2deg);
        -o-transform: rotate(7.2deg);
        transform: rotate(7.2deg);
    }

    .c100.p3 .bar {
        -webkit-transform: rotate(10.8deg);
        -moz-transform: rotate(10.8deg);
        -ms-transform: rotate(10.8deg);
        -o-transform: rotate(10.8deg);
        transform: rotate(10.8deg);
    }

    .c100.p4 .bar {
        -webkit-transform: rotate(14.4deg);
        -moz-transform: rotate(14.4deg);
        -ms-transform: rotate(14.4deg);
        -o-transform: rotate(14.4deg);
        transform: rotate(14.4deg);
    }

    .c100.p5 .bar {
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        -o-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    .c100.p6 .bar {
        -webkit-transform: rotate(21.6deg);
        -moz-transform: rotate(21.6deg);
        -ms-transform: rotate(21.6deg);
        -o-transform: rotate(21.6deg);
        transform: rotate(21.6deg);
    }

    .c100.p7 .bar {
        -webkit-transform: rotate(25.2deg);
        -moz-transform: rotate(25.2deg);
        -ms-transform: rotate(25.2deg);
        -o-transform: rotate(25.2deg);
        transform: rotate(25.2deg);
    }

    .c100.p8 .bar {
        -webkit-transform: rotate(28.8deg);
        -moz-transform: rotate(28.8deg);
        -ms-transform: rotate(28.8deg);
        -o-transform: rotate(28.8deg);
        transform: rotate(28.8deg);
    }

    .c100.p9 .bar {
        -webkit-transform: rotate(32.4deg);
        -moz-transform: rotate(32.4deg);
        -ms-transform: rotate(32.4deg);
        -o-transform: rotate(32.4deg);
        transform: rotate(32.4deg);
    }

    .c100.p10 .bar {
        -webkit-transform: rotate(36deg);
        -moz-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        -o-transform: rotate(36deg);
        transform: rotate(36deg);
    }

    .c100.p11 .bar {
        -webkit-transform: rotate(39.6deg);
        -moz-transform: rotate(39.6deg);
        -ms-transform: rotate(39.6deg);
        -o-transform: rotate(39.6deg);
        transform: rotate(39.6deg);
    }

    .c100.p12 .bar {
        -webkit-transform: rotate(43.2deg);
        -moz-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        -o-transform: rotate(43.2deg);
        transform: rotate(43.2deg);
    }

    .c100.p13 .bar {
        -webkit-transform: rotate(46.8deg);
        -moz-transform: rotate(46.8deg);
        -ms-transform: rotate(46.8deg);
        -o-transform: rotate(46.8deg);
        transform: rotate(46.8deg);
    }

    .c100.p14 .bar {
        -webkit-transform: rotate(50.4deg);
        -moz-transform: rotate(50.4deg);
        -ms-transform: rotate(50.4deg);
        -o-transform: rotate(50.4deg);
        transform: rotate(50.4deg);
    }

    .c100.p15 .bar {
        -webkit-transform: rotate(54deg);
        -moz-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        -o-transform: rotate(54deg);
        transform: rotate(54deg);
    }

    .c100.p16 .bar {
        -webkit-transform: rotate(57.6deg);
        -moz-transform: rotate(57.6deg);
        -ms-transform: rotate(57.6deg);
        -o-transform: rotate(57.6deg);
        transform: rotate(57.6deg);
    }

    .c100.p17 .bar {
        -webkit-transform: rotate(61.2deg);
        -moz-transform: rotate(61.2deg);
        -ms-transform: rotate(61.2deg);
        -o-transform: rotate(61.2deg);
        transform: rotate(61.2deg);
    }

    .c100.p18 .bar {
        -webkit-transform: rotate(64.8deg);
        -moz-transform: rotate(64.8deg);
        -ms-transform: rotate(64.8deg);
        -o-transform: rotate(64.8deg);
        transform: rotate(64.8deg);
    }

    .c100.p19 .bar {
        -webkit-transform: rotate(68.4deg);
        -moz-transform: rotate(68.4deg);
        -ms-transform: rotate(68.4deg);
        -o-transform: rotate(68.4deg);
        transform: rotate(68.4deg);
    }

    .c100.p20 .bar {
        -webkit-transform: rotate(72deg);
        -moz-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        -o-transform: rotate(72deg);
        transform: rotate(72deg);
    }

    .c100.p21 .bar {
        -webkit-transform: rotate(75.6deg);
        -moz-transform: rotate(75.6deg);
        -ms-transform: rotate(75.6deg);
        -o-transform: rotate(75.6deg);
        transform: rotate(75.6deg);
    }

    .c100.p22 .bar {
        -webkit-transform: rotate(79.2deg);
        -moz-transform: rotate(79.2deg);
        -ms-transform: rotate(79.2deg);
        -o-transform: rotate(79.2deg);
        transform: rotate(79.2deg);
    }

    .c100.p23 .bar {
        -webkit-transform: rotate(82.8deg);
        -moz-transform: rotate(82.8deg);
        -ms-transform: rotate(82.8deg);
        -o-transform: rotate(82.8deg);
        transform: rotate(82.8deg);
    }

    .c100.p24 .bar {
        -webkit-transform: rotate(86.4deg);
        -moz-transform: rotate(86.4deg);
        -ms-transform: rotate(86.4deg);
        -o-transform: rotate(86.4deg);
        transform: rotate(86.4deg);
    }

    .c100.p25 .bar {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .c100.p26 .bar {
        -webkit-transform: rotate(93.6deg);
        -moz-transform: rotate(93.6deg);
        -ms-transform: rotate(93.6deg);
        -o-transform: rotate(93.6deg);
        transform: rotate(93.6deg);
    }

    .c100.p27 .bar {
        -webkit-transform: rotate(97.2deg);
        -moz-transform: rotate(97.2deg);
        -ms-transform: rotate(97.2deg);
        -o-transform: rotate(97.2deg);
        transform: rotate(97.2deg);
    }

    .c100.p28 .bar {
        -webkit-transform: rotate(100.8deg);
        -moz-transform: rotate(100.8deg);
        -ms-transform: rotate(100.8deg);
        -o-transform: rotate(100.8deg);
        transform: rotate(100.8deg);
    }

    .c100.p29 .bar {
        -webkit-transform: rotate(104.4deg);
        -moz-transform: rotate(104.4deg);
        -ms-transform: rotate(104.4deg);
        -o-transform: rotate(104.4deg);
        transform: rotate(104.4deg);
    }

    .c100.p30 .bar {
        -webkit-transform: rotate(108deg);
        -moz-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        -o-transform: rotate(108deg);
        transform: rotate(108deg);
    }

    .c100.p31 .bar {
        -webkit-transform: rotate(111.6deg);
        -moz-transform: rotate(111.6deg);
        -ms-transform: rotate(111.6deg);
        -o-transform: rotate(111.6deg);
        transform: rotate(111.6deg);
    }

    .c100.p32 .bar {
        -webkit-transform: rotate(115.2deg);
        -moz-transform: rotate(115.2deg);
        -ms-transform: rotate(115.2deg);
        -o-transform: rotate(115.2deg);
        transform: rotate(115.2deg);
    }

    .c100.p33 .bar {
        -webkit-transform: rotate(118.8deg);
        -moz-transform: rotate(118.8deg);
        -ms-transform: rotate(118.8deg);
        -o-transform: rotate(118.8deg);
        transform: rotate(118.8deg);
    }

    .c100.p34 .bar {
        -webkit-transform: rotate(122.4deg);
        -moz-transform: rotate(122.4deg);
        -ms-transform: rotate(122.4deg);
        -o-transform: rotate(122.4deg);
        transform: rotate(122.4deg);
    }

    .c100.p35 .bar {
        -webkit-transform: rotate(126deg);
        -moz-transform: rotate(126deg);
        -ms-transform: rotate(126deg);
        -o-transform: rotate(126deg);
        transform: rotate(126deg);
    }

    .c100.p36 .bar {
        -webkit-transform: rotate(129.6deg);
        -moz-transform: rotate(129.6deg);
        -ms-transform: rotate(129.6deg);
        -o-transform: rotate(129.6deg);
        transform: rotate(129.6deg);
    }

    .c100.p37 .bar {
        -webkit-transform: rotate(133.2deg);
        -moz-transform: rotate(133.2deg);
        -ms-transform: rotate(133.2deg);
        -o-transform: rotate(133.2deg);
        transform: rotate(133.2deg);
    }

    .c100.p38 .bar {
        -webkit-transform: rotate(136.8deg);
        -moz-transform: rotate(136.8deg);
        -ms-transform: rotate(136.8deg);
        -o-transform: rotate(136.8deg);
        transform: rotate(136.8deg);
    }

    .c100.p39 .bar {
        -webkit-transform: rotate(140.4deg);
        -moz-transform: rotate(140.4deg);
        -ms-transform: rotate(140.4deg);
        -o-transform: rotate(140.4deg);
        transform: rotate(140.4deg);
    }

    .c100.p40 .bar {
        -webkit-transform: rotate(144deg);
        -moz-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        -o-transform: rotate(144deg);
        transform: rotate(144deg);
    }

    .c100.p41 .bar {
        -webkit-transform: rotate(147.6deg);
        -moz-transform: rotate(147.6deg);
        -ms-transform: rotate(147.6deg);
        -o-transform: rotate(147.6deg);
        transform: rotate(147.6deg);
    }

    .c100.p42 .bar {
        -webkit-transform: rotate(151.2deg);
        -moz-transform: rotate(151.2deg);
        -ms-transform: rotate(151.2deg);
        -o-transform: rotate(151.2deg);
        transform: rotate(151.2deg);
    }

    .c100.p43 .bar {
        -webkit-transform: rotate(154.8deg);
        -moz-transform: rotate(154.8deg);
        -ms-transform: rotate(154.8deg);
        -o-transform: rotate(154.8deg);
        transform: rotate(154.8deg);
    }

    .c100.p44 .bar {
        -webkit-transform: rotate(158.4deg);
        -moz-transform: rotate(158.4deg);
        -ms-transform: rotate(158.4deg);
        -o-transform: rotate(158.4deg);
        transform: rotate(158.4deg);
    }

    .c100.p45 .bar {
        -webkit-transform: rotate(162deg);
        -moz-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        -o-transform: rotate(162deg);
        transform: rotate(162deg);
    }

    .c100.p46 .bar {
        -webkit-transform: rotate(165.6deg);
        -moz-transform: rotate(165.6deg);
        -ms-transform: rotate(165.6deg);
        -o-transform: rotate(165.6deg);
        transform: rotate(165.6deg);
    }

    .c100.p47 .bar {
        -webkit-transform: rotate(169.2deg);
        -moz-transform: rotate(169.2deg);
        -ms-transform: rotate(169.2deg);
        -o-transform: rotate(169.2deg);
        transform: rotate(169.2deg);
    }

    .c100.p48 .bar {
        -webkit-transform: rotate(172.8deg);
        -moz-transform: rotate(172.8deg);
        -ms-transform: rotate(172.8deg);
        -o-transform: rotate(172.8deg);
        transform: rotate(172.8deg);
    }

    .c100.p49 .bar {
        -webkit-transform: rotate(176.4deg);
        -moz-transform: rotate(176.4deg);
        -ms-transform: rotate(176.4deg);
        -o-transform: rotate(176.4deg);
        transform: rotate(176.4deg);
    }

    .c100.p50 .bar {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .c100.p51 .bar {
        -webkit-transform: rotate(183.6deg);
        -moz-transform: rotate(183.6deg);
        -ms-transform: rotate(183.6deg);
        -o-transform: rotate(183.6deg);
        transform: rotate(183.6deg);
    }

    .c100.p52 .bar {
        -webkit-transform: rotate(187.2deg);
        -moz-transform: rotate(187.2deg);
        -ms-transform: rotate(187.2deg);
        -o-transform: rotate(187.2deg);
        transform: rotate(187.2deg);
    }

    .c100.p53 .bar {
        -webkit-transform: rotate(190.8deg);
        -moz-transform: rotate(190.8deg);
        -ms-transform: rotate(190.8deg);
        -o-transform: rotate(190.8deg);
        transform: rotate(190.8deg);
    }

    .c100.p54 .bar {
        -webkit-transform: rotate(194.4deg);
        -moz-transform: rotate(194.4deg);
        -ms-transform: rotate(194.4deg);
        -o-transform: rotate(194.4deg);
        transform: rotate(194.4deg);
    }

    .c100.p55 .bar {
        -webkit-transform: rotate(198deg);
        -moz-transform: rotate(198deg);
        -ms-transform: rotate(198deg);
        -o-transform: rotate(198deg);
        transform: rotate(198deg);
    }

    .c100.p56 .bar {
        -webkit-transform: rotate(201.6deg);
        -moz-transform: rotate(201.6deg);
        -ms-transform: rotate(201.6deg);
        -o-transform: rotate(201.6deg);
        transform: rotate(201.6deg);
    }

    .c100.p57 .bar {
        -webkit-transform: rotate(205.2deg);
        -moz-transform: rotate(205.2deg);
        -ms-transform: rotate(205.2deg);
        -o-transform: rotate(205.2deg);
        transform: rotate(205.2deg);
    }

    .c100.p58 .bar {
        -webkit-transform: rotate(208.8deg);
        -moz-transform: rotate(208.8deg);
        -ms-transform: rotate(208.8deg);
        -o-transform: rotate(208.8deg);
        transform: rotate(208.8deg);
    }

    .c100.p59 .bar {
        -webkit-transform: rotate(212.4deg);
        -moz-transform: rotate(212.4deg);
        -ms-transform: rotate(212.4deg);
        -o-transform: rotate(212.4deg);
        transform: rotate(212.4deg);
    }

    .c100.p60 .bar {
        -webkit-transform: rotate(216deg);
        -moz-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        -o-transform: rotate(216deg);
        transform: rotate(216deg);
    }

    .c100.p61 .bar {
        -webkit-transform: rotate(219.6deg);
        -moz-transform: rotate(219.6deg);
        -ms-transform: rotate(219.6deg);
        -o-transform: rotate(219.6deg);
        transform: rotate(219.6deg);
    }

    .c100.p62 .bar {
        -webkit-transform: rotate(223.2deg);
        -moz-transform: rotate(223.2deg);
        -ms-transform: rotate(223.2deg);
        -o-transform: rotate(223.2deg);
        transform: rotate(223.2deg);
    }

    .c100.p63 .bar {
        -webkit-transform: rotate(226.8deg);
        -moz-transform: rotate(226.8deg);
        -ms-transform: rotate(226.8deg);
        -o-transform: rotate(226.8deg);
        transform: rotate(226.8deg);
    }

    .c100.p64 .bar {
        -webkit-transform: rotate(230.4deg);
        -moz-transform: rotate(230.4deg);
        -ms-transform: rotate(230.4deg);
        -o-transform: rotate(230.4deg);
        transform: rotate(230.4deg);
    }

    .c100.p65 .bar {
        -webkit-transform: rotate(234deg);
        -moz-transform: rotate(234deg);
        -ms-transform: rotate(234deg);
        -o-transform: rotate(234deg);
        transform: rotate(234deg);
    }

    .c100.p66 .bar {
        -webkit-transform: rotate(237.6deg);
        -moz-transform: rotate(237.6deg);
        -ms-transform: rotate(237.6deg);
        -o-transform: rotate(237.6deg);
        transform: rotate(237.6deg);
    }

    .c100.p67 .bar {
        -webkit-transform: rotate(241.2deg);
        -moz-transform: rotate(241.2deg);
        -ms-transform: rotate(241.2deg);
        -o-transform: rotate(241.2deg);
        transform: rotate(241.2deg);
    }

    .c100.p68 .bar {
        -webkit-transform: rotate(244.8deg);
        -moz-transform: rotate(244.8deg);
        -ms-transform: rotate(244.8deg);
        -o-transform: rotate(244.8deg);
        transform: rotate(244.8deg);
    }

    .c100.p69 .bar {
        -webkit-transform: rotate(248.4deg);
        -moz-transform: rotate(248.4deg);
        -ms-transform: rotate(248.4deg);
        -o-transform: rotate(248.4deg);
        transform: rotate(248.4deg);
    }

    .c100.p70 .bar {
        -webkit-transform: rotate(252deg);
        -moz-transform: rotate(252deg);
        -ms-transform: rotate(252deg);
        -o-transform: rotate(252deg);
        transform: rotate(252deg);
    }

    .c100.p71 .bar {
        -webkit-transform: rotate(255.6deg);
        -moz-transform: rotate(255.6deg);
        -ms-transform: rotate(255.6deg);
        -o-transform: rotate(255.6deg);
        transform: rotate(255.6deg);
    }

    .c100.p72 .bar {
        -webkit-transform: rotate(259.2deg);
        -moz-transform: rotate(259.2deg);
        -ms-transform: rotate(259.2deg);
        -o-transform: rotate(259.2deg);
        transform: rotate(259.2deg);
    }

    .c100.p73 .bar {
        -webkit-transform: rotate(262.8deg);
        -moz-transform: rotate(262.8deg);
        -ms-transform: rotate(262.8deg);
        -o-transform: rotate(262.8deg);
        transform: rotate(262.8deg);
    }

    .c100.p74 .bar {
        -webkit-transform: rotate(266.4deg);
        -moz-transform: rotate(266.4deg);
        -ms-transform: rotate(266.4deg);
        -o-transform: rotate(266.4deg);
        transform: rotate(266.4deg);
    }

    .c100.p75 .bar {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .c100.p76 .bar {
        -webkit-transform: rotate(273.6deg);
        -moz-transform: rotate(273.6deg);
        -ms-transform: rotate(273.6deg);
        -o-transform: rotate(273.6deg);
        transform: rotate(273.6deg);
    }

    .c100.p77 .bar {
        -webkit-transform: rotate(277.2deg);
        -moz-transform: rotate(277.2deg);
        -ms-transform: rotate(277.2deg);
        -o-transform: rotate(277.2deg);
        transform: rotate(277.2deg);
    }

    .c100.p78 .bar {
        -webkit-transform: rotate(280.8deg);
        -moz-transform: rotate(280.8deg);
        -ms-transform: rotate(280.8deg);
        -o-transform: rotate(280.8deg);
        transform: rotate(280.8deg);
    }

    .c100.p79 .bar {
        -webkit-transform: rotate(284.4deg);
        -moz-transform: rotate(284.4deg);
        -ms-transform: rotate(284.4deg);
        -o-transform: rotate(284.4deg);
        transform: rotate(284.4deg);
    }

    .c100.p80 .bar {
        -webkit-transform: rotate(288deg);
        -moz-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        -o-transform: rotate(288deg);
        transform: rotate(288deg);
    }

    .c100.p81 .bar {
        -webkit-transform: rotate(291.6deg);
        -moz-transform: rotate(291.6deg);
        -ms-transform: rotate(291.6deg);
        -o-transform: rotate(291.6deg);
        transform: rotate(291.6deg);
    }

    .c100.p82 .bar {
        -webkit-transform: rotate(295.2deg);
        -moz-transform: rotate(295.2deg);
        -ms-transform: rotate(295.2deg);
        -o-transform: rotate(295.2deg);
        transform: rotate(295.2deg);
    }

    .c100.p83 .bar {
        -webkit-transform: rotate(298.8deg);
        -moz-transform: rotate(298.8deg);
        -ms-transform: rotate(298.8deg);
        -o-transform: rotate(298.8deg);
        transform: rotate(298.8deg);
    }

    .c100.p84 .bar {
        -webkit-transform: rotate(302.4deg);
        -moz-transform: rotate(302.4deg);
        -ms-transform: rotate(302.4deg);
        -o-transform: rotate(302.4deg);
        transform: rotate(302.4deg);
    }

    .c100.p85 .bar {
        -webkit-transform: rotate(306deg);
        -moz-transform: rotate(306deg);
        -ms-transform: rotate(306deg);
        -o-transform: rotate(306deg);
        transform: rotate(306deg);
    }

    .c100.p86 .bar {
        -webkit-transform: rotate(309.6deg);
        -moz-transform: rotate(309.6deg);
        -ms-transform: rotate(309.6deg);
        -o-transform: rotate(309.6deg);
        transform: rotate(309.6deg);
    }

    .c100.p87 .bar {
        -webkit-transform: rotate(313.2deg);
        -moz-transform: rotate(313.2deg);
        -ms-transform: rotate(313.2deg);
        -o-transform: rotate(313.2deg);
        transform: rotate(313.2deg);
    }

    .c100.p88 .bar {
        -webkit-transform: rotate(316.8deg);
        -moz-transform: rotate(316.8deg);
        -ms-transform: rotate(316.8deg);
        -o-transform: rotate(316.8deg);
        transform: rotate(316.8deg);
    }

    .c100.p89 .bar {
        -webkit-transform: rotate(320.4deg);
        -moz-transform: rotate(320.4deg);
        -ms-transform: rotate(320.4deg);
        -o-transform: rotate(320.4deg);
        transform: rotate(320.4deg);
    }

    .c100.p90 .bar {
        -webkit-transform: rotate(324deg);
        -moz-transform: rotate(324deg);
        -ms-transform: rotate(324deg);
        -o-transform: rotate(324deg);
        transform: rotate(324deg);
    }

    .c100.p91 .bar {
        -webkit-transform: rotate(327.6deg);
        -moz-transform: rotate(327.6deg);
        -ms-transform: rotate(327.6deg);
        -o-transform: rotate(327.6deg);
        transform: rotate(327.6deg);
    }

    .c100.p92 .bar {
        -webkit-transform: rotate(331.2deg);
        -moz-transform: rotate(331.2deg);
        -ms-transform: rotate(331.2deg);
        -o-transform: rotate(331.2deg);
        transform: rotate(331.2deg);
    }

    .c100.p93 .bar {
        -webkit-transform: rotate(334.8deg);
        -moz-transform: rotate(334.8deg);
        -ms-transform: rotate(334.8deg);
        -o-transform: rotate(334.8deg);
        transform: rotate(334.8deg);
    }

    .c100.p94 .bar {
        -webkit-transform: rotate(338.4deg);
        -moz-transform: rotate(338.4deg);
        -ms-transform: rotate(338.4deg);
        -o-transform: rotate(338.4deg);
        transform: rotate(338.4deg);
    }

    .c100.p95 .bar {
        -webkit-transform: rotate(342deg);
        -moz-transform: rotate(342deg);
        -ms-transform: rotate(342deg);
        -o-transform: rotate(342deg);
        transform: rotate(342deg);
    }

    .c100.p96 .bar {
        -webkit-transform: rotate(345.6deg);
        -moz-transform: rotate(345.6deg);
        -ms-transform: rotate(345.6deg);
        -o-transform: rotate(345.6deg);
        transform: rotate(345.6deg);
    }

    .c100.p97 .bar {
        -webkit-transform: rotate(349.2deg);
        -moz-transform: rotate(349.2deg);
        -ms-transform: rotate(349.2deg);
        -o-transform: rotate(349.2deg);
        transform: rotate(349.2deg);
    }

    .c100.p98 .bar {
        -webkit-transform: rotate(352.8deg);
        -moz-transform: rotate(352.8deg);
        -ms-transform: rotate(352.8deg);
        -o-transform: rotate(352.8deg);
        transform: rotate(352.8deg);
    }

    .c100.p99 .bar {
        -webkit-transform: rotate(356.4deg);
        -moz-transform: rotate(356.4deg);
        -ms-transform: rotate(356.4deg);
        -o-transform: rotate(356.4deg);
        transform: rotate(356.4deg);
    }

    .c100.p100 .bar {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .c100:hover {
        cursor: default;
    }

        .c100:hover > span {
            /*width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb; */
        }

        .c100:hover:after {
            top: 0.04em;
            left: 0.04em;
            width: 0.92em;
            height: 0.92em;
        }

    .c100.dark {
        background-color: #777777;
    }

        .c100.dark .bar,
        .c100.dark .fill {
            border-color: #c6ff00 !important;
        }

        .c100.dark > span {
            color: #777777;
        }

        .c100.dark:after {
            background-color: #666666;
        }

        .c100.dark:hover > span {
            color: #c6ff00;
        }

    .c100.green .bar, .c100.green .fill {
        border-color: #4db53c !important;
    }

    .c100.green:hover > span {
        color: #4db53c;
    }

    .c100.green.dark .bar, .c100.green.dark .fill {
        border-color: #5fd400 !important;
    }

    .c100.green.dark:hover > span {
        color: #5fd400;
    }

    .c100.orange .bar, .c100.orange .fill {
        border-color: #dd9d22 !important;
    }

    .c100.orange:hover > span {
        color: #dd9d22;
    }

    .c100.orange.dark .bar, .c100.orange.dark .fill {
        border-color: #e08833 !important;
    }

    .c100.orange.dark:hover > span {
        color: #e08833;
    }







/*********************************** DEVEXPRESS METROPOLIS THEME */



.dxtbSpacing_Metropolis {
    background-color: White;
}


.dxheControl_Metropolis {
    font: 12px Verdana, Arial, sans-serif;
    background-color: White;
}


    .dxheControl_Metropolis tr {
        background-color: White;
    }

    .dxheControl_Metropolis table {
        margin-bottom: 0px;
    }

        .dxheControl_Metropolis table tbody tr:nth-child(even) {
            background-color: White;
        }

        .dxheControl_Metropolis table tr td .dxtbSpacing_Metropolis {
            margin: 0px;
            padding: 0px;
            height: 0px;
        }



        .dxheControl_Metropolis table tr td {
            padding-bottom: 0px;
            margin-bottom: 0px;
            margin-top: 0px;
            padding-top: 0px;
            padding-left: 0px;
            margin-left: 0px;
        }

        .dxheControl_Metropolis table tbody th, table tbody td {
            padding: 0px;
        }

    .dxheControl_Metropolis .radio table tbody th, table tbody td {
        padding-bottom: 5px;
    }

    .dxheControl_Metropolis table tbody th {
        padding: 0px;
    }


    .dxheControl_Metropolis table tr td .dxheDesignViewArea_Metropolis {
        border: 1px solid #c0c0c0;
        border-bottom: 1px;
        border-color: #c0c0c0;
    }

.dxtbControl_Metropolis {
    border-bottom: Solid 0px #c0c0c0;
}


.dxtlControl_Metropolis {
    cursor: default;
    font: inherit;
    color: #333333;
    border: 1px none #c0c0c0;
}

.dxtlSelectedNode_Metropolis {
    background: #ffffff;
}


.dxtcLite_Metropolis {
    overflow: hidden;
    color: #666666;
    float: left;
    font: inherit;
}

    .dxtcLite_Metropolis > .dxtc-content {
        background-color: #FFFFFF;
        float: left;
        clear: left;
        border: 1px none #A8A8A8 !important;
        overflow: hidden;
        padding: 11px;
        padding-top: 0px;
    }

    .dxtcLite_Metropolis > .dxtc-stripContainer .dxtc-leftIndent {
        width: 0px;
    }


    .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-activeTab,
    .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-tab,
    .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-leftIndent,
    .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-spacer,
    .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-rightIndent,
    .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-sbWrapper,
    .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-sbIndent,
    .dxtcLite_Metropolis.dxtc-top > .dxtc-stripContainer .dxtc-sbSpacer {
        border-bottom: 4px solid #FF8800;
    }


    .dxtcLite_Metropolis > .dxtc-stripContainer .dxtc-spacer {
        width: 4px;
    }



.accordion-heading .accordion-toggle {
    height: 20px;
    text-transform: uppercase;
    padding-top: 0px;
    /*background-color:#f5f5f5; */
    color: #333333;
    text-align: left;
    font-size: 16px;
    letter-spacing: 1px;
    /*margin-bottom: 20px;*/
}

    .accordion-heading .accordion-toggle h3 {
        margin: 0px;
        color: #333333;
        padding-top: 0px;
        font-size: 22px;
    }

.accordion-heading a:hover, a:focus {
    text-decoration: none;
}

.accordion-inner {
    padding: 0px;
    border-top: 0px solid #e5e5e5;
}


/*********************************** DEVEXPRESS MODERNO THEME */

.dxtlControl_Moderno {
    cursor: default;
    font: inherit;
    color: #2B2B2B;
    border: 0px none #d1d1d1;
}

.dxtlNode_Moderno td.dxtl,
.dxtlAltNode_Moderno td.dxtl,
.dxtlSelectedNode_Moderno td.dxtl,
.dxtlFocusedNode_Moderno td.dxtl,
.dxtlEditFormDisplayNode_Moderno td.dxtl,
.dxtlCommandCell_Moderno {
    padding: 4px 3px;
    border: 0px solid #d1d1d1;
    white-space: nowrap;
    overflow: hidden;
}


.dxtlControl_Moderno .dxtlDataTable {
    border: none;
}


.dxtlSelectedNode_Moderno {
    background: #ffffff;
}

.dxtlFocusedNode_Moderno {
    background-color: #ffffff;
}

.dxtlControl_Moderno a:hover {
    color: #3366CC;
    text-decoration: underline;
    text-underline-position: under;
}

.dxtlControl_Moderno a,
.dxtlCommandCell_Moderno a {
    color: #0088cc;
    text-decoration: inherit;
}


.dxeRadioButtonList_Metropolis, .dxeCheckBoxList_Metropolis {
    border: 0px !important;
}

.dxeBase_iOS {
    font-size: 17px !important;
    font-family: "Quicksand","Open Sans", Verdana, Arial, sans-serif !important;
    font-weight: normal !important;
}





/*********************************************** TABLE SKINS */




.tableskin_1 table tr {
    background-color: #dfe3e6;
    background-color: #ecf0f2;
    background-color: #ecf0f2; /*light grey*/
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-color: White;
}

    .tableskin_1 table tr td {
        padding: 10px;
    }

    .tableskin_1 table tr th {
        padding: 10px;
        background-color: #007d9a;
        color: White;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .tableskin_1 table tr td:first-child {
        background-color: #f5f9fc;
    }





.tableskin_2 table tr {
    background-color: #dfe3e6; /*grey*/
    background-color: #fbf6eb; /*salmon*/
    background-color: #f2fbeb; /*green*/
    background-color: #ecf0f2; /*light grey*/
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-color: White;
    background-color: #f1f1f1;
}

    .tableskin_2 table tr td {
        padding: 5px;
        padding-left: 10px;
    }

    .tableskin_2 table tr th {
        padding: 0px;
        padding-left: 10px;
        color: #007d9a;
        background-color: White;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .tableskin_2 table tr td:first-child {
        background-color: #f5f9fc;
    }



.tableskin_2_reverse table tr {
    background-color: #dfe3e6; /*grey*/
    background-color: #fbf6eb; /*salmon*/
    background-color: #f2fbeb; /*green*/
    background-color: #ecf0f2; /*light grey*/
    background-color: #f5f9fc;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-color: White;
}

    .tableskin_2_reverse table tr td {
        padding: 5px;
        padding-left: 10px;
    }

    .tableskin_2_reverse table tr th {
        padding: 0px;
        padding-left: 10px;
        color: #007d9a;
        background-color: White;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .tableskin_2_reverse table tr td:first-child {
        background-color: white;
    }




/* SINGLE COLUMN SUMMARY TABLE */

.tableskin_3 table tr {
    background-color: #dfe3e6;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 15px;
    border-bottom-style: solid;
    border-bottom-color: White;
}

    .tableskin_3 table tr td {
        padding: 5px;
    }

    .tableskin_3 table tr th {
        padding: 0px;
        padding-left: 10px;
        color: #007d9a;
        background-color: White;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .tableskin_3 table tr td:first-child {
        background-color: #f5f9fc;
    }




.tableskin_scrum table tr {
    background-color: white;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-color: White;
}

    .tableskin_scrum table tr td {
        padding: 10px;
    }

    .tableskin_scrum table tr th {
        padding: 0px;
        padding-left: 10px;
        color: #007d9a;
        background-color: White;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .tableskin_scrum table tr td:first-child {
        background-color: #f5f9fc;
    }




.tableskin_treelist table tr {
    background-color: #dfe3e6; /*grey*/
    background-color: #fbf6eb; /*salmon*/
    background-color: #f2fbeb; /*green*/
    background-color: #f5f9fc; /*light grey*/
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-color: White;
}

    .tableskin_treelist table tr td {
        padding: 5px;
        padding-left: 10px;
    }

    .tableskin_treelist table tr th {
        padding: 0px;
        padding-left: 10px;
        color: #007d9a;
        background-color: White;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .tableskin_treelist table tr td:first-child {
        background-color: #ffffff;
    }

    .tableskin_treelist table tr:first-child {
        background-color: #ffffff;
    }

    .tableskin_treelist table tr:nth-child(2) {
        background-color: #ffffff;
    }


.tableskin_4 table tr {
    background-color: #dfe3e6; /*grey*/
    background-color: #fbf6eb; /*salmon*/
    background-color: #f2fbeb; /*green*/
    background-color: #ecf0f2; /*light grey*/
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-color: White;
}

    .tableskin_4 table tr td {
        padding: 15px;
        padding-left: 15px;
    }

    .tableskin_4 table tr th {
        padding: 0px;
        padding-left: 10px;
        color: #007d9a;
        background-color: #f5f9fc;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .tableskin_4 table tr td:first-child {
        background-color: #f5f9fc;
    }



.tableskin_5 table tr {
    background-color: #dfe3e6; /*grey*/
    background-color: #fbf6eb; /*salmon*/
    background-color: #f2fbeb; /*green*/
    background-color: #ecf0f2; /*light grey*/
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-color: White;
}

    .tableskin_5 table tr td {
        padding: 5px;
        padding-left: 10px;
    }

    .tableskin_5 table tr th {
        padding: 0px;
        padding-left: 10px;
        color: #007d9a;
        background-color: White;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 1px;
    }




/*********************************************** MEDIA QUERIES */




.tabbuttongroup {
    text-align: center;
}

    .tabbuttongroup .btn-link {
        margin-left: 0px;
    }


.tabbutton {
    /*border-bottom: 1px solid White;*/
    width: 200px;
    margin-right: -4px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.tabbuttonselected {
    border-bottom: 4px solid Orange;
    width: 200px;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tabbuttongroup .btn-link:hover, .btn-link:focus {
    border-bottom: 0px;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 4px solid Orange;
}



blockquote {
    padding: 0 0 0 10px;
    margin: 0 0 20px 10px;
    border-left: 8px solid Orange;
    line-height: 1.2;
}

.blockquotewithoutborder {
    padding: 0px 0 0 10px;
    margin: 10px;
}




.btn-link {
    margin-left: 20px;
    margin-top: 6px;
}





.gbs_col_white_content {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


@media (min-width: 1650px) {

    .gbs_col_white_content {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
}

.pagetoolbar {
    background-color: Orange;
    color: White;
    padding: 0px;
}

.backbuttonlink {
    font-size: 12px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

    .backbuttonlink a {
        font-size: 12px;
    }

.formatforbackbuttonabove {
    margin-top: 0px !important;
}

.navbar-inner {
    border-bottom: 0px;
    background-color: Black;
}

.pagefooterrow {
    margin-bottom: 0px;
    margin-top: 0px;
    /*background-color:#f5f5f5;
    background-color:#ffffff;
    /*height: 130px; */
}

.pagecontentrow {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}


.greyborder {
    border: 20px solid #f5f7fa;
}


.dxtlIndentWithButton_Moderno {
    padding-bottom: 0px;
}


img.dxtl__Collapse, img.dxtl__Expand {
    cursor: pointer;
    font-size: 12px;
    margin-top: -3px;
    padding-top: 0px;
}


.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #333333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 2px;
}


.checkboxcentered {
    margin-left: auto;
    margin-right: auto;
}


.hyperlinkbutton a:hover {
    color: White;
    text-decoration: none;
}

.hyperlinkbutton a:visited {
    color: White;
}



/******************** The side navigation menu */

.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 80px;
    left: 0;
    background-color: #111; /* Black*/
    background-color: #434a54; /* dark gray */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 30px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

    /* The navigation menu links */
    .sidenav a {
        padding: 2px 8px 2px 20px;
        text-decoration: none;
        font-size: 14px;
        color: #fff;
        display: block;
        transition: 0.3s;
        border-left: 3px solid #434a54;
        letter-spacing: 0.5px;
    }

.sidenavtitle {
    padding-left: 15px;
    color: #808285;
    font-size: 13px;
    letter-spacing: 1px;
    margin-top: 20px;
}

.sidenav .nav > li > a:hover {
    color: Orange;
    background-color: #434a54;
    border-left: 3px solid Orange;
}


/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus {
    color: #f5f5f5;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .3s;
    /*padding: 20px; */
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}


/* The side navigation menu */
.sidenavPAGE {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0px;
    right: 0;
    background-color: #f5f5f5; /* body gray*/
    background-color: #434a54; /* dary gray */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}



    /* The navigation menu links */
    .sidenavPage a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        /* font-size: 25px; */
        color: #fff;
        display: block;
        transition: 0.3s
    }

        /* When you mouse over the navigation links, change their color */
        .sidenavPage a:hover, .offcanvas a:focus {
            /* color: #f5f5f5; */
        }

    /* Position and style the close button (top right corner) */
    .sidenavPage .closebtn {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 36px;
        margin-left: 50px;
    }

/* On smaller screens, where height is less than 450px, change the style of the sidenavPage (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenavPage {
        padding-top: 15px;
    }

        .sidenavPage a {
            font-size: 18px;
        }
}


/************** END SIDENAV */




.accordion-heading .displaycarat a:after {
    content: url("../images/googleicons/downarrowgrey_small.png");
}


.accordion-group {
    margin-bottom: 10px;
    border: 0px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.progress-indicator {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: table;
    table-layout: fixed;
}

    .progress-indicator > li {
        position: relative;
        display: table-cell;
        text-align: center;
        font-size: 1.5em;
    }

        .progress-indicator > li span {
            position: absolute;
            color: #e6e6e6;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            font-weight: 600;
            font-size: 0.875rem;
            letter-spacing: 0.05px;
            text-transform: uppercase;
        }

        .progress-indicator > li::before {
            content: attr(data-step);
            display: block;
            margin: 0 auto;
            background: #e6e6e6;
            width: 1.5em;
            height: 1.5em;
            text-align: center;
            margin-bottom: 0.25em;
            line-height: 1.5em;
            border-radius: 100%;
            position: relative;
            z-index: 1000;
        }

        .progress-indicator > li::after {
            content: '';
            position: absolute;
            display: block;
            background: #e6e6e6;
            width: 100%;
            height: 0.15em;
            top: 50%;
            -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%);
            left: 50%;
            margin-left: 1.5em\9;
            z-index: 0;
        }

        .progress-indicator > li:last-child:after {
            display: none;
        }

        .progress-indicator > li.is-complete {
            color: #1779ba;
        }

            .progress-indicator > li.is-complete::before, .progress-indicator > li.is-complete::after {
                color: #fefefe;
                background: #1779ba;
            }

            .progress-indicator > li.is-complete span {
                color: #1779ba;
            }

        .progress-indicator > li.is-current {
            color: #4eabe9;
        }

            .progress-indicator > li.is-current::before {
                color: #fefefe;
                background: #4eabe9;
            }

            .progress-indicator > li.is-current span {
                color: #4eabe9;
            }



.minisectiontitle {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.control-group .label .label-important {
    background-color: White;
    color: Red;
}


.control-group .label-important {
    background-color: White;
    color: Red;
    text-shadow: 0px 0px;
}



.titlebarbutton {
    position: absolute;
    left: 90%;
    top: 100px;
    max-height: 40px;
}


.dxrControl_Metropolis .dxtcLite_Metropolis.dxtc-top .dxtc-activeTab {
    border: 1px solid #c0c0c0;
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 4px solid #FF8800;
}



.survey .accordion-heading .accordion-toggle {
    margin-bottom: 20px;
}


.calendar_default_rowheader_inner, .calendar_default_cornerright_inner, .calendar_default_corner_inner, .calendar_default_colheader_inner, .calendar_default_alldayheader_inner {
    color: rgb(102, 102, 102);
    background: rgb(238, 238, 238);
    background: white !important;
}

.calendar_default_rowheader_inner {
    font-size: 16pt;
    text-align: right;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding-right: 5px;
    border-right: 1px solid rgb(153, 153, 153) !important;
    border-bottom: 0px solid rgb(153, 153, 153) !important;
}

.calendar_default_main {
    font-family: "Quicksand","Open Sans", Helvetica, Arial, sans-serif !important;
    font-size: 12px;
    border-width: 0px !important;
    border-style: solid;
    border-color: rgb(153, 153, 153);
    border-image: initial;
}


.calendar_default_corner_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 0px solid rgb(153, 153, 153) !important;
    border-bottom: 0px solid rgb(153, 153, 153) !important;
}


.calendar_default_colheader_inner {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 0px solid rgb(153, 153, 153) !important;
    border-bottom: 0px solid rgb(153, 153, 153) !important;
    background-color: #f5f7fa !important;
}


.calendar_default_cell_inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    /*border-top: 1px solid rgb(221, 221, 221) !important; */
    background: rgb(249, 249, 249);
    background-color: White !important;
}

.daypilotmenu__main {
    background-color: White !important;
    cursor: pointer;
    padding: 20px;
}



abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #bbbbbb;
    padding-bottom: 1px;
}

abbr[title], acronym[title] {
    text-decoration: none;
}


.radio, .checkbox {
    min-height: 20px;
    padding-left: 20px;
    padding-top: 6px;
    color: #808080;
}



.labelabovefield {
    color: #808080;
}

.labelabovefielddiv {
    padding-top: 10px;
    padding-bottom: 5px;
}







.whitebkg {
    background-color: White !important;
    padding-bottom: 20px;
}

.pageheaderrow {
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #ecf0f2;
    background-color: #f5f5f5;
    background-color: #f5f7fa;
    min-height: 90px;
    padding-top: 0px;
    background-color: #f1f1f1;
    min-height: 120px;
    min-height: 70px !important;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 100px;
    padding-right: 100px;
    /*background-color: #f5f8fa;*/
}

.page-header {
    padding-bottom: 0px;
    margin-top: 15px;
    margin-bottom: 0px;
    border-bottom: 0px solid #eeeeee;
    padding: 0px;
    padding-left: 50px;
    padding-right: 50px;
}

.pageheaderrowwithtab {
    min-height: 85px !important;
    padding-bottom: 0px;
}


.page-header h1 {
    text-align: left;
    font-size: 32px;
    margin-top: 0px;
    padding-bottom: 2px;
}

    .page-header p {
        text-align: left;
        font-size: 14px;
        line-height: 18px;
    }

.page-headerXX-center {
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    border-bottom: 0px solid #eeeeee;
    padding: 0px;
}

    .page-headerXX-center h1 {
        text-align: center;
        font-size: 32px;
        margin-top: 0px;
        line-height: 40px;
        margin-bottom: 2px;
    }

    .page-headerXX-center p {
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        margin-top: 3px;
    }

.pagetabsection {
    margin: 0px 30px 0px 30px;
    border-bottom: 0px solid #d3d9db;
    margin: 0px;
}

.pagetabbuttongroup {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 9px;
    border-bottom: 0px dotted #6f9dd1;
    padding-bottom: 10px !important;
}

.pagetabrow {
    background-color: #f1f1f1;
    margin-top: -12px;
    /*background-color: #f5f8fa;*/
}


    .pagetabbuttongroup .btn-link {
        margin-right: 30px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        color: #333333;
        color: #0088cc;
        text-transform: uppercase;
        letter-spacing: 2px;
    }


.pagetabbutton {
    /*border-bottom: 1px solid White;*/
    /*width: 200px;*/
    margin-right: -4px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    font-size: 11px;
}

.pagetabbuttonselected {
    border-bottom: 4px solid #f7941d;
    /*width: 200px;*/
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    padding-bottom: 8px !important;
}

    .pagetabbuttonselected .btn-link {
    }

.pagetabbuttongroup .btn-link:hover, .btn-link:focus {
    border-bottom-color: None;
    text-decoration: none;
}

.breadcrumbs {
}

    .breadcrumbs li {
        float: none;
        display: inline;
        font-size: 12px;
    }

.page-header ul {
    margin-left: 0px;
}

.breadcrumbsection {
    margin-bottom: 2px;
}

.optionsbutton {
    background-color: White;
    color: #333333;
    border: 1px solid Green;
}

.optionsbuttongroup {
    margin-top: 0px;
    margin-right: 10px;
}

.pageheaderrighttoolbar {
    float: right;
    margin: 20px;
    margin-bottom: 0px;
    margin-top: 25px;
}

.pagesubheadingbuttonfirst {
    font-size: 13px;
    margin-left: 0px;
    padding-left: 0px;
}

.pagesubheadingbutton {
    font-size: 13px;
}


.pagesubheadinglinkfirst {
    font-size: 13px;
    margin-left: 0px;
    padding-left: 0px;
}

.pagesubheadinglink {
    font-size: 13px;
    margin-left: 15px;
}

.pagesubheadingtext {
    letter-spacing:1px;
}

.headerlinkrow {
    margin-top: 6px;
}

.whitecontentcontainer {
    margin: 20px 0px;
    margin: 0px;
}

.form-actions {
    background-color: #f5f7fa;
    margin-left: 20px;
}

.form-actions-options {
    background-color: White;
    margin-left: 0px;
}



.whitebkgbuttonarea {
    background-color: White !important;
    margin-left: 0px;
}



.leftrounded {
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

.rightrounded {
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}



.screenmessage {
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.breadcrumbcarat {
    font-size: 14px;
    color: #0088cc;
}

.breadcrumbcurrentpage {
    font-size: 12px;
    color: green;
    /*letter-spacing:1px; */
}

.breadcrumbsectiontitle {
    font-size: 12px;
    /*color: #0088cc;*/
}

.headertoolbar {
    margin-top: 2px;
}

.form-actions-white {
    padding-left: 130px;
    margin-top: 20px;
    background-color: white;
    border-top: 0px;
    margin-left: 0px;
}

.form-actions-grey {
    padding-left: 150px !important;
    margin-top: 20px;
    border-top: 0px;
}


.pageheaderwithtoolbarbelow {
    margin-top: 5px;
}


abbr[title], acronym[title] {
    text-decoration: none;
}

abbr[title], abbr[data-original-title] {
    border-bottom: 1px dotted #999999 !important;
}







/* entire container, keeps perspective */
.flip-container {
    perspective: 1000px;
}
    /* flip the pane when hovered */
    .flip-container:hover .flipper, .flip-container.hover .flipper {
        transform: rotateY(180deg);
    }

    .flip-container p {
        padding: 15px;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

.flip-container, .flip-front, .flip-back {
    width: 100%;
    height: 300px;
    background-color: White;
}

/* flip speed goes here */
.flipper {
    transition: 0.4s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.flip-front, .flip-back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.flip-title {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 25px;
    color: White;
}

/* front pane, placed above back */
.flip-front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
    background-color: White;
    text-align: center;
}

.front-main {
    height: 220px;
    background-color: White;
}

.front-main-top {
    height: 130px;
    margin-top: 10px;
}


/* back, initially hidden pane */
.flip-back {
    transform: rotateY(180deg);
    background-color: White;
    text-align: center;
}

.boxborderright {
    border-right: 1px solid white;
}

.flipboxtext {
    color: White;
}

.flipboxtextnumber {
    font-size: 70px;
    color: White;
}



.panelwidth100 {
    width: 100%;
}

.panelwidth90 {
    width: 90%;
}

.panelwidth80 {
    width: 80%;
}

.panelwidth70 {
    width: 70%;
}

.panelwidth60 {
    width: 60%;
}

.panelwidth50 {
    width: 50%;
}

.panelwidth40 {
    width: 40%;
}

.panelwidth30 {
    width: 30%;
}

.panelwidth20 {
    width: 20%;
}

.panelwidth10 {
    width: 10%;
}

.panelwidth0 {
    width: 0%;
}

.colorPastelGreen1 {
    background-color: #8adfb0 !important;
}

.colorPastelBlue1 {
    background-color: #72b8f5 !important;
}

.colorPastelBlue3 {
    background-color: #75bfca !important;
}

.colorPastelSalmon1 {
    background-color: #ffc491 !important;
    background-color: #fab57a !important;
}


.colorPastelBlue2 {
    background-color: #acc7dc !important;
}

.colorPastelGrey1 {
    background-color: #d6dde3 !important;
}

.colorPastelGrey2 {
    background-color: #eeebdc !important;
}

.colorPastelPink1 {
    background-color: #e2d4d4 !important;
}

.colorPastelPink2 {
    background-color: #f8b5ad !important;
}

.colorPastelGreen2 {
    background-color: #dbe7db !important;
}

.colorPastelDarkGreen2 {
    background-color: #65b589 !important;
}

.colorPastelTan1 {
    background-color: #d3b9aa !important;
}

.colorPastelDarkGreen1 {
    background-color: #546d5a !important;
}

.colorPastelDarkOrange1 {
    background-color: #f48b52 !important;
}

.colorPastelDarkOrange2 {
    background-color: #fba256 !important;
}

.colorPastelDarkOrange3 {
    background-color: #e99146 !important;
    background-color: #f6b626 !important;
    background-color: #f89b48 !important;
}

.colorPastelLightBlue1 {
    background-color: #d4f0fc !important;

}   

.colorPastelDarkRed1 {
    background-color: #ff817b !important;
}

.colorPastelGold1 {
    background-color: #f3da54 !important;
}

.colorPastelDarkBlue1 {
    background-color: #75bfca !important;
}

.colorPastelDarkBlue2 {
    background-color: #389ef7 !important;
    background-color: #318bd9 !important;
}

.colorPastelGrey1 {
    background-color: #e2d4d4 !important;
}

.colorPastelDarkGreen3 {
    background-color: #adddcf !important;
    background-color: #8ad1bc !important;
}

.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
    flex-grow: 1;
}

.flex-container-column {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: space-around;
    justify-content: center;
}

.flex-container a {
    cursor: pointer;
    color: white;
}

    .flex-container a:hover {
        text-decoration: underline;
        color:white;
        text-underline-position: under;
    }


.flex-item {
    background: White;
    padding: 20px;
    width: 270px;
    /*height: 300px;*/
    margin: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    flex-grow: 1;
}

.white-text {
    color: White;
}

.flex-item-greyrow {
    width: 100%;
    padding-right: 0px;
    flex-grow: 1;
}



.course-filters {
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-left: 20px;
    margin-bottom: 20px;
    max-width: 1280px;
    width: 100%;
}

.greyfilterfield select {
    margin-bottom: 3px;
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: #0088cc;
    background-color: #f5f7fa;
    cursor: pointer;
    border-width: 0px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
}

.courseboxheader {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    display: inline-block;
}

.surveycatboxheader {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.courseboxdesc {
    line-height: 24px;
    display: inline-block;
    margin-bottom: 20px;
    min-height: 130px;
    font-size: 14px;
}

.courseboxbutton {
}

.courseboxprogresstext {
    font-size: 11px;
    color: White;
    letter-spacing: 1px;
}

.coursebox {
    width: 270px;
    display: inline-block;
    height: 300px;
    background-color: White;
    padding: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 0px;
    position: relative;
}

.courseboxprogressbar {
    margin-bottom: 20px;
}

.flex-container-row {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    justify-content: center;
    justify-content: space-between;
    margin: 0 -5px;
    flex-grow: 1;
}


.flex-item-row {
    background: White;
    padding: 0px;
    width: 350px;
    height: 300px;
    margin-top: 0px;
    margin: 20px;
}


.flex-item-grow {
    flex-grow: 1;
    flex-basis: auto;
    flex-direction: column;
}



.sectiontextbox {
    padding: 20px;
    color: Red;
    font-size: 16px;
    line-height: 20px;
}

.front-main-top img {
    margin-top: 20px;
}

.modal-footer {
    padding-bottom: 12px;
}


.questionbox {
    cursor: pointer;
}

.sectiondetails a:hover {
    text-decoration: none;
}

.actionplanbox a, .recommendationbox a {
    color: White;
    text-decoration: underline;
    text-underline-position: under;
}

    .actionplanbox a:hover, .recommendationbox a:hover {
        text-decoration: none;
        color: White;
        text-underline-position: under;
    }

.sectiondetails img, .actionplanbox img {
    padding-left: 10px;
    padding-bottom: 10px;
}

.questionbox blockquote {
    /*font-size:15px;*/
    /*line-height:18px;  */
    border-left: 8px solid White;
    margin-bottom: 0px;
}

.height150 {
    min-height: 150px;
}


.borderbutton {
    background-color: white !important;
    border: 1px;
    border-color: #2ba6cb;
    border-style: solid;
    color: #2ba6cb;
    /*
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    border-radius: 4px; 
    margin-bottom:0px;
    */
}

.borderbuttongrey {
    background-color: #f5f7fa !important;
    border: 1px;
    border-color: #2ba6cb;
    border-style: solid;
    /*
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    border-radius: 4px; 
    margin-bottom:0px;
    */
}

.borderbutton .caret {
    margin-top: 5px;
}

.unansweredquestion {
    font-size: 16px;
    line-height: 20px;
}

.alert {
    text-shadow: none;
}

.pagesubtitlepanel {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #6f9dd1;
    line-height: 28px;
}


.pagesubtitle {
    font-size: 20px;
}

.btn-noleftmargin {
    margin-left: 0px !important;
}


.form-actions-web {
    padding: 0px 0px 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 0px;
}

.form-actions-web-white {
    padding: 0px 0px 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: White;
    border-top: 0px;
    margin-left: 0px;
}



    .helplink a {
        cursor: pointer;
        display: block;
        font-size: 14px;
        line-height: normal;
        padding: 15px 10px 15px;
        text-decoration: none;
        color: White;
        background-color: #f89b48;
        border-radius: 20px 20px 2px 20px;
    }

.helplink {
    top: 105px;
    position: fixed;
    right: 20px;
    z-index: 9999;
}

.helplinkattopofpage {
    top: 15px !important;
}

.slidehelparea {
    background-color: #f1f1f1;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.slidehelpareahidelink {
    cursor: pointer;
    font-size: 12px;
}

.helplink a:hover {
    color: white;
    text-decoration: underline;
    text-underline-position: under;
}


.fixedrighttoolbarbutton {
    position: absolute;
    right: 20px;
    top: 120px;
}

.textboxwidth85 {
    width: 85%;
}

.flexboxmessageboxtitle {
    font-size: 24px;
    font-weight: Bold;
    padding-bottom: 20px;
    line-height: 36px;
}

.whitelinktext a {
    color: White;
}

    .whitelinktext a:hover {
        color: White;
    }

.blacklinktext a {
    color: #333333;
}

    .blacklinktext a:hover {
        color: #333333;
    }


.maxwidth40 {
    max-width: 40px;
}

.maxwidth50 {
    max-width: 50px;
}

.maxwidth60 {
    max-width: 60px;
}

.tileiconright {
    max-width: 50px;
    padding-left: 20px;
    padding-bottom: 20px;
    float: right;
}

.widelabelform .controls {
    margin-left: 300px;
}

.widelabelform .control-label {
    width: 280px;
}

.infotextbelowfield {
    font-size: 12px;
    /* font-style: italic; */
    color: green;
    letter-spacing: 0.5px;
    padding: 5px;
    padding-right: 10px;
    padding-bottom: 0px;
}

.twolinelabel {
    padding-top: 0px !important;
    margin-top: -3px !important;
}

.label-large {
    /* padding: 4px 5px 4px 5px; */
    font-size: 22px;
    font-weight: normal;
    line-height: 26px;
    text-transform: none;
    text-shadow: 0 0 black;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 1px;
}

.displaynone {
    display: none;
}

.igte_Edit {
    font-size: 12px;
    font-family: "Quicksand","Open Sans", Verdana, Arial, sans-serif !important;
}

.form-horizontal .control-label {
    letter-spacing: 0.3px;
}



.morebuttonsmall {
    max-width: 30px;
    vertical-align: top;
    padding-top: 1px;
}

.morebutton {
    vertical-align: top;
    /*padding-top: 2px;*/
    max-width: 30px;
}


.stickybuttonbar {
    box-shadow: 0 1px 24px 0 rgba(0,0,0,.08);
    background: #fff;
    border-top: 1px dotted #eaf0f6;
    bottom: 0;
    /*left: 0;*/
    position: fixed;
    /*right: 0;*/
    /*z-index: 100;*/
}

div.buttonbar {
    background-color: #f5f7fa;
    border-top: 1px dotted #cbd6e2;
    padding: 20px;
}


.buttonbar-content {
    display: flex;
    justify-content: left;
    margin-left: 50px;
}

.buttonbar-content-leftjustify {
    display: flex;
    justify-content: left;
    margin-left: 50px;
}

    .buttonbar-content-leftjustify .button {
        margin-right: 10px !important;
    }

    .buttonbar-content .button {
        margin-right: 10px;
    }

    .buttonbar-content .btn-link {
        margin-left: 10px;
        margin-right: 15px;
    }



.dxgvTable_iOS {
    background-color: White;
    background-color: transparent;
    border-width: 0;
    /*border-collapse: separate !important;
    border-collapse: collapse !important;*/
    overflow: hidden;
}

.dxgvHeader_iOS {
    cursor: pointer;
    white-space: nowrap;
    padding: 10px 10px;
    border-bottom: 1px Solid #DCDCDC;
    border-right: 1px Solid #DCDCDC;
    border-bottom: 0px;
    /*border-right: 0px;*/
    background-color: #F6F6F7;
    background-color: white;
    overflow: hidden;
    text-align: left;
    color: #007d9a;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.dxgvEditFormDisplayRow_iOS td.dxgv, .dxgvDetailCell_iOS td.dxgv, .dxgvDataRow_iOS td.dxgv, .dxgvDetailRow_iOS.dxgvADR td.dxgvAIC {
    overflow: hidden;
    border-bottom: 1px Solid #DCDCDC;
    border-top-width: 0;
    border-left-width: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.dxgvCustomization_iOS .dxgvHeader_iOS {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: white;
    border-color: #DCDCDC;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
}

.dxgvControl_iOS, .dxgvDisabled_iOS {
    font: 14px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font: inherit !important;
    font-size: 14px !important;
    background-color: White;
    color: black;
    cursor: default;
    border: 0;
}

.dxpLite_iOS {
    font: 14px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font: inherit;
    color: black;
    float: left;
    padding: 2px 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dxmLite_iOS {
    font: 14px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font: inherit;
    font-weight: bold;
    font-weight: normal;
    background-color: white;
}

.dxgvStatusBar_iOS {
    border-top: 1px Solid #DCDCDC;
    border-top: 0px;
}

.tableskin_10 table tr {
    background-color: #ecf0f2;
    background-color: #f5f9fc;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-color: White;
}

.tableskin_10 .firstcolwhite table tr td:first-child {
    background-color: #ffffff;
}

.dxgvHeader_iOS table tr {
    background-color: White;
    background-color: transparent;
}

.dxgvPagerTopPanel_iOS, .dxgvPagerBottomPanel_iOS {
    padding: 0px;
    background-color: white;
    /*background-color: transparent;*/
}

.dxheControl_Metropolis .radio table tbody th, table tbody td {
    padding-bottom: 0px;
}

.dxmLite_iOS .dxctToolbar_iOS.dxmtb .dxm-item {
    border: 0px Solid #DCDCDC;
    border-right-width: 0;
    margin: 0;
    padding-top: 1px;
    padding-bottom: 1px;
}

.dxmLite_iOS.dxm-ltr .dxctToolbar_iOS.dxmtb .dxm-item.dxct-il {
    border-width: 0px;
}

.dxmLite_iOS .dxctToolbar_iOS.dxm-main.dxmtb {
    background-color: white;
    background-color: transparent;
    padding-top: 18px;
    padding-bottom: 18px;
    padding: 0px;
    border-width: 0;
}

.accordiontitle {
    padding-left: 15px;
    color: #808285;
    color: #0088cc;
    font-size: 14px;
    letter-spacing: 2px;
    margin-top: 20px;
    /*font-weight: bold;*/
}




/************ START OF TIMELINE CSS */

.timeline .timeline-item::after, .timeline .timeline-item::before {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

.timeline {
    margin: 30px;
    margin-top: 15px;
    padding: 0;
    position: relative;
    transition: all 0.25s ease-in;
    width: 90%;
    /*margin-bottom: 100px;*/
}

    .timeline::before {
        background: #f7941d;
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 3px;
    }

    .timeline::after {
        clear: both;
        content: '';
        display: table;
        width: 100%;
    }

    .timeline .timeline-item {
        margin-bottom: 30px;
        position: relative;
    }

    .timeline .timeline-iconimage {
        width: 24px;
        height: 24px;
        padding-top: 2px;
    }


    .timeline .timeline-item .timeline-icon {
        background: #f7941d;
        border-radius: 50%;
        height: 50px;
        left: 0;
        margin-left: -23px;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 50px;
    }

        .timeline .timeline-item .timeline-icon img,
        .timeline .timeline-item .timeline-icon svg {
            left: 14px;
            position: relative;
            top: 11px;
        }

        .timeline .timeline-item .timeline-icon svg {
            top: 14px;
        }

    .timeline .timeline-item .timeline-content {
        /*float: right;*/
        padding: 0px;
        text-align: left;
        transition: all 0.25s ease-in;
        width: 90%;
        background: transparent;
        margin-left: 40px;
        line-height: 20px;
    }

        .timeline .timeline-item .timeline-content p {
            /* color: Blue; */
        }

        .timeline .timeline-item .timeline-content p {
            /*font-size: 16px;*/
            /*line-height: 24px;*/
            margin-bottom: 0;
        }

        .timeline .timeline-item .timeline-content .timeline-content-date {
            font-weight: normal;
            margin-bottom: 0;
            text-transform: uppercase;
            font-weight: 400;
        }

        .timeline .timeline-item .timeline-content .timeline-content-month {
            font-size: 0.875rem;
            text-transform: uppercase;
            font-weight: 400;
        }

        .timeline .timeline-item .timeline-content.right {
            /*float: right;
            text-align: left;*/
        }


            .timeline .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {
                border-left: 0;
                border-right: 7px solid #fefefe;
                left: 10%;
                margin-left: -6px;
            }



    .timeline .timeline-titletext {
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 12px;
    }

    .timeline .timeline-title {
        margin-top: 50px;
        padding-left: 30px;
        padding-bottom: 20px;
        font-size: 16px;
        font-weight: 400;
        position: relative;
        text-transform: uppercase;
    }

    .timeline .timeline-title-first {
        margin-top: 0px;
    }

    .timeline .timeline-title-last {
        padding-bottom: 0px;
        margin-top: 0px;
    }

    .timeline .timeline-bullet {
        background: #f7941d;
        border-radius: 50%;
        height: 20px;
        left: 0;
        margin-left: -8px;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 20px;
    }

    .timeline .timeline-item .timeline-content a:hover {
        text-decoration: underline;
        text-underline-position: under;
    }


.timeline-icontextpanel {
    margin-top: 5px;
    padding-top: 10px;
    font-size: 20px;
    color: white;
    text-align: center;
    width: 100%;
}



.timelinecenter .timeline-item::after, .timeline .timeline-item::before {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

.timelinecenter {
    margin: 30px auto;
    margin-top: 15px;
    padding: 0 10px 50px;
    position: relative;
    transition: all 0.25s ease-in;
    width: 100%;
    margin-bottom: 100px;
    padding-bottom: 0px;
}

    .timelinecenter::before {
        background: #f7941d;
        content: '';
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        width: 3px;
    }

    .timelinecenter::after {
        clear: both;
        content: '';
        display: table;
        width: 100%;
    }

    .timelinecenter .timeline-item {
        margin-bottom: 0px;
        position: relative;
    }

    .timelinecenter .timeline-iconimage {
        width: 24px;
        height: 24px;
        padding-top: 2px;
    }

    .timelinecenter .timeline-item .timeline-icon {
        background: #f7941d;
        border-radius: 50%;
        height: 50px;
        left: 50%;
        margin-left: -23px;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 50px;
    }

        .timelinecenter .timeline-item .timeline-icon img,
        .timelinecenter .timeline-item .timeline-icon svg {
            left: 14px;
            position: relative;
            top: 11px;
        }

        .timelinecenter .timeline-item .timeline-icon svg {
            top: 14px;
        }

    .timelinecenter .timeline-item .timeline-content {
        padding: 0px;
        text-align: right;
        transition: all 0.25s ease-in;
        width: 45%;
        background: transparent;
        line-height: 20px;
        padding-top: 5px;
    }

        .timelinecenter .timeline-item .timeline-content p {
            /*color: Blue;*/
        }

        .timelinecenter .timeline-item .timeline-content p {
            font-size: 16px;
            line-height: 1.4;
            margin-bottom: 0;
        }

        .timelinecenter .timeline-item .timeline-content .timeline-content-date {
            font-weight: normal;
            margin-bottom: 0;
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: 1px;
        }

        .timelinecenter .timeline-item .timeline-content .timeline-content-month {
            font-size: 0.875rem;
            text-transform: uppercase;
            font-weight: 400;
        }

        .timelinecenter .timeline-item .timeline-content.right {
            float: right;
            text-align: left;
        }

@media screen and (max-width: 40em) {
    .timelinecenter {
        margin: 30px;
        padding: 0;
        width: 90%;
    }

        .timelinecenter::before {
            left: 0;
        }

        .timelinecenter .timeline-item .timeline-content {
            float: right;
            text-align: left;
            width: 90%;
        }

            .timelinecenter .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {
                border-left: 0;
                border-right: 7px solid #fefefe;
                left: 10%;
                margin-left: -6px;
            }

        .timelinecenter .timeline-item .timeline-icon {
            left: 0;
        }
}


.timelinecenter .timeline-titletext {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 12px;
}

/*.timelinecenter .timeline-title {
    margin-top: 50px;
    padding-left: 30px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
}*/

/*.timelinecenter .timeline-title-first {
    margin-top: 0px;
}

.timelinecenter .timeline-title-last {
    padding-bottom: 0px;
    margin-top: 0px;
}

.timelinecenter .timeline-bullet {
    background: #f7941d;
    border-radius: 50%;
    height: 20px;
    left: 0;
    margin-left: -8px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 20px;
}*/



.timelinecenter .timeline-title {
    margin-top: 40px;
    padding-left: 30px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
    text-align: right;
    width: 46.5%;
    transition: all 0.25s ease-in;
    background: transparent;
}



.timelinecenter .timeline-title-first {
    margin-top: 0px;
}

.timelinecenter .timeline-title-last {
    padding-bottom: 0px;
}

.timelinecenter .timeline-bullet {
    /*background: #f7941d;
    border-radius: 50%;
    height: 20px;
    left: 100%;
    margin-left: 8px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 20px;*/
    background: #f7941d;
    border-radius: 50%;
    height: 3px;
    left: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100px;
    display: none;
}

.timelinecenter .timeline-item .timeline-content a:hover {
    text-decoration: underline;
    text-underline-position: under;
}

.timeline-titletextpanel {
    padding-right: 10px;
    padding-bottom: 10px;
}

.timeline-content-link {
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
}


/************ END OF TIMELINE CSS */


/************ START OF BOXFORM CSS */

.boxform-field-panel {
    background-color: white !important;
    border: 1px solid #d0d2d8 !important;
    border-bottom: none !important;
    margin-left: 0px !important;
}

.boxform-field-panel-last {
    background-color: white !important;
    border: 1px solid #d0d2d8 !important;
    margin-left: 0px !important;
}

.boxform-field-panel-samerow-last {
    background-color: white !important;
    border: 1px solid #d0d2d8 !important;
    /*border-bottom:none !important;*/
    margin-left: 0px !important;
    display: grid;
    border-left: none !important;
}

.boxform-label {
    padding-left: 15px !important;
    font-size: 14px !important;
    color: #808080 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 0.5px;
    /*color: #555555 !important;*/
}


.boxform-row-first {
}

.boxform-row {
    margin-left: 0px !important;
}

.boxform-lastrow {
    margin-left: 0px !important;
    margin-bottom: 40px
}

.boxform-row-last {
    margin-left: 0px !important;
    margin-bottom: 40px
}

.boxform-label-panel {
    padding-top: 10px;
    padding-bottom: 8px;
}

.boxform-textfield-panel {
    padding-top: 0px;
}

.boxform-label-panel-dropdownlist {
    padding-top: 8px;
    padding-bottom: 0px;
}

.boxform-textfield-customwidth {
    font-size: 17px !important;
    line-height: 22px !important;
    padding-bottom: 8px !important;
    margin-top: -5px !important;
    padding-top: 0px !important;
    font-weight: 400 !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.boxform-textfield {
    font-size: 17px !important;
    line-height: 22px !important;
    padding-bottom: 15px !important;
    /*margin-top:-5px !important;*/
    padding-top: 0px !important;
    font-weight: 400 !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.boxform-dropdownlist {
    /*width: 100% !important;*/
    /*outline: 0 !important;*/
    padding-top: 0px !important;
    font-weight: 400 !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 11px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 17px !important;
    /*height:25px !important;*/
    margin-top: -6px !important;
    padding-bottom: 7px !important;
}

.boxform-field-panel-samerow {
    background-color: white !important;
    border: 1px solid #d0d2d8 !important;
    border-bottom: none !important;
    margin-left: 0px !important;
    display: grid;
    border-left: none !important;
}

.boxform-lastfieldwidth {
    width: 95% !important;
}

@media only screen and (max-width: 897px) {
    .boxform-field-panel-samerow {
        border-left: 1px solid #d0d2d8 !important;
    }
}


.boxform-button {
    width: inherit;
}

.boxform-checkboxfield-panel {
    padding-top: 0px;
    padding-left: 12px;
    padding-bottom: 10px;
}

.boxform-checkboxfield-panel-nolabel {
    padding-top: 10px;
    padding-left: 12px;
    padding-bottom: 10px;
}

.boxform-checkboxcontainer-panel-nolabel {
    display: flex;
    margin-top: 14px;
}

.boxform-label-panel-checkbox {
    padding-top: 5px;
    padding-bottom: 5px;
}

.boxform-checkboxlabel {
    /*padding-left: 15px !important;*/
    font-size: 14px !important;
    color: #808080 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300 !important;
    margin: 0px 10px 14px 8px;
    /* text-indent: -10px; */
    display: block;
}

.boxform-field-panel-samerow table.dxeButtonEdit_iOS {
    width: 96% !important;
}


.boxform-labellist-panel {
    padding-bottom: 10px;
    padding-left: 14px;
}


.breadcrumblabel {
    letter-spacing: 1px;
    font-size: 12px;
}

.boxform-heading-panel {
    margin-bottom: 10px;
}

.boxform-heading {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400 !important;
}

.boxform-heading-row {
    margin-left: 0px !important;
}


.boxform-subheading {
    font-size: 14px;
    line-height: 20px;
    color: #808080 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300 !important;
}

.boxform-subheading-panel {
    margin-bottom: 10px;
}


.boxform input:focus,
.boxform select:focus,
.boxform textarea:focus,
.boxform button:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: none;
    border-bottom: 3px solid rgba(81, 203, 238, 1) !important;
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border-left: none !important;
}

.boxform .dxeBase_iOS {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 300 !important;
}

.boxform-checkboxpanel {
    margin-left: 15px;
    margin-bottom: 20px;
}

.boxform-textfieldlabel-panel {
    margin-top: -2px !important;
    height: 31px !important;
}

.boxform-labeltextfield {
}


.boxform .dxeTAR.dxeBase_iOS .dxichTextCellSys {
    font-size: 14px !important;
    color: #0088cc !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    /*font-weight: 300 !important;*/
    letter-spacing: 0.5px;
}

.dxToggle.dxICheckBox_iOS[class*='Checked'] {
    background-color: #6f9dd1;
}

.boxform-field-panel-checkboxgroup {
    padding-bottom: 10px;
    padding-left:15px;
    margin-top:-8px;
}

    .boxform-field-panel-checkboxgroup .dxeBase_iOS {
        font-size: 13px !important;
        font-weight: 300 !important;
        letter-spacing: 0.5px;
        color: #0088cc !important;
    }

.boxform-DXGrid {
    padding-left: 11px;
}

    .boxform-DXGrid .dxgvDataRow_iOS td.dxgv {
        padding-top: 0px;
    }

.dxeListBox_iOS td.dxeT, .dxeListBox_iOS td.dxeMI {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px !important;
    color: #888;
}

.dxeListBoxItemSelected_iOS, .dxeListBoxItemSelected_iOS.dxeListBoxItemHover_iOS {
    background-color: #007BF7 !important;
    color: white !important;
}




/*************** END OF BOXFORM CSS*/



@media only screen and (max-width: 600px) {

    .NavBarMenu {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .navbarinner {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pageheaderrow {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .page-header {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pagecontentrow {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pagecontent {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pagecontentflexrow {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .hideonphoneonly {
        display: none;
    }

    .hideondesktoponly {
        display: inherit;
    }
}


@media only screen and (min-width: 601px) and (max-width: 1200px) {

    .NavBarMenu {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .navbarinner {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .pageheaderrow {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .page-header {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .pagecontentrow {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .pagecontentflexrow {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pagecontent {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .hideondesktoponly {
        display: none !important;
    }
}

.hideondesktoponly {
    display: none !important;
}




.mandatorylabel {
    font-size: 12px;
    color: red;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.helptextlabel {
    font-size: 12px;
    color: Blue;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.mandatoryfieldpanel {
    padding-left: 10px;
    display: inline-block;
}

table.dxeButtonEdit_iOS td.dxic {
    padding: 0px;
    padding-left: 5px;
}

.dxpcDropDown_iOS, .dxeDropDownWindow_iOS {
    font: inherit;
}

.dxeCalendar_iOS {
    background-color: White;
    border: 1px solid #DCDCDC;
    color: black;
    font: inherit;
    font-weight: normal;
    cursor: default;
}

.dxeCalendarHeader_iOS {
    color: black;
    background-color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    padding: 14px 17px 4px;
}

.breadcrumbarrow {
    max-height: 14px;
    padding-bottom: 2px;
    padding-right: 3px;
}

.headerbuttonpanel {
    padding-top: 10px;
}




/**** DEVEXPRESS GRID CSS ****/


/* dxGrid_AllWhite */

.dxGrid_AllWhite table tr {
    background-color: white;
}

.dxGrid_AllWhite .dxgvDataRow_iOS td.dxgv:nth-child(n+2) {
    background-color: #ecf0f2;
    background-color: #f5f7fa;
    background-color: #ffffff;
    border-bottom: 1px Solid #DCDCDC;
}

.dxGrid_AllWhite .dxgvDataRow_iOS td.dxgv:first-child {
    background-color: #ecf0f2;
    background-color: #f5f7fa;
    background-color: #ffffff;
    border-bottom: 1px Solid #DCDCDC;
    padding-left: 0px;
}

.dxGrid_NoBorderFirstCol .dxgvDataRow_iOS td.dxgv:first-child {
    background-color: #ecf0f2;
    background-color: #f5f7fa;
    background-color: #ffffff;
    border-bottom: 0px Solid #DCDCDC !important;
}

.dxGrid_BorderFirstCol .dxgvDataRow_iOS td.dxgv:first-child {
    background-color: #ecf0f2;
    background-color: #f5f7fa;
    background-color: #ffffff;
    border-bottom: 1px Solid #DCDCDC !important;
}

.dxGrid_AllWhite .dxgvEditFormDisplayRow_iOS td.dxgv,
.dxGrid_AllWhite .dxgvDetailCell_iOS td.dxgv,
.dxGrid_AllWhite .dxgvDataRow_iOS td.dxgv,
.dxGrid_AllWhite .dxgvDetailRow_iOS.dxgvADR td.dxgvAIC {
    overflow: hidden;
    border-bottom: 1px Solid #DCDCDC;
    border-top-width: 0;
    border-left-width: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.dxGrid_AllWhite .dxgvDetailRow_iOS td.dxgv,
.dxGrid_AllWhite .dxgvPreviewRow_iOS td.dxgv,
.dxGrid_AllWhite .dxgvEmptyDataRow_iOS td.dxgv {
    border-bottom: 0px Solid #DCDCDC;
}

.dxGrid_AllWhite .dxgvEditFormDisplayRow_iOS td.dxgv,
.dxGrid_AllWhite .dxgvDetailCell_iOS td.dxgv,
.dxGrid_AllWhite .dxgvDataRow_iOS td.dxgv,
.dxGrid_AllWhite .dxgvDetailRow_iOS.dxgvADR td.dxgvAIC {
    overflow: hidden;
    border-bottom: 0px Solid #DCDCDC;
    /*background-color: #f5f9fc !important;*/
    border-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-color: White;
}

.dxGrid_AllWhite .dxgvEmptyDataRow_iOS td.dxgv {
    text-align: center;
    text-align: left;
}

.dxGrid_AllWhite .dxGrid_GreyRows .dxgvEditFormDisplayRow_iOS td.dxgv,
.dxGrid_AllWhite .dxGrid_GreyRows .dxgvDetailCell_iOS td.dxgv,
.dxGrid_AllWhite .dxGrid_GreyRows .dxgvDataRow_iOS td.dxgv,
.dxGrid_AllWhite .dxGrid_GreyRows .dxgvDetailRow_iOS.dxgvADR td.dxgvAIC {
    overflow: hidden;
    border-bottom: 0px Solid #DCDCDC;
    background-color: #f5f7fa !important;
    border-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-color: White;
}


.dxGrid_AllWhite .dxgvHeader_iOS td {
    white-space: nowrap;
    padding-bottom: 5px;
}

.dxGrid_AllWhite .dxgvHeader_iOS table tbody th, table tbody td:first-child {
    padding-left: 0px;
}

.dxGrid_HeaderNoBorder {
    border-right: none !important;
}


.dxGrid2_AllWhite table tr {
    background-color: white;
}

.dxGrid2_AllWhite .dxgvDataRow_iOS td.dxgv:nth-child(n+2) {
    background-color: #ecf0f2;
    background-color: #f5f7fa;
    background-color: #ffffff;
    border-bottom: 0px Solid #DCDCDC;
    border-top: 1px Solid #DCDCDC;
}

.dxGrid2_AllWhite .dxgvDataRow_iOS td.dxgv:first-child {
    background-color: #ecf0f2;
    background-color: #f5f7fa;
    background-color: #ffffff;
    border-bottom: 0px Solid #DCDCDC;
    border-top: 1px Solid #DCDCDC;
    padding-left: 0px;
}

.dxGrid2_NoBorderFirstCol .dxgvDataRow_iOS td.dxgv:first-child {
    background-color: #ecf0f2;
    background-color: #f5f7fa;
    background-color: #ffffff;
    border-bottom: 0px Solid #DCDCDC !important;
    border-top: 0px Solid #DCDCDC !important;
}

.dxGrid2_BorderFirstCol .dxgvDataRow_iOS td.dxgv:first-child {
    background-color: #ecf0f2;
    background-color: #f5f7fa;
    background-color: #ffffff;
    border-bottom: 0px Solid #DCDCDC !important;
    border-top: 1px Solid #DCDCDC !important;
}

.dxGrid2_AllWhite .dxgvEditFormDisplayRow_iOS td.dxgv,
.dxGrid2_AllWhite .dxgvDetailCell_iOS td.dxgv,
.dxGrid2_AllWhite .dxgvDataRow_iOS td.dxgv,
.dxGrid2_AllWhite .dxgvDetailRow_iOS.dxgvADR td.dxgvAIC {
    overflow: hidden;
    border-bottom: 0px Solid #DCDCDC;
    border-top: 1px Solid #DCDCDC;
    border-top-width: 0;
    border-left-width: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.dxGrid2_AllWhite .dxgvDetailRow_iOS td.dxgv,
.dxGrid2_AllWhite .dxgvPreviewRow_iOS td.dxgv,
.dxGrid2_AllWhite .dxgvEmptyDataRow_iOS td.dxgv {
    border-bottom: 0px Solid #DCDCDC;
    border-top: 0px Solid #DCDCDC;
}

.dxGrid2_AllWhite .dxgvEditFormDisplayRow_iOS td.dxgv,
.dxGrid2_AllWhite .dxgvDetailCell_iOS td.dxgv,
.dxGrid2_AllWhite .dxgvDataRow_iOS td.dxgv,
.dxGrid2_AllWhite .dxgvDetailRow_iOS.dxgvADR td.dxgvAIC {
    overflow: hidden;
    border-bottom: 0px Solid #DCDCDC;
    /*background-color: #f5f9fc !important;*/
    border-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-color: White;
}

.dxGrid2_AllWhite .dxgvEmptyDataRow_iOS td.dxgv {
    text-align: center;
    text-align: left;
}

.dxGrid2_AllWhite .dxGrid2_GreyRows .dxgvEditFormDisplayRow_iOS td.dxgv,
.dxGrid2_AllWhite .dxGrid2_GreyRows .dxgvDetailCell_iOS td.dxgv,
.dxGrid2_AllWhite .dxGrid2_GreyRows .dxgvDataRow_iOS td.dxgv,
.dxGrid2_AllWhite .dxGrid2_GreyRows .dxgvDetailRow_iOS.dxgvADR td.dxgvAIC {
    overflow: hidden;
    border-bottom: 0px Solid #DCDCDC;
    background-color: #f5f7fa !important;
    border-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-color: White;
}


.dxGrid2_AllWhite .dxgvHeader_iOS td {
    white-space: nowrap;
    padding-bottom: 5px;
}

.dxGrid2_AllWhite .dxgvHeader_iOS table tbody th, table tbody td:first-child {
    white-space: nowrap;
    padding-bottom: 5px;
    padding-left: 0px;
}

.dxGrid2_HeaderNoBorder {
    border-right: none !important;
}

.dxGrid2_NoBorder .dxgvDataRow_iOS td {
    border-bottom: 0px !important;
    border-top: 0px !important;
}

.dxGrid2_BorderTop .dxgvDataRow_iOS td {
    border-top: 1px Solid #DCDCDC !important;
}


.dxGrid_NoBorderBottom .dxgvDataRow_iOS td.dxgv {
    border-bottom: 0px !important;
}

    .dxGrid_NoBorderBottom .dxgvDataRow_iOS td.dxgv:nth-child(n+2) {
        border-bottom: 0px !important;
    }

.dxGrid_BorderBottom .dxgvDataRow_iOS td.dxgv {
    border-bottom: 1px !important;
}

.dxGrid_BorderBottom .dxgvDataRow_iOS td.dxgv:nth-child(n+2) {
    border-bottom: 1px !important;
}

.dxGrid_AllWhite .dxgvHeader_iOS td {
    white-space: nowrap;
    padding-bottom: 0px;
    font-size: 10px;
}

.dxGrid2_AllWhite .dxgvHeader_iOS td {
    white-space: nowrap;
    padding-bottom: 0px;
    font-size: 10px;
}

.dxGrid_AllWhite .badgecount {
    margin-top: -5px;
}

.childgridformatting {
    margin-left: 30px;
    margin-top: -10px;
    border-left: 1px dotted #3a87ad;
    padding-left: 20px;
}

.dxgvControl_iOS a:hover {
    color: darkorange;
    text-decoration: none;
}

.tablecolumnsmalltext {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}




/**** DEVEXPRESS GRID CSS ****/

.collapseimage {
    padding-right: 15px;
    cursor: pointer;
    padding-top: 3px;
}

.collapseimagelow {
    padding-right: 15px;
    cursor: pointer;
    padding-top: 14px;
}

.bs-docs-separator {
    padding-bottom: 10px !important;
    margin-top: -15px !important;
    padding-top: 0px !important;
    padding-left: 30px !important;
    display: none;
}



.sectionicon {
    text-decoration: none;
    max-height: 25px;
    margin-top: -10px;
}

.sectioniconsmall {
    text-decoration: none;
    max-height: 20px;
}

.sectioniconlarge {
    text-decoration: none;
    max-height: 40px;
    margin-top: -10px;
}

.tableheadericonsmall {
    text-decoration: none;
    max-height: 15px;
    margin-top: -5px;
}

ttable button, .button {
    background-color: #6f9dd1;
}

.breadcrumbspacer {
    max-height: 10px;
}

.text-info {
    color: #666;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px !important;
    margin-bottom: 0px !important;
    /*font-weight: bold;
    letter-spacing: 1px;*/
}


.text-info-subheading {
    letter-spacing: 1px;
    font-size:13px;
    line-height:22px;
}

.text-info-panel {
    margin-bottom:20px;
}

a.text-info:hover,
a.text-info:focus {
    color: #2d6987;
}


.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
}

[class^="icon-"], [class*=" icon-"] {
    opacity: 0.5;
    padding-right:6px;
}

.leftalign {
    text-align: left !important;
}

.dxeEditArea_iOS, body input.dxeEditArea_iOS {
    color: #808080;
    font-size: 13px !important;
}

.boxform-row .dxeEditArea_iOS, .boxform-row body input.dxeEditArea_iOS {
    color: #808080;
    font-size: 17px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #555555;
}

.boxform-lastrow .dxeEditArea_iOS, .boxform-lastrow body input.dxeEditArea_iOS {
    color: #808080;
    font-size: 17px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #555555;
}

.boxform-row-last .dxeEditArea_iOS, .boxform-row-last body input.dxeEditArea_iOS {
    color: #808080;
    font-size: 17px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #555555;
}



.charttilepanel {
    margin: 20px;
    width: 500px;
    height: 300px;
}

.chartgraphpanel {
    margin: 0px;
    width: 100%;
    height: 250px;
}

.chartgraphverticalpanel {
    margin: 20px;
    width: 100%;
    height: 600px;
}



.dashtile-container {
    background: White;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    width: 300px;
    height: 125px;
    margin-top: 0px;
    margin: 10px;
    text-align: center;
    cursor: pointer;
    margin-left: 0px;
    flex-grow: 1;
    margin: 0 5px;
    margin-bottom: 10px;
}

.dashtile-title {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 10px;
    color: White;
}

.dashboardtitlepanel {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
}

.dashtile-statistic {
    font-size: 44px;
    line-height: 44px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 10px;
    color: White;
}

.dashtile-statistic-panel {
    padding-top: 15px;
}

.statseparator {
    font-size: 44px;
    line-height: 44px;
}

.dashtile-footer {
    margin-top: 20px;
    color: white;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.5px;
}

    .dashtile-footer a, .dashtile-footer a:hover {
        color: white;
        text-transform: none;
        text-decoration: none;
    }

.breadcrumblabelpanel a:hover {
    color: #0088cc;
    text-decoration: underline;
    text-underline-position: under;
}

.button.large {
    font-size: 15px !important;
    font-family: "Quicksand","Open Sans", Verdana, Arial, sans-serif;
}

.borderbottom {
    border-bottom: 1px dotted #6f9dd1;
    padding-bottom: 20px;
}

.pagecontentflexrow {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* NAVBAR */

.navbarinner {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 16px;
}

.NavBarMenu {
    background-color: #494949;
    background-color: #434a54;
    background-color: #6f9dd1;
    height: 80px;
    /*width:100%;*/
    padding-left: 100px;
    padding-right: 100px;
}


    .NavBarMenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        /*background-color: #494949;
    background-color: #434a54;*/
        display: inline-block;
        margin-left: 0px;
    }

    .NavBarMenu li {
        float: left;
    }

        .NavBarMenu li a {
            font-size: 12px;
            display: inline-block;
            color: white;
            text-align: center;
            padding: 10px 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding-left: 0px;
        }

            .NavBarMenu li a:hover {
                /*color: #f2b782;*/
                background-color: transparent;
                opacity: 0.5;
            }


            .NavBarMenu li a:visited {
                color: aliceblue;
            }

.navbarmenuitems {
    display: inline-block;
}

.navbarusermenu {
    margin-right: 0px;
    cursor: pointer;
    vertical-align: -webkit-baseline-middle;
    color: white;
}

.navbarusermenupanel a:hover {
    background-color: transparent;
    text-decoration: underline;
    text-underline-position: under;
    color: white;
}

.navbarusermenupanel a:visited {
    background-color: transparent;
    color: #f7941d;
    color: #ffffff;
}

.navbarusermenupanel {
    /*padding-top: 10px;*/
}

    .navbarusermenupanel a {
        font-size: 12px;
        display: inline-block;
        color: white;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding-left: 0px;
    }

.systemlogo {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 15px;
    padding-bottom: 40px;
    margin-top: 0px;
    max-height: 30px;
}

.systemlogo_withclubname {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 15px;
    padding-bottom: 40px;
    margin-top: 7px;
    max-height: 30px;
}

.clientlogo {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 20px;
    margin-top: 0px;
    max-height: 45px;
    vertical-align: baseline;
}

.clublogo {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 50px;
    padding-bottom: 40px;
    margin-top: 0px;
    max-height: 45px;
}

.sidebarmenuimage {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 30px;
    padding-bottom: 40px;
    margin-top: 0px;
    max-height: 20px;
    cursor: pointer;
}

.accordion {
    width: 100%;
}

.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    /*font-family: Arial, Sans-Serif;
            font-size: 12px;
            font-weight: bold; */
    padding: 5px, 5px, 5px, 10px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    /*font-family: Arial, Sans-Serif;
            font-size: 12px;
            font-weight: bold;*/
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent {
    /*background-color: #D3DEEF;
            border: 1px dashed #2F4F4F;
            border-top: none; */
    padding: 0px;
    padding-top: 0px;
    padding-left: 30px;
    overflow-y: inherit;
    overflow-x: hidden;
}




@media only screen and (max-width: 600px) {

    .navbarmenuitems {
        display: none;
    }

    .navbarusermenupanel {
        display: none;
    }

    .accordionContent {
        /*background-color: #D3DEEF;
            border: 1px dashed #2F4F4F;
            border-top: none; */
        padding: 0px;
        padding-top: 0px;
        padding-left: 0px;
        overflow-y: inherit;
        overflow-x: hidden;
    }

}


@media only screen and (min-width: 601px) and (max-width: 1200px) {
    .navbarmenuitems {
    }

    .navbarusermenupanel {
        display: none;
    }
}

/*END OF NAVBAR*/


/********** PROGRESS BAR */

.progressmeter {
    height: 20px; /* Can be anything */
    position: relative;
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    background-color: white;
}

.progressbar {
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-color: #65b589;
}

    .progressbar p {
        text-align: center;
        width: 100%;
        margin: 0;
        color: white;
        letter-spacing: 2px;
        font-size: 12px;
    }

.progressbar-textcenterofcontainer {
    position: absolute;
    color: #6f9dd1 !important;
    font-size: 14px !important;
}

/********** END OF PROGRESS BAR */


.notificationpanel {
    padding-left: 30px;
}

.notificationimage {
    max-height: 60px;
}

.notificationtext {
    font-size: 16px;
    line-height: 28px;
}

.notificationlink {
    font-size: 16px;
    line-height: 28px;
}

.notificationheader {
    font-size: 26px;
    line-height: 44px;
    padding-top: 10px;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
    text-underline-position: under;
}

.whitetextimportant {
    color:white !important;
    display:inherit;
}

.dxmLite_iOS .dxctToolbar_iOS.dxm-main.dxmtb {
    background-color: white;
    background-color: transparent;
    padding-top: 18px;
    padding-bottom: 50px;
    padding: 0px;
    border-width: 0;
    margin-bottom: 20px;
}

.dxmLite_iOS.dxm-ltr .dxctToolbar_iOS.dxmtb .dxm-item.dxct-if, .dxmLite_iOS.dxm-ltr .dxctToolbar_iOS.dxmtb .dxm-item.dxct-igf, .dxmLite_iOS.dxm-rtl .dxctToolbar_iOS.dxmtb .dxm-item.dxct-il, .dxmLite_iOS.dxm-rtl .dxctToolbar_iOS.dxmtb .dxm-item.dxct-igl, .dxmLite_iOS .dxctToolbar_iOS.dxmtb .dxm-item.dxm-ami {
    border-left-width: 0px;
}

.pagesubtitlepanel {
    margin-bottom: 0px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #6f9dd1;
}

.dxmLite_iOS .dxctToolbar_iOS.dxm-horizontal.dxmtb .dxm-image-l .dxm-content, .dxmLite_iOS .dxctToolbar_iOS.dxm-horizontal.dxmtb .dxm-image-r .dxm-content, .dxmLite_iOS .dxctToolbar_iOS.dxm-horizontal.dxmtb .dxm-image-l .dxm-subMenu .dxm-content, .dxmLite_iOS .dxctToolbar_iOS.dxm-horizontal.dxmtb .dxm-image-r .dxm-subMenu .dxm-content {
    padding: 7px 13px 7px 14px;
    color: #0088cc;
}

.dxgvPagerTopPanel_iOS, .dxgvPagerBottomPanel_iOS {
    padding: 0px;
    background-color: white;
    padding-top: 20px;
}

.dxpLite_iOS .dxp-summary, .dxpLite_iOS .dxp-ellip {
    white-space: nowrap;
    padding: 7px 16px 5px;
    padding-left: 0px;
}

a:hover, a:focus {
    color: #005580;
    text-decoration: underline;
    text-underline-position: under;
}

.sectionbar {
    height: 1px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-left: 30px;
    background-color: #6f9dd1 !important;
    /*display:none;*/
    background-color: white !important;
    border-bottom: 1px dotted #6f9dd1;
    display: none;
}

.sectionbar p {
    color: white;
    letter-spacing: 1px;
    vertical-align: middle;
    padding-top: 1px;
    /*color: #6f9dd1 !important;*/
}

.btn-link:hover, .btn-link:focus {
    color: #005580;
    text-decoration: underline;
    background-color: transparent;
    text-underline-position: under;
}

.badgecount {
    /* padding: 2px 4px; */
    font-size: 15px;
    font-weight: normal;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 15px;
}

.badgecountsmall {
    padding-left: 5px !important;
    padding-right: 5px !important;
}



input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #ffffff;
    /*color: #2566ca;*/
}

.dropdownaddicon {
    text-decoration: none;
    max-height: 20px;
    margin-top: 0px;
    margin-left: 5px;
}

.pagesection {
    padding-bottom: 10px;
}

.pagesectioncontentpanel {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 0px;
}

input[type="text"].dxeEditAreaSys {
    font-family: "Quicksand","Open Sans", Verdana, Arial, sans-serif;
}

.subsectionheader {
    /*font-weight: bold;*/
    letter-spacing: 1px;
}

.addlookupicon {
    text-decoration: none;
    max-height: 18px;
    padding-left: 5px;
}

.colorselector {
    display: flex; /* or inline-flex */
    flex-wrap: wrap;
    width: 100%;
}

.colorselectorpanel {
    margin-top: 5px;
    margin-bottom: 5px;
}

.colorselectorswatch {
    width: 100px; /* Or whatever */
    height: 50px; /* Or whatever */
    background-color: red;
    margin: 10px;
    margin-left: 0px;
    text-align: center;
    color: white;
    border-radius: 3px;
}

    .colorselectorswatch a {
        color: white;
        text-decoration: none;
    }

.colorselectorswatchtext {
    font-size: 14px;
    padding: 5px;
    padding-top: 10px;
}

.addlookupiconforboxfield {
    text-decoration: none;
    max-height: 15px;
    padding-left: 5px;
    padding-bottom: 0px;
    float: right;
}
}

.labelhelpicon {
    color: #6f9dd1;
    font-size: 12px;
}

.fieldhelptext {
    font-size: 15px;
    line-height: 24px;
}

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 22px;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 22px;
}

button.small, .button.small {
    letter-spacing: 0.7px;
}

/* NEW FORM FORMAT */


.cs-form {
    margin-left: 0px;
}

.modal-body.cs-form {
    padding: 30px;
}

.cs-section {
    margin-top: 30px;
}

.cs-formfieldrowpanel {
    margin-bottom: 14px;
}

.cs-formfieldrow {
    padding: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px !important;
}

.cs-formbuttonrow {
    margin-top: 10px;
    margin-left: 0px !important;
}

.cs-formfield {
    margin-bottom: 15px;
    border: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    border: 1px solid #d0d2d8 !important;
    padding: 10px;
    height: 59px;
    border-radius: 2px;
}

.cs-formfield-multiline {
    margin-bottom: 15px;
    border: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    border: 1px solid #d0d2d8 !important;
    padding: 10px;
    min-height: 59px;
    border-radius: 2px;
}

.cs-formlabelpanel {
    padding-bottom: 0px;
}

.cs-formlabel {
    font-size: 14px !important;
    /*color: #808080 !important;*/
    /*font-family: 'Source Sans Pro', sans-serif !important;*/
    letter-spacing: 1px;
    font-weight: 300;
}

.cs-formfieldpanel {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -2px;
}

.cs-formfieldpanel-dropdown {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    margin-top: -3px;
}

.cs-formfieldpanel-dropdown-nolabel {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    padding-top: 7px;
}

.cs-formfieldpanel-textbox {
    padding-left: 10px;
    padding-right: 10px;
}

.cs-formfieldpanel-date {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    margin-top: -2px;
}

.cs-formfieldpanel-checkbox {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -8px;
}

.cs-formfieldpanel-checkbox-nolabel {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
}

.cs-formfield-textbox {
    font-size: 17px !important;
    line-height: 22px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    border: .5px solid #cccccc !important;
    border-radius: 0px !important;
    width: 100%;
    padding-left: 0px !important;
    border: 1px solid #cbd6e2 !important;
    background-color: white !important;
    webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 0px !important;
    color: #808080;
}

.cs-formfield-numeric {
    font-size: 17px !important;
    line-height: 22px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    border: .5px solid #cccccc !important;
    border-radius: 0px !important;
    /*width: 100%;*/
    padding-left: 10px !important;
    border: 1px solid #cbd6e2 !important;
    /*background-color: #f5f8fa !important;*/
    webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 0px !important;
    display: inline-block;
}

.cs-formfield-numerictext {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    margin-top: -50px;
    vertical-align: bottom;
}

.cs-formfieldpanelnumeric {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -2px;
    display: inline-block;
}
.cs-leftjustify {
    text-align: left !important;
}

.cs-displayinline {
    display: inline-block !important;
}

.cs-formlabelstyletext {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.cs-formfield-dropdown {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 17px !important;
    /*height: 37px !important;*/
    border-radius: 0px !important;
    border: .5px solid #cccccc !important;
    border: 1px solid #cbd6e2 !important;
    background-color: white !important;
    /*width: 100%;*/
    border: 0px !important;
    /*width: 80%;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
}

.cs-formfield-date {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 17px !important;
    /*height: 37px !important;*/
    border-radius: 0px !important;
    background-color: #f5f8fa !important;
    /*border: .5px solid #cccccc !important;*/
    border: 0px !important;
    width: 160px;
    margin-top: -1px;
}

.cs-formfield-readonly {
    background-color: white !important;
}



.cs-formlabel-required {
    color: red !important;
}


.cs-pagesubheadingpanel {
    margin-bottom: 20px;
}

.cs-pagesubheading {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 1px;
}

.cs-pagesubheadingbold {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
}

.cs-pagesubheadingsmall {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
}

.cs-pagesectionheader {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 1px;
}


.cs-iconforboxfieldlookup {
    float: right;
    padding-top: 5px;
    text-decoration: none;
    max-height: 15px;
}

.cs-labeliconforadditem {
    text-decoration: none;
    max-height: 15px;
    margin-top: -5px;
    cursor: pointer;
}

.cs-formfield-helptextpanel {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    float: right;
}

.cs-formfield-helptextpanelleft {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.cs-formfield-helptext {
    font-size: 14px !important;
    color: #808080 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    letter-spacing: 1px;
    font-weight: 300 !important;
}

.cs-formfieldpanel-checkboxgroup {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cs-form .input-time {
    width: 50px !important;
}

.cs-form .input-tiny {
    width: 30px !important;
}

.cs-form select:focus {
    webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    outline-color: transparent;
    outline-style: dotted;
    outline-width: thin;
    webkit-box-shadow: none !important;
    moz-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 3px solid rgba(81, 203, 238, 1) !important;
}

.cs-form .dxeButtonEdit_iOS:focus {
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-color: none !important;
    outline-style: auto;
    outline-width: 1px;
}


.cs-form .dxeEditAreaSys:focus {
    webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    outline-color: transparent;
    outline-style: dotted;
    outline-width: thin;
}

.cs-form input[type="text"].dxeEditAreaSys {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 17px !important;
    background-color: #f5f8fa !important;
    background-color: white !important;
    cursor: pointer;
    height: 37px;
}

    .cs-form input[type="text"].dxeEditAreaSys:focus {
        border: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none !important;

    }

.cs-form input[type="text"]:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 3px solid rgba(81, 203, 238, 1) !important;
}

.cs-form .dxeButtonEditSys .dxeButton {
    background-color: #f5f8fa !important;
    background-color: white !important;
}

.cs-form .dxeBase_iOS {
    font-size: 14px !important;
    /*color: #808080 !important;*/
    /*font-family: 'Source Sans Pro', sans-serif !important;*/
    letter-spacing: 1px;
    font-weight: 300 !important;
}


.cs-form table.dxeButtonEdit_iOS td.dxic {
    padding-left: 10px !important;
    background-color: white !important;
    padding-left: 0px !important;
}

.cs-form .dxeButtonEditSys:focus {
    /*outline-color: #f5f8fa !important;*/
    webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
    outline-color: transparent;
    outline-style: dotted;
    outline-width: thin;
}


.cs-form .span6 {
    padding-right: 0px !important;
}

.cs-form .input-mini {
    width: 60px !important;
}

.cs-form .input-small {
    width: 90px !important;
}

.cs-form .input-medium {
    width: 150px !important;
}

.cs-form .input-large {
    width: 210px !important;
}

.cs-form .input-xlarge {
    width: 270px !important;
}

.cs-form .input-xxlarge {
    width: 400px !important;
}

.cs-iconforadditem {
    float: right;
    padding-top: 2px;
    text-decoration: none;
    max-height: 15px;
}

.cs-form .dxeRadioButtonList_iOS td.dxe {
    padding: 0px;
}

.cs-form .dxeRadioButtonList_iOS {
    border: 0px;
}

.cs-formfieldpanel-radiolist {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    display: inline-block;
}

.cs-form .dxeButtonEdit_iOS {
    border: 0px !important;
}

.cs-form input[type="text"].dxeEditArea_iOS {
    /*padding-bottom: 4px;*/
}

.cs-formfield-multiline .cs-formfield-textbox {
    margin-bottom: 3px !important;
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.cs-form textarea:focus {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-box-shadow: 0 3px rgba(81, 203, 238, 1) !important;
    box-shadow: 0 3px rgba(81, 203, 238, 1) !important;
    box-shadow: 0 3px rgba(81, 203, 238, 1) !important;
}

.cs-form .dxICBFocused_iOS {
    outline-width: 3px;
    outline-color: rgba(81, 203, 238, 1) !important;
    outline-style: solid;
}

.cs-formfieldpanel-labelasreadonlyfield {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 8px;
}

.cs-formfieldpanel-labelasbutton {
    padding-left: 0px;
    padding-right: 10px;
    margin-top: 12px;
    font-size: 14px !important;
    letter-spacing: 1px;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.cs-formfield-noborder {
    margin-bottom: 15px;
    border: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    border: 0px !important;
    padding: 10px;
    height: 59px;
}

.cs-displayfieldinline {
    display: inline-block;
    vertical-align: top;
}

.cs-timerangetotext {
    padding-left: 5px;
    padding-right: 10px;
    vertical-align: top;
    padding-top: 8px;
}

.cs-form .input-aspxtime {
    width: 70px !important;
}

.cs-form table.dxeTextBox_iOS td.dxic {
    padding: 0px;
    padding-top: 3px;
}


.pageheaderrowwithstatusbar {
    min-height: 120px !important;
}


.sectionsubheaderpanel {
    padding-bottom: 10px !important;
    padding-top: 4px !important;
    padding-left: 30px !important;
}

.width100 {
    width: 100%;
}

.modal-body .dxpcDropDown_iOS {
    position: fixed !important;
    /*top: 45% !important;
    left: 50% !important;*/
}

.warningmessagetext {
    /*display: inline-block;*/
    font-size: 18px;
    line-height: 26px;
    vertical-align: top;
    /*margin-top: -5px;*/
}

.warningmessagelink {
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 16px;
}

.warningmessageicon {
    color: red !important;
    font-size: 48px !important;
    padding-right: 10px;
}

.warningmessageiconsmall {
    color: red !important;
    font-size: 18px !important;
    padding-right: 10px;
    float: left;
    margin-top: 5px;
    height: 40px;
}

.warningmessagetextsmall {
    /*display: inline-block;*/
    font-size: 14px;
    line-height: 24px;
    /*margin-top: -5px;*/
    vertical-align: top;
}

.warningmessageiconpanel {
    height: 90px;
    float: left;
    padding-top: 6px;
}

/** SYSTEM COLORS */

.systemcolor_Amber {
    background-color: #e99146 !important;
}

.systemcolor_AmberPale {
    background-color: #f1d7bb !important;
}

.systemcolor_Beige {
    background-color: #f2dcd3 !important;
}

.systemcolor_Blue {
    background-color: #6f9dd1 !important;
}

.systemcolor_BlueBright {
    background-color: #0000ff !important;
}

.systemcolor_BluePale {
    background-color: #aec6cf !important;
}

.systemcolor_BlueSteel {
    background-color: #2d7f9d !important;
}

.systemcolor_BlueSteelLight {
    background-color: #9bd3cb !important;
}

.systemcolor_BlueTeal {
    background-color: #29a0b1 !important;
}

.systemcolor_Brown {
    background-color: #ca705f !important;
}

.systemcolor_BrownLight {
    background-color: #e7bdb3 !important;
}

.systemcolor_GoldBright {
    background-color: #ffdf00 !important;
}

.systemcolor_Grey {
    background-color: #878384 !important;
}

.systemcolor_GreyLight {
    background-color: #cdc8ca !important;
}

.systemcolor_GreySlate {
    background-color: #717d84 !important;
}

.systemcolor_Green {
    background-color: #65b589 !important;
}

.systemcolor_GreenBright {
    background-color: #4eb553 !important;
}

.systemcolor_GreenLight {
    background-color: #bbeebb !important;
}

.systemcolor_GreenMint {
    background-color: #ddffe7 !important;
}

.systemcolor_GreenSpearmint {
    background-color: #98d7c2 !important;
}

.systemcolor_Pink {
    background-color: #fcbcbc !important;
}

.systemcolor_PinkLight {
    background-color: #fadae2 !important;
}

.systemcolor_Purple {
    background-color: #9a83a3 !important;
}

.systemcolor_PurpleLight {
    background-color: #c0adc5 !important;
}

.systemcolor_Red {
    background-color: #ff817b !important;
}

.systemcolor_RedBright {
    background-color: #cc0000 !important;
}

.systemcolor_RedRoseQuartz {
    background-color: #f7bec0 !important;
}

.systemcolor_RedRose {
    background-color: #c85250 !important;
}

.systemcolor_Tan {
    background-color: #d6b7b1 !important;
}

.systemcolor_White {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.systemcolor_WhiteSmoke {
    background-color: #f9f7f7 !important;
}

.systemcolor_Yellow {
    background-color: #fff4bd !important;
}

.systemcolor_YellowBright {
    background-color: #ffff00 !important;
}



/** ALERT ICONS */

.alerttilecontainer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    padding-bottom: 50px;
}

.alerttile {
    background-color: red;
    color: white;
    margin: 20px;
    padding: 20px;
    /*height: 75px;*/
    width: 300px;
    text-align: right;
    padding-top: 10px;
    border-radius: 5px;
    min-height: 90px;
    font-size: 18px;
    line-height: 24px;
    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}

.alerttilewarning {
    background-color: darkorange;
}

.alerttileurgent {
    background-color: red;
}

.alerttilemessage {
    background-color: #23408f;
    background-color: #6f9dd1;
}

.alerttilegoodnews {
    background-color: #5ac85a;
    background-color: mediumseagreen;
}

.alerttextpanel {
    min-height: 50px;
}

.alerticon {
    border-radius: 3px;
    background-color: #26c6da;
    padding: 15px;
    margin-top: -40px;
    margin-right: 15px;
    float: left;
    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    padding-bottom: 10px;
}

.alertactionpanel {
    font-size: 14px;
    padding: 10px 0 0 0;
    border-top: 1px solid #eee;
    margin-top: 10px;
    text-align: left;
}

    .alertactionpanel a {
        color: white !important;
    }

        .alertactionpanel a:hover {
            text-decoration: underline;
            text-underline-position: under;
        }

.alertactionicon {
    vertical-align: middle;
}

.alertmessagetileicon {
    color: white;
    font-size: 26px;
}



.helppopup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    float: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* The actual popup */
    .helppopup .helppopuptext {
        visibility: hidden;
        width: 160px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        bottom: 170%;
        /*left: 50%;*/
        margin-left: -160px;
        padding: 10px;
    }

        /* Popup arrow */
        .helppopup .helppopuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            /*margin-left: 42px;*/
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Toggle this class - hide and show the popup */
    .helppopup .show {
        visibility: visible;
        -webkit-animation: fadeIn 0.5s;
        animation: fadeIn 0.5s;
    }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.helpbuttonicon {
    max-width: 7px;
}


.headertab {
    top: 0px;
    position: fixed;
    width: 220px;
    z-index:9999;
}

.headertab1 {
    right: 120px;
}

.headertab2 {
    right: 350px;
}

.headertab a {
    cursor: pointer;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    line-height: normal;
    padding: 7px 5px 7px;
    text-decoration: none;
    color: White;
    background-color: #f89b48;
    /*background-color: #6f9dd1;*/
    border-radius: 0px 0px 20px 20px;
}

.infotext {
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 22px;
    color: #6d6d72;
}

.infotextpanel {
    margin-bottom: 10px;
}

.flexrowdropdownsparent .btn {
    vertical-align: top;
}

.flexrowdropdownsparent .btn-group + .btn-group {
    margin-left: 0px;
}

.flexrowdropdownsparent {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    line-height: 32px;
}

.flexrowdropdownschild {
    /*margin: auto;*/
}

.mclogo a:hover {
    text-decoration: none;
}




/**** THE FOLLOWING MUST BE LAST IN THIS FILE*/

.nomargintop {
    margin-top: 0px !important;
}

.nomarginbottom {
    margin-bottom: 0px !important;
}

.nomarginleft {
    margin-left: 0px !important;
}

.nomarginright {
    margin-right: 0px !important;
}


.nopaddingtop {
    padding-top: 0px !important;
}

.nopaddingbottom {
    padding-bottom: 0px !important;
}

.nopaddingbottom {
    padding-bottom: 0px !important;
}

.nopaddingleft {
    padding-left: 0px !important;
}

.nopaddingright {
    padding-right: 0px !important;
}

.margintop20 {
    margin-top: 20px !important;
}

.margintop10 {
    margin-top: 10px !important;
}

.margintop30 {
    margin-top: 30px !important;
}

.margintop40 {
    margin-top: 40px !important;
}

.margintop50 {
    margin-top: 50px !important;
}

.marginbottom10 {
    margin-bottom: 10px !important;
}

.marginbottom20 {
    margin-bottom: 20px !important;
}

.marginbottom30 {
    margin-bottom: 30px !important;
}

.marginbottom40 {
    margin-bottom: 40px !important;
}

.marginbottom50 {
    margin-bottom: 50px !important;
}

.marginbottom100 {
    margin-bottom: 100px !important;
}

.marginleft30 {
    margin-left: 30px !important;
}

.marginleft50 {
    margin-left: 50px !important;
}

.paddingtop10 {
    padding-top: 10px !important;
}

.paddingtop20 {
    padding-top: 20px !important;
}

.paddingtop30 {
    padding-top: 30px !important;
}

.paddingbottom10 {
    padding-bottom: 10px !important;
}

.paddingtopbottom10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.zerotopmarginpadding {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.marginminus40 {
    margin-top: -40px;
}

.margintopminus10 {
    margin-top: -10px !important;
}

.margintopminus20 {
    margin-top: -20px !important;
}

.margintopminus30 {
    margin-top: -30px !important;
}

.margintopminus40 {
    margin-top: -40px !important;
}

.margintopminus50 {
    margin-top: -50px !important;
}

/******  DO NOT PUT ANYTHING BELOW THIS LINE - ADDITIONAL CSS GOES BEFORE THIS LAST SECTION *******/
