/* Minification failed. Returning unminified contents.
(1052,31): run-time error CSS1046: Expect comma, found '234'
(1052,38): run-time error CSS1046: Expect comma, found ')'
(4477,30): run-time error CSS1046: Expect comma, found '160'
(4477,37): run-time error CSS1046: Expect comma, found ')'
 */
html, body, input[type="text"], input[type="radio"], input[type="checkbox"], input[type="password"], textarea, select {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    color: #455A64;
    font-family: "RobotoDraft", "Roboto", sans-serif !important;
    /*font-family: "Noto Sans Arabic", serif !important;*/
    /*background-color: #fafafa;*/
}

/*body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body::-webkit-scrollbar-thumb {
    background-color: #11171a;
    background-image: linear-gradient( 45deg, #00aeff, #a68eff);
}*/

body::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

body::-webkit-scrollbar-thumb {
        background-color: #c1c1c1;
    }

.notranslate {
    /*font-family: "RobotoDraft","Roboto",sans-serif !important;*/
}

input[type="checkbox"] {
    vertical-align: middle;
}

/* all body text in 11px */
html, body {
    font-size: 12px;
}


b, strong, .bold {
    font-weight: 500;
}

.bolder {
    font-weight: 700;
}

em {
    font-weight: 400;
    font-style: italic;
}

small {
    font-size: 11px;
}

div.spacer-30 {
    height: 30px;
}

div.spacer-15 {
    height: 15px;
}

div.spacer-10 {
    height: 15px;
}

/* all forms and input controls in 12px */
input[type="text"], input[type="radio"], input[type="checkbox"], input[type="password"], textarea, select, section {
    font-size: 12px;
}

    input[type="text"]:disabled {
        color: #888;
    }

    input[type="radio"]:checked + label {
        font-weight: bold;
        /*text-decoration: underline;*/
    }

    input[type="checkbox"]:checked + label {
        /*font-weight: bold;*/
    }

html, body {
    height: 100%;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

ol, ul {
    margin-left: -20px;
}

/*h1,2,3*/
h1, .h1 {
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px dotted #808080;
    margin-bottom: 15px;
    margin-top: 0;
}

h2, .h2 {
    font-size: 130%;
    font-weight: normal;
    margin-top: 0.4em;
    margin-bottom: 0.8em;
}

h3, .h3 {
    font-size: 120%;
    font-weight: normal;
    margin-top: 0.4em;
    margin-bottom: 0.8em;
}

/*href*/
a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:focus, a:active {
        outline: 0 !important;
    }

/*misc*/
hr {
    border: none;
    border-top: dotted 1px silver;
    color: #f2f3f3;
    background-color: #fafafa;
}

img {
    border: 0;
}


blockquote {
    border-left: 5px solid #ddd;
    margin: 15px 30px 0 10px;
    padding-left: 20px;
}

/* #region Input Controls */

input[type="text"], input[type="password"], textarea, select {
    margin: 0;
    border: 1px solid #B8CBDE;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
    background-color: white;
}

input[type="text"], input[type="password"], textarea {
    padding: 3px 5px;
    background-color: white;
}


select {
    padding: 1px 2px;
}

/* #endregion */


::-webkit-input-placeholder {
    font-style: italic !important;
    opacity: .5 !important;
}
:-moz-placeholder {
    font-style: italic !important;
    opacity: .5 !important;
}
:-moz-placeholder {
    font-style: italic !important;
    opacity: .5 !important;
}
:-ms-input-placeholder {
    font-style: italic !important;
    opacity: .5 !important;
}

/* #region Main Portal Structure */

.siteWidth {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1136px;
    width: 1136px;
    margin: auto;
    padding: 0 13px;
}

#logoArea {
    background-color: #036c9c;
    height: 55px;
}

    .logo-text {
        display: block;
        font-size: 28px;
        color: white;
        font-weight: 400;
        line-height: 55px;
        letter-spacing: -1px;
        text-transform: uppercase;
        text-shadow: 0 0 2px rgba(255,255,255,0.7);
        margin: 0;
    }

        #logo-text a {
            color: white;
        }

/*#time-name {
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 14px;
    line-height: 14px;
}

    #time-name, #time-name a {
        color: #e4e4e4;
    }

        #time-name a:hover {
            color: white;
        }*/


#menuArea {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
    width: 100%;
    z-index: 4999; /*behind rad window*/
}


#pageTitleArea {
    /*margin-top: 1px;*/
    background-color: #fafafa;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid rgba(207, 216, 220, 0.3);
}

    #pageTitleArea h1 {
        font-size: 20px;
        font-weight: 300;
        margin: 0;
        display: inline-block;
        border: 0 !important;
    }

    #pageTitleArea a {
        outline: none;
        border: 0;
        float: right;
        display: block;
        font-size: 12px;
    }

    #pageTitleArea ul.nav ul li a {
        line-height: 25px !important;
        float: none;
    }

        #pageTitleArea a:hover {
            text-decoration: underline;
        }

#searchArea {
    margin-bottom: 20px;
}

#contentArea {
    padding-bottom: 30px; /* Height of the footer */
    margin-top: 25px;
}

/*footer*/
#footerArea {
    position: absolute;
    height: 30px; /* Height of the footer */
    line-height: 27px;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #f2f2f2;
    border-top: 1px solid #e4e4e4;
    text-transform: uppercase;
    font-size: 10px;
    color: gray;
}

/* #endregion */


/* #region My Form */

.label {
    font-size: 11px;
    font-weight: 700;
}

span.required, span.optional, .myForm .label {
    font-size: 11px;
    font-weight: 500;
    padding-right: 7px;
    line-height: 2.3em;
    vertical-align: top;
    display: inline-block !important;
}

.myForm {
    display: inline-block;
    /*width: 460px;*/
    vertical-align: top;
    float: left;
}

    .myForm section {
        display: block;
        margin: 0 0 9px 0;
        /*width: 440px;*/
    }

        /*restrict rule to our custom span classes to avoid unexpected result with telerik controls*/
        .myForm section span.required, .myForm section span.optional {
            width: 115px;
        }

    .myForm h1 {
        border-bottom: none;
        text-transform: uppercase;
        font-weight: normal;
    }
        .myForm h1:before {
            font-size: 18px;
            font-weight: normal !important;
            font-family: FontAwesome;
            display: inline-block;
            margin-right: 5px;
            content: "\f0da";
        }

/*full*/
.myFormFull section {
    display: block;
    margin: 0 0 9px 0;
}

    .myFormFull section span.required, .myFormFull section span.optional {
        width: 115px;
    }


.required:after {
    content: " *";
    color: crimson;
    font-weight: 500;
    font-size: 13px;
    vertical-align: middle;
    line-height: 23px;
    margin-left: 2px;
}


section > input[type="text"],section > input[type="password"], section > textarea, section > select, section .RadDropDownList, section .RadPicker, section .RadComboBox, section .rcInputCell, section .RadAutoCompleteBox {
    width: 340px;
}

.form-width-230 section > input[type="text"], .form-width-230 section > input[type="password"], .form-width-230 section > textarea,
.form-width-230 section > select, .form-width-230 section .RadDropDownList, .form-width-230 section .RadPicker, .form-width-230 section .RadComboBox,
.form-width-230 section .rcInputCell, .form-width-230 section .RadAutoCompleteBox {
    width: 230px;
}

.extra-wide-label span.optional, .extra-wide-label span.required {
    width: 210px !important;
}


/* #endregion */



/* #region -------------------------------------- VALIDATION --------------------------------------------- */

.validation {
    /*padding: 5px 8px;
    background-color: #fff0f0;
    border: 1px solid #ffb3b3;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/

    color: crimson;
    margin-bottom: 20px;
    margin-top: -15px
}

.validation ul {
    margin-left: -40px;
    list-style-type: none;
}

.validation li {
    display: inline-block;
    /*background-color: #fff1f0;*/
    padding: 2px 5px;
    border: 1px solid #ffb3b3;
    border-radius: 4px;
    font-size: 11px;
    margin-right: 8px;
    margin-bottom: 3px;
}

/*.validation li:before {
    font-family: FontAwesome;
    margin-right: 3px;
    content: "\f12a";
}*/

.rfv {
    color: #fafafa;
}

.rfv:after {
    font-size: 10px;
    font-weight: bold !important;
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -2px;
    content: "\f053";
    color: crimson;
}

.rfv-line {
    display: block !important;
    border-top: 2px solid #f34235;
    margin-top: -2px;
    position: relative;
    width: 340px;
    left: 124px;
    height: 0;
    color: rgba(255, 54, 54, 0);
}

.form-width-230 .rfv-line {
    width: 230px;
}

#salaryInput .rfv-line {
    width: 50px;
    left: 20px
}

.rfv-line:after {
    display: none;
}

.rotate180.rfv:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.percent:after {
    font-size: 12px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -4px;
    content: "\f295";
}

.exclamation:after {
    font-size: 12px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -4px;
    content: "\f12a";
}
/* #endregion*/




/*
@media screen and (max-width: 1200px) and (min-width: 1100px) {
    html {
        zoom: 88%;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1300px) {
    html {
        zoom: 105%;
    }
}

@media screen and (max-width: 1500px) and (min-width: 1400px) {
    html {
        zoom: 114%;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1500px) {
    html {
        zoom: 120%;
    }
}

@media screen and (max-width: 1700px) and (min-width: 1600px) {
    html {
        zoom: 132%;
    }
}

@media screen and (max-width: 1800px) and (min-width: 1700px) {
    html {
        zoom: 140%;
    }
}

@media screen and (max-width: 1900px) and (min-width: 1800px) {
    html {
        zoom: 145%;
    }
}

@media screen and (max-width: 2000px) and (min-width: 1900px) {
    html {
        zoom: 157%;
    }
}

@media screen and (max-width: 2100px) and (min-width: 2000px) {
    html {
        zoom: 163%;
    }
}

@media screen and (max-width: 2200px) and (min-width: 2100px) {
    html {
        zoom: 165%;
    }
}

@media screen and (max-width: 2300px) and (min-width: 2200px) {
    html {
        zoom: 179%;
    }
}

@media screen and (max-width: 2400px) and (min-width: 2300px) {
    html {
        zoom: 182%;
    }
}

@media screen and (max-width: 2500px) and (min-width: 2400px) {
    html {
        zoom: 200%;
    }
}

@media screen and (min-width: 2500px) {
    html {
        zoom: 213%;
    }
}

@media screen and (min-width: 2700px) {
    html {
        zoom: 225%;
    }
}

@media screen and (min-width: 3000px) {
    html {
        zoom: 258%;
    }
}

@media screen and (min-width: 4000px) {
    html {
        zoom: 390%;
    }
}

@media screen and (min-width: 5000px) {
    html {
        zoom: 520%;
    }
}*/
/* --------------------------------------------------------------------- OVERRIDE ALL TELERIK FONTS -------------------------------------------------------- */

.RadTabStrip, .RadEditor, .RadMenu, .RadInput, .RadComboBox, .RadComboBoxDropDown, .RadDropDownList, .rddlPopup, .RadOrgChart, .RadListBox, .RadCalendar_Material, .RadButton_Material,
.RadToolTip, .RadSearchBox, .rsbPopup, .RadRotator, .RadScheduler, .RadUpload, .RadPanelBar_Material, .RadAutoCompleteBox_Material, .RadAutoCompleteBoxPopup {
    font-family: inherit !important;
}



.RadToolTip, .RadSearchBox_Material, .rsbPopup, .RadComboBox_Material, .RadComboBoxDropDown_Material, .RadPickerbu, .RadPicker, .inner-menu,
.RadAutoCompleteBox, .RadAutoCompleteBox .racInput, .RadAutoCompleteBoxPopup, .RadListBox_Material {
    font-size: inherit !important;
}

.ddl-editor .RadDropDownList, .ddl-editor .RadComboBox {
    margin-left: 740px;
}

.ddl-editor .RadEditor {
    margin-top: -31px;
}

.rwDialog.rwAlertDialog {
    text-align: center;
    margin-top: -8px !important;
}

.rwAlertDialog:before {
    display: none !important;
}
input[type="text"], input[type="password"], textarea, select {
    border-bottom-color: #cfd8dc;
    /*margin: 0 0 2px 0;*/
    padding: 3px 0;
    line-height: 1.42857;
    background: transparent;
    border-color: transparent;
    border-bottom-color: #cfd8dc;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    padding-bottom: 4px;
}

input:hover[type="text"], input:hover[type="password"], textarea:hover, select:hover {
        border-bottom-color: #90a4ae;
}

input:focus[type="text"], input:focus[type="password"], textarea:focus, select:focus {
    border-bottom-color: #8bc34a;
    -webkit-box-shadow: 0 -1px 0 0 #8bc34a inset;
    -ms-box-shadow: 0 -1px 0 0 #8bc34a inset;
    box-shadow: 0 -1px 0 0 #8bc34a inset;
}


.RadDropDownList_Material, .RadComboBox_Material, .RadInput_Material {
        background: transparent;
}

.RadDropDownList_Material .rddlInner:before, .RadComboBox_Material .rcbInner:before, .RadPicker_Material .RadInput:before {
    left: 0 !important;
    right: 0 !important;
}

.RadComboBox_Material input:focus[type="text"] {
    border-bottom: none;
    box-shadow: none;
}


.RadInput_Material .riTextBox {
    /*padding: 4px 0 !important;*/
}

.RadWindow_Material .rwPromptInputContainer .rwPromptInput:focus, .RadWindow_Material .rwPromptInputContainer .rwPromptInput:active { 
    border-width: 1px !important;
}
/* #region -------------------------------------- MARGINS, PADDING, FLOATS --------------------------------------------- */

/*MARGINS*/
.marginLeft {
    margin-left: 5px !important;
}

.marginRight {
    margin-right: 5px !important;
}

.marginLeft2 {
    margin-left: 15px !important;
    margin-right: 0;
}

.marginRight2 {
    margin-right: 15px !important;
    margin-left: 0;
}

.marginLeft3 {
    margin-left: 22px !important;
    margin-right: 0;
}

.marginRight3 {
    margin-right: 22px !important;
    margin-left: 0;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

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


.margin-bottom-15 {
    margin-bottom: 15px !important;
}

/*FLOATS*/
.floatLeft {
    float: left !important;
}

.floatRight {
    float: right !important;
}


/*ALGIN*/
.alignLeft {
    text-align: left !important;
}

.alignRight {
    text-align: right !important;
}

.alignCenter {
    text-align: center !important;
}

/*PADDING*/
.paddingLeft {
    padding-left: 5px !important;
}

.paddingRight {
    padding-right: 5px !important;
}

.paddingLeft2 {
    padding-left: 15px !important;
}

.paddingLeft3 {
    padding-left: 25px !important;
}

.paddingRight2 {
    padding-right: 15px !important;
}

.paddingRight3 {
    padding-right: 25px !important;
}
/* #endregion */


/* #region -------------------------------------- CALENDAR STYLES --------------------------------------------- */

.boxFrom {
    width: 67px;
    height: 72px;
    background-image: url('../images/calendar-blue.svg');
    text-align: left;
    display: inline-block;
    line-height: 18px;
}

.boxTo {
    width: 67px;
    height: 72px;
    background-image: url('../images/calendar-red.svg');
    text-align: left;
    line-height: 18px;
}

.boxDone {
    width: 67px;
    height: 72px;
    background-image: url('../images/calendar-green.svg');
    text-align: left;
    line-height: 18px;
}

.month {
    padding-top: 3px;
    text-align: center;
    /*font-weight: bolder;*/
    font-size: 11px;
    /*text-transform: uppercase;*/
    color: White;
    display: block;
}

.day {
    width: 100%;
    padding-top: 9px;
    text-align: center;
    font-size: 24px;
    font-weight: lighter;
    display: block;
}

.year {
    padding-top: 2px;
    color: gray;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    display: block;
}


/* #endregion */



/* #region -------------------------------------- infoBox --------------------------------------------- */

.infoBox {
    margin-bottom: 30px !important;
    margin-top: -10px !important;
    padding: 18px 20px 5px 20px !important;
}

    .infoBox p {
        font-size: 12px;
        color: gray;
    }

    .infoBox b {
        font-size: 22px;
        display: block;
        margin-bottom: 15px;
    }

        .infoBox b:before {
            font-size: 28px;
            font-weight: normal !important;
            font-family: FontAwesome;
            display: inline-block;
            margin-right: 8px;
            margin-left: -5px;
            content: "\f05a";
        }

    .infoBox .close:before {
        cursor: pointer;
        font-size: 22px;
        font-weight: normal !important;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f00d";
    }

/* #endregion */



/* #region -------------------------------------- MISCELLANEOUS --------------------------------------------- */

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

.no-border {
    border: none !important;
}

.large-font {
    font-size: 18px !important;
    font-weight: 300;
}

div.hor-line {
    border-top: 1px solid #eee;
    clear: both;
}

hr {
    border-bottom: 1px dotted silver;
    border-top: none;
}

.hidden-force {
    display: none !important;
}

.hidden {
    display: none;
}

.hidden2 {
    visibility: hidden;
}

.redBorder {
    border-bottom: 2px solid crimson !important;
}

.num {
    text-align: right;
}

    .num ::-webkit-input-placeholder {
        text-align: right;
    }

    .num input:-moz-placeholder {
        text-align: right;
    }

.loading {
    background: url('../images/loading.svg') no-repeat center !important;
    height: 50px;
    z-index: 90000;
}

    .loading .loadingInner {
        display: none;
    }

.alignRight {
    text-align: right !important;
}

div.setAutoOverflow {
    overflow-y: scroll !important;
}

tr.highlightRow td, tr.highlightRow :hover td {
    background-color: rgb(243, 173, 173) !important;
}

    tr.highlightRow td select, tr.highlightRow td select :focus {
        border-bottom: none !important;
        box-shadow: none;
    }

div.controlArea {
    border-top: #cccccc dotted 1px;
    margin-top: 20px;
    padding-top: 10px;
    clear: both;
    text-align: right;
}

.dashedFrameBox {
    margin-bottom: 10px;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 2px;
    /*background-color: #F5F5F5;*/
    /*box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.18) !important;*/
    clear: both;
    border: 1px solid #dbe2e5;
}

.roundFrameWithShadow {
    display: inline-block;
    -webkit-box-shadow: 0 1px 3px #000000;
    -ms-box-shadow: 0 1px 3px #000000;
    box-shadow: 0 1px 3px #000000;
    box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    padding: 7px;
    background: #FFF;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.lessPadding {
    padding: 4px !important;
}

.upper {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.badge-large {
    padding: 7px 5px !important;
    font-size: 11px !important;
    /*width: 85%;*/
}

.badge-round {
    padding: 5px 8px !important;
    border-radius: 11px !important;
    line-height: 12px !important;
}

.sub-badge {
    background-color: rgb(234 234 234);
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: -5px;
    border-radius: 0 0 10px 10px;
    padding: 4px 4px 7px 4px;
    text-transform: initial;
}

.badge {
    display: inline-block;
    min-width: 18px;
    padding: 3px 5px 3px 5px;
    /*font-weight: 700;*/
    font-size: 10px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #989898;
    border-radius: 2px;
    margin-right: 5px;
    box-sizing: border-box;
}

.badge-icon {
    background-color: rgba(255, 255, 255, 0.39);
    padding: 6px 8px 6px 6px;
    margin: -6px -8px -6px 5px;
}

    .badge .empBox {
        color: #fff;
        border-bottom: none;
    }

        .badge .empBox:hover {
            border-bottom: none;
        }

.badge-light {
    color: #797979;
    background-color: #ffffff;
    border: 1px solid #d4d4d4;
}

    .badge-light:hover {
        color: #777 !important;
    }

.badge-green {
    background-color: #55ae3a;
}

.badge-orange {
    background-color: #ff8c00;
}

.badge-red {
    background-color: crimson;
}

.badge-blue {
    background-color: #25a0da;
}

.badge-navy {
    background-color: #5174bd;
}

.badge-purple {
    background-color: #9932cc;
}

.badge:hover {
    color: white;
    opacity: .7 !important;
}

.badge-outline .badge-head {
    opacity: .9;
    margin: -15px -15px 10px -15px;
    padding: 5px;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 12px 12px 0 0;
}

.badge-outline {
    display: inline-block;
    text-align: center;
    width: 323px;
    padding: 15px 15px 10px 15px;
    border: 0;
    border-radius: 12px;
}

    .badge-outline.green {
        border-color: #55AE3A !important;
        color: #55AE3A;
        background-color: #f5f5f5;
    }

        .badge-outline.green .badge-head {
            background-color: #55AE3A;
        }

    .badge-outline.gold {
        border-color: #CFA240 !important;
        color: #CFA240;
        background-color: #f5f5f5;
    }

        .badge-outline.gold .badge-head {
            background-color: #CFA240;
        }

    .badge-outline.navy {
        border-color: #5174bd !important;
        color: #5174bd;
        background-color: #f5f5f5;
    }

        .badge-outline.navy .badge-head {
            background-color: #5174bd;
        }

    .badge-outline.orange {
        border-color: orange !important;
        color: orange;
        background-color: #f5f5f5;
    }

        .badge-outline.orange .badge-head {
            background-color: orange;
        }

    .badge-outline.purple {
        border-color: purple !important;
        color: purple;
        background-color: #f5f5f5;
    }

        .badge-outline.purple .badge-head {
            background-color: purple;
        }

    .badge-outline.red {
        border-color: #dc143c !important;
        color: #dc143c;
        background-color: #f5f5f5;
    }

        .badge-outline.red .badge-head {
            background-color: #dc143c;
        }

    .badge-outline .large-font {
        font-size: 16px;
    }

.pointer {
    cursor: pointer;
}

.blue {
    color: royalblue !important;
}

    .blue:hover {
        color: darkblue !important;
    }

.green {
    color: #20970b !important;
}

    .green:hover {
        color: rgb(20, 220, 100) !important;
    }


.yellow {
    color: #eec000 !important;
}

    .yellow:hover {
        color: #ffd319 !important;
    }

.super-text {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    color: #8c8c8c;
    margin-bottom: -2px;
    display: block;
}

.margin-top-sm {
    margin-top: 5px;
}

.margin-top-lg {
    margin-top: 10px;
}

.dimmed {
    color: #bbb !important;
}

    .dimmed:hover {
        color: #999 !important;
    }

.orange {
    color: orange !important;
}

.dodger-blue {
    color: #1E90FF;
}

.purple {
    color: #9932cc;
}

.red {
    color: crimson !important;
}

    .red:hover {
        color: maroon !important;
    }


.white {
    color: white !important;
}

    .white:hover {
        color: silver !important;
    }

html > /**/ body #allLTR * {
    direction: ltr !important;
}

.comment {
    color: #757575 !important;
}

a.comment {
    color: #757575 !important;
}

    a.comment:hover {
        color: inherit !important;
    }

.block {
    display: block;
}

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

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

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

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

.normal-case {
    text-transform: none;
}

.italic {
    font-style: italic;
}

.light-400 {
    font-weight: 400;
}

.light {
    font-weight: 300;
}

.lighter {
    font-weight: 100;
}

.xlarge {
    font-size: 18px;
}

.xsmall {
    font-size: 10px !important;
    line-height: 17px;
}

.small {
    font-size: 11px !important;
}

    .small th {
        font-size: 11px !important;
    }

.border-left {
    /*border-left: 1px dashed gray;*/
    border-left: 1px solid #e0e0e0;
}

.no-padding {
    padding: 0 !important;
}

.clear {
    clear: both;
    float: none;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.empBox {
    display: inline-block;
    margin-right: 9px;
    border-bottom: dashed 1px #bbb;
    color: #264d72;
}

    .empBox:hover {
        border-bottom: solid 1px #bbb;
    }


.birthdayPopup .rnContentWrapper {
    padding: 0 !important;
}

.action-buttons-top {
    margin-top: -60px;
    right: 60px;
    position: absolute;
}


/* #endregion */


/* #region -------------------------------------- jQuery Overrides --------------------------------------------- */

.ui-widget, .ui-widget input, .ui-widget, .ui-widget select {
    font-family: inherit !important;
}

#ui-datepicker-div {
    z-index: 100000 !important;
}

.ui-tooltip {
    z-index: 100000 !important;
}

/*#endregion*/


.leftVerticalSeparator {
    border-left: 1px solid #ffffff;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.bottomHorizontalSeparator {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

#slide-body, #note-slide-body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.expanded {
    max-height: 100px !important;
    opacity: 1 !important;
    -webkit-transition: opacity 0.3s ease 0.5s;
    -moz-transition: opacity 0.3s ease 0.5s;
    -ms-transition: opacity 0.3s ease 0.5s;
    -o-transition: opacity 0.3s ease 0.5s;
    transition: opacity 0.3s ease 0.5s;
}

#more, #addNote {
    cursor: pointer;
    text-align: center;
}

.break-word {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}


div.wnd-level-0 {
    z-index: 8000 !important;
}

div.wnd-level-1min {
    z-index: 7000 !important;
}

div.wnd-level-3min {
    z-index: 5000 !important;
}

div.wnd-level-2min {
    z-index: 6000 !important;
}

div.wnd-level-1 {
    z-index: 9000 !important;
}

div.wnd-level-2 {
    z-index: 11000 !important;
}

div.wnd-level-3 {
    z-index: 12000 !important;
}



/* --------------------------------------- btn-back / btn-add -----------------------------------*/

/*btn*/

.btn {
    padding: 7px 10px;
    margin-top: 14px;
    line-height: 1;
    color: #fff;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 11px !important;
}

    .btn:hover {
        color: #fff;
        opacity: .7 !important;
        text-decoration: none !important;
    }

    .btn:before {
        font-size: 13px;
        font-family: FontAwesome;
        margin-right: 6px;
        vertical-align: text-bottom;
    }


/*btn-add*/

.btn-add {
    background-color: #55ae3a;
}

    .btn-add:before {
        content: "\f067";
    }

/*btn-blue*/

.btn-blue {
    background-color: #25a0da;
}

.btn-green {
    background-color: #55ae3a;
}

.btn-gray {
    background-color: gray;
}


/*btn-back*/

.btn-back {
    display: inline-block;
    font: normal normal normal 24px/1 FontAwesome !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
    margin-top: 14px;
}

    .btn-back:before {
        content: "\f0a8";
    }

    .btn-back:hover {
        opacity: .7 !important;
        text-decoration: none !important;
    }



.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*div-pseudo*/

.div-pseudo {
    /*width: 95%;*/
    position: relative;
}

    .div-pseudo input {
        padding-left: 25px;
        width: 100%;
    }

    .div-pseudo:after {
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 11px;
        color: #555;
        font-weight: 700;
    }

    .div-pseudo:before {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 15px;
        margin-right: 2px;
        margin-left: 4px;
        color: #717171;
        z-index: 4000;
    }


.alternate-bg:nth-child(even) {
    background: #FFF
}

.alternate-bg:nth-child(odd) {
    background: #f7f7f7
}



.img-fallback {
    position: relative;
}

    .img-fallback:before {
        content: "";
        display: block;
        position: absolute;
        background-size: cover;
        top: -4px;
        bottom: -4px;
        min-width: 110%;
        margin-left: -4px;
    }

    .img-fallback:before {
        background-image: url("/images/notfound.gif");
    }

    .img-fallback.empty:before {
        background-image: url("/images/empty.png");
        min-width: 130%;
    }

    .img-fallback.profile:before {
        background-image: url("/images/user.png");
    }


.total-records {
    padding-top: 9px;
    display: inline-block;
    margin-right: 30px;
}


.root .fa {
    margin-right: 5px;
}

.menu-right .fa {
    margin-right: 9px;
}

.ping-pong {
    background-image: url('/images/no-result-found-2.png');
    text-align: center;
    background-repeat: no-repeat;
    background-position: bottom;
    line-height: 30px;
    height: 320px;
    color: gray;
}

    .ping-pong:hover {
        background-color: transparent !important;
    }

.arabic {
    /*font-family: "Tajawal" !important;*/
    font-family: "Noto Sans Arabic", serif !important;
}

.french {
    font-family: 'Roboto Condensed' !important;
}

    .french .export-btn, .arabic .export-btn {
        display: none !important;
    }

body {
    top: 0 !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.gray {
    color: gray;
}

.goog-te-gadget-icon {
    display: none
}

.goog-te-gadget-simple {
    white-space: nowrap;
    font-size: 10px;
    border: 1px #ddd solid;
    padding: 0;
    display: none !important;
}

.goog-tooltip {
    display: none !important;
}

    .goog-tooltip:hover {
        display: none !important;
    }

.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.circle {
    width: 10px;
    height: 10px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-right: 1px;
    display: inline-block;
}

    .circle.red {
        background-color: red;
    }

    .circle.blue {
        background-color: blue;
    }

    .circle.green {
        background-color: green;
    }

    .circle.gray {
        background-color: gray;
    }

    .circle.orange {
        background-color: orange;
    }

.skiptranslate {
    display: none !important;
}


fieldset {
    border: 1px solid #cfd8dc;
    border-radius: 12px;
}

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.scrollbar-horizontal::-webkit-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.racSingleLine::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff;
    background-color: #F5F5F5;
}

.racSingleLine::-webkit-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
}

.racSingleLine::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.cursor-text {
    cursor: inherit !important;
}



/* #region -------------------------------------- GRID VIEW --------------------------------------------- */
.myGridSimple {
    /*border: 1px solid #E0E0E0 !important;*/
}

    .myGridSimple th {
        background-color: #fafafa !important;
        padding-bottom: 20px !important;
    }

.myGrid > tbody > tr.itemHeaderRow {
    background-color: #fff !important;
}

.myGrid {
    border-collapse: separate !important;
    border-spacing: 0;
    /*background: #fafafa;*/
    width: 100%;
    font-size: 12px;
}

    /*table header TH*/
    .myGrid th {
        background-color: #E0E0E0;
        font-weight: 700;
        font-size: 11px;
        padding: 8px 5px 6px;
        border-bottom: 1px solid #eee;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #FFF;
    }

        .myGrid th:first-child {
            border-top-left-radius: 5px;
        }

        .myGrid th:last-child {
            border-top-right-radius: 5px;
        }

    /*padding*/
    .myGrid td {
        padding: 5px;
    }

    .myGrid > tbody > tr {
        vertical-align: top;
    }

        /*all but not last row*/
        .myGrid > tbody > tr:not(:last-child) > td {
            border-top: 1px solid #ffffff !important;
            border-bottom: 1px solid #e0e0e0;
        }

    /*all odd rows*/
    .myGrid > tbody:first-child > tr:nth-child(odd) {
        background-color: #fafafa;
    }

    /*all even rows*/
    .myGrid > tbody:first-child > tr:nth-child(even) {
        background-color: white;
    }

    /*on hover*/
    .myGrid > tbody:first-child > tr:not(:first-child):not(:last-child):hover {
        background-color: #e7f5ff; /*!important;*/
    }

    .myGrid tr.empty-row {
        /*background-color: #e7e9ff !important;*/
    }

    /*pagination*/
    .myGrid tr.footer-style td {
        border-top: 1px solid #d5d8fb;
    }

    .myGrid tr.pager {
        background-color: white !important;
    }

    .myGrid tr.footer-style {
        background-color: #e7e9ff !important;
    }

        .myGrid tr.pager:hover > td,
        .myGrid tr.footer-style:hover > td {
            background-color: transparent !important;
        }

    .myGrid .pager td {
        padding: 10px 0 0 0;
    }

    .myGrid .pager span {
        display: inline-block;
        padding: 6px 12px;
        font-weight: 700;
        line-height: 1.42857143;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #337ab7;
        border: 1px solid #337ab7;
        z-index: 3;
        margin-left: -2px;
    }

    .myGrid .pager a {
        padding: 6px 12px;
        margin-left: -1px;
        border: 1px solid #ddd;
        line-height: 1.42857143;
        display: block;
    }

        .myGrid .pager a:hover {
            background-color: #eee;
        }

    .myGrid .pager td:first-child > span, .myGrid .pager td:first-child > a {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        margin-left: 0;
    }

    .myGrid .pager td:last-child > span, .myGrid .pager td:last-child > a {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }



/* ========================= Sexy 1 ===================================*/

.sexy-grid {
    margin-top: 25px;
}

.myGrid.sexy-grid th {
    background-color: white; /*!important*/
    border-bottom: 2px solid #25a0da;
}

.myGrid.sexy-grid td {
    padding: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
}


/* ========================= Sexy 2 ===================================*/

.myGrid.sexy-grid2 th {
    background-color: transparent !important;
    /*border-bottom: 2px solid #25a0da;*/
    padding-bottom: 15px;
    border-bottom: none !important;
}

    .myGrid.sexy-grid2 th .super-text {
        color: #afb8bc;
        margin-bottom: -6px;
    }

.myGrid.sexy-grid2 td {
    padding: 10px 5px;
}

.myGrid.sexy-grid2 > tbody:first-child > tr:nth-child(even) {
    background-color: #fafafa;
}

.myGrid.sexy-grid2 tr.footer-style {
    background-color: white !important;
}

    .myGrid.sexy-grid2 tr.footer-style td {
        border-top: 1px solid #e3e3e3 !important;
    }

.myGrid.sexy-grid2 tr.empty-row td {
    border-bottom: 1px solid #e3e3e3;
    background-color: #fafafa !important;
}


.empty-row td {
    border: 0 !important;
}

.empty-row {
    color: #c8c8c8;
    text-transform: uppercase;
    text-align: center;
}

.grid-controls {
    border-top: 1px solid #eaedef;
    margin: 20px -12px -12px;
    padding: 5px 17px 5px;
    background-color: #fafafa;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

    .grid-controls.with-long-total {
        padding-top: 3px;
        padding-bottom: 2px;
    }

    .grid-controls .nav-box {
        border: none !important;
    }

    .grid-controls div.totalBoxSmall {
        line-height: 16px;
        display: inline-block;
        margin: 0 16px;
    }

        .grid-controls div.totalBoxSmall span:first-child {
            font-size: 10px;
            color: #757575;
            display: block;
            font-weight: 300;
        }

        .grid-controls div.totalBoxSmall span:nth-child(2) {
        }


    .grid-controls div.totalBox {
        display: inline-block;
        line-height: 16px;
        margin: 0 20px;
        font-weight: 300;
    }

        .grid-controls div.totalBox span:first-child {
            font-size: 10px;
            color: #757575;
            display: block;
        }

        .grid-controls div.totalBox span:nth-child(2) {
            font-size: 18px;
        }

    .grid-controls > table:first-child {
        width: 100%;
        font-size: 11px;
    }

.ul-sorting-icon {
    position: relative;
    bottom: -25px;
    margin-right: 5px;
}




.myGridInfo {
    font-size: 11px;
}

table.myGridInfo {
    margin-top: 30px;
    margin-bottom: 4px;
    width: 100%;
}

    table.myGridInfo td {
        /*padding: 3px 10px;*/
    }

.footer-row td {
    border-top: 2px solid #ccc;
}

/* #endregion */


/* #region ------------------------------------- simple table ---------------------------------------------*/

table.simpleTable {
    border-top: 1px solid #e1e1e1;
}

    table.simpleTable > tbody > tr {
        border-bottom: 1px solid #e1e1e1;
        vertical-align: top;
    }

        table.simpleTable > tbody > tr > td {
            color: #787878;
        }

        table.simpleTable > tbody > tr > th {
            font-size: 11px;
            font-weight: 500;
            width: 120px;
            background-color: #f1f1f1;
        }

        table.simpleTable > tbody > tr > td,
        table.simpleTable > tbody > tr > th {
            padding: 8px 5px;
        }

    table.simpleTable.th-auto-width > tbody > tr > th {
        max-width: 160px;
    }

    table.simpleTable caption {
        caption-side: top;
        text-align: left;
        font-size: 11px;
        margin-bottom: 7px;
        margin-left: 5px;
        border-left: #9932cc 2px solid;
        padding-left: 5px;
    }

    table.simpleTable tfoot td {
        background-color: #EAEBEC;
        padding: 5px;
        font-weight: bold;
    }

table.num th, table.num td {
    text-align: right !important;
}

/* #endregion */


table.simpleTable2 > tbody > tr > td {
    padding: 25px 5px;
}

table.simpleTable2 > tbody > tr > th {
    border-bottom: 2px solid #25a0da;
    font-size: 12px;
    padding: 10px 5px;
}

table.simpleTable2 > tbody > tr {
    border-bottom: 1px solid #eee;
    vertical-align: top;
}



/* #region -------------------------------------- TABLE --------------------------------------------- */

table {
    border-collapse: collapse;
}

    table th {
        text-align: left;
        font-weight: 500;
    }

.full {
    width: 100%;
}

table.zero-padding > tbody > tr > td,
table.zero-padding > tbody > tr > th,
.zero-padding {
    padding: 0 !important;
}

table.one-padding > tbody > tr > td {
    padding: 1px;
}

table.two-padding > tbody > tr > td,
table.two-padding > tbody > tr > th {
    padding: 2px;
}

table.four-padding > tbody > tr > td,
table.four-padding > tbody > tr > th {
    padding: 4px;
}

table.five-padding > tbody > tr > td {
    padding: 5px;
}

table.six-padding > tbody > tr > td {
    padding: 6px;
}

table.ten-padding > tbody > tr > td {
    padding: 10px 6px;
}

table.td.standardColWidth {
    width: 125px;
}

table.borderBottom tr {
    border-bottom: 1px dotted #dddddd;
}

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

.border-top {
    border-top: 1px solid #dddddd;
}

table.insideBorders td {
    border-right: 1px dotted #ccc;
    padding-right: 20px;
    padding-left: 20px;
}

    table.insideBorders td:first-child {
        border: none;
        padding: 0;
        border-right: 1px dotted #ccc;
        padding-right: 20px;
    }

    table.insideBorders td:last-child {
        border: none;
        padding: 0;
        padding-left: 20px;
    }

/* #endregion */


table.fill-last td:last-child {
    width: 100%;
}

/*:not(:last-child)*/
table.table-vertical-borders td {
    border-right: 1px solid #eee;
    padding: 10px 20px !important;
}


div.invisible-chk,
a.invisible-chk,
.invisible-chk input,
input.invisible-chk,
.nav a.invisible-chk {
    visibility: hidden;
}

    a.invisible-chk:checked,
    .invisible-chk input:checked,
    input.invisible-chk:checked {
        visibility: visible !important;
    }



/*on hover*/
table.special-padding > tbody:first-child > tr {
    background-color: white !important;
}

table.special-padding {
    padding: 0;
    margin-top: -6px;
}

    table.special-padding td {
        padding: 5px 0 !important;
    }

.fa {
    font-size: 13px;
    font-weight: normal !important;
}

.arrow-up:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f139";
}

.arrow-down:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f13a";
}

.add:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f067";
}

.folder:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f115";
}

.minus:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f068";
}

.back:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0a8";
}

.print:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f02f";
}

.fire:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f06d";
}

.star-o:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f006";
}

.star:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f005";
}
.follow:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f09e";
}

.excel:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1c3";
}

.download:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f019";
}

.pdf:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1c1";
}

.pdf2:after {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1c1";
}

.image:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f03e";
}

.camera:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 8px;
    margin-left: 4px;
    content: "\f030";
}

.child:before {
    font-size: 15px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1ae";
}

.heart:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f004";
}

.lock:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f023";
}

.unlock:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f09c";
}

.file:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f15b";
}

.bar-chart:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f080";
}

.handshake:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f2b5";
}

.refresh:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f079";
}

.course:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 4px;
    margin-left: 4px;
    content: "\f19d";
}

.question:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f128";
}

.announce:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0a1";
}

.write-comment:before {
    font-weight: normal;
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f27b";
}


.envelope-circle:before {
    font-size: 9px;
    font-family: FontAwesome;
    display: inline-block;
    width: 16px;
    content: "\f064";
    background-color: #aeaeae;
    border-radius: 50%;
    height: 16px;
    color: white;
    text-align: center;
    margin-right: 6px;
    zoom: 0.9;
}

.envelope:before {
    font-weight: normal;
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0e0";
}

.external-link:after {
    font-weight: normal;
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f08e";
}

.whats:before {
    font-weight: normal;
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f232";
}

.undo:before {
    font-weight: normal;
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0e2";
}

.hourglass:before {
    font-weight: normal;
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f252";
}

.out:before {
    font-weight: normal;
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f08b";
}

.in:before {
    font-weight: normal;
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f090";
}

.done:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f087";
}

.tel:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f095";
}

.tel-circle:before {
    font-size: 10px;
    font-family: FontAwesome;
    display: inline-block;
    width: 16px;
    content: "\f095";
    background-color: #aeaeae;
    border-radius: 50%;
    height: 16px;
    color: white;
    text-align: center;
    margin-right: 6px;
    zoom: 0.9;
}

.bell-slash:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1f6";
}

.bell-slash-after:after {
    font-family: FontAwesome;
    width: 15px;
    content: "\f1f6";
}

.bell:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0f3";
}

.bell-after:after {
    font-size: 12px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 2px;
    content: "\f0f3";
}

.birthday:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1fd";
}

.ok-circle:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f05d";
}

.ok:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f00c";
}

.approve:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f087";
}

.decline:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f088";
}

.ok-after:after {
    font-family: FontAwesome;
    width: 15px;
    margin-left: 4px;
    content: "\f00c";
}

.globe:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0ac";
}

.warning:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f071";
}

.request:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1d8";
}

.request2:after {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1d8";
}

.change:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f079";
}

.delete:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f014";
}

.share:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f064"
}

.delete2:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f00d";
}

/*.decline:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f088";
}
*/
.view:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f022";
}

.search:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f002";
}

.edit:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f040";
}

.save:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0c7";
}

.slim-icon:before {
    width: auto;
    margin-right: 0;
    margin-left: 0;
}
.repair:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0ad";
}

.hide:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f070";
}

.columns:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f00a";
}

.unhide:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f06e";
}

.attachment2:after {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 0px;
    margin-left: 4px;
    content: "\f0c6";
}

.attachment:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 0px;
    margin-left: 4px;
    content: "\f0c6";
}

.calculator:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1ec";
}

.info:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f05a";
}

.info2:after {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f05a";
}


.up:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f139";
}

.down:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f13a";
}

.archive:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f187";
}

.pause:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f04c";
}

.play:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f04b";
}

.user:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f007";
}

.fax:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1ac";
}

.users:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0c0";
}

.orgChart:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0e8";
}

.cart:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f07a";
}

.line-chart:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f201";
}

.asset:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f207";
}

.desktop:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f108";
}

.task:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0ae";
}

.plane:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f072";
}

.cloud:before {
    font-family: FontAwesome;
    display: inline-block;
    /*width: 15px;*/
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1be";
}

.calendar:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f073";
}

.microchip:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f2db";
}

.dashboard:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0e4";
}

.leaf:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f18c";
}

.meeting:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f03d";
}

.memo:before {
    font-size: 13px;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f044";
}

.clock-after:after {
    font-family: FontAwesome;
    width: 15px;
    content: "\f017";
}

.hourglass-after:after {
    font-family: FontAwesome;
    width: 15px;
    content: "\f252";
}
.clock:before {
    font-family: FontAwesome;
    font-size: 13px;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f017";
}

.briefcase:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0b1";
}


.warehouse:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1b3";
}

.star:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f005";
}


.customer:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f19d";
}


.supplier:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0d1";
}


.job:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f085";
}

.slider:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1de";
}

.dollar:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f155";
}

.home:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f015";
}

.homeAfter:after {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f015";
}

.refreshAfter:after {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f079";
}

.certificateAfter:after {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f19d";
}
.rightArrowAfter:after {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f054";
}

.userAfter:after {
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f007";
}

.dollarAfter:after {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f155";
}

.location:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 8px;
    margin-right: 1px;
    margin-left: 1px;
    content: "\f041";
}

.service:before {
    /*font-size: 12px;*/
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f013";
}

.fa-no-width:before {
    width: inherit !important;
    margin: 0 !important;
}

.language:before {
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 24px;
    content: "\f1ab";
    font-size: 16px;
}

.dots, .dots-h {
    text-decoration: none !important;
}

.dots:before {
    font-weight: normal !important;
    font-family: FontAwesome;
    font-size: 15px;
    text-decoration: none !important; 
    padding: 0 5px;
    content: "\f142";
}


.dots-h:before {
    font-weight: normal !important;
    font-family: FontAwesome;
    font-size: 15px;
    text-decoration: none !important;
    padding: 0 5px;
    content: "\f141";
}

.flask:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0c3";
}

.help:after {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 8px;
    content: "\f059";
}

.help2:before {
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 8px;
    content: "\f059";
}

.template:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0f6";
}

.code:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f121";
}

.products:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1b3";
}

.colors:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1fb";
}

.bank:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f19c";
}

.copy:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0c5";
}

.book:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f02d";
}

.legal:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0e3";
}

.sort-asc:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f160";
}

.flag-after:after {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f024";
}

.flag:before {
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f024";
}

.extraPad:before {
    margin-right: 12px !important;
}

.rightArrow:after {
    font-weight: normal;
    font-family: FontAwesome;
    display: inline-block;
    /*width: 15px;*/
    margin-right: 2px;
    margin-left: 6px;
    content: "\f054";
}

.leftArrow:before {
    font-weight: normal;
    font-family: FontAwesome;
    display: inline-block;
    /*width: 15px;*/
    margin-right: 6px;
    margin-left: 2px;
    content: "\f053";
}

.withBtnBox:after {
    background-color: #797979;
    padding: 6px 4px;
    border-radius: 0 11px 10px 0;
    float: right;
    margin: -6px -9px -6px 6px;
    color: white;
}

.withBtnBox.orange:after {
    background-color: #ffa500;
    color: white !important;
}

.withBtnBox.red:after {
    background-color: crimson;
    color: white !important;
}

.withBtnBox.dodger-blue:after {
    background-color: #1E90FF;
    color: white !important;
}

.withBtnBox.green:after {
    background-color: #20970b;
    color: white !important;
}

.withBtnBox.gold:after {
    background-color: #CFA240;
    color: white !important;
}

.withBtnBox.purple:after {
    background-color: #9932cc;
    color: white !important;
}

.sortArrow:before {
    font-size: 13px;
    font-weight: normal !important;
    font-weight: normal;
    font-family: FontAwesome;
    display: inline-block;
    width: 15px;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f0dc";
}

.pdfExport:before {
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 2px;
    margin-left: 4px;
    content: "\f1c1";
}

.ui-accordion-header {
    font-size: 16px;
    margin: 18px 0;
    padding: 10px 0 6px 0;
    cursor: pointer;
    color: #111;
    border-bottom: 1px solid #aaa !important;
    outline: none;
    text-transform: uppercase;
}

.ui-accordion-content {
    /*background: #eee;*/
    /* box-shadow: 0 1px 2px rgba(0,0,0,.2); */
    padding: 6px 0;
    /*overflow: auto;*/
}

/*not active*/
.ui-state-default.ui-accordion-icons:after {
    font-size: 20px;
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 15px;
    content: "\f107";
}

/*active*/
.ui-state-active.ui-accordion-icons:after {
    font-size: 20px;
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 15px;
    content: "\f106";
}



.ui-state-active {
    border-bottom: 2px solid !important;
    font-weight: 700;
    color: black !important;
}


/*jQuery Tab*/

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding-top: .4em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em 0 0;
        font-size: 12px;
        border-bottom: 1px solid #ccc;
        
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .06em 1.1em;
            text-decoration: none;
            font-size: 12px;
            line-height: 40px;
            color: #455A64;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
        .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
        .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
            cursor: text;
        }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 2em 0;
    background: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

/*main image holder*/
.pic {
    float: left;
    /*border: 1px solid #fff;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    /*-webkit-box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 1px 0 #B3B3B3;
    -moz-box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 1px 0 #B3B3B3;
    -ms-box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 1px 0 #B3B3B3;
    box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 1px 0 #B3B3B3;*/
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
}

    /*mask inside main image holder*/
    .pic .mask,
    .pic .content {
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    /*image inside main image holder*/
    .pic img {
        display: block;
        position: relative;
        /*height: 100%;
        width: 100%;*/
    }

    /*title h2 inside main image holder*/
    .pic h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        padding: 10px;
        background: #ffffff;
        background: rgba(255, 255, 255, 0.5);
        top: 30%;
        font-size: 17px;
        font-weight: 300;
    }

/*transition*/
.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.view-first:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -ms-opacity: 0;
    opacity: 0;
    background-color: #08afdb;
    background-color: rgba(8, 175, 219, 0.7);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-filter: alpha(opacity=100);
    -o-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    -ms-opacity: 1;
    opacity: 1;
}

.view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-first:hover h2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-filter: alpha(opacity=100);
    -o-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


/* Shine */
.hover14 figure {
    position: relative;
    margin: 0;
    overflow: hidden;
}

.hover14 figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 0;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

    .hover14 figure:hover::before {
        -webkit-animation: shine 1.25s;
        animation: shine 1.25s;
    }

@-webkit-keyframes shine {
    100% {
        left: 100%;
    }
}

@keyframes shine {
    100% {
        left: 100%;
    }
}
.nav {
    list-style: none;
    margin-bottom: 10px;
    float: right;
    font-size: 11px;
}

ul.nav {
    margin: 0;
    padding: 0;
/*    position: relative;
    z-index: 1;*/
}

.nav li {
    /*float: left;*/
    position: relative;
}

.nav > li > a {
    /*font-weight: 500;*/
}

.nav a {
    display: block;
    padding: 5px;
    text-decoration: none;
}

.nav li.lastone {
    border-top: 1px dotted #ccc;
}

.nav li.firstone {
    border-bottom: 1px dotted #ccc;
}

/* menu caption */
.nav > li > a {
    display: block;
    padding: 0;
    /*text-decoration: underline;*/
}

.nav a:hover {
    text-decoration: underline;
}

/*--- DROPDOWN ---*/
.nav ul {
    list-style: none;
    position: absolute;
    /*left: -9999px;  Hide off-screen when not needed (this is more accessible than display:none;) */
    display: none;
    z-index: 10000;
    padding: 2px 0;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -ms-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-min-width: 120px;
    -ms-min-width: 120px;
    -o-min-width: 120px;
    -webkit-min-width: 120px;
    min-width: 120px;
    right: 4px;
    top: 8px;
    /*text-transform: uppercase;*/
}

    .nav ul li {
        /* Introducing a padding between the li and the a give the illusion spaced items */
        float: none;
        font-size: 11px;
    }
        .nav ul li a {
            padding-right: 15px;
            padding-left: 8px;
        }

    .nav ul a {
        white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
    }

.nav li:hover ul { /* Display the dropdown on hover */
    /*left: -100px;*/ /* Bring back on-screen when needed */
    display: block;
}

.nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    text-decoration: underline;
}

.nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;

}

.nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color: #f5f5f5;
/*    margin-left: -7px;
    margin-right: -17px;
    padding-left: 12px;
    padding-right: 19px;*/
}


.nav-box {
    border: 1px solid #cfd8dc;
    padding: 2px 5px !important;
    -ms-border-radius: .21428571em;
    border-radius: .21428571em;
    color: rgb(69, 90, 100);
}

    .nav-box > li > a {
        text-decoration: none !important;
    }

    .nav-box i {
        padding-left: 5px;
        border-left: 1px solid #cfd8dc;
        margin-left: 5px;
    }


/*nav-basic*/
ul.nav-basic {
    float: left;
    text-transform: inherit !important;
    font-size: 14px;
}

/* first level a */
.nav-basic > li > a {
    padding: 1px !important;
}

.nav-basic li:hover ul li a:hover {
    background-color: inherit !important;
    color: gray;
}

/* second level ul */
.nav-basic ul {
    min-width: inherit !important;
    padding: 5px 12px 5px 3px;
}

/* second level a */
.nav-basic > ul > li > a {
    
    padding-right: 10px;
}

.spinner2 {
    margin: 7px auto 0;
    width: 60px;
    text-align: center;
}

    .spinner2 > div {
        width: 10px;
        height: 10px;
        background-color: #036c9c;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner2 .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner2 .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


.spinner3 {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 50px auto;
}

    .spinner3 .loading-bar {
        display: inline-block;
        width: 4px;
        height: 18px;
        border-radius: 4px;
        animation: loading 1s ease-in-out infinite;
    }

        .spinner3 .loading-bar:nth-child(1) {
            background-color: #3498db;
            animation-delay: 0;
        }

        .spinner3 .loading-bar:nth-child(2) {
            background-color: #c0392b;
            animation-delay: 0.09s;
        }

        .spinner3 .loading-bar:nth-child(3) {
            background-color: #f1c40f;
            animation-delay: .18s;
        }

        .spinner3 .loading-bar:nth-child(4) {
            background-color: #27ae60;
            animation-delay: .27s;
        }

@keyframes loading {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1, 2.2);
    }

    40% {
        transform: scale(1);
    }
}


.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    float: left;
}

    .lds-ellipsis div {
        position: absolute;
        top: 7px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #25a0da;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 6px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 6px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 26px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 45px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}



.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(237, 240, 240, 0.95);
    z-index: 10000000000000;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}


.pop-box h3 {
    font-weight: 500;
    background-color: #E4E9ED;
    padding: 10px 15px 11px 15px;
    margin: -7px -14px 1px;
    border-radius: 5px 5px 0 0;
    /*text-transform: uppercase;*/
    font-size: 12px;
    color: #666;
}

.pop-box .pop-content {
    height: 350px;
    overflow: auto;
    margin-left: -15px;
    margin-right: -13px;
    min-width: 280px;
}

    .pop-box .pop-content h4 {
        background-color: #7c9196;
        margin: 20px 0 5px 0;
        padding: 8px 22px;
        font-weight: 400;
        color: #fff;
        font-size: 11px;
    }

        .pop-box .pop-content h4:first-child { margin-top: 0; }

.pop-box .bottom-link {
    bottom: 0;
    text-align: center;
    background-color: #fafafa;
    margin: 20px -14px -7px;
    padding: 8px 0;
    font-weight: 500;
    /*text-transform: uppercase;*/
    color: #666;
    -ms-border-radius: 0 0 .35714286em .35714286em;
    border-radius: 0 0 .35714286em .35714286em;
    font-size: 11px;
}

.pop-box .item {
    border-bottom: #eee 1px solid;
    padding: 8px 20px;
    cursor: pointer;
    color: #525a65;
}

    .pop-box .item:hover {
        background-color: #eee;
    }

    .pop-box .item .icon {
        width: 35px;
        display: inline-block;
    }



    /**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */

.pretty *{box-sizing:border-box}.pretty input:not([type=checkbox]):not([type=radio]){display:none}.pretty{position:relative;display:inline-block;margin-right:1em;white-space:nowrap;line-height:1}.pretty input{position:absolute;left:0;top:0;min-width:1em;width:100%;height:100%;z-index:2;opacity:0;margin:0;padding:0;cursor:pointer}.pretty .state label{position:initial;display:inline-block;font-weight:400;margin:0;text-indent:1.5em;min-width:calc(1em + 2px)}.pretty .state label:after,.pretty .state label:before{content:'';width:calc(1em + 2px);height:calc(1em + 2px);display:block;box-sizing:border-box;border-radius:0;border:1px solid transparent;z-index:0;position:absolute;left:0;top:calc((0% - (100% - 1em)) - 8%);background-color:transparent}.pretty .state label:before{border-color:#bdc3c7}.pretty .state.p-is-hover,.pretty .state.p-is-indeterminate{display:none}@-webkit-keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}.pretty.p-default.p-fill .state label:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pretty.p-default .state label:after{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.pretty.p-default input:checked~.state label:after{background-color:#bdc3c7!important}.pretty.p-default.p-thick .state label:after,.pretty.p-default.p-thick .state label:before{border-width:calc(1em / 7)}.pretty.p-default.p-thick .state label:after{-webkit-transform:scale(.4)!important;-ms-transform:scale(.4)!important;transform:scale(.4)!important}.pretty.p-icon .state .icon{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-icon .state .icon:before{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-icon input:checked~.state .icon{opacity:1}.pretty.p-icon input:checked~.state label:before{border-color:#5a656b}.pretty.p-svg .state .svg{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-svg .state svg{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-svg input:checked~.state .svg{opacity:1}.pretty.p-image .state img{opacity:0;position:absolute;width:calc(1em + 2px);height:calc(1em + 2px);top:0;top:calc((0% - (100% - 1em)) - 8%);left:0;z-index:0;text-align:center;line-height:normal;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-image input:checked~.state img{opacity:1}.pretty.p-switch input{min-width:2em}.pretty.p-switch .state{position:relative}.pretty.p-switch .state:before{content:'';border:1px solid #bdc3c7;border-radius:60px;width:2em;box-sizing:unset;height:calc(1em + 2px);position:absolute;top:0;top:calc((0% - (100% - 1em)) - 16%);z-index:0;transition:all .5s ease}.pretty.p-switch .state label{text-indent:2.5em}.pretty.p-switch .state label:after,.pretty.p-switch .state label:before{transition:all .5s ease;border-radius:100%;left:0;border-color:transparent;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-switch .state label:after{background-color:#bdc3c7!important}.pretty.p-switch input:checked~.state:before{border-color:#5a656b}.pretty.p-switch input:checked~.state label:before{opacity:0}.pretty.p-switch input:checked~.state label:after{background-color:#5a656b!important;left:1em}.pretty.p-switch.p-fill input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-switch.p-fill input:checked~.state label:before{opacity:0}.pretty.p-switch.p-fill input:checked~.state label:after{background-color:#fff!important;left:1em}.pretty.p-switch.p-slim .state:before{height:.1em;background:#bdc3c7!important;top:calc(50% - .1em)}.pretty.p-switch.p-slim input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-has-hover input:hover~.state:not(.p-is-hover){display:none}.pretty.p-has-hover input:hover~.state.p-is-hover{display:block}.pretty.p-has-hover input:hover~.state.p-is-hover .icon{display:block}.pretty.p-has-focus input:focus~.state label:before{box-shadow:0 0 3px 0 #bdc3c7}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate){display:none}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate{display:block}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon{display:block;opacity:1}.pretty.p-toggle .state.p-on{opacity:0;display:none}.pretty.p-toggle .state .icon,.pretty.p-toggle .state .svg,.pretty.p-toggle .state img,.pretty.p-toggle .state.p-off{opacity:1;display:inherit}.pretty.p-toggle .state.p-off .icon{color:#bdc3c7}.pretty.p-toggle input:checked~.state.p-on{opacity:1;display:inherit}.pretty.p-toggle input:checked~.state.p-off{opacity:0;display:none}.pretty.p-plain input:checked~.state label:before,.pretty.p-plain.p-toggle .state label:before{content:none}.pretty.p-plain.p-plain .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pretty.p-round .state label:after,.pretty.p-round .state label:before{border-radius:100%}.pretty.p-round.p-icon .state .icon{border-radius:100%;overflow:hidden}.pretty.p-round.p-icon .state .icon:before{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-curve .state label:after,.pretty.p-curve .state label:before{border-radius:20%}.pretty.p-smooth .icon,.pretty.p-smooth .svg,.pretty.p-smooth label:after,.pretty.p-smooth label:before{transition:all .5s ease}.pretty.p-smooth input:checked+.state label:after{transition:all .3s ease}.pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth input:checked+.state .svg,.pretty.p-smooth input:checked+.state img{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-default input:checked+.state label:after{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-plain input:checked+.state label:before{content:'';-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .5s ease}.pretty.p-tada:not(.p-default) input:checked+.state .icon,.pretty.p-tada:not(.p-default) input:checked+.state .svg,.pretty.p-tada:not(.p-default) input:checked+.state img,.pretty.p-tada:not(.p-default) input:checked+.state label:after,.pretty.p-tada:not(.p-default) input:checked+.state label:before{-webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state .icon,.pretty.p-jelly:not(.p-default) input:checked+.state .svg,.pretty.p-jelly:not(.p-default) input:checked+.state img,.pretty.p-jelly:not(.p-default) input:checked+.state label:after,.pretty.p-jelly:not(.p-default) input:checked+.state label:before{-webkit-animation:jelly .7s cubic-bezier(.25,.46,.45,.94);animation:jelly .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state label:before{border-color:transparent}.pretty.p-rotate:not(.p-default) input:checked~.state .icon,.pretty.p-rotate:not(.p-default) input:checked~.state .svg,.pretty.p-rotate:not(.p-default) input:checked~.state img,.pretty.p-rotate:not(.p-default) input:checked~.state label:after,.pretty.p-rotate:not(.p-default) input:checked~.state label:before{-webkit-animation:rotate .7s cubic-bezier(.25,.46,.45,.94);animation:rotate .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-rotate:not(.p-default) input:checked~.state label:before{border-color:transparent}.pretty.p-pulse:not(.p-switch) input:checked~.state label:before{-webkit-animation:pulse 1s;animation:pulse 1s}.pretty input[disabled]{cursor:not-allowed;display:none}.pretty input[disabled]~*{opacity:.5}.pretty.p-locked input{display:none;cursor:not-allowed}.pretty input:checked~.state.p-primary label:after,.pretty.p-toggle .state.p-primary label:after{background-color:#428bca!important}.pretty input:checked~.state.p-primary .icon,.pretty input:checked~.state.p-primary .svg,.pretty.p-toggle .state.p-primary .icon,.pretty.p-toggle .state.p-primary .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-primary-o label:before,.pretty.p-toggle .state.p-primary-o label:before{border-color:#428bca}.pretty input:checked~.state.p-primary-o label:after,.pretty.p-toggle .state.p-primary-o label:after{background-color:transparent}.pretty input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o .svg,.pretty input:checked~.state.p-primary-o svg,.pretty.p-toggle .state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o .svg,.pretty.p-toggle .state.p-primary-o svg{color:#428bca;stroke:#428bca}.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after{background-color:#428bca!important}.pretty.p-switch input:checked~.state.p-primary:before{border-color:#428bca}.pretty.p-switch.p-fill input:checked~.state.p-primary:before{background-color:#428bca!important}.pretty.p-switch.p-slim input:checked~.state.p-primary:before{border-color:#245682;background-color:#245682!important}.pretty input:checked~.state.p-info label:after,.pretty.p-toggle .state.p-info label:after{background-color:#5bc0de!important}.pretty input:checked~.state.p-info .icon,.pretty input:checked~.state.p-info .svg,.pretty.p-toggle .state.p-info .icon,.pretty.p-toggle .state.p-info .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-info-o label:before,.pretty.p-toggle .state.p-info-o label:before{border-color:#5bc0de}.pretty input:checked~.state.p-info-o label:after,.pretty.p-toggle .state.p-info-o label:after{background-color:transparent}.pretty input:checked~.state.p-info-o .icon,.pretty input:checked~.state.p-info-o .svg,.pretty input:checked~.state.p-info-o svg,.pretty.p-toggle .state.p-info-o .icon,.pretty.p-toggle .state.p-info-o .svg,.pretty.p-toggle .state.p-info-o svg{color:#5bc0de;stroke:#5bc0de}.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after{background-color:#5bc0de!important}.pretty.p-switch input:checked~.state.p-info:before{border-color:#5bc0de}.pretty.p-switch.p-fill input:checked~.state.p-info:before{background-color:#5bc0de!important}.pretty.p-switch.p-slim input:checked~.state.p-info:before{border-color:#2390b0;background-color:#2390b0!important}.pretty input:checked~.state.p-success label:after,.pretty.p-toggle .state.p-success label:after{background-color:#5cb85c!important}.pretty input:checked~.state.p-success .icon,.pretty input:checked~.state.p-success .svg,.pretty.p-toggle .state.p-success .icon,.pretty.p-toggle .state.p-success .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-success-o label:before,.pretty.p-toggle .state.p-success-o label:before{border-color:#5cb85c}.pretty input:checked~.state.p-success-o label:after,.pretty.p-toggle .state.p-success-o label:after{background-color:transparent}.pretty input:checked~.state.p-success-o .icon,.pretty input:checked~.state.p-success-o .svg,.pretty input:checked~.state.p-success-o svg,.pretty.p-toggle .state.p-success-o .icon,.pretty.p-toggle .state.p-success-o .svg,.pretty.p-toggle .state.p-success-o svg{color:#5cb85c;stroke:#5cb85c}.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after{background-color:#5cb85c!important}.pretty.p-switch input:checked~.state.p-success:before{border-color:#5cb85c}.pretty.p-switch.p-fill input:checked~.state.p-success:before{background-color:#5cb85c!important}.pretty.p-switch.p-slim input:checked~.state.p-success:before{border-color:#357935;background-color:#357935!important}.pretty input:checked~.state.p-warning label:after,.pretty.p-toggle .state.p-warning label:after{background-color:#f0ad4e!important}.pretty input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning .svg,.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-warning-o label:before,.pretty.p-toggle .state.p-warning-o label:before{border-color:#f0ad4e}.pretty input:checked~.state.p-warning-o label:after,.pretty.p-toggle .state.p-warning-o label:after{background-color:transparent}.pretty input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o .svg,.pretty input:checked~.state.p-warning-o svg,.pretty.p-toggle .state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o .svg,.pretty.p-toggle .state.p-warning-o svg{color:#f0ad4e;stroke:#f0ad4e}.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after{background-color:#f0ad4e!important}.pretty.p-switch input:checked~.state.p-warning:before{border-color:#f0ad4e}.pretty.p-switch.p-fill input:checked~.state.p-warning:before{background-color:#f0ad4e!important}.pretty.p-switch.p-slim input:checked~.state.p-warning:before{border-color:#c77c11;background-color:#c77c11!important}.pretty input:checked~.state.p-danger label:after,.pretty.p-toggle .state.p-danger label:after{background-color:#d9534f!important}.pretty input:checked~.state.p-danger .icon,.pretty input:checked~.state.p-danger .svg,.pretty.p-toggle .state.p-danger .icon,.pretty.p-toggle .state.p-danger .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-danger-o label:before,.pretty.p-toggle .state.p-danger-o label:before{border-color:#d9534f}.pretty input:checked~.state.p-danger-o label:after,.pretty.p-toggle .state.p-danger-o label:after{background-color:transparent}.pretty input:checked~.state.p-danger-o .icon,.pretty input:checked~.state.p-danger-o .svg,.pretty input:checked~.state.p-danger-o svg,.pretty.p-toggle .state.p-danger-o .icon,.pretty.p-toggle .state.p-danger-o .svg,.pretty.p-toggle .state.p-danger-o svg{color:#d9534f;stroke:#d9534f}.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after{background-color:#d9534f!important}.pretty.p-switch input:checked~.state.p-danger:before{border-color:#d9534f}.pretty.p-switch.p-fill input:checked~.state.p-danger:before{background-color:#d9534f!important}.pretty.p-switch.p-slim input:checked~.state.p-danger:before{border-color:#a02622;background-color:#a02622!important}.pretty.p-bigger .icon,.pretty.p-bigger .img,.pretty.p-bigger .svg,.pretty.p-bigger label:after,.pretty.p-bigger label:before{font-size:1.2em!important;top:calc((0% - (100% - 1em)) - 35%)!important}.pretty.p-bigger label{text-indent:1.7em}@media print{.pretty .state .icon,.pretty .state label:after,.pretty .state label:before,.pretty .state:before{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}}


.globe-icon {
    margin-right: 20px !important;
}

.badge-home.up1 {
    position: relative;
    top: -12px;
    padding: 4px;
    margin-left: -22px;
    margin-right: 3px;
}


.fa-clean:before {
    width: 24px;
    margin: 0 !important;
    text-align: left;
}

.bg-pink {
    background-color: rgba(241, 60, 110, 0.8);
}

.bg-green {
    background-color: rgba(139, 195, 74, 0.8);
}

.bg-lightblue {
    background-color: rgba(74, 175, 195, 0.8);
}

.bg-blue {
    background-color: rgb(37 160 218);
}

.bg-gold {
    background-color: rgba(195, 190, 74, 0.8);
}

.bg-orange {
    background-color: rgba(255, 140, 0, 0.8);
}

.badge-home {
    display: inline-block;
    min-width: 10px;
    padding: 3px 6px;
    font-size: 11px !important;
    font-weight: normal;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.img-circle, .img-circle img {
    -ms-border-radius: 50%;
    border-radius: 50%;
}

#user-item {
        background-color: #eee;
    margin: -7px -13px 2px -14px;
    padding: 10px;
    display: block;
    border-radius: 5px 5px 0 0;
}

#user-item:hover {
    background-color: #e1e1e1;
}

.img-user-link {
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    /*margin-bottom: -13px;*/
    display: inline-block;
}

#right-nav a:hover {
    color: white !important;
}

#right-nav .hover-effect {
    height: 52px;
    display: inline-block;
    margin-top: -7px;
    vertical-align: top;
    padding-top: 20px;
    box-sizing: border-box;
    padding-left: 5px;
}

    #right-nav .hover-effect:hover {
        background-color: rgba(255, 255, 255, .3);
    }


.highlight {
    background-color: #d3ecd8!important;
}

.highlight:hover {
    background-color: #e3f1e6!important;
}

/*big*/
.big-number-section {
    text-align: center;
    text-transform: uppercase;
    float: left;
    margin: 20px 13px;
}

    .big-number-section .big-number {
        font-size: 42px;
        margin-bottom: 10px;
        font-weight: 500;
        opacity: .6;
    }

        .big-number-section .big-number:hover {
            opacity: 1;
        }


.no-border-right{ border-right: none !important;}

.bigger-number-section {
    text-align: center;
    text-transform: uppercase;
    float: left;
    /*padding: 0 30px;*/
    border-right: dotted 1px rgba(255, 255, 255, 0.25);
}
    .bigger-number-section .big-number {
        font-size: 24px;
        margin-bottom: 4px;
        font-weight: 100;
        margin-top: 8px;
        letter-spacing: -1px;
    }

    .bigger-number-section .text-down {
        font-weight: 300;
        font-size: 10px;
    }

    .bigger-number-section .text-up {
        font-weight: 700;
        font-size: 12px;
    }

    .bigger-number-section .big-number:hover {
        opacity: 0.8;
    }


/*day/month big*/
.day-big {
    font-size: 32px;
    margin-top: -5px;
    margin-bottom: -10px;
    letter-spacing: -2px;
    font-weight: 100;
    line-height: 1.42857143em;
}

.month-big {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.42857143em;
}

.time-big {
    text-transform: uppercase;
    font-size: 12px;
}

.timeline {
    position: relative;
    z-index: 100;
    position: relative;
    /*float: left;*/
    width: 100%;
    margin-bottom: 30px;
}

    .timeline:before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 20px;
        width: 1px;
        background-color: #e5e5e5;
    }

    .timeline .timeline-panel {
        margin: 0 0 25px 50px;
        position: relative;
    }


.bubble {
    max-width: 70%;
    min-width: 30%;
    width: fit-content;
    width: -moz-fit-content;
    width: -moz-max-content;
    padding: 12px 18px;
    border-radius: 10px;
    box-sizing: border-box;
}

    .bubble:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -9px;
        right: auto;
        top: 5px;
        bottom: auto;
        border: 10px solid;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }



.timeline .timeline-panel p {
    margin: 4px 0;
}

.timeline .timeline-panel b {
    margin-bottom: -4px;
}

.timeline .node:first-child .timeline-panel {
    margin-top: 0;
}

.timeline .node:last-child .timeline-panel {
    margin-bottom: 0;
}




/*timeline icons*/

.timeline-badge-general:before {
    font-size: 18px;
    font-weight: normal !important;
    font-family: FontAwesome;
    margin-left: 13px;
    content: "\f111";
    line-height: 20px;
    position: relative;
    float: left;
    color: #455963 !important;
}

.timeline-badge-change:before {
    font-size: 18px;
    font-weight: normal !important;
    font-family: FontAwesome;
    margin-left: 13px;
    content: "\f14b";
    line-height: 18px;
    position: relative;
    float: left;
    color: #455963 !important;
    background-color: white;
}

.timeline-badge-system:before {
    font-size: 18px;
    font-weight: normal !important;
    font-family: FontAwesome;
    margin-left: 13px;
    content: "\f05a";
    line-height: 18px;
    position: relative;
    float: left;
    color: #455963 !important;
    background-color: white;
}

.timeline-badge-meeting:before {
    font-size: 18px;
    font-weight: normal !important;
    font-family: FontAwesome;
    margin-left: 10px;
    content: "\f2b5";
    line-height: 20px;
    position: relative;
    float: left;
    background-color: white;
}

.timeline-badge-call:before {
    font-size: 22px;
    font-weight: normal !important;
    font-family: FontAwesome;
    margin-left: 12px;
    content: "\f098";
    line-height: 19px;
    position: relative;
    float: left;
    background-color: white;
}

.timeline-badge-email:before {
    font-size: 18px;
    font-weight: normal !important;
    font-family: FontAwesome;
    margin-left: 12px;
    content: "\f0e0";
    line-height: 19px;
    position: relative;
    float: left;
    background-color: white;
}


.note-icon {
    float: left;
    background-color: #ffffff;
    border-radius: 50%;
    margin-left: -13px;
    margin-top: -7px;
}

.img-bubble {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-bottom: -30px;
    position: relative;
    margin-left: 5px;
}


/* ================================== GREEN =================================== */

.timeline-icon-green:before {
    color: #379a62 !important;
}

.bubble-green {
    background-color: #dff2da;
}

    .bubble-green:after {
        border-top-color: #dff2da;
    }



/* ================================== BLUE ===================================*/

.timeline-icon-blue:before {
    color: #52a9f1 !important;
    cursor: pointer;
}

.bubble-blue {
    background-color: #dceaf5;
}

    .bubble-blue:after {
        border-top-color: #dceaf5;
    }



/* ================================== RED ===================================*/

.timeline-icon-red:before {
    color: crimson !important;
    cursor: pointer;
}

.bubble-red {
    background-color: #fbe2e7;
}

    .bubble-red:after {
        border-top-color: #fbe2e7;
    }


/* ================================== YELLOW ===================================*/

.timeline-icon-yellow:before {
    color: #9c9327 !important;
}

.bubble-yellow {
    background-color: #f9f2a2;
}

    .bubble-yellow:after {
        border-top-color: #f9f2a2;
    }


/* ================================== GRAY ===================================*/

.bubble-gray {
    background-color: #f5f5f5;
}

    .bubble-gray:after {
        border-top-color: #f5f5f5;
    }

.bg-darkgray-alt {
    background-color: #3e555f;
    color: white;
}

.bg-petrol-alt {
    background-color: rgba(12, 102, 136, 0.8);
    color: white;
}

.bg-midblue-alt {
    background-color: #036c9c;
}

.bg-light-blue {
    background-color: #f7f7f7;
    color: white;
}

.bg-navy-alt {
    background-color: #425c67;
    color: white;
}

.bg-success-alt {
    background-color: rgba(52, 199, 59, 0.7);
    color: white;
}

.bg-info-alt {
    background-color: rgba(28, 168, 221, 0.8);
    color: white;
}

.bg-notification-alt {
    background-color: rgba(241, 60, 110, 0.8);
    color: white;
}

.panel {
    display: inline-block;
    box-shadow: none;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border-radius: 14px;
    /*border: 1px solid #E6EBEC;*/
    padding: 20px;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
}

.panel-header {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
}

.advanced-panel .kpi-top {
    height: 90px;
    width: 100%;
    border-radius: 14px 14px 0 0;
    text-align: center;
    padding: 20px;
    padding-top: 15px;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
}

.advanced-panel .kpi-top .RadButton_Material.RadRadioButton .rbText {
    color: rgba(255, 255, 255, 0.65) !important;
}

    .advanced-panel .kpi-top .nav .RadButton_Material.RadRadioButton .rbText {
        color: #455A64 !important;
    }

.advanced-panel .panel-content {
    border-radius: 0 0 14px 14px;
    padding: 20px 30px 10px;
}

.advanced-panel .sub-head {
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    /*color: white;*/
    margin-bottom: 10px;
}


/* -------------------------------------------------------------------------------- RadAutoCompleteBox ------------------------------------------------------------------------*/

.racShowAll {
    border: none !important;
    background-color: #455a64 !important;
}

.RadAutoCompleteBox_Material .racTokenList:before {
    left: 0 !important;
    right: 0 !important;
}

.RadAutoCompleteBox_Material .racInput {
    padding: 2px !important;
    margin-left: -8px !important;
}

.RadAutoCompleteBox_Material .racEmptyMessage {
    /*padding: 3px !important;*/
    /*margin-left: -8px !important;*/
    opacity: .5 !important;
    font-style: italic !important;
    padding-left: 1px !important;
}



.RadDropDownTree_Material .rddtInner {
    padding: 3px 0 !important;
}


    .RadDropDownTree_Material .rddtInner:before {
        left: 0 !important;
        right: 10px !important;
    }

.RadDropDownTree_Material .rddtFocused, .RadDropDownTree_Material .rddtHovered {
    padding-left: 2px !important;
}


.racSlide {
    z-index: 999999 !important;
}


/* -------------------------------------------------------------------------------- RadButton ------------------------------------------------------------------------*/

.RadButton_Material.rbButton {
    /*margin: 0 !important;
    padding: 2px 10px 0 !important;
    height: 35px !important;*/
}

.RadButton .rbText {
    vertical-align: middle !important;
}

.RadButton_Material.RadButton.rbButton.rbDisabled, .RadButton_Material.RadButton.rbButton.rbPrimaryButton.rbDisabled {
    /*color: white !important;*/
}

.RadButton_Material.rbPrimaryButton .rbIcon {
    color: #f1f1f1 !important;
}

.RadButton_Material.rbPrimaryButton {
    background-color: #0487c4 !important;
}

    .RadButton_Material.rbPrimaryButton.rbHovered, .RadButton_Material.rbPrimaryButton.rbFocused {
        background-color: #2196f3 !important;
    }

.RadButton_Material.RadButton.rbButton.rbDisabled, .RadButton_Material.RadButton.rbButton.rbPrimaryButton.rbDisabled {
    color: gray !important;
}

.RadButton_Material.RadCheckBox .rbText, .RadButton_Material.RadRadioButton .rbText {
    font-weight: inherit !important;
}
/*.RadCheckBox .rbIcon {
    margin: -2px .35714286em 0 0 !important
}*/
.RadButton_Material.rbCheckBox .rbText {
    font-size: inherit !important;
    /*    margin-left: -6px !important;
    vertical-align: top !important;*/
}

.MetrialFakeButton, .rwzButton {
    cursor: pointer;
    border-width: 0;
    text-transform: uppercase;
    border-color: #cfd8dc;
    color: #455a64;
    background-color: #f4f7f8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.2);
    margin: 0;
    line-height: 1.1em !important;
    padding: 7px 14px !important;
    text-decoration: none;
    -ms-border-radius: 14px;
    border-radius: 14px;
}

    .MetrialFakeButton:hover, .rwzButton:hover {
        border-color: #e7eaec;
        color: #455a64;
        background-color: #e7eaec;
    }

    .MetrialFakeButton.simpleFrame {
        border: 1px solid #e0e0e0;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        font-size: 11px;
    }

    .MetrialFakeButton.rbPrimary {
        background-color: #0487c4 !important;
        color: #fff;
    }

        .MetrialFakeButton.rbPrimary:hover {
            background-color: #2196f3 !important;
            color: #fff;
        }

    .MetrialFakeButton.rbDanger {
        background-color: crimson !important;
        color: #fff;
    }

        .MetrialFakeButton.rbDanger:hover {
            background-color: rgb(233, 52, 88) !important;
            color: #fff;
        }

    .MetrialFakeButton.rbGreen {
        background-color: #55ae3a !important;
        color: #fff;
    }

    .MetrialFakeButton.rbGreen:hover {
        background-color: #82c96c !important;
        color: #fff;
    }


.RadButton_Material.rbButton.rbIconOnly {
    padding: 8px 4px 8px 14px !important;
}

/*.RadButton_Material .rbIcon {
    height: 15px !important;
}*/
    .slimPushBtn {
    background-color: transparent !important;
    font-size: 11px !important;
    box-shadow: none !important;
    padding: 5px !important;
}

.remove-shadow {
    box-shadow: none !important;
    border: 1px solid #CFD8DC !important;
}

.RadButton.rbRounded:not(.k-flat) {
    border-radius: 20px !important;
}

/* -------------------------------------------------------------------------------- RadCalendar ------------------------------------------------------------------------*/

.RadCalendar_Material .rcTitlebar {
    border-color: #757575 !important;
    background-color: #757575 !important;
}

.RadCalendarTimeView_Material th {
    background-color: #757575 !important;
}

.RadCalendar_Material .rcPrev, .RadCalendar_Material .rcNext, .RadCalendar_Material .rcFastPrev, .RadCalendar_Material .rcFastNext {
    background-color: #757575 !important;
}

.RadCalendar_Material .rcPrev, .RadCalendar_Material .rcNext, .RadCalendar_Material .rcFastPrev, .RadCalendar_Material .rcFastNext {
    background-color: #757575 !important;
}

    .RadCalendar_Material .rcPrev:hover, .RadCalendar_Material .rcPrev:focus, .RadCalendar_Material .rcPrev:active, .RadCalendar_Material .rcNext:hover, .RadCalendar_Material .rcNext:focus, .RadCalendar_Material .rcNext:active, .RadCalendar_Material .rcFastPrev:hover, .RadCalendar_Material .rcFastPrev:focus, .RadCalendar_Material .rcFastPrev:active, .RadCalendar_Material .rcFastNext:hover, .RadCalendar_Material .rcFastNext:focus, .RadCalendar_Material .rcFastNext:active {
        background-color: #9E9E9E !important;
    }

.RadCalendarPopup {
    z-index: 111234 !important;
}

.RadCalendarFastNavPopup {
    z-index: 111235 !important;
}

.RadCalendar_Material .rcMain .rcOtherMonth a {
    /*color: #2196f3 !important;*/
}

.RadCalendar_Material .rcToday a {
    font-weight: bold!important; 
    color: black!important;
    text-decoration: underline !important;
}


.RadPicker_Material .rcCalPopup {
    width: 15px !important;
}

.RadInput_Material input.riTextBox {
    padding-bottom: 2px !important;
    padding-top: 4px !important;
}

.RadCalendar span.rcTitle {
    padding-top: 8px !important;
}

.RadPicker_Material, .RadPicker_Material .RadInputHovered {
    box-shadow: none !important;
}


.RadCalendar_Material span.t-ripple, .RadCalendar_Material span.t-ripple-container {
    display: none !important;
}

.RadCalendar_Material .rcSelected a {
    color: white !important;
    font-weight: 500;
}

.RadCalendarMonthView_Material .rcSelected {
    background-color: #f4f7f8 !important;
    font-weight: bold !important;
}

.slim-date-range.RadCalendar_Material .rcRow th,
.slim-date-range.RadCalendar_Material .rcRow a,
.slim-date-range.RadCalendar_Material .rcRow span {
    padding: 3px !important;
    font-size: 10px;
}

.slim-date-range.RadCalendarMultiView_Material .rcMainTable .rcTitle {
    padding: 3px !important;
    font-size: inherit !important;
    font-weight: 500;
}

.slim-date-range.RadCalendar .rcPrev, .RadCalendar .rcNext, .RadCalendar .rcFastPrev, .RadCalendar .rcFastNext {
    padding: 3px !important;
}

.slim-date-range.RadCalendarMultiView_Material span.rcTitle {
    font-size: inherit !important;
}

.slim-date-range.RadCalendar_Material .rcTitlebar {
    padding: 0 !important;
}
.k-tooltip.k-chart-tooltip {
    padding: 10px 20px;
    line-height: 20px !important;
    font-family: inherit !important;
    margin-top: 35px;
}

.k-tooltip.k-chart-tooltip a:hover {
    color: white !important;
    opacity: 0.5;
}



/* -------------------------------------------------------------------------------- RadComboBox ------------------------------------------------------------------------*/

.RadComboBox_Material, .RadComboBox_Material .rcbInner {
    color: inherit !important;
}

.RadComboBox {
    line-height: 1 !important;
}

.RadComboBox .rcbInput {
    padding: 0 20px 0 0 !important;
}

.RadComboBox_Material .rcbInner {
    padding: 4px 0 !important;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.RadComboBoxDropDown_Material .rcbMoreResults {
    color: #fff;
    border: none !important;
    background-color: #455a64 !important;
    padding: 3px 13px !important;
}

.RadComboBoxDropDown_Material {
    padding: 0 !important;
}

.RadComboBoxDropDown .rcbMoreResults a {
    color: white !important;
}

.RadComboBox_Material .rcbActionButton {
    width: 17px !important;
    padding: 4px 0 !important;
}

.RadComboBox_Material .rcbFocused, .RadComboBox_Material .rcbHovered {
    padding-left: 2px !important;
}

.RadComboBox_Material.rcbNoHover .rcbHovered {
    border-bottom: 1px solid #CFD8DC !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding-left: 0px !important;
}

.RadComboBox_Material.rcbNoHover .rcbFocused {
    padding-left: 0px !important;
}

.rcbCheckAllItems {
    border-color: #E0E0E0 !important;
    background-color: #E0E0E0 !important;
    color: inherit !important;
}

.RadComboBoxDropDown .rcbItem > label {
    display: inline-block !important;
}

/** Template styles */
    .rcbSlide, .rddlSlide {
    z-index: 20000000 !important;
}

.rcbClear {
    margin: 0 25px 0 -35px;
    vertical-align: middle;
    opacity: .1;
    cursor: pointer;
    position: relative;
}

    .rcbClear:before {
        font-size: 13px;
        font-weight: normal !important;
        font-family: FontAwesome;
        content: "\f00d";
        color: #333;
    }

    .rcbClear:hover {
        opacity: 0.8 !important;
    }

.rcbTemplate {
    padding: 5px !important;
    *zoom: 1;
}
    .rcbHovered > label {
        display: inline-block !important;
    }

    .rcbTemplate:nth-child(even) {
        background: #f7f7f7
    }

    .rcbTemplate:nth-child(odd) {
        background: #FFF
    }

    .rcbTemplate:after {
        content: "";
        height: 0;
        clear: both;
        display: block;
    }

    .rcbTemplate .imageWrap {
        margin-right: 15px;
        float: left;
    }

        .rcbTemplate .imageWrap img {
            width: 60px;
            height: 60px;
            -ms-border-radius: 5px;
            border-radius: 50%;
            border: 1px solid #ccc;
        }


.RadComboBox .rcbEmptyMessage {
    -ms-opacity: .5 !important;
    opacity: .5 !important;
}


.RadComboBoxDropDown_Material .rcbCheckAllItems {
    padding: 6px 5px !important;
}

.RadComboBoxDropDown_Material .rcbCheckAllItemsHovered {
    padding: 6px 5px !important;
}

    .RadComboBoxDropDown .rcbCheckAllItems > label, .RadComboBoxDropDown_Material .rcbCheckAllItemsHovered > label {
        margin: -6px -2px !important;
    }

.full-opacity .rcbDisabled {
    -ms-opacity: 1 !important;
    opacity: 1 !important;
}

.full-opacity input[type="text"]:disabled {
    color: inherit !important;
    opacity: 1 !important;
}

.RadComboBoxDropDown_Material .rcbMoreResults div {
    margin-top: -17px !important;
    line-height: 20px !important;
}




/* -------------------------------------------------------------------------------- RadDropDownList ------------------------------------------------------------------------*/

.RadDropDownList_Material .rddlInner {
    padding: 5px 20px 5px 0 !important;
}

.RadDropDownList_Material .rddlFocused, .RadDropDownList_Material .rddlHovered {
    padding-left: 2px !important;
}

.RadDropDownList_Material .rddlIcon {
    right: 0 !important;
}

li.rddlItemTemplate:not(:first-child) {
    border-top: 1px dotted #ccc !important;
}

.RadDropDownList .rddlDefaultMessage {
    -ms-opacity: .5 !important;
    opacity: .5 !important;
}

.RadDropDownList_Material .rddlSelect {
    padding: 4px 0 0 0 !important;
}

.rddl-read-only .rddlDisabled {
    opacity: 1 !important;
}

.rddl-read-only .rddlSelect {
    display: none
}

.red-bg {
    background-color: #ffecf4 !important;
}

.green-bg {
    background-color: #e8ffef !important;
}


div.redWrapper {
    font-size: 12px !important;
}


/* -------------------------------------------------------------------------------- RadFileExplorer ------------------------------------------------------------------------*/

.RadFileExplorer .rfeFilterTxt {
    min-height: 2em !important;
}

.RadFileExplorer * {
    outline: none;
}

.RadFileExplorer_Material .rfeFilterContainer {
    /*background-color: #f4f7f8 !important;*/
    height: 50px !important;
    padding-top: 10px;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.RadWindow_Material .rwPromptInputContainer .rwPromptInput {
    padding: 0 !important;
}


.RadUpload .ruFileLI .ruButton {
    /*background-color: #e4e4e4 !important;*/
    padding: 7px 5px 8px 5px !important;
    border-radius: 0 2px 2px 0 !important;
    vertical-align: 0;
}

.RadUpload .ruFileLI .ruButton {
    vertical-align: 1px !important;
    float: right !important;
}

.RadUpload .ruFileLI {
    /*background-color: #f4f7f8 !important;*/
    /*border: 1px solid #eeeeee !important;*/
    border-radius: 2px !important;
    margin-top: 5px !important;
    margin-left: 6px !important;
}

.RadUpload_Material .ruFileLI .ruFileWrap {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    width: 110px !important;
    font-size: 11px;
}

.ruUploadSuccess .radIcon:before {
    font-size: 15px !important;
    font-weight: normal !important;
    font-family: FontAwesome !important;
    display: inline-block !important;
    content: "\f00c" !important;
    background: none !important;
    top: -4px !important;
    left: 11px !important;
    color: #4caf50 !important;
}

.ruUploadFailure .radIcon:before {
    font-size: 15px !important;
    font-weight: normal !important;
    font-family: FontAwesome !important;
    display: inline-block !important;
    content: "\f12a" !important;
    background: none !important;
    top: -4px !important;
    left: 11px !important;
    color: crimson !important;
}

.RadUpload .radIcon {
    margin-right: 14px !important;
}

.RadUpload_Material {
    margin-left: -5px;
}

    .RadUpload_Material .ruSelectWrap {
        margin-top: 0 !important;
    }

    .RadUpload_Material .ruBrowse {
        padding: 5px 18px !important;
        /*border: 1px solid #eee !important;*/
        box-shadow: none !important;
    }

.RadGrid_Material .rgHeader, .RadGrid_Material th.rgResizeCol, .RadGrid_Material .rgHeaderWrapper {
    background-color: inherit !important;
}

/*.drop-here.RadUpload .ruBrowse {
    height: 160px !important;
    min-width: 24.285714em !important;
    text-transform: capitalize !important;
    color: gray !important;
}*/

.RadUpload .ruStyled .ruFileInput {
    height: 250px !important;
}

.RadUpload_Material .ruSelectWrap .ruBrowse {
    border-radius: 14px !important;
}

.ruBrowse::before {
    content: "\f0aa" !important;
    font-size: 13px;
    font-weight: normal !important;
    font-family: FontAwesome;
    margin-right: 5px;
}

/* -------------------------------------------------------------------------------- RadInput ------------------------------------------------------------------------*/

.RadInput {
    padding: 0 !important;
}

    .RadInput .riTextBox {
        padding: 2px 0 4px 0 !important;
    }

.RadInput_Material .riTextBox, .RadDropDownList_Material, .rddlPopup_Material {
    color: inherit !important;
}

/*.RadInput_Material .riDisabled {
    border-bottom-color: #cfd8dc !important;
}*/

.RadInput_Material .riEmpty, .RadInput_Material .riDisabled {
    opacity: 0.5 !important;
    font-style: italic !important;
}


.No-Border .RadInput {
    border-bottom-color: transparent !important;
}

/* -------------------------------------------------------------------------------- RadMenu ------------------------------------------------------------------------*/
#menuArea .RadMenu_Material {
    font-size: 14px;
    line-height: inherit !important;
}

    #menuArea .RadMenu_Material .rmRootGroup {
        color: white !important;
        background-color: transparent !important;
    }

        #menuArea .RadMenu_Material .rmRootGroup .rmRootLink:hover {
            background-color: rgba(255, 255, 255, 0.2) !important;
            color: white !important;
        }

        #menuArea .RadMenu_Material .rmRootGroup .rmExpanded > .rmRootLink {
            background-color: rgba(255, 255, 255, 0.3) !important;
            color: white !important;
        }

.RadMenu_Material .rmGroup .rmLink .fa {
    margin-left: -23px !important;
    margin-right: 10px !important;
    text-align: center;
    width: 25px;
}

.RadMenu_Material .rmRootGroup.rmHorizontal > .rmItem {
    margin-right: -1px !important;
}

.RadMenu_Material .rmRootGroup .rmRootLink {
    padding: 7px 10px !important;
    font-size: 12px !important;
}

.RadMenu_Material .rmGroup {
    padding: 2px 0 !important;
}

#menuArea .RadMenu_Material .rmRootGroup {
    padding: 10px 0 !important;
}

#menuArea .RadMenu_Material .rmVertical li.rmSeparator {
    border-bottom-color: #EEEEEE !important;
}

.inner-menu {
    /*font-size: inherit !important;*/
}

    .inner-menu .rmRootGroup {
        background-color: transparent !important;
        padding: 0 !important;
    }

        .inner-menu .rmRootGroup .rmRootLink {
            text-decoration: underline;
            font-size: 12px !important;
            padding: 2px 5px !important;
        }

.RadMenu .rmSlide {
    z-index: 4000 !important;
}

.RadMenu.root { z-index: 5999 !important;}

.RadMenu_Material .rmRootGroup .rmSelected > .rmRootLink {
    color: inherit !important;
    background-color: transparent !important;
}

/* -------------------------------------------------------------------------------- RadNotification ------------------------------------------------------------------------*/

.RadNotification .rnContentWrapper .rnIcon {
    display: none !important;
}

.RadNotification .rnContent {
    padding: 1em 1.5em !important;
    -moz-min-width: 200px;
    -ms-min-width: 200px;
    -o-min-width: 200px;
    -webkit-min-width: 200px;
    min-width: 200px;
}

.RadNotification_Material .rnTitleBar {
    border-color: #EEEEEE !important;
    color: inherit !important;
    background-color: #EEEEEE !important;
}


.RadNotification .rnIconWarning:before {
    color: orange;
}

.RadNotification .rnIconOk:before {
    color: green;
}

.RadNotification .rnIconDeny:before {
    color: red;
}

.RadNotification {
    z-index: 1000000 !important;
}

.RadNotification_Material .rnTitleBar .rnTitleBarTitle {
    margin: -3px 0 !important;
}

.RadNotification_Material {
    overflow: hidden !important;
    height: auto !important;
    width: max-content !important;
}

.RadNotification .rnContentWrapper {
    height: auto !important;
}
/* ----------------------------------------------------------------------------- Ajax ----------------------------------------------------------------------- */
.RadAjax .raDiv {
    background-position: center top 30px !important;
}

/* --------------------------------------------------------------------------- RadToolTip --------------------------------------------------------------------*/
.RadToolTip_Material {
    background-color: #fff !important;
    color: inherit !important;
    border-color: #E0E0E0 !important;
    /*max-width: 355px;*/
    z-index: 8000000 !important;
    opacity: 1 !important;
}

.RadToolTip.rtVisibleCallout .rtCallout {
    display: none !important;
}

.specialToolTip.RadToolTip_Material .rtRelativeWrapper {
    padding: 6px 12px 6px 14px !important;
}

.RadToolTip_Material .rtRelativeWrapper {
    padding: 11px !important;
}

.RadToolTip_Material .rtCloseIcon:before {
    font-size: 13px !important;
    color: #455a64 !important;
    width: 10px !important;
    line-height: 0.6 !important;
}


.RadToolTip .rtTitleBar .rtTitleWrapper {
    padding: 0;
}

.RadToolTip_Material .rtTitleWrapper .rtTitle {
    font-size: 11px !important;
    color: #455a64;
}

.RadToolTip.rtRoundedCorner .rtTitleBar {
    background-color: #f9f9f9;
    margin: -11px;
    padding: 6px 6px 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid lightgray;
}

.RadToolTip .rtTitleBar .rtTitleWrapper {
    padding: 0 !important;
}

/* ---------------------------------------------------------------------------- RadTileList --------------------------------------------------------------------*/
.RadTileList .rtlistWrapper {
    width: 11em !important;
}

/* ---------------------------------------------------------------------------- RadEditor --------------------------------------------------------------------*/

.RadEditor_Material .reEmptyMessage {
    padding: .35714em;
    font-style: italic;
    color: #000;
}

.RadEditor_Material .reContentArea b {
    font-weight: bold !important;
}


.redMainContainer.redTabStrip {
    padding: 0 !important;
}


.reLightweightDialog.RadForm_Material.redTableWizard body {
    height: 590px !important;
}

.hideRadEditorToolBar .RadEditor_Material .reEmptyMessage {
    padding: .35714em 0;
}

.hideRadEditorToolBar .RadEditor_Material .reToolBarWrapper {
    display: none;
}

.hideRadEditorToolBar .reContentArea {
    padding: 0 !important;
}

.hideRadEditorToolBar .reContent {
    background-color: transparent !important;
    border-top: none !important;
    top: 3px;
}

.hideRadEditorToolBar .RadEditor {
    border-width: 0 !important;
    border-bottom-color: #cfd8dc;
    border-bottom-width: 1px !important;
    padding: 3px 0;
    line-height: 1.42857;
    background: transparent;
    border-color: transparent;
    border-bottom-color: #cfd8dc;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hideRadEditorToolBar .reContent:focus, .hideRadEditorToolBar .reContentArea:focus {
    outline: none !important;
    border-bottom-color: #8bc34a !important;
    border-bottom-width: 1px !important;
    -webkit-box-shadow: 0 -1px 0 0 #8bc34a inset !important;
    -ms-box-shadow: 0 -1px 0 0 #8bc34a inset !important;
    box-shadow: 0 -1px 0 0 #8bc34a inset !important;
    top: 2px;
}

/* ---------------------------------------------------------------------------- RadRotator --------------------------------------------------------------------*/
.RadRotator .rrClipRegion .rrItemsList {
    left: 0px !important;
}

.RadRotator_Material .rrClipRegion {
    background-color: transparent !important;
}


/* ---------------------------------------------------------------------------- RadListBox --------------------------------------------------------------------*/
.rlbItem {
    border-bottom: dotted 1px #eee !important;
}


/* ---------------------------------------------------------------------------- RadPanelBar --------------------------------------------------------------------*/
.RadPanelBar .rpLevel1 .rpExpanded {
    font-weight: bold;
}

.RadPanelBar .rpExpanded.rpRootLink {
    background-color: #e7eaec;
}

.RadPanelBar_Material .rpExpandable .rpExpandHandle {
    /*margin-top: -17px !important;*/
}

.RadPanelBar_Material .rpRootLink {
    /*padding: 8px 13px !important;*/
}


/* ---------------------------------------------------------------------------- RadCheckBoxList --------------------------------------------------------------------*/
/*.rbVerticalList button.RadButton.rbCheckBox {
    padding-right: 3.285714em !important;
}
*/
.rbVerticalList button.RadButton.rbCheckBox {
    padding-bottom: 7px !important;
}

.RadButton.RadCheckBox span.rbText.rbToggleCheckboxChecked {
    font-weight: 700;
    color: #455a64;
}

    .RadButton.RadCheckBox span.rbText.rbToggleCheckboxChecked:before {
        font-weight: normal !important;
    }

/* ---------------------------------------------------------------------------- RadCheckBox --------------------------------------------------------------------*/
/*.RadButton.RadCheckBox span.rbText {
    padding-left: 0.4em !important;
    line-height: 1em !important;
}*/

.RadButton_Material.RadCheckBox .rbText {
    color: #455A64 !important;
}

.slim-chkbox {
    border: 1px solid #ccc;
    padding: 3px 4px 1px 6px;
    line-height: 1.2em;
}

    .slim-chkbox .rbIcon {
        display: none;
    }

    .slim-chkbox .p-i-checkbox + .rbText {
        -ms-opacity: .5;
        opacity: .5;
    }

    .slim-chkbox .p-i-checkbox-checked + .rbText {
        -ms-opacity: 1;
        opacity: 1;
        color: white !important;
        background-color: #036c9c;
        padding: 4px 4px;
        border-radius: 3px;
        margin: -3px -4px -1px 0px;
    }

.RadButton.rbCheckBox .rbIcon {
    margin: 0 !important;
}

.RadButton_Material.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText, 
.RadButton_Material.rbCheckBox .rbIcon.rbToggleCheckbox + .rbText {
    margin-left: 5px;
}

/* ---------------------------------------------------------------------------- RadRadioButton --------------------------------------------------------------------*/
.RadRadioButtonList {
    display: inline;
}

/*.RadButton_Material .rbText { margin-top: -3px !important; }*/

/*.RadButton_Material.RadRadioButton span.rbText {
    padding-left: 22px !important;
}*/
/*.RadButton_Material.rbRadioButton {
    padding-left: 8px !important;
}*/
.rbHorizontalList .RadButton {
    padding: 0 14px 0 0;
}

.RadButton .rbToggleRadio {
    /*margin: -2px .35714286em 0 -5px!important;*/
}

/*.RadButton .rbToggleRadioChecked:before, .RadButton .rbToggleRadio:before {
            top: .6em !important;
        }*/

.RadButton_Material.RadRadioButton .rbText {
    font-size: inherit !important;
}

.RadButton_Material.RadRadioButton span.rbText.rbToggleRadioChecked {
    font-weight: 700;
    color: #455a64;
}

    .RadButton_Material.RadRadioButton span.rbText.rbToggleRadioChecked:before {
        font-weight: normal !important;
    }

.RadButton_Material .rbToggleRadio:before, .RadButton_Material .rbToggleRadioChecked:before {
    font-size: 14px !important;
}

.rbHorizontalList .RadButton, .rbColumnList {
    line-height: 25px;
}

/* ---------------------------------------------------------------------------- RadDropDownTree --------------------------------------------------------------------*/
.RadDropDownTree_Material .rddtFakeInput {
    line-height: 1.7 !important;
    height: 1.7em !important;
}


.RadCalendarMultiView_Material .rcMainTable .rcTitle {
    background-color: #fafafa !important;
    color: #757575 !important;
}



/* ---------------------------------------------------------------------------- RadGrid --------------------------------------------------------------------*/

.RadGrid {
    border: none !important;
}

.rgHeader {
    background-color: white !important;
    border-bottom: 2px solid #25a0da !important;
    background-color: #E0E0E0;
    font-weight: 700;
    font-size: 11px;
    padding: 8px 5px 6px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #FFF;
    font-weight: bold !important;
    border-left: none !important;
}

.rgDetailTable .rgHeader {
    font-weight: 500 !important;
    font-size: 10px !important;
    color: gray !important;
}

.RadGrid_MetroTouch {
    font-family: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
}

.radgrid-row-spacer.RadGrid .rgRow > td,
.radgrid-row-spacer.RadGrid .rgAltRow > td,
tr.force-bg-highlight > td {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

tr.force-bg-highlight > td {
    padding-left: 13px;
}

.radgrid-no-alt-color.RadGrid_MetroTouch .rgAltRow:not(.rgSelectedRow) {
    background: transparent !important;
}

    .radgrid-no-alt-color.RadGrid_MetroTouch .rgRow > td,
    .radgrid-no-alt-color.RadGrid_MetroTouch .rgAltRow > td {
        border: none !important;
        border-top: 1px solid #e7e7e7 !important;
    }


.RadGrid_MetroTouch .rgHoveredRow:hover {
    background: #f5f5f5 !important;
}

    /* ---------------------------------------------------------------------------- RadNavigation --------------------------------------------------------------------*/

    .RadNavigation .rnvRootLink { padding: 10px 15px !important; }

/* -------------------------------------------------------------------------------- RadScheduler ------------------------------------------------------------------------*/

/*.RadScheduler .rsAptContent {
    border: none;
    font-size: 13px !important;
}*/

.RadScheduler_Material .rsAptContent {
    /*background-color: #eee !important;*/
}

/*.RadScheduler_Material .rsTitle {
    border-color: #737373 !important;
    background-color: #737373 !important;
}

.RadScheduler_Material .rsAdvEditSave {*/
    /*border-color: #737373 !important;
    background-color: #737373 !important;*/
/*}

.RadScheduler_Material .RadInput .riContentWrapper {
     padding: 0 !important; 
}

.RadScheduler_Material .rfbGroup .rfbLabel {
     font-size: inherit !important
        }

.RadScheduler_Material .rsHorizontalHeaderTable {
    font-size: 13px !important;
    font-weight: 500 !important;
}

.rsDateHeader:hover
{
    text-decoration: none !important;
    cursor: default !important;
}*/

.RadScheduler .rsMonthView .rsAptContent {
    height: 40px;
    padding: 3px 8px;
}



/* -------------------------------------------------------------------------------- RadSearchBox ------------------------------------------------------------------------*/

.RadSearchBox_Material .rsbInner {
    /*padding: 3px 0 !important;
    -ms-border-radius: 4px !important;
    border-radius: 4px !important;
    box-shadow: none !important;*/
    /*background: transparent !important;*/
}

/*.RadSearchBox_Material .rsbInput {
    margin: 0 6px !important;
}

.RadSearchBox_Material .rsbSCInner {
    border-right: none !important;
}*/

.rsbPopup .rsbListItem {
    /*border-bottom: 1px solid #F5F5F5 !important;*/
}

.RadSearchBox_Material .rsbSCInner {
    /*padding: 3px 21px 3px 5px !important;
    border-radius: 4px 0 0 4px !important;
    padding-left: 10px !important;*/
}

.RadSearchBox_Material .rsbButtonSearch {
    -ms-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0 !important;
}

.rsbSlide {
    margin-left: -87px !important;
    width: inherit !important;
    z-index: 100000 !important;
}

.rsbSlide .searchList {
    margin-left: 87px !important;
    width: 100px !important;
}

.rsbPopup {
    width: 350px !important;
}

.RadSearchBox_Material .rsbInner {
    line-height: 1 !important;
    padding: 4px 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #cfd8dc !important;
}

.RadSearchBox .rsbInput {
    margin: 0 4px !important;
}

.RadSearchBox .rsbEmptyMessage {
    color: #b0b9bd !important;
}


/* -------------------------------------------------------------------------------- RadTabStrip ------------------------------------------------------------------------*/

.RadTabStrip_Material {
    margin-bottom: 30px;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #ccc;
}

    .RadTabStrip_Material .rtsLevel {
        background: transparent !important;
        color: #455a64 !important;
    }

    .RadTabStrip_Material .rtsLevel1 .rtsLink {
        background: transparent !important;
        color: #455a64 !important;
    }

    .RadTabStrip_Material .rtsLevel2,
    .RadTabStrip_Material .rtsLevel2 .rtsLink,
    .RadTabStrip_Material .rtsLevel3,
    .RadTabStrip_Material .rtsLevel3 .rtsLink {
        background: #F5F5F5 !important;
        color: #455a64 !important;
        font-size: 11px;
    }

    .RadTabStrip_Material.rtsHorizontal .rtsSelected .rtsLink:before {
        border-bottom: none !important;
    }

    .RadTabStrip_Material .rtsSelected .rtsLink .rtsTxt {
        font-weight: 700;
    }

    .RadTabStrip_Material.rtsHorizontal .rtsLevel1 .rtsSelected .rtsLink {
        /*background: #F5F5F5 !important;*/
    }

.rmpView{ min-height: 200px;}

.notransition * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.top-strip {
    border-bottom: none;
    margin-top: -77px !important;
    width: auto;
}

    .top-strip .rtsLevel1 {
        margin-bottom: 20px !important;
          text-align: right;
    }

.top-strip .rtsLevel1 .rtsLink {
    padding-bottom: 19px !important;
}


.RadTabStrip_Material {
    text-transform: none !important;
}

/* -------------------------------------------------------------------------------- RadWindow ------------------------------------------------------------------------*/

.RadWindow {
    z-index: 40000 !important;
    color: inherit !important;
    font: inherit !important;
    border-radius: 6px;
}

    .RadWindow h6.rwTitle {
        /*padding-top: 0 !important;*/
        padding-left: 13px !important;
        margin-left: 0 !important;
        color: inherit !important;
    }
    /*.RadWindow input.rwCloseButton {
       margin-top: 5px !important;
    }*/
    .RadWindow span.rwIcon {
        display: none !important;
    }

    .RadWindow .rwContent {
        padding: 20px 20px !important;
    }

    .RadWindow .rwDialogContent {
        padding: 0 !important;
    }

.RadWindow_Material .rwTitleBar {
    background-color: white !important;
    border-bottom: none !important;
    color: inherit !important;
    font-family: inherit !important;
    padding: 3px 0 0;
    border-radius: 6px 6px 0 0;
    /*z-index: 2;*/
}

.RadWindow_Material .rwTitleWrapper .rwTitle {
    /*font-size: 15px !important;*/
    color: inherit !important;
    padding-left: 10px !important;
}

.RadWindow_Material .rwCommandButton {
    color: inherit !important;
}

    .RadWindow_Material .rwCommandButton:hover {
        color: #757575 !important;
    }

.RadWindow_Material .rwConfirmDialog button.rwOkBtn {
    color: #757575 !important;
    background-color: transparent !important;
    background-color: rgb(234, 234, 234) !important;
}

.RadWindow_Material .rwConfirmDialog button.rwCancelBtn {
    color: #757575 !important;
    background-color: transparent !important;
    background-color: rgb(234, 234, 234) !important;
}

.RadWindow .rwDialog { padding: 0 2px !important; }


div[id^="RadWindowWrapper_alert"] {
    z-index: 100000 !important;
}


.TelerikModalOverlay {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}

div[id$='dialogOpenerInsertTableLight'] {
    height: 235px !important;
    width: 380px !important;
}

    div[id$='dialogOpenerInsertTableLight'] .rwContent {
        height: 185px !important;
    }

/*main control*/
.RadWizard {
    padding: 0 !important;
}

.RadWizard_Metro {
    font-size: 12px !important;
    font-family: inherit !important;
    /*font-weight: 500 !important;*/
    background: transparent !important;
}


/*tab font color*/
.RadWizard .rwzBreadCrumb .rwzLink {
    padding: 0 !important;
    color: #555 !important;
    text-align: center !important;
}

/*seleted tab font color*/
.RadWizard_Metro .rwzSelected .rwzLink {
    color: #fff !important;
}

/*to be checked*/
.RadWizard .rwzBreadCrumb .rwzLink:before {
    margin-top: -11px !important;
    border-radius: 0 4px 0 0 !important;
    width: 20px !important;
    height: 20px !important;
    right: -8px !important;
}

.RadWizard .rwzBreadCrumb .rwzText {
    line-height: 37px !important;
    width: 73%;
}

.RadWizard .rwzNav {
    margin-bottom: 5px !important;
}

.RadWizard_Metro {
    color: inherit !important
}

.rwzContent::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.rwzContent::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.rwzContent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff;
    background-color: #F5F5F5;
}
    /* ====================================== colors ====================================== */
    /*gold*/
    .RadWizard_Metro .rwzSelected.gold .rwzLink, .RadWizard_Metro .rwzSelected.gold .rwzLink:before {
    border-color: #CFA240 !important;
    background-color: #CFA240 !important;
}

/*green*/
.RadWizard_Metro .rwzSelected.green .rwzLink, 
.RadWizard_Metro .rwzSelected.green .rwzLink:before {
    border-color: #55AE3A !important;
    background-color: #55AE3A !important;
}

/*gray*/
.RadWizard_Metro .rwzSelected.gray .rwzLink, 
.RadWizard_Metro .rwzSelected.gray .rwzLink:before {
    border-color: #989898 !important;
    background-color: #989898 !important;
}

/*purple*/
.RadWizard_Metro .rwzSelected.purple .rwzLink, 
.RadWizard_Metro .rwzSelected.purple .rwzLink:before {
    border-color: #9932CC !important;
    background-color: #9932CC !important;
}

/*navy*/
.RadWizard_Metro .rwzSelected.navy .rwzLink, 
.RadWizard_Metro .rwzSelected.navy .rwzLink:before
{
    border-color: #5174bd !important;
    background-color: #5174bd !important;
}

/*red*/
.RadWizard_Metro .rwzSelected.red .rwzLink, 
.RadWizard_Metro .rwzSelected.red .rwzLink:before {
    border-color: crimson !important;
    background-color: crimson !important;
}

/*orange*/
.RadWizard_Metro .rwzSelected.orange .rwzLink,
.RadWizard_Metro .rwzSelected.orange .rwzLink:before {
    border-color: #ff8c00 !important;
    background-color: #ff8c00 !important;
}




/*====================================== is-out & is-last ======================================*/

/*no arrows */
.RadWizard .is-out .rwzLink:before,
.RadWizard .is-last .rwzLink:before {
    display: none;
}

/*is-last no right margin*/
.RadWizard_Metro .rwzLast .rwzLink {
    margin-right: 0 !important;
}

/*is-out side margins*/
.RadWizard .is-out .rwzLink {
    margin-left: 10px !important;
}


/* ====================================== roundcorners ====================================== */
/*first tab roundcorners*/
.rwzHorizontal .rwzFirst .rwzLink {
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;

    margin-left: 0px !important;
}


/*last tab rounded corners*/
.RadWizard_Metro .is-last .rwzLink,
.RadWizard_Metro .rwzLast .rwzLink {
    -moz-border-radius-topright: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
}


/*is-out roundcorners*/
.RadWizard_Metro .is-out .rwzLink {
    border-radius: 3px;
}




/* =================================== tab width =================================== */
.RadWizard_Metro .narrow {
    width: 8%;
}

.RadWizard_Metro .wide {
    width: 10%;
}

.RadWizard_Metro .wider {
    width: 12%;
}



/*special width tab*/

.RadWizard_Metro .width-40 {
    width: 32px !important;
}

.RadWizard_Metro .width-40 .rwzLink {
    padding: 0 1em !important;
    font-weight: 300 !important;
    padding-left: 9px !important;
}

.RadWizard_Metro .width-40 .rwzLink .rwzText:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f002";
}