/* Minification failed. Returning unminified contents.
(86,16): run-time error CSS1036: Expected expression, found ':'
 */
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

@font-face {
    font-family: 'Manrope';
    src:url('/Content/fonts/Manrope-Regular.ttf') format('truetype');
}

*{
    font-family: 'Manrope', sans-serif;
}

table#tblposts td {
    padding: 6px !important;
}
table#myTable_Approved .footable-row-detail-value, table#myTable_Declined .footable-row-detail-value {
    display: block !important;
    width: 100px !important;
}
@media only screen and (max-width: 320px) {
    table#tblposts td {
        padding: 0px !important;
    }
}
table#myTable_Declined .leaveComments {
    width: auto !important;
}

table#tblMyUpcomingTraining td{
    padding:5px !important;
}
@media only screen and (max-width: 320px) {
    table#tblMyUpcomingTraining td, table#tblMyUpcomingTraining th {
        padding: 0px !important;
    }
}

.updatingBody {
    background: #f06d06;
    font-size: 80%;
    height: 100%;
    margin: 0;
}

.mainDiv {
    width: 500px;
    height: 300px;
    background-color: #e6921a;
    margin: auto;
    top: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    box-shadow: 5px 10px #bb5404f0;
}
.customerTitle {
    text-align: center;
    padding-top: 15px;
    font-size: 25px;
    font-weight: bold;
    border-bottom: solid 1px #bb5404f0;
    padding-bottom: 5px;
}
.updatingMessage p {
    text-align: center;
    font-size: 15px;
}
.updatingMessageMaint {
    font-weight: bold;
    text-transform: uppercase;
}
.RmNmLogo div {
    width: 50%;
    position: relative;
    float: left;
}

.suiteUpdating {
    border-right: solid 1px #bb5404f0;
}
    .suiteUpdating img {
        width: :2px;
        width: 100px;
        float: right;
        padding-right: 20px;
    }

.rmLogoUpdating {
    width: 49% !important;

}
.rmLogoUpdating img {
    width: 150px;
    padding-left: 20px;
    display: block;
    margin-top: 25px;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #ffffff;
    overflow-y: auto;
    overflow-x: auto;
}

.modal {
    overflow-y: auto;
}

.validation-well {
    background-color: #F2DEDE;
    border: 1px solid #F2DEDE;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 10px;
    min-height: 20px;
    padding: 5px;
}


/* Error styles */
.modal-errorheader {
    border-bottom: 1px solid #E5E5E5;
    min-height: 10px;
    padding: 5px;
}

/* Floats ------------ */

.fltL {
    float: left;
}

.floatLeft {
    float: left;
}

.fltR {
    float: right;
}

.floatright {
    float: right;
}
/* Clear ------------ */

.clrB {
    clear: both;
}
/*  depreciate */
.clearBoth {
    clear: both;
}
/*	£Borders Start------------------------------------------------

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

.brd3 {
    border: 1px solid #333;
}

.brd6 {
    border: 1px solid #666;
}

.brd9 {
    border: 1px solid #999;
}

.brd0 {
    border: 1px solid #000;
}

.brdOrng {
    border: 1px solid #ff8400;
}

.brdRed {
    border: 1px solid #990000;
}

/*	£Gradients Start------------------------------------------------------------*/

.grdW {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
}

    .grdW:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
        background: -moz-linear-gradient(top, #fff, #dcdcdc);
    }

    .grdW:active {
        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
        background: -moz-linear-gradient(top, #ededed, #fff);
    }

.grd9-6 {
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666));
    background: -moz-linear-gradient(top, #999999, #666666);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
}

.grd3-6 {
    background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));
    background: -moz-linear-gradient(top, #333333, #666666);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666');
}

/* £Background Colours Start -------------------------------------------------- */
.bckBge {
    background: #e3dc9e;
}

/* £Padding Start -------------------------------------------------- */

.pad0 {
    padding: 0;
}

.pad5 {
    padding: 5px;
}

.pad10 {
    padding: 10px;
}

.pad20 {
    padding: 20px;
}

.pad30 {
    padding: 30px;
}

.padL20 {
    margin-left: 20px;
}

/* £Margin Start -------------------------------------------------- */

.mrgC {
    margin: 0 auto;
}

.mrg0 {
    margin: 0;
}

.mrgT0 {
    margin-top: 0px;
}

.mrg10 {
    margin: 10px;
}

.mrgL5 {
    margin-left: 5px;
}

.mrgL10 {
    margin-left: 10px;
}

.mrgL15 {
    margin-left: 15px;
}

.mrgL20 {
    margin-left: 20px;
}

.mrgL50 {
    margin-left: 50px;
}

.mrgT5 {
    margin-top: 5px;
}

.mrgT10 {
    margin-top: 10px;
}

.mrgT15 {
    margin-top: 15px;
}

.mrgT20 {
    margin-top: 20px;
}

.mrgR5 {
    margin-right: 5px;
}

.mrgR10 {
    margin-right: 10px;
}

.mrgR15 {
    margin-right: 15px;
}

.mrgR20 {
    margin-right: 20px;
}

.mrgR30 {
    margin-right: 30px;
}

.mrgB5 {
    margin-bottom: 5px;
}

.mrgB10 {
    margin-bottom: 10px;
}

.mrgB15 {
    margin-bottom: 15px;
}

.mrgB20 {
    margin-bottom: 20px;
}

.mrgB40 {
    margin-bottom: 40px;
}
/* £Display Start -------------------------------------------------- */

.dspB {
    display: block !important;
}

.dspI {
    display: inline;
}

.dspIB {
    display: inline-block;
}

.dspN {
    display: none;
}

/* £BorderRadius Start -------------------------------------------------- */

.rndT3 {
    -moz-border-radius-topright: 0px;
    -khtml-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -khtml-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 0px;
    border-radius: 0px;
}

.rndT5 {
    -moz-border-radius-topright: 0px;
    -khtml-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -khtml-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-radius: 0;
}

.rndT10 {
    -moz-border-radius-topright: 10px;
    -khtml-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -khtml-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-radius: 10px 10px 0 0;
}

.rnd3 {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.rnd5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.rnd7 {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.rnd10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.rnd20 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.rnd30 {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.rnd40 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.rndR3 {
    -moz-border-radius-topright: 0px;
    -khtml-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -khtml-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 3px;
    -khtml-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -khtml-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-radius: 0px 3px 3px 0px;
}

.rndR5 {
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 0px;
    -khtml-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 0px;
    -khtml-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-radius: 0px 5px 5px 0px;
}

.rndR10 {
    -moz-border-radius-topright: 10px;
    -khtml-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 0px;
    -khtml-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 10px;
    -khtml-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 0px;
    -khtml-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-radius: 0px 10px 10px 0px;
}

.rndR20 {
    -moz-border-radius-topright: 20px;
    -khtml-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 0px;
    -khtml-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 20px;
    -khtml-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 0px;
    -khtml-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-radius: 0px 20px 20px 0px;
}

.rndL3 {
    -moz-border-radius-topright: 0px;
    -khtml-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -khtml-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -khtml-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 3px;
    -khtml-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 0px;
    border-radius: 3px 0px 0px 3px;
}

.rndB3 {
    -moz-border-radius-topright: 0px;
    -khtml-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -khtml-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 3px;
    -khtml-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 3px;
    -khtml-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 0px;
    border-radius: 0px 0px 3px 3px;
}

.rndB5 {
    -moz-border-radius-topright: 0px;
    -khtml-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -khtml-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-radius: 0px 0px 5px 5px;
}
/*	£Shadows Start------------------------------------------------------------	*/

.tShd1 {
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}

.tShd2 {
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.7);
}

.txtC {
    text-align: center;
}

.txt14 {
    font-size: 14px;
}

.txt16 {
    font-size: 16px;
}

.txt18 {
    font-size: 18px;
}

/*Text widths at full screen*/
@media (min-width: 768px) {
    .txtW25 {
        width: 25px !important;
    }

    .txtW50 {
        width: 100px !important;
    }

    .txtW75 {
        width: 75px !important;
    }

    .txtW100 {
        width: 100px !important;
    }

    .txtW150 {
        width: 150px !important;
    }

    .txtW200 {
        width: 200px !important;
    }

    .txtW250 {
        width: 250px !important;
    }

    .txtW300 {
        width: 300px !important;
    }

    .txtW500 {
        width: 500px !important;
    }

    .txtW600 {
        width: 600px !important;
    }

    .txtW650 {
        width: 650px;
    }

    .txtW700 {
        width: 700px;
    }
}


.editform .checkbox {
    float: left;
    display: inline-block;
    padding: 2px 5px 5px 0;
}

    .editform .checkbox span {
        float: left;
        font-weight: bold;
        padding: 2px 5px 5px 0;
    }

    .editform .checkbox input {
        position: relative;
        left: -9999px;
    }

.checkbox .label_check {
    height: 20px;
    width: 20px;
    position: relative;
    padding: 5px 5px 5px 25px;
}

.c_off {
    background: url('/content/images/check-off.png') no-repeat;
}

.c_on {
    background: url('/content/images/check-on.png') no-repeat;
}

.label_checkprint {
    padding: 0px 0 5px 25px;
}

/* 15px sized checkbox and radio */

.label_check_15 input, .label_radio_15 input {
    margin-right: 5px;
}

.label_check_15, .label_radio_15 {
    height: 15px;
    width: 15px;
    display: inline-block;
    padding: 2px 0 5px 34px;
}

.label_checkprint_15 {
    padding: 0px 0 5px 25px;
}

.label_radio_15 {
    background: url('/content/images/radio-off-15px.gif') no-repeat;
}

.label_check_15, .label_checkprint_15 {
    background: url('/content/images/check-off-15px.gif') no-repeat;
}

.c_on_15 {
    background: url('/content/images/check-on-15px.gif') no-repeat;
}

.r_on_15 {
    background: url('/content/images/radio-on-15px.gif') no-repeat;
}

/* 10px sized checkbox and radio */

.label_check_10 input, .label_radio_10 input {
    margin-right: 5px;
}

.label_check_10, .label_radio_10 {
    height: 10px;
    width: 10px;
    display: inline-block;
    padding: 0px 0 5px 25px;
}

.label_checkprint_10 {
    padding: 0 0 0 15px;
    margin: 5px;
}

.label_radio_10 {
    background: url('/content/images/radio-off-10px.gif') no-repeat;
}

.label_check_10, .label_checkprint_10 {
    background: url('/content/images/check-off-10px.gif') no-repeat;
}

.c_on_10 {
    background: url('/content/images/check-on-10px.gif') no-repeat;
}

.r_on_10 {
    background: url('/content/images/radio-on-10px.gif') no-repeat;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

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

    ::-webkit-scrollbar-thumb:hover {
        background-color: #aaa;
    }

.buttableicon {
    float: right;
    text-decoration: none;
    width: 24px;
    height: 24px;
}

.exit32d {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -10px;
}

.exit32h {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -55px;
}

.exit32 {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -100px;
}

.add32d {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -145px;
}

.add32h {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -189px;
}

.add32 {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -233px;
}

.delete32d {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -277px;
}

.delete32h {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -321px;
}

.delete32 {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -365px;
}

.save32d {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -409px;
}

.save32h {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -451px;
}

.save32 {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -493px;
}

.edit32d {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -535px;
}

.edit32h {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -577px;
}

.edit32 {
    background: url("/content/images/formButtons32.png") top left no-repeat;
    background-position: -10px -619px;
}

.print24d {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -10px;
}

.print24h {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -44px;
}

.print24 {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -80px;
}

.add24d {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -112px;
}

.add24h {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -146px;
}

.add24 {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -180px;
}

.exit24d {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -214px;
}

.exit24h {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -247px;
}

.exit24 {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -280px;
}

.save24d {
    height: 24px;
    width: 24px;
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -313px;
}

.save24h {
    height: 24px;
    width: 24px;
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -345px;
}

.save24 {
    height: 24px;
    width: 24px;
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -377px;
}

.delete24d {
    height: 24px;
    width: 24px;
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -409px;
}

.delete24h {
    height: 24px;
    width: 24px;
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -441px;
}

.delete24 {
    height: 24px;
    width: 24px;
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -473px;
}

.edit24d {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -505px;
}

.edit24h {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -537px;
}

.edit24 {
    background: url("/content/images/formButtons24.png") top left no-repeat;
    background-position: -10px -569px;
}

.declined24d {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -10px;
}

.rejected24d {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -44px;
}

.rejected24h {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -78px;
}

.declined24h {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -112px;
}

.approved24d {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -146px;
}

.awaiting24h {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -180px;
}

.approved24h {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -214px;
}

.rejected24 {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -248px;
}

.declined24 {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -282px;
}

.approved24 {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -316px;
}

.awaiting24d {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -350px;
}

.awaiting24 {
    height: 24px;
    width: 24px;
    background: url("/content/images/formState24.png") top left no-repeat;
    background-position: -10px -384px;
}


.fa-1 {
    cursor: pointer;
    font-size: 1.5em;
}

.fa-2 {
    cursor: pointer;
    font-size: 2em;
}

.fa-3 {
    cursor: pointer;
    font-size: 4em;
}

.fa-4 {
    cursor: pointer;
    font-size: 7em;
}

.fa-5 {
    cursor: pointer;
    font-size: 12em;
}

.fa-6 {
    cursor: pointer;
    font-size: 20em;
}

.fa-1x {
    cursor: default;
    color: #cccccc;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 1.5em;
}

.fa-2x {
    cursor: default;
    color: #cccccc;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 2em;
}

.fa-3x {
    cursor: default;
    color: #cccccc;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 4em;
}

.fa-4x {
    cursor: default;
    color: #cccccc;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 7em;
}

.brandingPanel {
    margin-top:5px;
    height: 50%;
    overflow: hidden; 
    padding: 0 !important;
}

.brandingPanelAdmin {
    height: 100%;
    background-color: #240A11;
    overflow: hidden;
    padding: 0 !important;
}

.brandingLogo {
    max-height: 100% !important;
}

.rmLogo {
    padding-top: 5%;
}


.footer, .push {
    height: 4em;
}


.brand-info {
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    color: black;
    box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.brand-info__a {
    color: black;
    text-decoration: underline;
}

.iqus-brand-info {
    float: left;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4.5em;
    text-align: right;
}

.footer-gradient {
    background: url('/Areas/Admin/content/Theme/images/gradient.png') repeat-x;
    width: 100%;
    height: 27px;
    margin-top: -27px;
}

.welcomeMsg {
    color: #fff;
    font-size: 40px;
    text-align: center;
}

.form-control {
    border-radius: 0 !important;
    margin-bottom: 10px;
}

.btn {
    border-radius: 3px !important;
}

/* 
    New NetMaster UI Styles
*/

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.login-logo {
}

@media only screen and (max-width: 767px) {
    .login-logo {
        bottom: 60%;
    }
}

.login-logo__img{
    height: auto; 
    width: 100%
}

.loginHeader {
    font-size: 25px;
    padding-top: 10%;
    color: #1C6FB7;
}

@media only screen and (max-width: 767px){
    .loginHeader {
        padding-top: 30%;
        font-size: 20px;
    }
}

.loginHeader--admin {
    color: #240A11;
}

.loginHeader--member {
    color: #FF004A;
}

.loginSubHeader {
    color: #1c6fb7;
    font-size: 18px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px){
    .loginSubHeader {
        font-size: 15px;
    }
}

.loginSubHeader--admin {
    color: #240A11;
}

.loginSubHeader--member {
    color: #FF004A;
}

.loginPanel > label {
    font-weight: normal !important;
}

.loginPanel > hr {
    border-color: #999 !important;
}

.adminLoginLink > a {
    color: #FF004A !important;
}

.labelControl {
    padding-top: 0px !important;
    padding-bottom: 7px;
    padding-right: 10px;
    font-size: 15px;
}

.control-label {
    padding-top: 0px !important;
}

.modal-body > div {
    /*padding-top: 7px;*/
}

.pagination {
    margin: 5px 20px;
}

.pagination-container {
    height: 40px;
    background-color: #F5F5F5;
}

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

.clearfilter {
    cursor: pointer;
}

.filterremove-default {
    background-color: #FF004A;
    display: block;
}

.filterremove {
    border-radius: 0;
    color: #FFFFFF;
    font-size: 95%;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    vertical-align: baseline;
    white-space: nowrap;
    padding: 6px 10px;
}

.filter {
    background-color: #FFFFFF;
    /*border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);*/
    margin-bottom: 20px;
}

.filter-body {
    padding: 0px;
}

    .filter-body ul {
        margin: 0px;
        padding-left: 0px;
    }

        .filter-body ul li {
            border-style: none;
            padding-left: 2px;
            padding-right: 0px;
            padding-bottom: 0px;
            margin: 3px;
            list-style: none;
        }

.filter-default > .filter-heading + .filter-collapse .filter-body {
    border-top-color: #DDDDDD;
}

.filter-default > .filter-heading {
    background-color: #F5F5F5;
    border: 1px solid #e3e3e3 !important;
    color: #333333;
}

.filter-group .filter-heading {
    border-bottom: 0 none;
}

.filter-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 2px 5px;
}

    .filter-heading .filter-toggle:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
        content: "\e114"; /* adjust as needed, taken from bootstrap.css */
        float: right; /* adjust as needed */
        color: grey; /* adjust as needed */
    }

    .filter-heading .filter-toggle.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\e080"; /* adjust as needed, taken from bootstrap.css */
    }

.filternolink {
    padding: 5px;
}

.datefilter-group {
    border-collapse: separate;
    display: table;
    position: relative;
    margin-top: 10px;
    width: 100%;
}

    .datefilter-group label {
        float: left;
        width: 20%;
        margin-left: 10px;
    }

    .datefilter-group input {
        float: left;
        width: 60%;
    }

    .datefilter-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .datefilter-group .form-control {
        float: left;
        margin-bottom: 0;
        width: 100%;
    }

.datefilter-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 29px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 75%;
}

.datefilter-group-addon {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    padding: 2px 6px;
}

.datefilter-group-addon, .datefilter-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    float: right;
}

.datefilter-group .filter-group-addon, .filter-group-btn {
    display: table-cell;
}

.datefilter-group .btn:hover {
    background-color: #FF004A !important;
    border-color: #FF004A !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #FF004A !important;
    border-color: #FF004A !important;
    color: #fff !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff !important;
}

.fc-unthemed .fc-today {
    background: rgba(0, 0, 0, 0.15) !important;
}

.fc-view, .fc-view > table {
    background-color: #fff;
}

.fc-day-grid .fc-row {
    height: 98px;
}

.fc-toolbar {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px !important;
    padding: 5px;
    /*border-bottom: 1px solid #eee;*/
    margin: 40px 0 20px;
}

.numberField {
    width: 100%;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #FF004A !important;
    border-color: #FF004A !important;
    color: #fff !important;
}

.tab-content {
    border: 1px solid #FF004A;
    padding: 10px;
    margin-bottom: 20px;
}

.nav-tabs {
    border: none !important;
}

.btnCancel {
    color: #fff;
}

.fc-time {
    display: none;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #FF004A;
    color: #fff;
}

.ui-corner-all {
    border-radius: 0px !important;
}


.loading-Modal {
    color: #fff;
    margin-top: 50%;
    position: relative;
    margin-bottom: 20px;
}

.modal-content-loading {
    background-clip: padding-box;
    background-color: transparent !important;
    position: relative;
    padding: 10px;
}

.loadingModelMsg {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.filter-body > .well {
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-radius: 0;
    border-right: 1px solid #e3e3e3;
    border-top: none !important;
    box-shadow: none !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
}

.selectpicker {
    background-color: #fff !important;
    border-color: #e3e3e3 !important;
    border-radius: 0 !important;
    margin-top: 0px !important;
    max-height: 200px;
    min-width: 75px;
}

.lengthLabel {
    vertical-align: middle;
    margin-left: 5px;
}

#Zone {
    margin-bottom: 0px !important;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}


.pageTitle {
    margin-left: 15px;
    background: url('/content/images/heading_bgr.png') left top repeat-x;
    margin-bottom: 15px;
    margin-right: 15px;
}

.PageTitleText {
    display: inline;
    font-weight: 300;
    font-size: 28px;
    line-height: 28px;
    background: #fff;
    margin: 0;
    padding-right: 10px;
    color: #555;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    float: left;
    margin-bottom: 8px;
    margin-left: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}

#PageTitleTextMini {
    background-color: transparent !important;
    color: #fff !important;
    float: left;
    margin: 10px !important;
    position: relative;
    font-size: 16px !important;
}

.navbar-collapse {
    border-top: none !important;
}

.headerMenuContainer {
    margin-left: auto;
    margin-right: auto;
}

.container {
    padding: 0px !important;
}

.navbar {
    margin-bottom: 10px !important;
}

#modalcontent, #exchangeModalContent, #myShiftExchangeOffersContent {
    padding: 15px;
}

.btnCancel {
    background-color: #f00 !important;
    border-color: #f00 !important;
    color: #fff !important;
}

.btnOK {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

    .btnOK:hover, .btnOK:focus, .btnOK:active, .btnOK.active, .open .dropdown-toggle.btn-success {
        background-color: #47a447;
        border-color: #398439;
        color: #fff;
    }

.btnNoAction {
    color: #fff !important;
}

.disputeTextArea {
    margin: 15px;
    width: 290px;
    height: 200px;
}

.rowSuccess {
    background-color: #dff0d8 !important;
    border-color: #d6e9c6;
    color: #3c763d;
}

.rowFailure {
    background-color: #f2dede !important;
    color: #a94442;
    border: 1px solid #ebccd1;
}

.modal-rule {
    top: 200px;
    width: 50%;
}


.modal-label {
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal-body {
    padding: 0px 20px 20px 20px !important;
    overflow-y: visible;
}

#rule_value {
    margin-bottom: 5px !important;
    margin-top: 0px !important;
    width: 40px !important;
}

.modal-footer > button {
    margin-bottom: 0px !important;
}

.btnSwap {
    background-color: #FF004A !important;
    border-color: #FF004A !important;
}




.checkBox {
    border-color: transparent !important;
}

.input-sm {
    box-shadow: none !important;
}

.directbookshift {
    display: inline !important;
    border: none !important;
}

.directBankBookshift {
    display: inline !important;
    border: none !important;
}

.newsAnnoucmentsPanel {
    background-color: transparent !important;
    max-height: 500px;
    overflow: auto;
}

.column {
    float: left;
    padding-bottom: 20px;
}

.ui-sortable > .panel {
    margin: 0 1em 1em 0;
    padding: 0.3em;
}

.panel-heading {
    padding: 5px;
    /*margin-bottom: 0.5em;*/
    position: relative;
    font-weight: bold;
}

.panel-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}

.panel-content {
    padding: 0.4em;
}

.panel-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
}

.pannelContainer {
    padding: 0px !important;
}

.topButton {
    margin-top: 10px;
    margin-bottom: 10px;
}

.claimNotes {
	max-height: 90px !important;
	max-width: 100% !important;
}

.dropDownLabel {
    padding-top: 10px;
}

.wizardPanelHeader {
    height: 35px;
    margin-bottom: 0;
}

.wizardPanelheading {
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
}

.modalActionBar {
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
    padding-right: 15px;
}

.dropdown-menu {
    border-radius: 0;
    /*font-size: 12px;*/
}


.topButtonContainer {
    height: 34px;
}

.verticalBtnGroup {
    width: 100%;
}

.topBanner {
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: #FF004A;
    padding-bottom: 5px;
}
.topbar {
    background-color: #FF004A;
}

.rmBannerLogo {
    margin-top: 10px;
    max-width: 100%;
}

.topMenuItem {
    font-weight: bold;
}


.bannerAlertBox {
    box-shadow: 4px 2px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: 0 !important;
    margin-top: 10px;
}

.footContainer {
    padding-top: 10px !important;
}

#footer {
    height: 70px !important;
}

.copyrightInfo {
    text-align: right;
}

.exchangeButton {
    width: 100% !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
}

.exchangeOffers {
    width: 75% !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
}

.exchangeDespost {
    width: 75% !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    cursor: not-allowed;
}

.exchangeDelete {
    width: 25% !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
}

.modal-alerts {
    top: 200px;
    width: 450px;
}

#alertsMini {
    background-color: transparent !important;
    color: #fff !important;
    float: left;
    font-size: 24px !important;
    margin-right: 15px;
    margin-top: 10px;
    position: relative;
}

@media (max-width: 768px) {
    .modal-alerts {
        top: 10%;
        width: auto;
    }

    .input-sm {
        box-shadow: none !important;
        margin-top: 10px;
    }
}


.noteText {
    padding-left: 20px;
}

.columnTitle {
    vertical-align: top;
}

.ui-widget-content {
    background: #fff !important;
}

.fc-state-default.fc-corner-right {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.fc-state-default.fc-corner-left {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.layoutOrgDetail {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-top: 5px;
}

.layoutPersonOrgDetail {
    font-size: 14px;
    font-weight: normal;
}

/*#tblMyShifts > tbody > tr > td
{
    padding: 6px !important;
}*/

.pending {
    color: orange !important;
    font-size: 18px;
    text-decoration: none !important;
    cursor: not-allowed !important;
}

.approved {
    color: green !important;
    font-size: 18px;
    text-decoration: none !important;
    cursor: none !important;
}

.deleterecord {
    color: red !important;
    font-size: 18px;
    text-decoration: none !important;
    cursor: pointer !important;
}

.editrecord {
    color: #428bca !important;
    font-size: 18px;
    text-decoration: none !important;
    cursor: pointer !important;
}

#bodyContent {
    margin-bottom: 10px;
}

.actionColumn {
    text-align: center;
    width: 60px;
}

.content {
    padding: 20px;
}

.recordRejected {
    color: red !important;
    font-size: 18px;
    text-decoration: none !important;
}

.passwordStrengthBar {
    font-weight: bold;
    margin-top: 10px;
}

.modal-announcements {
    width: 90%;
}

h4 > .icheckbox_square-blue {
    float: right;
}

.progress .bar {
    width: 0%;
    height: 100%;
    color: #ffffff;
    float: left;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

    .progress .bar + .bar {
        -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
        -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
        box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
    }

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar, .progress .bar-danger {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar, .progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar, .progress .bar-info {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar, .progress .bar-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.icon-ok {
    font-family: Glyphicons Halflings !important;
}

.linkDisabled {
    display: none !important;
}

#monthLabel {
    float: right;
    font-size: 12px !important;
    font-weight: normal;
    margin-right: 10px;
    margin-top: 13px;
    padding: 0 !important;
    text-align: right;
    width: 50px;
}

#btnBookShift, #btnSave {
    margin-right: 10px;
}


.modal-footer {
    padding: 0px;
    padding-top: 10px;
}

.modal-content > .modal-footer {
    padding: 15px;
}

#modalCalendarShiftContent > .modal-footer {
    padding: 15px;
}

#modalCalendarGeneralAvailabilityContent > .modal-footer {
    padding: 15px;
}

.shortNoticeLabel {
    margin-left: 6%;
    text-align: left;
    width: 17%;
}

.mileageNotes {
    max-height: 70px;
    max-width: 100%;
}

.input-group-addon {
    background-color: #46b8da;
    color: #fff;
}

.field-validation-error {
    color: red;
}

.error {
    color: red;
}

.success {
    color: green;
}

.input-validation-error {
    border: solid 1px red !important;
}

.remainingChar {
    margin-right: 15px;
    margin-top: -15px;
}

.leaveComments {
    word-wrap: break-word;
    width: 500px;
}

@media (min-width: 1024px) {
    .hideChildRow {
        cursor: pointer !important;
        padding-left: 10px !important;
    }

        .hideChildRow:before {
            display: none !important;
            cursor: pointer !important;
        }
}

#btnAddNewRule {
    margin-bottom: 10px;
    float: right;
}

.checkAnnouncement {
    margin-top: -4px;
}

.browntoggle {
    background-color: #8b4513;
    color: white;
}

.greentoggle {
    background-color:#3c763d;
    color:white;
}

.bluetoggle {
    background-color: #31708f;
    color: white;
}

.redtoggle {
    background-color: #a94442;
    color: white;
}

.active-footer {
    background-color:#d6e9c6;
    color:#3c763d;
}

.pending-footer {
    background-color:#bce8f1;
    color:#31708f;
}

.btn-blue {
    background-color: #428bca; 
    border-color: #428bca;
    color:white;
    
}

.ts-pad-top {
    padding-top:10px;
}

.ts-pad-left {
    padding-left:25px;
}

.ts-pad-right {
    padding-right:25px;
}

.chkBox {
    height: 2rem !important;
    width: 2rem !important;
    box-shadow: none !important;
    display: inherit;
}

/* 5 equal columns - bootstrap works on a 12 point grid by default :( */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.homeSuite {
    width: 50%;
    position: relative;
    float: left;
}

.homeSuite img{
    width: 50%;
  
}

.rmUpdating {
    width: 50%;
    position: relative;
    float: left;
}
    .rmUpdating img {
        width: 50%;
    }

.btn-file {
    position: relative;
    overflow: hidden;
    height: 34px;
    font-weight:bold !important;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.expense-claim-preview {
    width: 65px;  
    display: inline-block;
    padding: .25em .4em;
    font-size: 100%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem; 
    color: #212529;
    background-color: #e5e5e5; 
    text-decoration: none; 
    cursor: pointer;
}

.expense-claim-preview:hover{
    text-decoration: none;
    color: #212529;
    background-color: #dedede;
}

.show-overflow {
    overflow: visible !important
}

.dataTables_wrapper .input-sm {
    display: inline;
    margin-bottom: 0;
}

#tAndCLink {
    cursor: pointer;
}

/* New Login Re-Design Styles */

.header-loginPage {
    padding:4%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    height: 122px;
}

.header-logo {
    width: 385px
}

.login-page-header {
    margin-top: 7%;
    margin-left: 10%;
    margin-bottom: 6%;
    font-family: Manrope;
    font-size: 32px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #240a11;
}

.Email-address-or-username {
    margin-left: 10%;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #240a11;
    margin-bottom: 10px;
}

.OrSwitchTo {
    display: table;
    margin: 0 auto;
    font-family: Manrope;
    font-size: 17px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #240a11;
    display: block;
}

.Download-the-app {
    width: 150px;
    height: 25px;
    margin: 0 319px 0 10%;
    font-family: Manrope;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #37a0f4;
    display: none;
}

.input-login {
    margin: 0 auto 0 10%;
    width: 80%;
    padding: 13.5px 50px 13.5px 16px;
    border-radius: 6px !important;
    border-width: 0;
    font-size: 16px;
    background-color: #f6eef2;
}

.forgotten-detail .btn-LoginSubmit {
    margin-top: 4% !important;
}

.Input-Error {
    font-family: Manrope;
    font-size: 15px;
    margin-left: 10%;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ff2b2b;
    width: 80%;
}

.text-TermsAndConditions {
    display: table;
    margin: 5% auto;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #240a11;
}

.Forgotten-login-buttons {
    height: 25px;
    display: table;
    font-family: Manrope;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ff004a;
}

.forgotten-left {
    margin-left:0;
}

.forgotten-right {
    margin-right: 0;
}

.rm-data-icon {
    margin-top: 15%;
    width: 50%;
    height:50%;
    flex-grow: 0;
}

.text-forgotten-details{
    margin-left: 10%;
    margin-top: 4%;
    margin-bottom: 5%;
    font-size: 16px;
    font-weight: 600;
    color: #240a11;
}

.text-forgotten-details-secondary {
    margin-left: 10%;
    margin-top: 4%;
    margin-bottom: 5%;
    font-size: 16px;
    color: #240a11;
}

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

.text-return-to-sign-in{
    font-size: 16px;
    font-weight: 800;
    color: #ff004a;
    margin-top: 10%;
    text-align: center;
}

.top-bar-item-container {
    top: 50%;
    transform: translateY(-50%);
}

/* Custom outline buttons added.
    When you want to add a different button just add the CSS Style, and then add .btn-outline at the end like done below.
    Once you've defined your style, then add it to the button styles at the bottom.
*/

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-AdminSignIn.btn-outline {
    width: 274px;
    height: 48px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin: 0 20px 0 210px;
    text-align: center;
    font-size: 17px;
    border-radius: 8px !important;
    border: solid 2px #f95b89;
    background-color: #fcfcfc;
    float: right;
    display: none; /* By default this is set to not display, 
        in the Media tag below it displays once the screen size is greater than mobile view*/
}

.btn-AdminSignInMobile.btn-outline {
    width: 274px;
    height: 48px;
    display: flex;
    margin: 0 auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 8px !important;
    font-weight: bold;
    border: solid 2px #ff004a;
    background-color: #fcfcfc;
    text-align: center;
    font-size: 17px;
    color: #f95b89;
}


.btn-LoginSubmit.btn-outline {
    display: flex;
    margin: 2% auto 6% auto;
    width: 330px;
    height: 48px;
    border-radius: 8px !important;
    background-color: #ff004a;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 17px;  
    font-weight: 800;
    color: #fff;
}

button:disabled.btn-LoginSubmit.btn-outline {
    background-color: #ffa5bf;
    color: #674f50;
}

.forgotten-User-Login {
    padding-left:5%;
}

.forgotten-Password-Login {
    padding-right: 5%;
}

.password-validation {
    margin-bottom: 6px;
}

.password-validation.invalid {
    list-style-type: circle;
}

.password-validation.valid {
    list-style-type: disc;
    color: #ff004a;
}

.btn-reset-password.btn-outline {
    display: flex;
    margin: 2% auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 14px 24px;
    border-radius: 8px !important;
    border: solid 2px #ff004a;
    background-color: #fcfcfc;
    color: #ff004a;
    font-size: 16px;
    width: 274px;
    height: 48px;
}

    .btn-reset-password.btn-outline:disabled {
        border: solid 2px #c8c1c3;
        color: #c8c1c3;
    }

.btn-view-password {
    cursor: pointer;
    margin-left: -40px;
    font-size: 20px;
    transform: translateY(2px);
    display: inline !important;
}

.mobile .modal-body {
    text-align: center;
    margin-top: 10%;
    font-size: 14px;
    font-weight: 600;
    color: #240a11;
}

.mobile.modal-dialog {
    position: fixed;
    top: auto;
    left: auto;
    right: auto;
    bottom: 0;
    margin: 0;
    width: 100%;
}

.btn-AdminSignInMobile {
    margin-top: 5%;
    margin-bottom: 10%;
}

.checkbox-login {
    display: block;
    margin: 0 auto 0 auto;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    position: relative;
}

/* Hide the browser's default checkbox */
.checkbox-login input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #240a11;
    top: 50%;
    transform: translateY(-50%);
}

.checkbox-login:hover input ~ .checkmark {
    background-color: #fff;
}

.checkbox-login input:checked ~ .checkmark {
    background-color: #ff004a;
    border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-login input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-login .checkmark:after {
    left: 8px;
    top: 4px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}

.checkbox-login-label {
    margin-left: 45px;
    font-size: 18px;
}

#forgotten_details {
    width: 400px;
    margin: 0 auto;
}

.password-validations {
    margin-top: 0;
    margin-bottom: 5%;
}

.input-field {
    margin-bottom: 5%;
}

@media (min-width: 480px) {
    /*In this section, we define the CSS for Desktop sizing.
        You may want to add other @Media tags for different screen sizes so you can alter the
        UI of each element dependant on screen size.
    */

    .btn-AdminSignIn.btn-outline, .Download-the-app {
        display: flex;
    }

    .btn-AdminSignInMobile.btn-outline, .OrSwitchTo {
        display: none;
    }

    .header-loginPage {
        padding: 2%;
    }
    
    .Forgotten-login-buttons {
        height: 25px;
        display: table;
        font-family: Manrope;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #ff004a;
    }

    .page-error {
        margin-bottom: 5%;
    }

    #mobile_admin_sign_in {
        display: none
    }
}

@media (max-width: 1000px) {
    .btn-AdminSignInMobile.btn-outline, .OrSwitchTo {
        display: flex;
    }

    .btn-AdminSignIn.btn-outline, .Download-the-app {
        display: none;
    }

    #mobile_admin_sign_in {
        display: block
    }
    
    .OrSwitchTo {
        margin-top: 4%;
    }

    .btn-LoginSubmit.btn-outline {
        margin-bottom: 2%;
    }

    #forgotten_details {
        margin-top: 2%;
    }
}

@media screen and (max-width: 480px), screen and (max-height: 480px) {
    .login-page-container {
        display: flex;
        flex-direction: column;
    }

    .header-loginPage {
        height: 122px;
        box-shadow: 0 0 0 0;
        padding: 0;
    }

    .header-logo {
        height: 35px;
        width: auto;
        float: left;
    }

    .login-page-header { font-size: 20px; }

    .text-TermsAndConditions { font-size: 16px; }

    .text-forgotten-details {
        margin-left: 0;
        font-weight: normal;
    }

    .text-forgotten-details-secondary {
        margin-left: 10%;
        margin-top: 15%;
        margin-bottom: 15%;
        font-size: 14px;
        color: #240a11;
        text-align: center;
        margin-right: 10%;
    }

    .page-error { margin-top: 4%; }

    #mobile_admin_sign_in { display: block; }

    .Input-Error {
        margin-left: 0;
        width: 100%;
        margin-bottom: 5%;
    }

    .sign-in-panel { margin-top: 10% !important; }

    #login .sign-in-panel {
        margin-top: 10% !important;
    }

    .sign-in-panel #t_and_c {
        margin-top: -10%;
    }

    .text-return-to-sign-in {
        margin-top: 15% !important;
    }

    .container-fluid { padding: 0 }

    .login-body.col-xs-12 { padding: 0; }

    .column-right { margin-left: -20px; }

    .modal-body .btn-LoginSubmit {
        margin-top: 10% !important;
        font-size: 14px;
    }

    .checkbox-login {
        display: block;
        margin: 10% auto 0 auto;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: center;
        position: relative;
        width: 330px;
    }

    .checkbox-login { margin: 5% auto 5% auto; }

    #sign_in_container {
        padding-top: 5%;
        margin: 0 auto;
        width: 330px;
    }

    .login-page-header {
        margin-top: 5%;
        margin-left: 0;
        margin-bottom: 3%;
    }

    #login .login-page-header {
        margin-bottom: 3%;
    }

    .Email-address-or-username {
        margin-left: 0;
    }

    .input-login {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2%;
    }

    #forgotten_details {
        margin: 0 auto;
        width: 330px;
    }

    .checkmark {
        float: left;
        display: block;
    }

    .btn-AdminSignInMobile.btn-outline { width: 330px; }
    
    .OrSwitchTo {
        margin: 2% auto;
    }

    .login-body {
        width: 330px;
        margin: 0 auto;
        float: none;
    }

    .top-bar-item-container {
        width: 330px;
        padding-left: 0;
        margin: 0 auto;
    }

    .forgotten-detail .btn-LoginSubmit {
        margin-top: 20% !important;
    }

    .reset-password .input-login {
        margin-bottom: 0;
    }

    .reset-password #password_validation {
        margin-bottom: 0;
    }

    .reset-password ul {
        margin-bottom: 0;
    }

    .password-validations {
        margin-top: 4%; 
        margin-bottom: 4%;
    }

    .btn-reset-password.btn-outline {
        margin-top: 10% !important;
        width: 330px !important;
    }
}

@media screen and (max-height: 480px) {
    .mobile .btn-LoginSubmit.btn-outline {
        height: 36px;
        margin: 2% auto !important;
    }

    .mobile .modal-body {
        text-align: center;
        margin: 2%;
        font-size: 14px;
        font-weight: 600;
        color: #240a11;
        padding: 0 !important;
    }

    .mobile .modal-body .text-return-to-sign-in {
        margin-top: 2% !important;
        font-size: 14px;
    }

    .login-page-header {
        margin-top: 3%;
    }
}
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?5cie2g');
	src:url('fonts/icomoon.eot?#iefix5cie2g') format('embedded-opentype'),
		url('fonts/icomoon.woff?5cie2g') format('woff'),
		url('fonts/icomoon.ttf?5cie2g') format('truetype'),
		url('fonts/icomoon.svg?5cie2g#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e600";
}
.icon-home2:before {
	content: "\e601";
}
.icon-pencil:before {
	content: "\e602";
}
.icon-pencil2:before {
	content: "\e603";
}
.icon-camera:before {
	content: "\e604";
}
.icon-file:before {
	content: "\e64c";
}
.icon-profile:before {
	content: "\e64d";
}
.icon-cart:before {
	content: "\e605";
}
.icon-phone:before {
	content: "\e620";
}
.icon-pushpin:before {
	content: "\e606";
}
.icon-print:before {
	content: "\e621";
}
.icon-screen:before {
	content: "\e607";
}
.icon-mobile:before {
	content: "\e608";
}
.icon-mobile2:before {
	content: "\e609";
}
.icon-tablet:before {
	content: "\e60a";
}
.icon-undo:before {
	content: "\e60b";
}
.icon-redo:before {
	content: "\e60c";
}
.icon-forward:before {
	content: "\e60d";
}
.icon-reply:before {
	content: "\e60e";
}
.icon-bubble:before {
	content: "\e60f";
}
.icon-user:before {
	content: "\e610";
}
.icon-users:before {
	content: "\e611";
}
.icon-busy:before {
	content: "\e612";
}
.icon-spinner:before {
	content: "\e613";
}
.icon-spinner2:before {
	content: "\e614";
}
.icon-spinner3:before {
	content: "\e615";
}
.icon-search:before {
	content: "\e622";
}
.icon-zoomin:before {
	content: "\e623";
}
.icon-key:before {
	content: "\e616";
}
.icon-lock:before {
	content: "\e617";
}
.icon-unlocked:before {
	content: "\e624";
}
.icon-wrench:before {
	content: "\e618";
}
.icon-cogs:before {
	content: "\e619";
}
.icon-mug:before {
	content: "\e64e";
}
.icon-food:before {
	content: "\e625";
}
.icon-remove:before {
	content: "\e626";
}
.icon-truck:before {
	content: "\e627";
}
.icon-road:before {
	content: "\e628";
}
.icon-accessibility:before {
	content: "\e629";
}
.icon-lightning:before {
	content: "\e61a";
}
.icon-switch:before {
	content: "\e61b";
}
.icon-signup:before {
	content: "\e62a";
}
.icon-list:before {
	content: "\e62b";
}
.icon-list2:before {
	content: "\e62c";
}
.icon-numbered-list:before {
	content: "\e62d";
}
.icon-menu:before {
	content: "\e62e";
}
.icon-menu2:before {
	content: "\e62f";
}
.icon-download:before {
	content: "\e61c";
}
.icon-upload:before {
	content: "\e61d";
}
.icon-attachment:before {
	content: "\e64f";
}
.icon-star:before {
	content: "\e650";
}
.icon-star2:before {
	content: "\e651";
}
.icon-thumbs-up:before {
	content: "\e652";
}
.icon-thumbs-up2:before {
	content: "\e653";
}
.icon-smiley:before {
	content: "\e61e";
}
.icon-sad:before {
	content: "\e61f";
}
.icon-warning:before {
	content: "\e630";
}
.icon-notification:before {
	content: "\e646";
}
.icon-info:before {
	content: "\e647";
}
.icon-blocked:before {
	content: "\e648";
}
.icon-cancel-circle:before {
	content: "\e649";
}
.icon-checkmark-circle:before {
	content: "\e64a";
}
.icon-spam:before {
	content: "\e631";
}
.icon-close:before {
	content: "\e632";
}
.icon-checkmark:before {
	content: "\e633";
}
.icon-checkmark2:before {
	content: "\e634";
}
.icon-spell-check:before {
	content: "\e635";
}
.icon-minus:before {
	content: "\e636";
}
.icon-plus:before {
	content: "\e637";
}
.icon-stop:before {
	content: "\e64b";
}
.icon-loop:before {
	content: "\e654";
}
.icon-table:before {
	content: "\e638";
}
.icon-table2:before {
	content: "\e639";
}
.icon-mail:before {
	content: "\e63a";
}
.icon-mail2:before {
	content: "\e63b";
}
.icon-stackoverflow:before {
	content: "\e63c";
}
.icon-libreoffice:before {
	content: "\e63d";
}
.icon-file-pdf:before {
	content: "\e63e";
}
.icon-file-openoffice:before {
	content: "\e63f";
}
.icon-file-word:before {
	content: "\e640";
}
.icon-file-excel:before {
	content: "\e641";
}
.icon-file-zip:before {
	content: "\e642";
}
.icon-file-powerpoint:before {
	content: "\e643";
}
.icon-file-xml:before {
	content: "\e644";
}
.icon-file-css:before {
	content: "\e645";
}
.icon-compose:before {
	content: "\e655";
}
.icon-menu3:before {
	content: "\e656";
}
.icon-user2:before {
	content: "\e657";
}
.icon-user-add:before {
	content: "\e658";
}
.icon-vcard:before {
	content: "\e659";
}
.icon-hourglass:before {
	content: "\e65a";
}

.sprite { background: url('/content/images/FlagSprite.png') no-repeat top left; width: 16px; height: 16px;  } 
.sprite.F1 { background-position: 0px 0px;  } 
.sprite.F2 { background-position: -26px 0px;  } 
.sprite.F3 { background-position: -52px 0px;  } 
.sprite.F4 { background-position: -78px 0px;  } 
.sprite.F5 { background-position: -104px 0px;  } 
.sprite.F6 { background-position: -130px 0px;  } 
.sprite.F7 { background-position: -156px 0px;  } 
.sprite.F8 { background-position: -182px 0px;  } 
.sprite.F9 { background-position: -208px 0px;  } 
.sprite.F10 { background-position: -234px 0px;  } 
.sprite.F11 { background-position: -260px 0px;  } 
.sprite.F12 { background-position: -286px 0px;  } 
.sprite.F13 { background-position: -312px 0px;  } 
.sprite.F14 { background-position: -338px 0px;  } 
.sprite.F15 { background-position: -364px 0px;  } 
.sprite.F16 { background-position: -390px 0px;  } 
.sprite.F17 { background-position: -416px 0px;  } 
.sprite.F18 { background-position: -442px 0px;  } 
.sprite.F19 { background-position: -468px 0px;  } 
.sprite.F20 { background-position: -494px 0px;  } 
.sprite.F21 { background-position: -520px 0px;  } 
.sprite.F22 { background-position: -546px 0px;  } 
.sprite.F23 { background-position: -572px 0px;  } 
.sprite.F24 { background-position: -598px 0px;  } 
.sprite.F25 { background-position: -624px 0px;  } 
.sprite.F26 { background-position: -650px 0px;  } 
.sprite.F27 { background-position: -676px 0px;  } 
.sprite.F28 { background-position: -702px 0px;  } 
.sprite.F29 { background-position: -728px 0px;  } 
.sprite.F30 { background-position: -754px 0px;  } 
.sprite.F31 { background-position: -780px 0px;  } 
.sprite.F32 { background-position: -806px 0px;  }
.sprite.F33 { background-position: -823px 0px;  }
.sprite.F34 { background-position: -839px 0px;  } 
.sprite.F35 { background-position: -855px 0px;  }
.sprite.F36 { background-position: -871px 0px;  }
.sprite.F37 { background-position: -887px 0px;  }
.sprite.F38 { background-position: -903px 0px;  }
.sprite.F39 { background-position: -919px 0px;  }
.sprite.F40 { background-position: -935px 0px;  }
.sprite.F41 { background-position: -951px 0px;  }
.sprite.F42 { background-position: -967px 0px;  }
.sprite.F43 { background-position: -983px 0px;  }
.sprite.F44 { background-position: -999px 0px;  }
.sprite.F45 { background-position: -1015px 0px;  }
.sprite.F46 { background-position: -1031px 0px;  }
.sprite.F47 { background-position: -1047px 0px;  }
.sprite.F48 { background-position: -1063px 0px;  }
.sprite.F49 { background-position: -1079px 0px;  }
.sprite.F50 { background-position: -1095px 0px;  }
.sprite.F51 { background-position: -1111px 0px;  }
.sprite.F52 { background-position: -1127px 0px;  }
.sprite.F53 { background-position: -1143px 0px;  }
.sprite.F54 { background-position: -1159px 0px;  }
.sprite.F55 { background-position: -1175px 0px;  }
.sprite.F56 { background-position: -1191px 0px;  }
.sprite.F57 { background-position: -1207px 0px;  }
.note1, .note2, .note3, .note4, .note5, .note6, .note7, .note8, .note9{
	background: url('/content/images/NotesSprites.png') no-repeat;
    display: inline-block;
    position: absolute;
}

.note1{
	background-position: 0 0;
	width: 16px;
	height: 16px;
}

.note2{
	background-position: -21px 0;
	width: 16px;
	height: 16px;
}

.note3{
	background-position: -45px 0;
	width: 16px;
	height: 16px;
}

.note4{
	background-position: -66px 0;
	width: 16px;
	height: 16px;
}

.note5{
	background-position: -92px 0;
	width: 16px;
	height: 16px;
}

.note6{
	background-position: -120px 0;
	width: 16px;
	height: 16px;
}

.note7{
	background-position: -149px 0;
	width: 16px;
	height: 16px;
}

.note8{
	background-position: -179px 0;
	width: 16px;
	height: 16px;
}

.note9{
	background-position: -210px 0;
	width: 16px;
	height: 16px;
}