@font-face {
    font-family: 'Roboto-Condensed-Regular';
    src: url('../fonts/robotocondensed/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/robotocondensed/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed/RobotoCondensed-Regular-webfont.woff') format('woff'), url('../fonts/robotocondensed/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('../fonts/robotocondensed/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Condensed-Light';
    src: url('../fonts/robotocondensed/RobotoCondensed-Light-webfont.eot');
    src: url('../fonts/robotocondensed/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed/RobotoCondensed-Light-webfont.woff') format('woff'), url('../fonts/robotocondensed/RobotoCondensed-Light-webfont.ttf') format('truetype'), url('../fonts/robotocondensed/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sbi';
    src: url('../fonts/sbi/sbi.eot?60gy0e');
    src: url('../fonts/sbi/sbi.eot?60gy0e#iefix') format('embedded-opentype'), url('../fonts/sbi/sbi.ttf?60gy0e') format('truetype'), url('../fonts/sbi/sbi.woff?60gy0e') format('woff'), url('../fonts/sbi/sbi.svg?60gy0e#sbi') format('svg');
    font-weight: normal;
    font-style: normal;
}

.sbi-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'sbi' !important;
    font-size: 1.4em;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sbi-outsourcing-icon:before {
    content: "\e900";
}

.sbi-planning-icon:before {
    content: "\e901";
}

.sbi-quality-icon:before {
    content: "\e902";
}

.sbi-files-icon:before {
    content: "\e903";
}

.sbi-analytics-icon:before {
    content: "\e904";
}

.sbi-resources-icon:before {
    content: "\e905";
}

.sbi-timing-icon:before {
    content: "\e906";
}

.sbi-manager-icon:before {
    content: "\e907";
}

.sbi-articles-icon:before {
    content: "\e908";
}

.sbi-quoting-icon:before {
    content: "\e909";
}

/*#region APP COLORS*/

.quoting {
    background-color: #EEC031 !important;
}

.outsourcing {
    background-color: #E2972F !important;
}

.planning {
    background-color: #D0473A !important;
}

.timing {
    background-color: #549789 !important;
}

.dashboard {
    background-color: #607D8B !important;
}

.files {
    background-color: #6793BE !important;
}

.articles {
    background-color: #68A4DB !important;
}

.resources {
    background-color: #5D4C9A !important;
}

.quality {
    background-color: #8D6D64 !important;
}

.manager {
    background-color: #9D9D9D !important;
}

/*#endregion*/

body {
    margin: 0;
    overflow-x: hidden;
    color: #797979;
    font-size: 13px;   
}

html {
    position: relative;
    min-height: 100%;
}

.topbar .topbar-left {
    display: flex;
    background-color: #232323 !important;
}

.logo {
    margin-left: 0 !important;
    font-size: 0 !important;
    line-height: 0px !important;
}

.logo-lettering {
    width: 170px;
    padding-top: 15px;
    vertical-align: middle;
    font-family: Roboto-Condensed-Regular;
    color: white;
}

    .logo-lettering h4 {
        color: white;
    }

        .logo-lettering h4 span {
            font-family: Roboto-Condensed-Light;
        }

.icon-c-logo {
    width: 70px;
}

.logo-icon {
    width: 70px;
    height: 70px;
}

/*APP MOSAIC*/
.app-list {
    width: 255px;
}

.app-item {
    padding: 0px 0px 0px 5px;
    width: 75px;
    height: 90px;
    display: inline-block;
}

.app-img {
    width: 70px;
    height: 70px;
    opacity: 1;
}

.app-wrapper {
    margin: 10px 10px 0px 10px;
}

.app-font {
    font-family: Roboto-Condensed-Regular;
    text-transform: uppercase;
    text-align: center;
    width: 70px;
    font-size: 12px;
    margin-top: -5px;
}

.app-enabled {
    cursor: pointer;
}

    .app-enabled:hover {
        opacity: 0.9;
    }
/*END APP MOSAIC*/

/*COMPANY SELECTION*/

.company-img {
    height:36px;
}

.notification-list .company-dropdown .notify-item {
    padding: 4px 20px;
    text-align: center;
}

    .notification-list .company-dropdown .notify-item:not(:last-child) {
        border-bottom: 1px solid #e8e8e8;
    }

/*END COMPANY SELECTION*/

/*#region NOTIFICATIONS */

.notification-list .notify-all {
    background-color: #ffffff;
    text-align: center;
    border-top: 1px solid #e8e8e8;
    font-weight: 500;
    font-size: 13px;
}

.notification-list .noti-title {
    border-bottom: 1px solid #e8e8e8;
}

    .notification-list .noti-title h5 {
        font-weight: 500;
        font-size: 13px;
    }

        .notification-list .noti-title h5 span {
            font-weight: normal;
            font-size: 13px;
            white-space: normal;
        }

        .notification-list .noti-title h5 span a {
            color: #36404a;
        }

.notification-list .notify-item .notify-details span {
    display: inline-block;
    
}

    .notification-list .notify-item .notify-details span.noti {
        margin-top: -5px;
        padding-top: 3px;
        margin-left: 5px;
        font-size: 8px;
    } 

.noti-select {
    float: right;
    font-size: 11px !important;
}

.notification-list .notify-item.noti-width {
    padding: 10px 5px 10px 20px;
}

.noti-item {
    display: flex;
}

.notify-details {
    font-size:13px;
    white-space: normal !important;
}

.notify-details small{
    font-size: 11px;
}

.noti-opt {
    padding: 10px 5px 10px 0px !important;
    position: static;
    display:none;
}

.noti-opt-more {
    font-size: 1.3em;
    color: darkgrey;
    transition: all 0.1s ease-in-out !important;
}

.noti-opt-more:hover {
    color: #757575;
}

.noti-item:hover {
    background-color: #f8f9fa;
}

.noti-item:hover .noti-opt {
    display: block;
}
/*#endregion*/
.footer {
    position: fixed;
    bottom: 0px;
    height: 34px;
    padding: 15px 0px 30px 20px;
    float: left;
    width: 100%;
    text-align: left;
    border-top: none;
    background-color: whitesmoke;
}

.headerLogo {
    margin-left: -250px;
    position: absolute;
    background-color: #232323;
}

.navbar-custom {
    background-color: #232323;
    padding: 0 !important;
}

/************* SIDEBAR *************/
.side-menu.left {
    background: #1c1c1c;
}

#sidebar-menu {
    padding-top: 10px;
}

#sidebar-menu ul li a i {
    margin-top: -2px;
}

#sidebar-menu > ul > li > a {
    color: #BDBDBD;
    padding: 11px 20px;
    font-size: 14px;
}

    #sidebar-menu > ul > li > a.active {
        color: #ffffff !important;
        background: #232323 !important;
        padding-left: 16px;
    }

    #sidebar-menu > ul > li > a:hover {
        color: #FAFAFA;
    }

#sidebar-menu .subdrop {
    background: #1c1c1c !important;
    color: #FAFAFA;
    background: #232323 !important;
}

#sidebar-menu ul ul {
    background-color: #1f1f1f;
}

    #sidebar-menu ul ul a {
        color: #BDBDBD;
    }

        #sidebar-menu ul ul a:hover {
            color: #FAFAFA;
        }

    #sidebar-menu ul ul li.active a {
        color: #FAFAFA;
    }

.side-bar-close {
    float: right;
    cursor: pointer;
}

    .side-bar-close i {
        font-weight: bold;
        font-size: 15px;
        line-height: 22px;
        color: #444;
    }

#wrapper.enlarged .left.side-menu {
    position: fixed;
}

    #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a {
        color: #BDBDBD !important;
    }

        #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover {
            background: #1c1c1c !important;
            color: #FAFAFA !important;
        }

        #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:active {
            background: #1c1c1c !important;
            color: #FAFAFA !important;
        }

        #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:focus {
            background: #1c1c1c !important;
            color: #FAFAFA !important;
        }

    #wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop {
        color: #ffffff !important;
    }

#wrapper.enlarged #sidebar-menu ul ul {
    background-color: #232323;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a {
    background: #232323;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active a {
    color: #ffffff;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {
    color: #ffffff;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
    background: #1c1c1c;
    color: #ffffff;
}

/************ Filter sidebar ***********/
.filter-item {
    padding: .75rem 1.25rem;
}

.btn-bottom {
    position: absolute;
    bottom: 85px;
}

.side-bar.right-bar {
    font-size: 13px;
}

/*********** CARDS ****************/

.card-box {
    border-radius: 0px !important;
    margin-bottom: 20px;
}

.card {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0px !important;
    background-clip: padding-box;
    background-color: #ffffff;
    border-color: transparent;
    border-style: none;
    margin-bottom: 20px;
}

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

.card-empty {
    position: relative;
    top: 45%;
    text-align: center;
    color: #BDBDBD;
    text-transform: uppercase;
}

.center-content {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.card-fixed-height {
    max-height: calc(100vh - 184px);
    overflow-y: auto;
}

.card-fixed-height.scroll-hidden {
overflow-y: hidden;
}

.card-full-height {
    height: calc(100vh - 184px);
    overflow-y: auto;
}

    .card-full-height.scroll-hidden {
        overflow-y: hidden;
    }

.rpv-fixed-height {
    height: calc(100vh - 250px);
    overflow-y: auto;
}

.rpv-fixed-height-external {
    height: calc(100vh - 180px) !important;
    overflow-y: auto;
}

.card-auto-height {
    height: calc(100% - 20px);
}

/*############# BottomFloatButtons ###########*/
.fixed-action-btn {
    position: fixed;
    right: 15px;
    bottom: 15px;
    padding-top: 0px !important;
    margin-bottom: 0;
    z-index: 98;
}

    .fixed-action-btn.remove-menu {
        right: -55px;
        bottom: 55px;
    }

    .fixed-action-btn.active ul {
        visibility: visible;
    }

    .fixed-action-btn.horizontal {
        padding: 0 0 0 15px;
    }

        .fixed-action-btn.horizontal ul {
            text-align: right;
            right: 64px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 100%;
            left: auto;
            width: 800px;
        }

            .fixed-action-btn.horizontal ul li {
                display: inline-block;
            }

    .fixed-action-btn ul {
        right: 0;
        text-align: center;
        position: absolute;
        bottom: 64px;
        margin: 0;
        visibility: hidden;
    }

        .fixed-action-btn ul li {
            margin-bottom: 4px;
        }

        .fixed-action-btn ul a.btn-floating {
            opacity: 0;
        }

.btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 37px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
    z-index: 1;
}

    .btn-floating i {
        width: inherit;
        display: inline-block;
        text-align: center;
        color: #fff;
        line-height: 37px;
    }

    .btn-floating:before {
        border-radius: 0;
    }

    .btn-floating.btn-large {
        width: 40px;
        height: 40px;
    }

        .btn-floating.btn-large i {
            line-height: 40px;
        }

            .btn-floating.btn-large i.mdi {
                font-size: 24px;
            }

.btn-white.btn-floating i {
    color: #232323 !important;
}

.redSIP {
    background-color: #bb2f0e !important;
}

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

.green {
    background-color: #47755e !important;
}

.dark {
    background-color: #333 !important;
}

.BTblue {
    background-color: #2e71fb !important;
}

.BTSapColor01 {
    background-color: #008FD3 !important;
}

.BTSapColor02 {
    background-color: #F0AB00 !important;
}

.BTblueColor {
    color: #3a87ad !important;
}

.pink {
    background-color: #FFC0CB !important;
}

.hidden{
    display:none !important;
}

li {
    list-style-type: none;
}

.ItemsCount {
    font-size: 15px;
    margin-top: -4px;
    text-align: center !important;
    display: block;
    text-align: right;
    color: #fff;
}

.ItemsCountLBL {
    font-size: 12px;
    margin-top: -25px;
    display: block;
    color: #fff;
}

.fixed-action-btn.remove-menu.dash-position {
    right: -45px;
    bottom: 55px;
}

/******************************@font-face Material*****************************/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/font-material/MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/font-material/MaterialIcons-Regular.woff') format('woff'), url('../fonts/font-material/MaterialIcons-Regular.ttf') format('truetype'), url('../fonts/font-material/MaterialIcons-Regular.svg#iconFont') format('svg');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.md-material {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

/*############# GENERIC ###########*/
.SideMenuI {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    color: #797979;
    font-size: 48px;
    opacity: 0.8;
}

.SideMenuH4 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    color: #797979;
    opacity: 0.8;
    margin-top: 15px;
}

.SideMenuH4Large {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 16px;
    color: #797979;
    opacity: 0.8;
    margin-top: 15px;
}

.empty-message{
    font-size: 20px;
    opacity: 0.8;
    font-weight: 500;
    text-transform: uppercase;
    color: #797979;
}

.empty-message-small {
    font-size: 13px;
    opacity: 0.8;
    font-weight: 500;
    text-transform: uppercase;
    color: #797979;
}

.empty-icon{
    color: #797979;
    opacity: 0.8;
    font-size: 48px;
}

.font-500{
    font-weight: 500 !important;
}

.myhdbuttons {
    display: none;
}

.hide {
    display: none;
    visibility: hidden;
}

.TitMenu {
    font-weight: bold;
    text-transform: uppercase;
    font-size:13px;
    line-height:22px;
}

.ui-datepicker-week-col {
    color: black;
    text-align: center !important;
}

.right20 {
    right: 20px !important;
}

.right70 {
    right: 70px !important;
}

.right120 {
    right: 120px !important;
}

.right130 {
    right: 130px !important;
}

.right170 {
    right: 170px !important;
}
.right175 {
    right: 175px !important;
}

.right220 {
    right: 220px !important;
}

.right180 {
    right: 180px !important;
}

.right230 {
    right: 230px !important;
}

.right280 {
    right: 280px !important;
}

.right330 {
    right: 330px !important;
}

.right380 {
    right: 380px !important;
}

.right430 {
    right: 430px !important;
}

.roboto {
    font-family: "Roboto","Noto",sans-serif !important;
}

.nopadding {
    padding: 0;
}

.nomargin {
    margin: 0;
}

.noradius {
    border-radius: 0 !important;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

.padding20 {
    padding: 20px !important;
}

.bold {
    font-weight: bold;
}

.bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

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

.font13 {
    font-size: 13px !important;
}

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

.no-transform {
    text-transform: none;
}

.l-h-15 {
    line-height: 15px;
}

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

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

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

.p-t-b-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-t-b-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-l-r-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.p-l-r-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.p-b-7 {
    padding-bottom: 7px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-l-r-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

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

.m-t-1 {
    margin-top: 1px !important;
}

.m-t-b-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-0 {
    margin-left: 0 !important;
}

.h-86vh {
    height: 86vh !important;
}

.h-79vh {
    height: 79vh !important;
}

.h-80vh {
    height: 80vh !important;
}

.dropdown-menu {
    font-size: 13px;
}

.dropdown-menu-center {
    transform: translate3d(-45%, 67px, 0px) !important;
}

.dropdown-xl {
    width:340px;
}

.user-info {
    color: #FAFAFA;
    vertical-align: middle;
    display: inline-block;
    z-index: 99999;
    padding-right: 10px;
}

    .user-info .user-name {
        color: #FAFAFA;
        display: block;
        font-size: 14px;
        font-weight: 600;
        padding: 0;
    }

.form-button-container {
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.form-button-container-left {
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.form-button-containerLeft {
    padding: 10px;
    position: absolute;
    bottom: 0;
}

.form-button-containerRight {
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.label-wrap {
    margin-top: 10px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    vertical-align: middle;
    color: #444 !important;
}

.form-label {
    color: #444 !important;
    font-weight: 500 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: middle;
    margin-right: 10px !important;
}

    .form-label strong {
        color: #444 !important;
        font-weight: 500 !important;
    }

.form-label.label-inline{
    padding-right: 0px !important;
}

.form-label-info {
    color: #444 !important;
    font-weight: 500 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 15px !important;
    font-style: italic !important;
    color: #797979 !important;
    vertical-align: middle;
    margin-right: 10px !important;
}

.form-inline-label {
    height: 42px;
    display: flex;
    align-items: baseline;
}

    .form-inline-label .RadLabel_Material.form-label {
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        height: 34px !important;
        white-space: nowrap !important;
    }

.flex-fill{
    flex-grow: 1;
}

.inline{
    display: inline;
}

.widgettitle {
    background: #3b6c8e;
    color: #fff;
    font-size: 14px;
    padding: 2px !important;
    margin: 0px;
    width: 100%;
}

.upload-material {
    display: inline-block;
    margin-left: -10px;
}

.image-column img {
    border-radius: 50%;
}

.cb-row {
    padding-top: 10px;
}

.cb-item {
    padding-right: 15px;
    color: #444;
    font-weight: 500;
}

.nav-HeaderMain {
    float: right;
    font-size: 0.9em;
}


.content-iframe {
    border-style: none;
    width: 100%;
    height: calc(100vh - 190px);
}

.sidebar-iframe {
    border-style: none;
    width: 100%;
    height: calc(100vh - 125px);
}

.LabelRequired {
    color: #d0473a !important;
}

/*Password reveal*/

.reveal-eye {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    z-index: 2;
    font-size: 20px;
    width: 30px;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease 0s,visibility 0s linear .2s;
}

    .reveal-eye.is-visible {
        display: block;
        visibility: visible;
        opacity: 1;
        transition: opacity .2s ease 0s,visibility 0s linear 0s;
    }

/*############# GRID HEADER  ###########*/
.nav-HeaderMainFilter {
    font-weight: normal !important;
    color: gray !important;
}

.side-nav-padding {
    padding: 10px;
}

.side-nav-padding-bt {
    padding: 30px 0 0 10px;
}

.side-nav-HeaderMain {
    font-size: 12px !important;
    text-transform: uppercase;
    margin-top: 10px;
}

.side-nav-widget {
    padding: 1px 10px !important;
}

.side-nav-HeaderSub {
    font-size: 0.8rem;
    color: #9e9e9e;
    margin-top: 10px;
}

.page-title {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 13px;
    font-weight: bold;
    color: #797979;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

    .page-title span {
        font-weight: normal;
    }

.page-title.float-right {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: right;
}

.PageHeaderRight {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: right;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 22px;
    float: right !important;
}

    .PageHeaderRight span {
        font-weight: normal;
    }

.PageHeaderLeft {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 22px;
    float: left !important;
}

    .PageHeaderLeft span {
        font-weight: normal;
    }

/*############# COMBOS RESPONSABLE ###########*/
.rcbTemplate {
    border: 0 !important;
}

    .rcbTemplate .imageWrap {
        margin: 0 0 0 -5px;
        float: left;
        padding-right: 5px !important;
    }

        .rcbTemplate .imageWrap img {
            width: 35px;
            height: 35px;
            border: 1px solid #ccc;
        }

    .rcbTemplate .personDetails {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .rcbTemplate .name {
        font-weight: bold;
        font-size: 14px;
        padding-top: 5px;
    }

    .rcbTemplate .address {
        font-size: smaller;
    }

    .rcbTemplate label {
        float: left !important;
    }

/*#region   CHECKBOX */
.checkbox.checkbox-white input[type="checkbox"]:checked:after, .checkbox-inline.checkbox-white input[type="checkbox"]:checked:after {
    background-color: #ffffff;
    border-color: #ffffff;
}

.checkbox.checkbox-white input[type="checkbox"]:checked:before, .checkbox.checkbox-white input[type="checkbox"]:checked:before, .checkbox-inline.checkbox-white input[type="checkbox"]:checked:before {
    border-color: #333333;
}

.checkbox.checkbox-white input[type="checkbox"]:after {
    border-color: #ffffff;
}
/*#endregion CHECKBOX*/

/*############# SEARCH ###########*/
.searchPH {
    color: #fff !important;
    height: 38px !important;
    font-size: 25px;
    display: inline-block;
    font-weight: 100;
    border: none;
    outline: none;
    color: #555;
    padding: 3px;
    padding-left: 8px;
    padding-right: 45px;
    width: 0px;
    position: absolute;
    right: 0;
    background: none;
    z-index: 2;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

    .searchPH:focus {
        border-bottom: 1px solid #BBB;
        opacity: 0.8;
        background-color: black;
    }

    .searchPH:focus {
        width: 220px;
        z-index: 1;
        border-bottom: 1px solid #BBB;
        cursor: text;
        opacity: 0.8;
        background-color: black;
    }

.search_submit {
    height: 50px;
    width: 50px;
    display: inline-block;
    color: red;
    float: right;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    cursor: pointer;
    opacity: 0;
    cursor: pointer;
    transition: opacity .4s ease;
    background-color: black;
}

.search-box {
    z-index: 1;
}

.search-icon {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search-bar {
    top: 0;
    background: black;
    opacity: 0.5;
    border: 0 none;
    width: 400px;
    height: 40px;
    color: #FFF !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 0px;
    padding: 0;
    position: absolute;
    right: 0;
}

.search-bar-open {
    display: compact;
    width: 250px;
    padding-left: 15px;
    padding-right: 10px;
    color: #fff;
    top: 0;
    z-index:1;
}

::-webkit-input-placeholder {
    color: #fff;
}

.collection {
    margin: 0.5rem 0 0.5rem 0;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    margin-left: -40px;
}

    .collection .collection-item {
        background-color: transparent;
        line-height: 1.5rem;
        padding: 0px 10px;
        margin: 0;
        border-bottom: 1px solid #e0e0e0;
    }

        .collection .collection-item.avatar {
            position: relative;
        }

            .collection .collection-item.avatar .circle {
                position: absolute;
                width: 42px;
                height: 42px;
                overflow: hidden;
                left: 15px;
                display: inline-block;
                vertical-align: middle;
            }

            .collection .collection-item.avatar i.circle {
                font-size: 18px;
                line-height: 42px;
                color: #fff;
                background-color: #999;
                text-align: center;
            }

            .collection .collection-item.avatar .title {
                font-size: 14px;
                font-weight: bold;
            }

            .collection .collection-item.avatar p {
                margin: 0;
            }

            .collection .collection-item.avatar .secondary-content {
                position: absolute;
                top: 16px;
                right: 16px;
            }

        .collection .collection-item:last-child {
            border-bottom: none;
        }

        .collection .collection-item.active {
            background-color: #26a69a;
            color: #eafaf9;
        }

            .collection .collection-item.active .secondary-content {
                color: #fff;
            }

    .collection a.collection-item {
        display: block;
        transition: .25s;
        color: #26a69a;
    }

        .collection a.collection-item:not(.active):hover {
            background-color: #ddd;
        }

    .collection.with-header .collection-header {
        background-color: #fff;
        border-bottom: 1px solid #e0e0e0;
        padding: 10px 20px;
    }

    .collection.with-header .collection-item {
        padding-left: 30px;
    }

        .collection.with-header .collection-item.avatar {
            padding-left: 72px;
        }

.secondary-content {
    float: right;
    color: #26a69a;
}

.collapsible .collection {
    margin: 0;
    border: none;
}

/* Common styles for all types */
.bs-callout {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 15px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    /* Tighten up space between multiple callouts */
    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

/* Variations */
.bs-callout-danger {
    border-left-color: #bb2f0e;
}

.bs-callout-dangerDark {
    border-left-color: DarkRed;
}

.bs-callout-warning {
    border-left-color: #aa6708;
}

    .bs-callout-warning h4 {
        color: #aa6708;
    }

.bs-callout-info {
    border-left-color: #1b809e;
}

    .bs-callout-info h4 {
        color: #1b809e;
    }


.bs-callout-info01 {
    border-left-color: #1b809e;
}

.bs-callout-yellow {
    border-left-color: #e3c800;
}

.bs-calloutOT {
    cursor: pointer;
    padding: 8px;
    margin: 3px 0;
    border: 1px solid #eee;
    border-left-width: 3px;
    border-radius: 3px;
}

    .bs-calloutOT h4 {
        font-size: 13px;
    }

.bs-callout-danger {
    border-left-color: #bb2f0e;
}

.bs-calloutOT:hover {
    background-color: rgba(204, 204, 204, 0.40);
}

/*********** LOBIBOX *******/
.lobibox-notify-msg {
    max-height: 100% !important;
}

/*#region TELERIK - Skin Changes */

/*#region RADCALENDAR / RADPICKER */

.RadCalendar span.rcTitle {
    font-size: 1.0em !important;
}

.RadCalendar_Material .rcTitlebar {
    border-color: #fff !important;
    border-bottom-color: #e3e3e3 !important;
    background-color: #fff !important;
    color: #808080 !important;
}

.RadCalendar_Material .rcMain {
    border-color: transparent !important;
}

.RadCalendar_Material .rcTitle {
    font-size: inherit !important;
    padding: 10px 20px !important;
}

.RadCalendarPopup .RadCalendar_Bootstrap {
    width: 400px;
}

.RadPicker_Material .RadInput:before {
    left: 2px !important;
    right: 2px !important;
}

.RadPicker_Material .riLabel {
    color: #444 !important;
    width: 125px !important;
    font-size: 13px !important;
    padding-right: 0px !important;
    margin-right: 10px !important;
}

.RadPicker_Material:hover .RadInput:not(.RadInputDisabled), .RadPicker_Material.rcMYPopupOpen .RadInput:not(.RadInputDisabled), .RadPicker_Material.rcTimePopupOpen .RadInput:not(.RadInputDisabled), .RadPicker_Material.rcCalPopupOpen .RadInput:not(.RadInputDisabled) {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.2) !important;
}

div.RadPicker .RadInput.RadInput_Material {
    padding: 0 !important;
}

.RadPicker_Material .RadInput.RadInputDisabled:before {
    border-color: transparent !important;
}

/*#endregion*/

/*#region RADWINDOW */

.RadWindow{
    padding-bottom: 0px !important;
}

.RadWindow_Material .rwContent {
    padding: 5px 10px;
    border-width: 0px !important;
    border-style: solid;
    margin: 0px -5px 0px !important;
    overflow: auto;
}

.RadWindow_Material .rwTitleBar {
    opacity: 1 !important;
    font-size: 12px;
}

.RadWindow_Material .rwIcon {
    display: none !important;
}

.RadWindow_Material .rwTitleWrapper .rwTitle {
    padding: 5px 0px 5px 0px !important;
    margin: -12.5px -5px -1px !important;
    font-size: 16px !important;
    text-transform: none !important;
}

.RadWindow_Material .rwTitleBar .rwTitleWrapper {
    padding: 15px 15px 5px 15px !important;
}

.RadWindow_Material .rwPromptInput:active, .RadWindow_Material .rwPromptInput:focus {
    border-color: transparent transparent #7b7b7b !important;
}

.RadWindow_Material .rwDialogButtons {
    background-color: transparent !important;
    border-top: none !important;
    bottom: 6px !important;
}

    .RadWindow_Material .rwDialogButtons button {
        text-transform: none !important;
    }

body.RadWindow-body {
    background-color: #ffffff !important;
}

/*#endregion*/

/*#region TOOLTIP */

.RadToolTip_Material .rtClose {
    color: lightgray !important;
}

.k-chart-tooltip {
    color: gray !important;
    height: auto !important;
}

.RadToolTip_Material {
    background-color: #f5f5f5 !important;
    color: #6f6f6f !important;
    border-color: rgb(201, 201, 201) !important;
    opacity: .95 !important;
    height: auto !important;
}

.RadToolTip.rtRoundedCorner {
    border-radius: 0.1px !important;
}

.RadToolTip_Material .rtCallout {
    display: block !important;
    visibility: hidden !important;
    background-color: #f5f5f5 !important;
    border-color: rgb(201, 201, 201) !important;
}

/*#endregion*/

/*#region RADBUTON CHECKBOX */

.RadButton_Material.rbCheckBox .rbIcon.rbToggleCheckbox + .rbText, .RadButton_Material.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText, .RadButton_Material.rbToggleButton .rbIcon.rbToggleCheckbox + .rbText, .RadButton_Material.rbToggleButton .rbIcon.rbToggleCheckboxChecked + .rbText, .RadButton_Material.rbToggleButton .rbIcon.rbToggleCheckboxFilled + .rbText, .RadButton_Material.rbRadioButton .rbIcon.rbToggleRadio + .rbText, .RadButton_Material.rbRadioButton .rbIcon.rbToggleRadioChecked + .rbText, .RadButton_Material.rbToggleButton .rbIcon.rbToggleRadio + .rbText, .RadButton_Material.rbToggleButton .rbIcon.rbToggleRadioChecked + .rbText, .RadButton_Material.RadRadioButton .rbText {
    vertical-align: middle !important;
    line-height: 1.42857em !important;
    margin-top: -2px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.RadButton_Material.RadCheckBox .rbText {
    color: #444 !important;
    font-size: 13px;
}

.RadButton_Material .rbToggleCheckbox:before, .RadButton_Material .rbToggleCheckboxChecked:before, .RadButton_Material .rbToggleCheckBoxChecked:before, .RadButton_Material .rbToggleCheckboxFilled:before, .RadButton_Material .rbToggleRadio:before, .RadButton_Material .rbToggleRadioChecked:before, .RadButton_Material.RadButton span.rbText.rbToggleCheckbox:before, .RadButton_Material.RadButton span.rbText.rbToggleCheckboxChecked:before, .RadButton_Material.RadButton span.rbText.rbToggleRadio:before, .RadButton_Material.RadButton span.rbText.rbToggleRadioChecked:before {
    font-size: 24px !important;
}

.RadButton_Material.rbCheckBox .rbIcon.rbToggleCheckbox + .rbText, .RadButton_Material.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText, .RadButton_Material.rbToggleButton .rbIcon.rbToggleCheckbox + .rbText, .RadButton_Material.rbToggleButton .rbIcon.rbToggleCheckboxChecked + .rbText, .RadButton_Material.rbToggleButton .rbIcon.rbToggleCheckboxFilled + .rbText, .RadButton_Material.rbRadioButton .rbIcon.rbToggleRadio + .rbText, .RadButton_Material.rbRadioButton .rbIcon.rbToggleRadioChecked + .rbText, .RadButton_Material.rbToggleButton .rbIcon.rbToggleRadio + .rbText, .RadButton_Material.rbToggleButton .rbIcon.rbToggleRadioChecked + .rbText, .RadButton_Material.RadCheckBox .rbText, .RadButton_Material.RadRadioButton .rbText {
    color: #444 !important;
    font-size: 13px !important;
}

.RadButton_Material.rbButton {
    color: black !important;
}

    .RadButton_Material.rbButton.rbSelected, .RadButton_Material.rbButton.rbToggled, .RadButton_Material.rbSelected .rbHovered {
        border-color: #eec031 !important;
        color: #455A64;
        background-color: #eec031 !important;
    }

.form-inline-label .RadButton_Material.rbCheckBox {
    text-align: left !important;
}

/*#endregion*/

/*#region LOADING */

.dvLoading {
    position: absolute;
    background: url(../images/LoadingMaterial.svg) no-repeat center center;
    height: 100px;
    width: 100px;
    position: fixed;
    z-index: 1000;
    left: 54%;
    top: 50%;
    margin: -48px 0px 0px -30px;
}

.RadAjax_Material .raDiv {
    background: url(../images/LoadingMaterial.svg) no-repeat center center !important;
}

.RadWindow_Material.rwLoading .rwExternalContent {
    background-image: url(../images/LoadingMaterial.svg) !important;
}

.RadWindow.rwLoading .rwExternalContent {
    background-repeat: no-repeat;
    background-position: center center;
}

.RadAjaxPanel {
    display: inline !important;
}

.RadAjax {
    width: 100% !important;
    height: 100% !important;
}

.RadAjax_Material {
    top: 0 !important;
    left: 0 !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
}

.RadAjax .raDiv, .RadAjax .raColor {
    width: 100%;
    height: 100%;
}

.RadAjax .raDiv{
    left: 5%;
}

/*#endregion*/

/*#region RADMENU */

.RadMenu_Material .rmPopup, .RadMenu_Material .rmGroup {
    padding: 0px 0 !important;
}

/*#endregion*/

/*#region RADGRID */
.RadGrid {
    border-style: none !important;
}

.RadGrid .rgDetailTable {
    border: transparent !important;
}

.RadGrid_Material .rgGroupHeader .rgGroupCol, .RadGrid_Material .rgGroupHeader .rgGroupCol + td {
    box-shadow: none !important;
}

.RadGrid_Material .rgGroupCol {
    box-shadow: none !important;
}

.RadGrid_Material td.rgGroupCol, .RadGrid_Material td.rgExpandCol {
    background-color: #ffffff !important;
}

.RadGrid_Material .rgGroupHeader {
    background-color: #ffffff !important;
}

.RadGrid_Material .rgMasterTable .rgSelectedCell, .RadGrid_Material .rgSelectedRow {
    background-color: #EEEEEE !important;
}

.RadGrid_Material .rgHeader {
    text-transform: uppercase;
    font-size: 12px !important;
}

    .RadGrid_Material .rgHeader, .RadGrid_Material .rgHeader a {
        color: #ffffff !important;
        text-transform: uppercase;
        background-color: #333 !important;
        border-bottom: 1px solid transparent !important;
    }

.RadGrid_Material th.rgSorted, .RadGrid_Material th.rgSorted a, .RadGrid_Material th.rgSorted button {
    color: #FAFAFA !important;
}

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

.rgHeaderWrapper .rgHeaderDiv {
    border-right: none !important;
}

.iconGrid {
    cursor: pointer !important;
    font-size: 18px;
    vertical-align: top;
}

.GridIMG {
    width: 20px;
    vertical-align: middle;
}

.RadGrid_Material {
    margin-bottom: 20px !important;
}

    .RadGrid_Material .rgNoRecords {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        color: #797979 !important;
        height: 30px;
    }

    .RadGrid_Material .rgNoRecords td {
        padding: 5px 5px 5px 10px;
    }

.RadGrid_Material .rgMasterTable {
    border: 0 !important;
}

.RadGrid_Material .rgCommandCell {
    border-color: #ffffff !important;
    background-color: #ffffff !important;
}

.RadGrid_Material .rgInput, .RadGrid_Material .rgEditRow > td > [type="text"], .RadGrid_Material .rgEditForm td > [type="text"], .RadGrid_Material .rgBatchContainer > [type="text"], .RadGrid_Material .rgFilterBox {
    border-color: transparent !important;
    width: 100% !important;
}

    .RadGrid_Material .rgInput:focus, .RadGrid_Material .rgEditRow > td > [type="text"]:focus, .RadGrid_Material .rgEditForm td > [type="text"]:focus, .RadGrid_Material .rgBatchContainer > [type="text"]:focus, .RadGrid_Material .rgFilterBox:focus {
        border-color: transparent !important;
        box-shadow:none !important;
    }

.RadGrid_Material .rgNoRecords td {
    padding: 15px 5px 5px 15px !important;
    border-style: none !important;
}

.RadGrid th.rgHeader, .RadGrid th.rgResizeCol {
    border-bottom: 1px solid #e7af3f;
}

.RadGrid_Material.shadow-none{
    box-shadow: none !important;
}

.RadGrid_Material.no-border {
    border-style: none !important;
    box-shadow: none !important;
    margin-left: -10px;
    margin-right: -5px;
}

.RadGrid_Material {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
    border-radius: 0px !important;
}

    .RadGrid_Material .rgHeader .t-button {
        color: white !important;
    }

    .RadGrid_Material td.rgGroupCol, .RadGrid_Material td.rgExpandCol {
        border-color: transparent !important;
    }

    .RadGrid_Material .rgRow, .RadGrid_Material .rgAltRow, .RadGrid_Material .rgEditRow {
        font-size: 13px !important;
    }

        .RadGrid_Material .rgEditRow > td > [type="password"] {
            background-color: transparent !important;
            border-color: transparent !important;
        }

    .RadGrid_Material.GridDraggedRows {
        border-top: unset !important;
    }

    .RadGrid_Material .rgBatchContainer > [type="text"] {
        width: 90% !important;
    }

    .RadGrid_Material .rgRow > td > a, .RadGrid_Material .rgAltRow > td > a, .RadGrid_Material .rgFooter > td > a, .RadGrid_Material .rgEditForm > td > a, .RadGrid_Material .rgEditRow > td > a, .RadGrid_Material .rgHoveredRow > td > a {
        color: #455A64;
    }

        .RadGrid_Material .rgRow > td > a.btn-icon, .RadGrid_Material .rgAltRow > td > a.btn-icon, .RadGrid_Material .rgFooter > td > a.btn-icon, .RadGrid_Material .rgEditForm > td > a.btn-icon, .RadGrid_Material .rgEditRow > td > a.btn-icon, .RadGrid_Material .rgHoveredRow > td > a.btn-icon {
            color: #fff !important
        }

html .RadGrid td.rgBatchCurrent {
    padding: 5px 15px !important;
}

.NotiGrid .rgDataDiv {
    height: auto !important;
}

.RadGrid_Material {
    margin-bottom: 20px !important;
}

    .RadGrid_Material.no-border .rgRow > td, .RadGrid_Material.no-border .rgAltRow > td, .RadGrid_Material.no-border .rgEditRow > td {
        border-style: none !important;
    }

    .RadGrid_Material .rgNoRecords {
        background-color: transparent !important;
    }

.RadGrid th.rgHeader, .RadGrid th.rgResizeCol {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.RadGrid_Material.no-header .rgHeader, .RadGrid_Material.no-header th.rgResizeCol, .RadGrid_Material.no-header .rgHeaderWrapper {
    border-bottom: 0 !important;
}

.rgDetailTable.grid-light .rgHeader, .rgDetailTable.grid-light th.rgResizeCol, .rgDetailTable.grid-light .rgHeaderWrapper {
    background-color: #fff !important;
    border-color: #cfd8dc !important;
}

    .rgDetailTable.grid-light .rgHeader, .rgDetailTable.grid-light .rgHeader a {
        color: #333 !important;
        text-transform: uppercase;
    }

.RadGrid_Material.grid-light .rgHeader, .RadGrid_Material.grid-light th.rgResizeCol, .RadGrid_Material.grid-light .rgHeaderWrapper {
    background-color: #fff !important;
    border-color: #333 !important;
}

    .RadGrid_Material.grid-light .rgHeader, .RadGrid_Material.grid-light .rgHeader a {
        color: #333 !important;
        text-transform: uppercase;
        background-color: #fff !important;
    }

.RadGrid_Material.grid-light .rgHeader .t-button {
    color: #333 !important;
}

.RadGrid_Material .rgBatchContainer > [type="text"] {
    margin-left: 0px !important;
    font-size: 13px !important;
}

.RadGrid .rgBatchContainer > [type="text"] {
    border-width: 0px !important;
}

.RadGrid .rgBatchContainer > [type="checkbox"] {
    width: unset !important;
}

.RadGrid_Material .rgBatchContainer {
    font-size: 13px !important;
}

.RadGrid_Material.card-pv-grid{
    margin-bottom:0px !important;
}

/*#endregion*/

/*#region RADCOMBOBOX */

.RCBLabel {
    width: 100% !important;
    margin-left: 25px !important;
    margin-top: -35px !important;
}

.rcbSeparator label {
    display: none;
    visibility: hidden;
}

div.RadComboBoxDropDown_Material .rcbImage {
    height: 40px !important;
    border-radius: 50% !important;
}

.RadComboBox_Material{
    font-size: 13px!important;
}

.RadComboBox_Material .rcbInner:before {
    left: 0px !important;
    right: 0px !important;
}

    .RadComboBox_Material .rcbLabel {
        font-size: 13px !important;
        color: #444 !important;
        width: 125px !important;
        margin-right: 10px !important;
        padding: 8px 0px 8px 0px !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

.RadComboBox_Material.label-center .rcbLabel {
    text-align:center !important;
}

.RadComboBoxDropDown_Material .rcbItem, .RadComboBoxDropDown_Material .rcbHovered, .RadComboBoxDropDown_Material .rcbSelected, .RadComboBoxDropDown_Material .rcbDisabled, .RadComboBoxDropDown_Material .rcbLoading {  
    font-size: 13px !important;
}

.Star {
    vertical-align: top !important;
    padding-top: 8px !important;
}

div.RadComboBoxDropDown_Material .rcbImage {
    height: 40px !important;
    width: 40px !important;
    object-fit: scale-down !important;
    border-radius: 50% !important;
    background-color: white !important;
}

.RadComboBox_Material .rcbLabel.LabelRequired {
    color: #d0473a !important;
}

.add-item-combo{
    position: relative;
}

.add-item-combo .RadInput_Material{
    padding-left: 0px !important;
}

    .add-item-combo .RadInput_Material input.riTextBox {
        padding-left: 0px !important;
    }

.btn-add-item-combo{
    position:absolute;
    right:0;
    bottom: 3px;
}

.RadComboBoxDropDown_Material .rcbFooter {
    padding: 10px !important;
}

.RadComboBox_Material .rcbHovered .rcbActionButton {    
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(207, 216, 220) !important;
}

.RadComboBox_Material .rcbReadOnly.rcbHovered {
    background-color: rgb(255, 255, 255) !important;
}

.RadComboBox_Material.white .rcbInner {
    border-color: transparent !important;
    color: #455A64 !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
}

.RadComboBox_Material.white .rcbActionButton {
    background-color: rgb(255, 255, 255) !important;
}

/*#endregion*/

/*#region RADTABSTRIP */

.RadTabStrip_Material.rtsTop {    
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
}

.RadTabStrip_Material .rtsHovered .rtsLink {
    background-color: #2b2b2b !important;
}

.RadTabStrip_Material .rtsLevel1 {
    border-color: #2b2b2b !important;
    background-color: #2b2b2b !important;
}

.RadTabStrip_Material .rtsLink {
    border-color: #2b2b2b !important;
    background-color: #2b2b2b !important;
}

.RadTabStrip_Material .rtsSelected .rtsLink {
    background-color: #2b2b2b !important;
}

.RadTabStrip_Material * {
    line-height: 12px !important;
}

.RadTabStrip_Material.inline-grid * {
    line-height: 20px !important;
}

.RadTabStrip_Material.inline-grid .rtsLevel1 .rtsLink {
    padding: 11px 13px 14px 13px !important;
}

.RadTabStrip_Material.inline-grid .rtsPrevArrow, .RadTabStrip_Material.inline-grid .rtsNextArrow {
    border-color: #2b2b2b !important;
    background-color: #2b2b2b !important;
    box-shadow: none !important;
}

/* BOOTSTRAP */
.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink {
    color: #505461 !important;
}

.RadTabStrip_Bootstrap .rtsLevel1 .rtsHovered .rtsLink {
    background-color: transparent !important;
    border-color: transparent !important;
}

.RadTabStrip_Bootstrap .rtsLevel1 {
    border-color: #f9f9f9 !important;
}

    .RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink, .RadTabStrip .rtsTxt {
        border-color: #ffffff;
        background-color: #fff;
        font-weight: 500;
        font-size: 13px;
        line-height: 1.66666667;
        background-color: transparent;
        border-radius: 0;
        border: none;
        cursor: pointer;
        font-family: "Roboto", sans-serif;
    }

.RadTabStrip_Bootstrap {
    color: #333;
    font-family: inherit;
}

    .RadTabStrip_Bootstrap .rtsTxt {
        font-size: .857em !important;
        text-transform: uppercase !important;
        font-weight: bold !important;
        letter-spacing: initial !important;
        font-size: 13px !important;
    }

    .RadTabStrip_Bootstrap .rtsLI {
        display: inline-table !important;
        width: auto !important;
    }

    .RadTabStrip_Bootstrap .rtsLink {
        padding: 13px 15px !important;
    }

    .RadTabStrip_Bootstrap.rtsHorizontal .rtsScroll {
        padding-left: 15px !important;
    }

        .RadTabStrip_Bootstrap.rtsHorizontal .rtsScroll .rtsUL {
            margin-bottom: -6px !important;
        }

/*#endregion*/

/*#region RADBUTTON */

    .RadButton_Material.rbButton.rbPrimaryButton.rbHovered {
        border-color: rgba(51, 51, 51, 0.70) !important;
        color: #fff;
        background-color: rgba(51, 51, 51, 0.70) !important;
    }

/*#endregion*/

/*#region RADUPLOAD */

html .RadUpload_Material .ruSelectWrap .ruBrowse {
    padding: 3px 34px !important;
    height: 25px !important;
}

/*#endregion*/

/*#region RADINPUT */

.RadInput * {
    background-color: transparent;
}

.RadInput_Material input.riTextBox {
    border-width: 1px !important;
}

.RadInput_Material {
    border-bottom-color: #cfcfcf !important;
    padding: 0 0 0 13px !important;
}

.RadInput .riLabel {
    border: none !important;
    width: 125px !important;
}

.RadInput textarea {
    border-bottom: 1px solid #cfd8dc !important;
}

.RadInput_Material input.riTextBox {
    padding: 8px 15px 7px !important;
}

.RadInput_Material .riTextBox, .RadInputMgr_Material {
    font-size: 13px !important;
}

.RadInput_Material .riFocused, .RadInput_Focused_Material {
    border-bottom-color: #616161 !important;
    box-shadow: 0px 0px 0 0 #616161 inset !important;
}

.RadInput_Material .riLabel {
    font-size: 13px !important;
    color: #444 !important;
    margin-right: 10px !important;
    padding-right: 0 !important;
}

.RadInput_Material .RadInputError {
    border-color: transparent !important;
    border-bottom-color: #f34235 !important;
}

.RadInput_Material .riError, .RadInput_Error_Material {
    border-color: transparent !important;
    border-bottom-color: #f34235 !important;
}

.RadInput_Material .riLabel.LabelRequired {
    color: #d0473a !important;
}

.RadInput_Material .riDisabled, .RadInput_Disabled_Material {
    border-bottom-color: #cfd8dc !important;
    color: #455a64 !important;
}

.RadInput_Material.RadInputMultiline .riHover, .RadInput_Hover_Material {
    border-bottom-color: #90a4ae !important;
}

.RadInput_Material.RadInputMultiline .riFocused.riHover, .RadInput_Hover_Material {
    border-bottom-color: #616161 !important;
    box-shadow: 0px 0px 0 0 #616161 inset !important;
}

.RadInput_Material input.riTextBox.p-0 {
    padding: 0px !important;
}

.multiline .RadInput_Material.RadInputMultiline {
    padding-left: 13px !important;
    padding-bottom: 10px !important;
}

    .multiline .RadInput_Material.RadInputMultiline .riTextBox {
        padding: 8px 15px 7px !important;
    }

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

.rtb-p-l-0 .RadInput_Material {
    padding-left: 0 !important;
}

.RadInputMultiline {
    padding: 0px !important;
}

.RadInput_Material .riEmpty.inline {
    font-style: italic !important;
    padding: 8px 0px 8px !important;
}

.RadInput_Material .riFocused.inline {
    padding: 8px 0px 8px !important;
}

.RadInput_Material .riEnabled.inline {
    padding: 8px 0px 8px !important;
    margin-bottom: 8px !important;
}

.RadInput textarea {
    border-bottom: 1px solid #cfd8dc !important;
}

.tb-padding-0 .RadInput_Material {
    padding: 0 !important;
}

/*#endregion*/

/*#region RADTREELIST / RADTREEVIEW */

.RadTreeView_Material .rtSelected .rtIn {
    border-color: #ECEFF1 !important;
    color: #455A64 !important;
    background-color: #ECEFF1 !important;
}

.RadTreeList_Material .rtlTable a {
    color: #455A64 !important;
}

.RadTreeList div.rtlHeader {
    padding-right: 0px !important;
}

.RadTreeList tr.rtlHeader .rtlCF {
    padding-left: 54px !important;
}

.RadTreeList tr.rtlHeader th {
    vertical-align: middle !important;
}

.RadTreeList_Material tr.rtlHeader {
    background-color: #333 !important;
}

.RadTreeList .rtlHeader a {
    color: #fff !important;
    vertical-align: middle !important;
}

.RadTreeList_Material div.rtlHeader, .RadTreeList_Material .rtlHeader th {
    border-color: transparent !important;
    color: #fff !important;
    text-transform: uppercase !important;
}

    .RadTreeList_Material div.rtlHeader, .RadTreeList_Material .rtlHeader th .t-button {
        color: #fff !important;
    }

        .RadTreeList_Material div.rtlHeader, .RadTreeList_Material .rtlHeader th .t-button:hover, .RadTreeList_Material .rtlHeader th .t-button:active {
            color: #333 !important;
        }

.RadTreeList_Material .rtlR td, .RadTreeList_Material .rtlA td, .RadTreeList_Material .rtlREdit td, .RadTreeList_Material .rtlEditForm {
    border-color: #e0e0e0 #ffffff !important;
}

.RadTreeList_Material .rtlRSel td {
    border-color: #e0e0e0 transparent !important;
}

    .RadTreeList_Material .rtlREdit [type="text"], .RadTreeList_Material .rtlEditForm td > [type="text"] {
        border-style: none !important;
        margin-left: 0px !important;
        width: 100% !important;
    }

        .RadTreeList_Material .rtlREdit [type="text"]:active, .RadTreeList_Material .rtlEditForm td > [type="text"]:active {
            border-color: transparent !important;
            box-shadow: none !important;
        }

        .RadTreeList_Material .rtlREdit [type="text"]:focus, .RadTreeList_Material .rtlEditForm td > [type="text"]:focus {
            border-color: transparent !important;
            box-shadow: none !important;
        }

.RadTreeList .rtlScroller {
    border-style: none !important;
}

.RadTreeList_Material .rtlRSel {
    background-color: #EEEEEE !important;
}

.RadTreeList_Material.rtl-card .rtlCaption {
	display: none !important;
}

.RadTreeList_Material .rtlSortAscIcon, .RadTreeList_Material .rtlSortDescIcon {
    color: #ffffff !important;
}

.RadTreeList_Material .rtlHeader th .t-button:hover .rtlSortAscIcon, .RadTreeList_Material .rtlHeader th .t-button:hover .rtlSortDescIcon {
    color: #333 !important;
}

.RadTreeList_Material .rtlHeader .t-button {
    padding: 5px !important;
}

.RadTreeList_Material.rtl-card.shadow-none {    
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 20px !important;
}

.RadTreeList_Material.rtl-light div.rtlHeader, .RadTreeList_Material.rtl-light .rtlHeader th {
    color: #333 !important;
}

.RadTreeList_Material.rtl-light tr.rtlHeader {
    background-color: #fff !important;
}

.RadTreeList_Material.rtl-light div.rtlHeader, .RadTreeList_Material.rtl-light .rtlHeader th .t-button {
    color: #455A64 !important;
}

.RadTreeList_Material {
    font-size: 13px !important;
}

    .RadTreeList_Material .rtlREdit, .RadTreeList_Material .rtlR, .RadTreeList_Material .rtlA {
        font-size: 1em !important;
    }

    .RadTreeList_Material tr.rtlHeader th {
        font-size: 12px !important;
    }

    .RadTreeList_Material.rtl-card {
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
        margin-bottom: 20px !important;
    }

        .RadTreeList_Material.rtl-card .rtlR .rtlROut {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 12px;
            color: #797979 !important;
            height: 30px;
            border-bottom-style: none !important;
        }

        .RadTreeList_Material.rtl-card div.rtlHeader {
            background-color: #333333 !important;
        }

        .RadTreeList_Material.rtl-card .rtlCaption {
            display: none !important;
        }

    .RadTreeList_Material tr.rtlHeader th {
        font-size: 12px !important;
    }

.RadTreeList .rtlAddIcon:before {
    content: "\e145" !important;
    color: #455A64 !important;
}

.RadTreeList .rtlDelIcon:before, .RadTreeList .rtlCancelIcon:before, .RadTreeList .rtlClosePopUpIcon:before {
    content: "\e14c" !important;
    color: #455A64 !important;
}

.RadTreeList_Material .rtlExpandIcon:before {
    content: '\e5cc' !important;
    color: #455A64 !important;
}

.RadTreeList .rtlDelIcon:before, .RadTreeList .rtlCancelIcon:before, .RadTreeList .rtlClosePopUpIcon:before {
    content: "\e14c" !important;
}

.RadTreeList .t-font-icon:before {
    font-family: "Material Icons" !important;
    font-size: 18px !important;
}

.RadTreeList .rtlAddIcon:before {
    content: "\e145" !important;
}

.RadTreeList_Material .colorTreeListItem {
    color: #455A64 !important;
}

.RadTreeList_Material .colorTreeListItem2 {
    color: #455A64 !important;
}

.RadTreeList_Material .rtlTable a {
    color: #455A64 !important;
}

.RadTreeList .rtlHeader a {
    color: #fff !important;
    vertical-align: middle !important;
}

/* Treelist Drag & Drop */
.dropClue {
    width: 22px;
    height: 22px;
    position: absolute;
    left: -10px;
    top: -15px;
}

.dropEnabled {
    background-color: white;
    border-radius: 50%;
}

    .dropEnabled:before {
        position: absolute;
        top: -7px;
        font-family: 'FontAwesome';
        font-size: 2em;
        content: "\f058";
        color: #549789;
    }

.dropDisabled {
    border-radius: 50%;
    background-color: white;
}

    .dropDisabled:before {
        position: absolute;
        top: -7px;
        font-family: 'FontAwesome';
        font-size: 2em;
        content: "\f057";
        color: #D0473A;
    }

/*#endregion*/

/*#region RADPANELBAR */

.RadPanelBar {
    border-style: none !important;
}

.RadPanelBar_Material .rpSelected.rpLink {
    color: white !important;
    background-color: #333 !important;
}

.RadPanelBar_Material .rpExpanded {
    color: white !important;
    background-color: #333 !important;
}

.RadPanelBar_Material .rpSelected .rpExpandHandle {
    color: #ffffff !important;
}

.RadWindow_Material .rwTitleBar {
    opacity: 1 !important;
    font-size: 12px;
}

.CssRCBResp .rcbCheckBox {
    margin: 13px 18px 0 0 !important;
}

.RadPanelBar_Material .rpRootLink, .RadPanelBar_Material .rpHeaderTemplate {
    padding: 8px !important;
    font-size: 0.9em !important;
    background-color: #adabab !important;
    color: white !important;
}

.RadPanelBar_Material .rpExpandable .rpExpandHandle {
    top: 2px !important;
    color: #ffffff !important;
}

.RadPanelBar .rpItem {
    margin-bottom: 1px !important;
}

.RadPanelBar .rpText {
    padding: 5px 10px !important;
}

.RadAutoCompleteBox .p-icon, .RadCloudUpload .p-icon, .RadComboBox .p-icon, .RadComboBoxDropDown .p-icon, .RadDropDownList .p-icon, .RadPanelBar .rpExpandHandle .p-icon, .RadScheduler .p-icon, .RadRotator .p-icon, .RadSpreadsheet .p-icon {
    height: 1em !important;
    width: 100% !important;
}

/*#endregion*/

/*#region RadDropDownTree */

.rddtfixposition {
    right: 1rem !important;
    left: initial !important;
}

.RadDropDownTree_Material .rddtFakeInput {
    font-size: 13px !important;
}

.RadDropDownTree .rddtEmptyMessage {
    font-size: 13px !important;
}

.RadDropDownTree_Material.with-label {
    width: calc(100% - 135px) !important;
    margin-left: 135px;
}

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

.RadDropDownTree_Material .rddtHovered {
    background-color: rgb(255, 255, 255) !important;
}

/*#endregion*/

/*#region OTHER */

.TelerikModalOverlay {
    background-color: #000000 !important;
}

.RadLabel_Material {
    padding-top: 0 !important;
    color: #444444;
}

    .RadLabel_Material.form-label {
        padding-top: 8px !important;
        margin-bottom: .5rem !important;
    }

/*#endregion*/

/*#region RADWIZARD-METRO */

.RadWizard_Metro .rwzProgress {
    border-color: #EEC031 !important;
    background-color: #EEC031 !important;
    height: 3px !important;
}

.RadWizard_Material .rwzProgress {
    background-color: #EEC031 !important;
}

.RadWizard_Material .rwzBreadCrumb .rwzLI {
    padding: 7px !important;
}

.RadWizard .rwzBreadCrumb .rwzImage + .rwzText {
    max-width: 300px !important;
}

.RadWizard_Material .rwzBreadCrumb {
    box-shadow: none !important;
}

.RadWizard_Metro .rwzSelected .rwzLink, .RadWizard_Metro .rwzSelected .rwzLink:before {
    border-color: #EEC031 !important;
    background-color: #EEC031 !important;
}

.RadWizard_Material .rwzBreadCrumb .rwzText:before {
    display: none;
}

.RadWizard_Metro {
    background: transparent !important;
}

.RadWizard .rwzBreadCrumb {
    padding: 0px !important;
    border: 0 !important;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
    border-radius: 0px !important;
    background-clip: padding-box !important;
    background-color: #ffffff !important;
    border-color: transparent !important;
}

.RadWizard_Metro .rwzLink {
    border-color: transparent !important;
    background-color: #ffffff !important;
}

.RadWizard_Metro {
    font-family: "Roboto",sans-serif !important;
}

    .RadWizard_Metro .rwzLink:before {
        background-color: #ffffff !important;
    }

.RadWizard .rwzContent {
    overflow: hidden !important;
    height: 100% !important;
}

.RadWizard .rwzContentWrapper {
    height: 100% !important;
}

.RadWizard {
    padding: 0px !important;
}

/*#endregion*/

/*#region CompleteBox*/

.RadAutoCompleteBox_Material .racToken {
    background: #ffffff !important;
}

.RadAutoCompleteBox_Material .racRemoveTokenLink {
    background: #ffffff !important;
}

.RadAutoCompleteBox_Material .racHovered {
    color: #455A64 !important;
}

.RadAutoCompleteBox_Material .racTokenList {
    padding: 6px !important;
}

.RadAutoCompleteBox.RadAutoCompleteBoxWithLabel .racLabel {
    font-size: 13px !important;
    color: #444 !important;
    margin-right: 10px !important;
    padding: 0px 0px 5px 0px !important;
    padding-top: 11px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

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

.RadAutoCompleteBox .p-i-loading {
    margin-top: -8px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0 !important;
    left: -5px !important;
    top: 20px !important;
    background-position: right !important;
    background-repeat: no-repeat;
}

.RadAutoCompleteBox_Material .racToken {
    padding: 4px 30px 4px 4px !important;
}

/*#endregion*/

/*#endregion*/

/*#region BUTTONS */

.spanBox {
    background: #EEC031;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.spanBoxIcon {
    padding: 3px;
    color: white;
}

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

.btn.focus, .btn:focus {
    box-shadow: none !important;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none !important;
}

.btn-inverse.focus, .btn-inverse:focus {
    box-shadow: none !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: #ffffff !important;
    font-size: 13px;
}

.btn-inverse, .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
    background-color: #232323 !important;
    border-color: #232323 !important;
    color: #FAFAFA !important;
}

.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    background-color: #4c5667 !important;
    border: 1px solid #4c5667 !important;
    opacity: 0.7;
}

.btn-white, .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-white.focus, .btn-white:active, .btn-white:focus, .btn-white:hover, .open > .dropdown-toggle.btn-white {
    border: 1px solid #fff !important;
    background-color: #ffffff;
    color: #4c5667 !important;
}

.btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.focus, .btn:active, .btn:focus, .btn:hover, .open > .dropdown-toggle.btn {
    color: #232323;
    font-size: 13px;
}

.btn-icon{
    width: 29px !important;
}

.btn-icon-md {
    width: 33px;
    height: 33px;
    padding: 5px 0 0 0px;
}

    .btn-icon-md i {
        font-size: 22px;
    }

.btn-xs {
    padding: 0 !important;
    line-height: 1.5 !important;
}

.btn-icon-small {
    width: 21px !important;
}

.btn-icon-grid {
    padding: .2rem 0.35rem !important;
    text-align: left;
    background-color: #dddddd !important;
    border-color: #dddddd !important;
    color: #232323 !important;
    font-size: 13px;
    font-weight: bold !important;
    opacity: 1 !important;
}

/*#endregion*/

/*#region CHECKBOX */
.checkbox.checkbox-white input[type="checkbox"]:checked:after, .checkbox-inline.checkbox-white input[type="checkbox"]:checked:after {
    background-color: #ffffff;
    border-color: #ffffff;
}

.checkbox.checkbox-white input[type="checkbox"]:checked:before, .checkbox.checkbox-white input[type="checkbox"]:checked:before, .checkbox-inline.checkbox-white input[type="checkbox"]:checked:before {
    border-color: #333333;
}

.checkbox.checkbox-white input[type="checkbox"]:after {
    border-color: #ffffff;
}

/*#endregion*/

/*#region RADIOBUTTON*/

.cb-item.aspNetDisabled label {
    color: #9d9d9d;
}

input[type="radio"]:disabled:checked:before, .radio input[type="radio"]:disabled:checked:before, .radio-inline input[type="radio"]:disabled:checked:before {
    background-color: #9d9d9d;
}

input[type="radio"]:disabled:after, .radio input[type="radio"]:disabled:after, .radio-inline input[type="radio"]:disabled:after, input[type="radio"]:disabled:checked:after, .radio input[type="radio"]:disabled:checked:after, .radio-inline input[type="radio"]:disabled:checked:after {
    border-color: #9d9d9d;
}

/*#endregion*/

/*#region SCROLLBAR */

::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #F5F5F5;
}

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

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

/*#endregion*/

/*#region Error pages */

.account-pages {
    background: url(../images/backgrounds/6@2x.jpg);
    -webkit-transition: background 1.5s ease-in-out !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.error-pages {
    position: absolute;
}

.darken-overlay .error-pages {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: background-color 1.5s ease-in-out !important;
    -webkit-transition: background-color 1.5s ease-in-out !important;
}

/*#endregion*/

/*#region SIDEBAR */

.side-bar.large.right-bar {
    right: -580px;
}

.side-bar.large {
    width: 580px;
}

.side-bar.medium.right-bar {
    right: -410px;
}

.side-bar.medium {
    width: 410px;
}

.right-bar-extra {
    display: none;
}

.side-bar-extra.large2x.right-bar-extra {
    right: -810px;
}

.side-bar-extra.large2x {
    width: 810px;
}

.side-bar-extra.large.right-bar-extra {
    right: -640px;
}

.side-bar-extra.large {
    width: 640px;
}

.side-bar-extra.medium.right-bar-extra {
    right: -410px;
}

.side-bar-extra.medium {
    width: 410px;
}

#wrapper.right-bar-extra-enabled .right-bar-extra {
    right: 0;
}

#wrapper.right-bar-extra-enabled .left-layout {
    left: 0;
}

.side-bar-extra.right-bar-extra {
    float: right !important;
    right: -266px;
    top: 70px;
    font-size: 0.9rem;
}

.side-bar-extra {
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    background-color: #ffffff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    transition: all 200ms ease-out;
    width: 240px;
}

.right-bar-extra {
    background: #ffffff !important;
    z-index: 99 !important;
}

/*side-bar-extra-1*/

.right-bar-extra-1 {
display: none;
}

.side-bar-extra-1.large2x.right-bar-extra-1 {
right: -810px;
}

.side-bar-extra-1.large2x {
width: 810px;
}

.side-bar-extra-1.large.right-bar-extra-1 {
right: -640px;
}

.side-bar-extra-1.large {
width: 640px;
}

.side-bar-extra-1.medium.right-bar-extra-1 {
right: -410px;
}

.side-bar-extra-1.medium {
width: 410px;
}

#wrapper.right-bar-extra-1-enabled .right-bar-extra-1 {
right: 0;
}

#wrapper.right-bar-extra-1-enabled .left-layout {
left: 0;
}

.side-bar-extra-1.right-bar-extra-1 {
float: right !important;
right: -466px;
top: 70px;
font-size: 0.9rem;
}

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

.p-8 {
padding: 8px !important;
}

.side-bar-extra-1 {
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
background-color: #ffffff;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
display: block;
float: left;
height: 100%;
overflow-y: auto;
position: fixed;
transition: all 200ms ease-out;
width: 240px;
}

.right-bar-extra-1 {
background: #ffffff !important;
z-index: 99 !important;
}

.right-bar-extra-1 h4 {
padding-bottom: 10px;
font-size: 1.2rem;
}

/*side-bar-extra-2*/

.right-bar-extra-2 {
    display: none;
}

.side-bar-extra-2.large2x.right-bar-extra-2 {
    right: -810px;
}

.side-bar-extra-2.large2x {
    width: 810px;
}

.side-bar-extra-2.large.right-bar-extra-2 {
    right: -640px;
}

.side-bar-extra-2.large {
    width: 640px;
}

.side-bar-extra-2.medium.right-bar-extra-2 {
    right: -410px;
}

.side-bar-extra-2.medium {
    width: 410px;
}

#wrapper.right-bar-extra-2-enabled .right-bar-extra-2 {
    right: 0;
}

#wrapper.right-bar-extra-2-enabled .left-layout {
    left: 0;
}

.side-bar-extra-2.right-bar-extra-2 {
    float: right !important;
    right: -266px;
    top: 70px;
    font-size: 0.9rem;
}

.side-bar-extra-2 {
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    background-color: #ffffff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    transition: all 200ms ease-out;
    width: 240px;
}

.right-bar-extra-2 {
    background: #ffffff !important;
    z-index: 99 !important;
}

    .right-bar-extra-2 h4 {
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 10px;
        font-size: 1.2rem;
    }

/*side-bar-extra-3*/

.right-bar-extra-3 {
    display: none;
}

.side-bar-extra-3.large2x.right-bar-extra-3 {
    right: -810px;
}

.side-bar-extra-3.large2x {
    width: 810px;
}

.side-bar-extra-3.large.right-bar-extra-3 {
    right: -640px;
}

.side-bar-extra-3.large {
    width: 640px;
}

.side-bar-extra-3.medium.right-bar-extra-3 {
    right: -410px;
}

.side-bar-extra-3.medium {
    width: 410px;
}

#wrapper.right-bar-extra-3-enabled .right-bar-extra-3 {
    right: 0;
}

#wrapper.right-bar-extra-3-enabled .left-layout {
    left: 0;
}

.side-bar-extra-3.right-bar-extra-3 {
    float: right !important;
    right: -366px;
    top: 70px;
    font-size: 0.9rem;
}

.side-bar-extra-3 {
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    background-color: #ffffff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    transition: all 200ms ease-out;
    width: 240px;
}

.right-bar-extra-3 {
    background: #ffffff !important;
    z-index: 99 !important;
}

    .right-bar-extra-3 h4 {
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 10px;
        font-size: 1.2rem;
    }

/*side-bar-extra-4*/

.right-bar-extra-4 {
    display: none;
}

.side-bar-extra-4.large2x.right-bar-extra-4 {
    right: -810px;
}

.side-bar-extra-4.large2x {
    width: 810px;
}

.side-bar-extra-4.large.right-bar-extra-4 {
    right: -640px;
}

.side-bar-extra-4.large {
    width: 640px;
}

.side-bar-extra-4.medium.right-bar-extra-4 {
    right: -410px;
}

.side-bar-extra-4.medium {
    width: 410px;
}

#wrapper.right-bar-extra-4-enabled .right-bar-extra-4 {
    right: 0;
}

#wrapper.right-bar-extra-4-enabled .left-layout {
    left: 0;
}

.side-bar-extra-4.right-bar-extra-4 {
    float: right !important;
    right: -466px;
    top: 70px;
    font-size: 0.9rem;
}

.side-bar-extra-4 {
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    background-color: #ffffff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    transition: all 200ms ease-out;
    width: 240px;
}

.right-bar-extra-4 {
    background: #ffffff !important;
    z-index: 99 !important;
}

    .right-bar-extra-4 h4 {
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 10px;
        font-size: 1.2rem;
    }

/*side-bar-extra-5*/

.right-bar-extra-5 {
display: none;
}

.side-bar-extra-5.large2x.right-bar-extra-5 {
right: -810px;
}

.side-bar-extra-5.large2x {
width: 810px;
}

.side-bar-extra-5.large.right-bar-extra-5 {
right: -640px;
}

.side-bar-extra-5.large {
width: 640px;
}

.side-bar-extra-5.medium.right-bar-extra-5 {
right: -410px;
}

.side-bar-extra-5.medium {
width: 410px;
}

#wrapper.right-bar-extra-5-enabled .right-bar-extra-5 {
right: 0;
}

#wrapper.right-bar-extra-5-enabled .left-layout {
left: 0;
}

.side-bar-extra-5.right-bar-extra-5 {
float: right !important;
right: -466px;
top: 70px;
font-size: 0.9rem;
}

.side-bar-extra-5 {
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
background-color: #ffffff;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
display: block;
float: left;
height: 100%;
overflow-y: auto;
position: fixed;
transition: all 200ms ease-out;
width: 240px;
}

.right-bar-extra-5 {
background: #ffffff !important;
z-index: 99 !important;
}

.right-bar-extra-5 h4 {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
font-size: 1.2rem;
}

/*side-bar-extra-6*/

.right-bar-extra-6 {
display: none;
}

.side-bar-extra-6.large2x.right-bar-extra-6 {
right: -810px;
}

.side-bar-extra-6.large2x {
width: 810px;
}

.side-bar-extra-6.large.right-bar-extra-6 {
right: -640px;
}

.side-bar-extra-6.large {
width: 640px;
}

.side-bar-extra-6.medium.right-bar-extra-6 {
right: -410px;
}

.side-bar-extra-6.medium {
width: 410px;
}

#wrapper.right-bar-extra-6-enabled .right-bar-extra-6 {
right: 0;
}

#wrapper.right-bar-extra-6-enabled .left-layout {
left: 0;
}

.side-bar-extra-6.right-bar-extra-6 {
float: right !important;
right: -466px;
top: 70px;
font-size: 0.9rem;
}

.side-bar-extra-6 {
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
background-color: #ffffff;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
display: block;
float: left;
height: 100%;
overflow-y: auto;
position: fixed;
transition: all 200ms ease-out;
width: 240px;
}

.right-bar-extra-6 {
background: #ffffff !important;
z-index: 99 !important;
}

.right-bar-extra-6 h4 {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
font-size: 1.2rem;
}

/*side-bar-extra-7*/

.right-bar-extra-7 {
display: none;
}

.side-bar-extra-7.large2x.right-bar-extra-7 {
right: -810px;
}

.side-bar-extra-7.large2x {
width: 810px;
}

.side-bar-extra-7.large.right-bar-extra-7 {
right: -640px;
}

.side-bar-extra-7.large {
width: 640px;
}

.side-bar-extra-7.medium.right-bar-extra-7 {
right: -410px;
}

.side-bar-extra-7.medium {
width: 410px;
}

#wrapper.right-bar-extra-7-enabled .right-bar-extra-7 {
right: 0;
}

#wrapper.right-bar-extra-7-enabled .left-layout {
left: 0;
}

.side-bar-extra-7.right-bar-extra-7 {
float: right !important;
right: -466px;
top: 70px;
font-size: 0.9rem;
}

.side-bar-extra-7 {
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
background-color: #ffffff;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
display: block;
float: left;
height: 100%;
overflow-y: auto;
position: fixed;
transition: all 200ms ease-out;
width: 240px;
}

.right-bar-extra-7 {
background: #ffffff !important;
z-index: 99 !important;
}

.right-bar-extra-7 h4 {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
font-size: 1.2rem;
}

/*side-bar-extra-8*/

.right-bar-extra-8 {
display: none;
}

.side-bar-extra-8.large2x.right-bar-extra-8 {
right: -810px;
}

.side-bar-extra-8.large2x {
width: 810px;
}

.side-bar-extra-8.large.right-bar-extra-8 {
right: -640px;
}

.side-bar-extra-8.large {
width: 640px;
}

.side-bar-extra-8.medium.right-bar-extra-8 {
right: -410px;
}

.side-bar-extra-8.medium {
width: 410px;
}

#wrapper.right-bar-extra-8-enabled .right-bar-extra-8 {
right: 0;
}

#wrapper.right-bar-extra-8-enabled .left-layout {
left: 0;
}

.side-bar-extra-8.right-bar-extra-8 {
float: right !important;
right: -466px;
top: 70px;
font-size: 0.9rem;
}

.side-bar-extra-8 {
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
background-color: #ffffff;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
display: block;
float: left;
height: 100%;
overflow-y: auto;
position: fixed;
transition: all 200ms ease-out;
width: 240px;
}

.right-bar-extra-8 {
background: #ffffff !important;
z-index: 99 !important;
}

.right-bar-extra-8 h4 {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
font-size: 1.2rem;
}

/*side-bar-extra-9*/

.right-bar-extra-9 {
display: none;
}

.side-bar-extra-9.large2x.right-bar-extra-9 {
right: -810px;
}

.side-bar-extra-9.large2x {
width: 810px;
}

.side-bar-extra-9.large.right-bar-extra-9 {
right: -640px;
}

.side-bar-extra-9.large {
width: 640px;
}

.side-bar-extra-9.medium.right-bar-extra-9 {
right: -410px;
}

.side-bar-extra-9.medium {
width: 410px;
}


#wrapper.right-bar-extra-9-enabled .right-bar-extra-9 {
right: 0;
}

#wrapper.right-bar-extra-9-enabled .left-layout {
left: 0;
}

.side-bar-extra-9.right-bar-extra-9 {
float: right !important;
right: -466px;
top: 70px;
font-size: 0.9rem;
}

.side-bar-extra-9 {
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
background-color: #ffffff;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
display: block;
float: left;
height: 100%;
overflow-y: auto;
position: fixed;
transition: all 200ms ease-out;
width: 240px;
}

.right-bar-extra-9 {
background: #ffffff !important;
z-index: 99 !important;
}

.right-bar-extra-9 h4 {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
font-size: 1.2rem;
}

/*side-bar-extra-10*/

.right-bar-extra-10 {
display: none;
}

.side-bar-extra-10.large2x.right-bar-extra-10 {
right: -810px;
}

.side-bar-extra-10.large2x {
width: 810px;
}

.side-bar-extra-10.large.right-bar-extra-10 {
right: -640px;
}

.side-bar-extra-10.large {
width: 640px;
}

.side-bar-extra-10.medium.right-bar-extra-10 {
right: -410px;
}

.side-bar-extra-10.medium {
width: 410px;
}

#wrapper.right-bar-extra-10-enabled .right-bar-extra-10 {
right: 0;
}

#wrapper.right-bar-extra-10-enabled .left-layout {
left: 0;
}

.side-bar-extra-10.right-bar-extra-10 {
float: right !important;
right: -466px;
top: 70px;
font-size: 0.9rem;
}

.side-bar-extra-10 {
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
background-color: #ffffff;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
display: block;
float: left;
height: 100%;
overflow-y: auto;
position: fixed;
transition: all 200ms ease-out;
width: 240px;
}

.right-bar-extra-10 {
background: #ffffff !important;
z-index: 99 !important;
}

.right-bar-extra-10 h4 {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
font-size: 1.2rem;
}

/*bottom bar*/

.bottom-bar.medium {
    bottom: -450px;
}

.bottom-bar.medium {
    height: 450px;
}

#wrapper.bottom-bar-enabled .bottom-bar {
    bottom: 0;
}

#wrapper.enlarged.bottom-bar-enabled .bottom-bar {
    width: calc(100% - 70px);
}

.bottom-bar {
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    background-color: #ffffff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    display: block;
    height: 300px;
    overflow-y: hidden;
    position: fixed;
    transition: all 200ms ease-out;
    width: calc(100% - 240px);
    background: #ffffff !important;
    z-index: 99 !important;
    font-size: 0.9rem;
}

/*#endregion*/

.content-page > .content {
    margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
    /* For mobile phones: */
    .content-page > .content {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #btn-fullscreen {
        display: none;
    }

    .list-inline-item:not(:last-child) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 628px) {
    #drop-cal {
        display: none;
    }

    .company-logo {
        height: 25px !important;
    }
}

@media only screen and (max-width: 545px) {
    #drop-apps {
        display: none;
    }

    #drop-su {
        display: none;
    }
}

@media only screen and (max-width: 478px) {
    #drop-noti {
        display: none;
    }

    #drop-alert {
        display: none;
    }
}

/*#region REGION */

/*#endregion*/

.RadAutoCompleteBox.RadAutoCompleteBoxWithLabel .racLabel {
    border: none !important;
    width: 125px !important;
    text-align: left !important;
}

.racTokenList {
    width: calc(100% - 135px) !important;
    text-align: left !important;
}