/** INETUM Poppins Webfont declaration - START **/
@font-face {
    font-family: "Poppins";
    src: url("../assets/fonts/poppins-regular-webfont.woff2") format("woff2"),
    url("../assets/fonts/poppins-regular-webfont.woff") format("woff"),
    url("../assets/fonts/poppins-regular-truetypefont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Poppins";
    src: url("../assets/fonts/poppins-italic-webfont.woff2") format("woff2"),
    url("../assets/fonts/poppins-italic-webfont.woff") format("woff"),
    url("../assets/fonts/poppins-italic-truetypefont.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Poppins";
    src: url("../assets/fonts/poppins-extrabold-webfont.woff2") format("woff2"),
    url("../assets/fonts/poppins-extrabold-webfont.woff") format("woff"),
    url("../assets/fonts/poppins-extrabold-truetypefont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Poppins";
    src: url("../assets/fonts/poppins-extrabolditalic-webfont.woff2") format("woff2"),
    url("../assets/fonts/poppins-extrabolditalic-webfont.woff") format("woff"),
    url("../assets/fonts/poppins-extrabolditalic-truetypefont.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}
/** START - Template "Limitless" adaptations */
body {
    font-family: "Poppins", "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5384616;
    color: #3c3d3e;
    background-color: #f5f5f5;
}

html {
    font-family: "Poppins", sans-serif;
}

[data-toggle="collapse"] {
    cursor:pointer;
}

@media (min-width: 769px) {
    body {
        overflow: hidden;
    }
    .wmin-md-300 {
        min-width: 300px!important;
    }
}

body.body-scroll { overflow: auto; }
body.body-scroll-h { overflow-x: auto; }
body.body-scroll-v { overflow-y: auto; }

/** START - Utils */
.opacity01 {    opacity: 0.1;   }
.opacity02 {    opacity: 0.2;   }
.opacity03 {    opacity: 0.3;   }
.opacity04 {    opacity: 0.4;   }
.opacity05 {    opacity: 0.5;   }
.opacity06 {    opacity: 0.6;   }
.opacity07 {    opacity: 0.7;   }
.opacity08 {    opacity: 0.8;   }
.opacity09 {    opacity: 0.9;   }
.opacity10 {    opacity: 1;     }
.transparent {  background: transparent;     }

.rotation0deg { transform: rotate(0deg); }
.rotation5deg { transform: rotate(5deg); }
.rotation10deg { transform: rotate(10deg); }
.rotation15deg { transform: rotate(15deg); }
.rotation20deg { transform: rotate(20deg); }
.rotation25deg { transform: rotate(25deg); }
.rotation30deg { transform: rotate(30deg); }
.rotation35deg { transform: rotate(35deg); }
.rotation40deg { transform: rotate(40deg); }
.rotation45deg { transform: rotate(45deg); }
.rotation50deg { transform: rotate(50deg); }
.rotation55deg { transform: rotate(55deg); }
.rotation60deg { transform: rotate(60deg); }
.rotation65deg { transform: rotate(65deg); }
.rotation70deg { transform: rotate(70deg); }
.rotation75deg { transform: rotate(75deg); }
.rotation80deg { transform: rotate(80deg); }
.rotation85deg { transform: rotate(85deg); }
.rotation90deg { transform: rotate(90deg); }
.rotation95deg { transform: rotate(95deg); }
.rotation100deg { transform: rotate(100deg); }
.rotation105deg { transform: rotate(105deg); }
.rotation110deg { transform: rotate(110deg); }
.rotation115deg { transform: rotate(115deg); }
.rotation120deg { transform: rotate(120deg); }
.rotation125deg { transform: rotate(125deg); }
.rotation130deg { transform: rotate(130deg); }
.rotation135deg { transform: rotate(135deg); }
.rotation140deg { transform: rotate(140deg); }
.rotation145deg { transform: rotate(145deg); }
.rotation150deg { transform: rotate(150deg); }
.rotation155deg { transform: rotate(155deg); }
.rotation160deg { transform: rotate(160deg); }
.rotation165deg { transform: rotate(165deg); }
.rotation170deg { transform: rotate(170deg); }
.rotation175deg { transform: rotate(175deg); }
.rotation180deg { transform: rotate(180deg); }
.rotation185deg { transform: rotate(185deg); }
.rotation190deg { transform: rotate(190deg); }
.rotation195deg { transform: rotate(195deg); }
.rotation200deg { transform: rotate(200deg); }
.rotation205deg { transform: rotate(205deg); }
.rotation210deg { transform: rotate(210deg); }
.rotation215deg { transform: rotate(215deg); }
.rotation220deg { transform: rotate(220deg); }
.rotation225deg { transform: rotate(225deg); }
.rotation230deg { transform: rotate(230deg); }
.rotation235deg { transform: rotate(235deg); }
.rotation240deg { transform: rotate(240deg); }
.rotation245deg { transform: rotate(245deg); }
.rotation250deg { transform: rotate(250deg); }
.rotation255deg { transform: rotate(255deg); }
.rotation260deg { transform: rotate(260deg); }
.rotation265deg { transform: rotate(265deg); }
.rotation270deg { transform: rotate(270deg); }
.rotation275deg { transform: rotate(275deg); }
.rotation280deg { transform: rotate(280deg); }
.rotation285deg { transform: rotate(285deg); }
.rotation290deg { transform: rotate(290deg); }
.rotation295deg { transform: rotate(295deg); }
.rotation300deg { transform: rotate(300deg); }
.rotation305deg { transform: rotate(305deg); }
.rotation310deg { transform: rotate(310deg); }
.rotation315deg { transform: rotate(315deg); }
.rotation320deg { transform: rotate(320deg); }
.rotation325deg { transform: rotate(325deg); }
.rotation330deg { transform: rotate(330deg); }
.rotation335deg { transform: rotate(335deg); }
.rotation340deg { transform: rotate(340deg); }
.rotation345deg { transform: rotate(345deg); }
.rotation350deg { transform: rotate(350deg); }
.rotation355deg { transform: rotate(355deg); }
.rotation360deg { transform: rotate(360deg); }


.text-primary-hover:hover,
.text-primary-hover:focus {
    color: #232D4B !important;
}
.text-danger-hover:hover,
.text-danger-hover:focus {
    color: #bd150f !important;
}
.text-success-hover:hover,
.text-success-hover:focus {
    color: #006644 !important;
}
.text-warning-hover:hover,
.text-warning-hover:focus {
    color: #be460e !important;
}
/** END - Utils */

/** START - Preloading */
.preloading {
    position: relative;
    margin: 25px auto 50px auto;
    width: 100px;
    height: 80px;
}
.preloading .gear {
    position: absolute;
    z-index: -10;
    width: 40px;
    height: 40px;
    animation: preloading-spin 5s infinite;
}
.preloading .gear.two {
    left: 40px;
    width: 80px;
    height: 80px;
    animation: preloading-spin-reverse 5s infinite;
}
.preloading .gear.three {
    top: 45px;
    left: -10px;
    width: 60px;
    height: 60px;
}
@keyframes preloading-spin {
    50% {
        transform: rotate(360deg);
    }
}
@keyframes preloading-spin-reverse {
    50% {
        transform: rotate(-360deg);
    }
}
.preloading .lil-circle {
    position: absolute;
    border-radius: 50%;
    box-shadow: inset 0 0 10px 2px gray, 0 0 50px white;
    width: 100px;
    height: 100px;
    opacity: 0.65;
}
.preloading .blur-circle {
    position: absolute;
    top: -19px;
    left: -19px;
}
.preloading-text {
    color: #aaa;
    font-size: 14px;
    text-align: center;
}
/** END - Preloading */

.bg-rflow {
    background-color: #232D4B;
    border-color: #232D4B;
    color: #fff;
}

.navbar {
    min-height: 48px;
}
.navbar-inverse {
    border-bottom-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    background-color: transparent;
}
.navbar-brand {
    float: left;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 20px;
    height: 46px;
}
.navbar-brand > img {
    margin-top: 2px;
    height: 32px;
}
.navbar .disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.navbar-fixed-top {
    border: 0;
}
.navbar-nav a > img {
    height: 16px;
    width: 16px;
}
.navbar .cursor-default,
.navbar .cursor-default a {
    cursor: default;
}
.sidebar {
    background-color: transparent;
    color: #fff;
}
.sidebar-default {
    background-color: #fff;
    color: #333333;
    border-bottom: 1px solid #ddd;
}

.sidebar .navigation > li > a {
    padding: 9px 20px;
    min-height: 38px;
}

.navigation li a > i.fa {
    margin-left:3px;
}

.navigation li a.active {
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 500;
}
.navigation > li ul li a {
    padding: 9px 20px;
    min-height: 38px;
}
.navigation > li > ul {
    padding: 9px 0;
}
.navigation > li > ul li:first-child {
    padding-top: 0;
}
.navigation > li > ul li:last-child {
    padding-bottom: 0;
}

.navigation li.navigation-control-sidebar + .navigation-header {
    margin-top: 0;
}
.sidebar .navigation > li.navigation-control-sidebar > a > i {
    float: right;
    margin-right: 0;
}
.sidebar .navigation > li.navigation-control-sidebar > a {
    font-size: 12px;
}
.sidebar .navigation > li.navigation-control-sidebar > a > .sidebar-icon-close { display: inline-block; }
.sidebar .navigation > li.navigation-control-sidebar > a > .sidebar-icon-open { display: none; }
.sidebar .navigation .sidebar-icon-action,
.sidebar-xs .sidebar-main .navigation > li:hover > a > span.sidebar-icon-action {
    font-size: 14px;
    padding: 4px 0 4px 4px;
}

.sidebar .navigation .sidebar-icon-action.icon-plus2 {
    font-size: 14px;
    margin-right: 16px;
}
.sidebar-xs .sidebar-main .navigation > li:hover > a > span.sidebar-icon-action.icon-plus2 {
    font-size: 14px;
    padding-right: 0;
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main {
        z-index: 1000;
    }
    .sidebar-xs .sidebar-main .navigation > li.navigation-control-sidebar > a > i {
        margin: 2px 0 0 0;
        display: block;
        float: none;
    }
    .sidebar-xs .sidebar-main .navigation > li:not(.navigation-control-sidebar) {
        margin: 2px 0 0 0;
        display: none;
    }
    .sidebar-fixed-expanded .sidebar-main .navigation > li.navigation-control-sidebar > a > i {
        float: none;
    }
    .sidebar-xs .sidebar-main .navigation > li.navigation-control-sidebar > a > i.sidebar-icon-close,
    .sidebar-fixed-expanded .sidebar-main .navigation > li.navigation-control-sidebar > a > i.sidebar-icon-close { display: none; }
    .sidebar-xs .sidebar-main .navigation > li.navigation-control-sidebar > a > i.sidebar-icon-open { display: inline-block; }
    .sidebar-fixed-expanded .sidebar-main .navigation > li.navigation-control-sidebar > a > i.sidebar-icon-open { display: none; }
    .sidebar-main .navigation > li.navigation-control-sidebar > a > i.sidebar-icon-pin { display: none; }
    .sidebar-fixed-expanded .sidebar-main .navigation > li.navigation-control-sidebar > a > i.sidebar-icon-pin { display: inline-block; }

    .sidebar-xs .sidebar-main .navigation > li > ul {
        top: 38px;
    }

    .sidebar-xs .sidebar-main .navigation > li > a > span.sidebar-icon-action {
        float: right !important;
        width: auto;
        margin: 6px 17px 0 0;
        line-height: 20px;
        cursor: pointer;
    }

    .sidebar-fixed .sidebar-content {
        position: fixed;
        width: 260px;
        max-height: 100%;
        overflow: auto;
        top: 48px;
        bottom: 114px;
        margin-bottom: 0;
        /*padding-bottom: 114px;*/
    }

    .sidebar-fixed {
        padding-bottom: 114px;
        /*height:500px;*/
    }

    .sidebar-xs .sidebar-fixed .sidebar-content {

    }

    .sidebar-content .icon-spinner4.spinner {
        color: white;
        font-size: 20px;
        vertical-align: middle;
        margin-left: 20px;
        margin-top: 20px;
    }

    /*.sidebar-fixed .sidebar-content .sidebar-category .category-content ul.navigation  {
        margin-bottom: 114px;
    }*/
    /*    .sidebar-fixed .sidebar-content .sidebar-category {
            overflow-x: hidden;
            overflow-y: hidden;
            margin-bottom: 114px;
        }
        .sidebar-fixed .sidebar-content .sidebar-category{
            overflow-x: hidden;
            overflow-y: auto;
        }*/
    .sidebar-main .navigation li span.text {
        display: inline-block;
        max-width: 165px;
    }
    .sidebar-xs .sidebar-main .navigation li span.text {
        max-width: 195px;
    }

    .sidebar-xs .sidebar-main .navigation > li > a > span {
        background-color: #232D4B;
        border: 1px solid #232D4B;
        padding: 9px 20px;
    }

    /* Hide/show sub menu on :hover */
    /*    .sidebar-xs .sidebar-main .navigation > li:hover > a > span,
        .sidebar-xs .sidebar-main .navigation > li:hover > ul {
            display: none;
        }
        .sidebar-fixed-expanded .sidebar-main .navigation > li:hover > a > span {
            display: inline-block;
        }
        .sidebar-xs .sidebar-main .navigation > li:hover > ul {
            display: none;
        }
        .sidebar-fixed-expanded .sidebar-main .navigation > li:hover > ul {
            display: block;
        }*/
}


.sidebar .footer {
    text-align: left;
    bottom: 0;
    padding: 15px;
    position: fixed;
    width: 260px;
}
.footer a {
    display: inline-block;
}
.sidebar-xs .sidebar-main .footer { padding: 7px; font-size: 12px; text-align: center; width: 56px; }

.sidebar-main .footer .sidebar-xs { display: none; }
.sidebar-main .footer .sidebar-xs img {
    max-width:42px;
    max-height:110px;
}
.sidebar-main .footer .sidebar-not-xs { display: block; }
.sidebar-main .footer .sidebar-not-xs img {
    max-width:230px;
    max-height:110px;
}
.sidebar-xs .sidebar-main .footer .sidebar-xs { display: block; }
.sidebar-xs .sidebar-main .footer .sidebar-not-xs { display: none; }
.sidebar-xs-indicator .sidebar-main .footer { display: none; }

.sidebar .cursor-default,
.sidebar .cursor-default a {
    cursor: default;
}

.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus {
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
/* END - Template adaptations **/

/** START - Dashboard adaptations for "Golden Layout" */
.spinner {
    color: #232D4B;
}
/*table.dataTable {
    border-collapse: collapse;
    width: 100% !important;
}*/

body [data-ui-view],
.content [data-ui-view],
[data-ui-view] > .ng-scope,
[data-ui-view] > .ng-scope > .portal-wrapper,
.content-wrapper,
.portal-wrapper {
    width: 100%;
    height: 100%;
}
/* Does not work with IE */
@supports (display: block) {
    body [data-ui-view],
    .content [data-ui-view],
    [data-ui-view] > .ng-scope,
    [data-ui-view] > .ng-scope > .portal-wrapper,
    .content-wrapper,
    .portal-wrapper {
        position: relative;
    }
}

.content-wrapper .content {
    padding: 14px;
    max-width:100%;
    position: relative;
    z-index: 500;
    height: 100%;
}

.content-wrapper .content.vScroll {
    overflow-y: auto;
    max-height: 100%;
    top: 0;
    bottom: 0;
}
/* Does not work with IE */
@supports (display: block) {
    .content-wrapper .content.vScroll {
        width: 100%;
        position: absolute;
    }
}

.content .widget-zone {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.content .widget-zone.no-dashboard {
    min-height: 600px;
    background: center center url("../assets/images/rs/logoRflowBig.png") no-repeat;
}
.widget-zone #widgetContainer {
    height: 100%;
    width: 100%;
    position: relative;
    /*opacity:0;*/
}
.widget-zone .no-dashboard-message {
    display : block;
    width:100%;
    text-align:center;
    margin-top: 80px;
    top: 50%;
    position: absolute;
}
/* END - Dashboard adaptations for "Golden Layout" **/

/** START - Dashboard adaptations for "DataTables" */
.scrollable-content {
    overflow: auto;
}

/*.content .dataTables_wrapper {
    max-height: 100%;
}*/

.datatable-custom-toolbar {
    float: left;
    margin: 0 20px 20px 0;
}

.datatable-custom-toolbar > * {
    margin-right:8px;
}

@media screen and (max-width: 767px) {
    .datatable-custom-toolbar {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 0.5em;
    }
    .datatable-scroll {
        max-height: 400px;
    }
}

@media (max-width: 1024px) {
    .datatable-scroll {
        width: 100%;
        overflow-x: hidden;
    }
}
.dataTables_scrollBody {
    width: 100%;
    height: auto;
    /*overflow-x: hidden !important;*/
}

.dataTable tbody .select-checkbox:before,
.dataTable tbody .select-checkbox:after {
    cursor: default;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 4px;
    left: 4px;
}

.dataTables_processing {
    pointer-events: none;
}


.panel-body .os-content {
    height: auto!important;
    width: auto!important;
}

.resource-error {
    color: red;
}

/* useful to display the nicescroll rails on top of the datatables component but under the modal element */
.nicescroll-rails {
    z-index: 600 !important;
}
.select2-container .nicescroll-rails {
    z-index: 10000 !important;
}



/** START - Pickers */
.daterangepicker,
.datepicker{z-index:1051 !important;}

.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.active:focus {
    background-color: #232D4B;
}
/* END - pickers **/

/** START - Widget panel into "Golden Layout" dashboard */
.lm_content .panel {
    color: #3c3d3e;
    width: 100%;
    height: 100%;
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;

}
.lm_content .panel .panel-heading-container {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 650;
}
.lm_content .panel .panel-heading-container .panel-heading {
    position: relative;
    width: 100%;
    height: 0;
    background-color: #FFFFFF;
    display: none;
}

.lm_content .panel .panel-heading-container .panel-heading.opened {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 30px;
    display: block;
    padding: 3px 10px;
    max-height: 30px;
    overflow: hidden;
}
.lm_content .panel .panel-heading-container .panel-heading .dataTables_info {
    float: left !important;
    padding: 0;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
}
.lm_content .panel .panel-heading-container .panel-heading a.disabled,
.lm_content .panel .treeview-heading-elements .dropdown a.disabled {
    opacity: 0.3;
}

.lm_content .panel-title {
    line-height: 24px;
}
.lm_content .heading-elements {
    display: -ms-flex;
    display: flex;
    align-items: center;
    right: 10px;
    max-height: 36px;
    height: 22px;
    margin-top: -11px;
}
.lm_content .heading-elements:not(.visible-elements) .icons-list {
    float: none;
    display: inline-block;
    margin: 0 0 0 10px;
    height: 14px;
}
.lm_content .heading-elements:not(.visible-elements) .icons-list > li {
    font-size: 14px;
}
.lm_content .heading-elements:not(.visible-elements) .icons-list > li.firstTypeItem { margin-left: 6px; }
.lm_content .heading-elements:not(.visible-elements) .icons-list > li.lastTypeItem { margin-right: 6px; }
.lm_content .heading-elements:not(.visible-elements) .icons-list > li.singleTypeItem { margin-left: 6px; margin-right: 6px; }
.lm_content .heading-elements:not(.visible-elements) .icons-list > li > a {
    min-width: 14.4px;
    text-align: center;
}

.lm_content .heading-elements .heading-form {
    float: none;
    display: inline-block;
}
/* Style to reduce the search input into the panel header */
.lm_content .heading-elements .heading-form .form-group input[type="search"].form-control {
    height: 22px;
    margin-top: 0;
    font-size: 10px;
}
.lm_content.lm_content_sm .heading-elements .heading-form .form-group input[type="search"].form-control {
    width: 160px;
}
.lm_content.lm_content_xs .heading-elements .heading-form {
    display: none;
}
.lm_content:not(.lm_content_xs) .heading-elements .icons-list > li [data-widget-button-type="search"] {
    display: none;
}
.lm_content .heading-elements .heading-form .form-group .form-control-feedback {
    width: 34px;
    height: 22px;
    line-height: 22px;
}
.lm_content .heading-elements .heading-form .form-group .form-control-feedback .text-size-base {
    font-size: 10px;
}

.lm_content .heading-elements:not(.visible-elements) .heading-text,
.lm_content .heading-elements:not(.visible-elements) .heading-btn,
.lm_content .heading-elements:not(.visible-elements) .ui-slider,
.lm_content .heading-elements:not(.visible-elements) .noui-slider,
.lm_content .heading-elements:not(.visible-elements) .nav-tabs,
.lm_content .heading-elements:not(.visible-elements) .nav-pills,
.lm_content .heading-elements:not(.visible-elements) .pagination,
.lm_content .heading-elements:not(.visible-elements) .progress,
.lm_content .heading-elements:not(.visible-elements) .icons-list,
.lm_content .heading-elements:not(.visible-elements) .breadcrumb,
.lm_content .heading-elements:not(.visible-elements) .pager,
.lm_content .heading-elements:not(.visible-elements) .heading-form,
.lm_content .heading-elements:not(.visible-elements) .daterange-custom,
.lm_content .heading-elements:not(.visible-elements) .heading-thumbnails,
.lm_content .heading-elements:not(.visible-elements) > .btn-group {
    margin-left: 10px;
}

.lm_maximised .lm_content .heading-elements .icons-list > li [data-widget-button-type="tools"] {
    display: none;
}

.lm_content .panel > .panel-body {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100%;
    display: block;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 0;
}

.lm_content .panel-body > .panel-body-content,
.lm_content .panel-body .os-content >.panel-body-content {
    position: relative;
    width: auto;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 8px 10px;
    display: block;
}
.lm_content .panel-body.vScrollable > .panel-body-content {
    max-height: unset;
    height: auto;
}
.lm_content .panel > .panel-body.vScrollable {
    overflow-y: auto;
}
.lm_content .panel > .panel-body.hScrollable {
    overflow-x: auto;
}

.nicescroll-rails.nicescroll-rails-hr {
    margin-top: 0;
}
.nicescroll-rails.nicescroll-rails-hr .nicescroll-cursors {
    border-top: 6px solid rgba(255, 255, 255, 0) !important;
    border-right: 0 solid rgba(255, 255, 255, 0) !important;
    border-bottom: 0 solid rgba(255, 255, 255, 0) !important;
    border-left: 0 solid rgba(255, 255, 255, 0) !important;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 0;
}
.nicescroll-rails.nicescroll-rails-vr {
    margin-left: 0;
}
.nicescroll-rails.nicescroll-rails-vr .nicescroll-cursors {
    border-top: 0 solid rgba(255, 255, 255, 0) !important;
    border-right: 0 solid rgba(255, 255, 255, 0) !important;
    border-bottom: 0 solid rgba(255, 255, 255, 0) !important;
    border-left: 6px solid rgba(255, 255, 255, 0) !important;
    cursor: pointer;
}
/* END - Widget panel into "Golden Layout" dashboard **/

/** START - Styles for the Dragged widget items into "Golden Layout" dashboard */
.lm_dragProxy .panel {
    color: #3c3d3e;
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
.lm_dragProxy .panel > .panel-heading {
    position: relative;
    width: 100%;
    height: 41px;
    background-color: #FFFFFF;
    display: block;
}
.lm_dragProxy .panel-heading {
    padding: 8px 10px;
}
.lm_dragProxy .panel-heading > .panel-title {
    line-height: 24px;
}
.lm_dragProxy .panel > .panel-body {
    position: relative;
    width: 100%;
    height: auto !important;
    display: block;
}
.lm_dragProxy .panel-body .panel-body-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    margin: 0;
    padding: 15px;
}
.lm_dragProxy .heading-elements {
    right: 10px;
}
/* END - Styles for the Dragged widget items into "Golden Layout" dashboard **/

/** START - Users Log Manager */
#user_log_manager table > thead > tr {
    background-color: #232D4B;
}
/** END - Users Log Manager */

/** START - Widgets modal & content */
#modal_widget form label {
    font-size: 12px;
    line-height: 16px;
}
#modal_widget form.form-horizontal .form-group {
    vertical-align: top;
    /*padding: 4px;*/
    /*padding: 0 4px*/;
    margin-bottom: 2px;
    /*white-space: nowrap;*/
}
#modal_widget form .sp-replacer {
    padding: 3px;
}

#modal_widget form .multiselect-select-all[multiple] {
    display: none;
}
/** END - Widgets modal & content */

/** START - RS modal */
.rs-modal .modal-body {
    max-height: calc(100vh - 240px);
    overflow-y: auto;
    overflow-x: hidden;
}
.rs-modal .modal-body.oy-hidden {
    overflow-y: hidden;
}
/** END - RS modal */

/** START - Widgets library modal & content */
#modal_widget .modal-body {
    max-height: calc(100vh - 316px); /* 30px margin + 77px .modal-header + 20px padding + 41px tabs + 20px padding + 20px margin + 73px footer + 30px margin + 5px borders */
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.03);
    width: 100%; /* fix for crud portal widget panel */
}
#modal_widget #highlight-advancedPreferences > .modal-body {
    min-height: 60px;
}
#modal_widget > .modal-body > form > .form-group > .tab-content {
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.03);
}

.draggables-widgets .panel {
    clear: both;
    border: none;
    display: none;
}
.draggables-widgets .panel.widget-type-active{
    display: inherit;
}

.draggables-widgets .panel > .panel-heading {
    padding: 8px 8px 8px 16px;
    border-bottom: 1px solid transparent;
}

.draggables-widgets.panel-group .panel-heading + .draggables-widgets .panel-collapse > .panel-body,
.draggables-widgets.panel-group .panel-heading + .draggables-widgets .panel-collapse > .list-group {
    border-top: none;
}

.draggables-widgets .panel-heading .panel-title > a {
    font-size: 14px;
}

.draggables-widgets .panel > .panel-body {
    padding: 6px;
}

.draggables-widgets ul.widgets-list {
    list-style-type: none;
    padding-left: 0;
}

.draggables-widgets ul.widgets-list > li {
    float: left;
    padding:6px;
}
.draggables-widgets ul.widgets-list > li .widget_block {
    cursor: move;
    width: 100%;
    height: 174px;
    padding:4px 8px;
    background-color: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 1px 2px 6px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 2px 6px 0 rgba(0,0,0,0.1);
    box-shadow: 1px 2px 6px 0 rgba(0,0,0,0.1);
}


.draggables-widgets .widget_block .media {
    text-align: center;
}
.draggables-widgets .widget_block .img-thumbnail {
    height: 80px;
    max-height: 100%;
}
.draggables-widgets .widget_block .caption > h6 {
    text-align: center;
    font-size: 10px;
}
.draggables-widgets .widget_block .caption > p {
    text-align: justify;
    font-size: 11px;
}
.draggables-widgets .widget_block .caption  {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 86px;
}

#modal_widget .modal-footer {
    padding-top: 20px;
}
/* END - Widgets library modal & content **/


/** START - AngularJS Datatables */
.dt-button-collection > .dt-button {
    position: relative;
    width: 100%;
    border:none;
    padding: 2px 4px;
    background-color: #eeeeee;
}

/*
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 12px 20px;
    line-height: 1.5384616;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}
*/

.dataTables_scrollHeadInner .table {
    margin-bottom: 0;
}

.table .btn-group {
    display: flex;
}
.datatable-header > div {
    margin-bottom: 8px;
}

.datatable_container .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fcfcfc;
}
.datatable_container .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f5f5f5;
}
[datatablejs].table {
    margin-bottom: 0;
}

[datatablejs].table-striped > tbody > tr:nth-of-type(odd),
[datatable].table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fcfcfc;
}
[datatablejs].table-striped > tbody > tr:nth-of-type(even),
[datatable].table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f5f5f5;
}

.dataTable[datatablejs] tbody > tr.selected.focus:nth-of-type(odd),
.dataTable[datatablejs] tbody > tr:nth-of-type(odd) > .selected.focus,
.dataTable[datatable] tbody > tr.selected.focus:nth-of-type(odd),
.dataTable[datatable] tbody > tr:nth-of-type(odd) > .selected.focus,
div.DTS tbody > tr.event:nth-of-type(odd) > .selected.focus {
    background-color: #c2def5;
}
.dataTable[datatablejs] tbody > tr.selected.focus:nth-of-type(even),
.dataTable[datatablejs] tbody > tr:nth-of-type(even) > .selected.focus,
.dataTable[datatable] tbody > tr.selected.focus:nth-of-type(even),
.dataTable[datatable] tbody > tr:nth-of-type(even) > .selected.focus,
div.DTS tbody > tr.event:nth-of-type(even) > .selected.focus {
    background-color: #aad5f9;
}

#datatable_container > .dataTables_wrapper {
    z-index: 50;
}
#datatable_container > object {
    display: none;
    z-index: 1;
}
/* END - AngularJS Datatables **/

/** START - rs-button.directive */
button i.rs-button-left {
    margin-right: 6px;
}
button i.rs-button-right {
    left: 6px;
}
/* END - rs-button.directive **/

/** START - control-panel.component */
#controlPanelContent {
    width: 100%;
    height: 100%;
    min-height: 600px;
    position: relative;
    background: center center url("../assets/images/rs/logoRflowBig.png") no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#controlPanelContent .text {
    position: relative;
    text-align: center;
    top: 123px;
    font-size: 60px;
    color: #aaa;
}
/* END - control-panel.component **/


/** START - crud.component */
#modal_add .modal-body,
#modal_update .modal-body {
    max-height: calc(100vh - 200px);
    min-height: calc(40vh);
    overflow-y: auto;
    overflow-x: hidden;
}
.modal-footer .buttons-container {
    display: inline-block;
}
rs-button {
    margin-left: 2px;
    margin-right: 2px;
}

/** START - module.component */
.module-container .panel .panel-body > p {
    height: 60px;
    overflow: hidden;
    text-align: justify;
}
.module-container .panel .panel-footer {
    padding-left: 15px;
    padding-right: 15px;
}
/* END - module.component **/


/* START - authentication module */
.authentication-footer {
    background: none repeat scroll 0 0 white;
    border-top: 1px solid #e7eaec;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    position: fixed;
    right: 0;
}
/* END - authentication module */

/* START - search-criteria */
.rs-search-criteria-panel .search-criteria {
    display: inline-block;
    margin: 2px 2px 2px 0;
    padding: 0;
}
.rs-search-criteria-panel .search-criteria.cockpit{
    width: 100%;
}
.rs-search-criteria-panel .btn-add-criterion,
.btn-add-bloc,
.btn-add-category {
    font-size: 11px;
    line-height: 1.4444445;
    border-radius: 2px;
}

.search-criteria .btn-warning {
    float: right;
}

.search-criteria .uib-typeahead-match i{
    font-size: 70%;
}


.custom-typeahead-popup-wrapper {
    position: absolute;
    top: 0 ;
    left: 0 ;
    bottom: auto ;
    right: auto ;
    display: none;
    background-color: white;
    border: 1px solid darkgrey;
    overflow-y: auto;
    margin-top: 3px;
    -ms-overflow-style: none;
    z-index: 1000;
}

.custom-typeahead-popup-wrapper::-webkit-scrollbar {
    width: 0;
}

.custom-typeahead-popup-wrapper > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: 11px;
}

.custom-typeahead-popup-wrapper > .dropdown-menu a {
    padding: 5px;
}
.custom-typeahead-popup-wrapper > .dropdown-menu > .active > a,
.custom-typeahead-popup-wrapper > .dropdown-menu .dropdown-menu > .active > a:hover,
.custom-typeahead-popup-wrapper > .dropdown-menu.dropdown-menu > .active > a:focus{
    background-color: rgba(197, 197, 197, 0.2);
    color: black;
}



.select2-container {
    border-color: #ddd;
    min-width: 120px;
    max-width: 200px;
    font-size: 11px;
    /*max-height: 20px;*/
    min-height: 20px;
}
.select2-results__option[aria-selected=true] {
    background-color: rgba(197, 197, 197, 0.2);
    color: black;
}
.select2-results__option.select2-results__option--highlighted {
    background-color: white;
    font-weight: bolder;
}

.modal-content .modal-body .select2-container,
#modal_widget .modal-body .select2-container,
#dashboard-wizard-form .select2-container {
    max-width: inherit;
}

.select2-container .select2-modal-widget-definition,
.select2-container .select2-modal-action {
    font-size: 13px;
}

.search-criteria .select2-container {
    border-color: transparent;
    margin-right: 2px;
    font-size: 11px;
    min-height: 15px;
    max-height: 15px;
}
.datafield .is-loading {
    display: none;
}
.datafield .value-col {
    display: flex;
}

.datafield .checkbox-inline {
    padding-top: 0;
    margin-top: 8px;
}

/*Checkboxes checktag*/

.datafield .checktag {
    border: 1px solid #ddd;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    white-space: normal;
    height: auto;
    min-height: auto;
    border-radius: 3px;
    flex-flow: wrap;
}

.datafield .checktag span {
    background-color: hsla(0, 2%, 88%, 1);
    display: flex;
    margin: 2px;
    border-radius: 12px;
    padding: 2px 7px 2px 2px;
}

.datafield .checktag span.checked-true {
    background-color: white;
    border: 1px solid #686b6d;
}

.datafield .checktag span.disable-true {
    cursor: not-allowed;
}


.datafield .checktag input[type="checkbox"] { display: none; }

.datafield .checktag input[type="checkbox"] + label {
    font-size: 12px;
    display: block;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    color: #686b6d;
}


.datafield .checktag input[type="checkbox"][disable]:checked + label {
    color: #686b6d;
    border: 3px solid red;
}


.datafield .checktag input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.datafield .checktag.disable-true input[type="checkbox"] + label:last-child { cursor: not-allowed; }

.datafield .checktag input[type="checkbox"] + label:before {
    content: "";
    width: 8px;
    height: 14px;
    border: 3px solid #aaa;
    position: absolute;
    left: 9px;
    top: -1px;
    opacity: .6;
    display:none;
}

.datafield .checktag input[type="checkbox"]:checked + label:before {
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    color: #686b6d;
    display:block;
}

.datafield .checktag.disable-true {
    background-color: #fafafa !important;
    color: #999999;
    cursor: not-allowed;
}
/*Checkboxes checktag*/



.datafield .value-col .btn-flat{
    width: 32px;
}

.datafield .select2-container {
    min-width: auto;
    max-width: 100%;
}

.datafield textarea {
    height: auto !important;
    min-width: 200px;
}

.datafield .radio {
    display: block;
    padding-left: 28px;
}

.datafield .btn-primary-real {
    background-color: #e9e9e9;
}

.datafield .btn-primary-real.active {
    background-color: #2196F3;
    color: white;
}

rs-datafield .btn[disabled] {
    opacity: 0.3;
}

rs-datafield table tr td:last-of-type {
    width: 80px;
}

rs-datafield th {
    font-weight: 900;
    border-bottom: 1px solid darkgrey;
}
rs-datafield .tt-menu {
    top: 30px !important;
}

rs-datafield .tt-menu::-webkit-scrollbar {
    width: 0;
}
rs-datafield .tt-menu .tt-cursor {
    background-color: rgba(197, 197, 197, 0.2);
    color: black;
}
rs-datafield .tt-menu {
    -ms-overflow-style: none;
}

rs-datafield .tt-hint  {
    display: none;
}

rs-datafield input[disabled].typeahead, rs-datafield input[disabled].date-selector, rs-datafield input[disabled].inputmask, rs-datafield input[disabled].tt-input {
    background-color: #fafafa !important;
    color: #4a4a4a;
}

rs-datafield .tag-error  {
    background-color: #F04641 !important;
    color: white !important;
}

.datafield-tooltip {
    padding: 6px;
}

.boolean-value {
    display: inline !important;
    padding-left: 0;
    margin-left: 0;
    margin-right: 12px;
}

.datafield-even {
    background-color: #f5f5f5;
}


rs-datafield .nav-tabs.nav-tabs-solid {
    overflow: auto;
}
rs-datafield .tab-pane {
    overflow: auto;
}

rs-datafield .vertical-tab-container {
    display: table-cell;
    width: 60px;
    vertical-align: top;
}

rs-datafield ul.nav.nav-tabs.nav-tabs-solid {
    overflow: visible !important;
}

rs-datafield .nav-tabs.nav-tabs-solid a {
    height: 40px;
    margin: 0;
    padding: 0 0 0 4px;
}

rs-datafield .nav-tabs.nav-tabs-solid .options-closed, rs-datafield .nav-tabs.nav-tabs-solid .options-opened {

}

rs-datafield .nav-tabs.nav-tabs-solid .icon-menu {
    font-size: x-small;
    position: absolute;
    top: 0;
    right: 2px;
    padding: 0;
}

rs-datafield .nav-tabs.nav-tabs-solid .icon-trash {
    font-size: x-small;
    position: absolute;
    top: 22px;
    right: 16px;
    padding: 0;
}

rs-datafield .nav-tabs.nav-tabs-solid .icon-copy3 {
    font-size: x-small;
    position: absolute;
    top: 22px;
    right: 2px;
    padding: 0;
}


rs-datafield .nav-tabs.nav-tabs-solid > .active .icon-menu,.nav-tabs.nav-tabs-solid > .active .icon-trash, .nav-tabs.nav-tabs-solid > .active .icon-copy3  {
    color: white;
}

rs-datafield .scroller-container {
    padding-right: 8px !important;
}

rs-datafield .has-pading {
    display: table-cell;
    width: 60px;
    vertical-align: top;
}
rs-datafield .nav-tabs-vertical > .tab-content > .has-padding {
    padding: 10.5px 0 0;
}

rs-datafield .horizontal-tab-error {
    position: absolute;
    height: 6px;
    width: 6px;
    top: 8px;
    right: 8px;
    background: #F04641 !important;
    z-index: 2;
    border-radius: 4px;
}

rs-datafield .vertical-tab-error {
    position: absolute;
    height: 8px;
    width: 8px;
    bottom: 2px;
    left: 2px;
    background: #F04641 !important;
    z-index: 2;
    border-radius: 4px;
    border: 1px solid white;
}

rs-datafield .tab-content-bordered .tab-content > .has-padding {
    border-bottom: 0;
    padding: 10px 10px 0;
    margin-bottom: 0;
}

rs-datafield .nav-tabs-vertical .nav-tabs {
    border-bottom: 0;
    width: 56px;
}
rs-datafield .nav-tabs-vertical .nav-tabs > li {
    display: block;
    margin-bottom: 0;
}
rs-datafield .nav-tabs-vertical .nav-tabs-solid > li:last-child > a:after {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
rs-datafield .nav-tabs-vertical .nav-tabs[class*=bg-] > li:first-child > a {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
rs-datafield .nav-tabs-vertical .nav-tabs[class*=bg-] > li:last-child > a {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

rs-datafield .tab-content-instance {
    border: none !important;
}

rs-datafield i.icon-eye4 {
    position: absolute;
    top: -4px;
}

.search-criteria .criterion-block {
    display: inline-flex;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
    border-radius: 2px;
    margin: 0;
    width: 100%;
}

.search-criteria .criterion-block-inactive {
    border-color: rgba(197, 197, 197, 0.23) !important;
}

.search-criteria .criterion-block .values {
    margin-right: 2px;
    display: inline-block;
}

.search-criteria .criterion-between {
    min-width: 100px;
    display: inline-flex !important;
}

.search-criteria .criterion-between-block {
    display: inline-flex;
}
.search-criteria .criterion-block input.input-xs {
    height: 20px;
    padding: 4px 6px;
    font-size: 10px;
    line-height: 1.4444445;
    border-radius: 2px;
    background-color: rgba(197, 197, 197, 0.23);
    margin-right: 2px;
    margin-bottom: 0;
    flex: 0 1 130px;
}

.search-criteria .criterion-block .btn-xs,
.search-criteria .criterion-block .btn-group-xs > .btn {
    padding: 0;
    font-size: 10px;
    line-height: 1.4444445;
    border-radius: 2px;
}

.rs-search-criteria-panel .btn-add-criterion > [class^="icon-"],
.rs-search-criteria-panel .btn-add-criterion > [class*="icon-"],
.btn-add-bloc > [class^="icon-"],
.btn-add-bloc > [class*="icon-"],
.search-criteria .criterion-block .btn-xs > [class^="icon-"],
.search-criteria .criterion-block .btn-xs > [class*="icon-"],
.search-criteria .criterion-block .btn-group-xs > .btn > [class^="icon-"],
.search-criteria .criterion-block .btn-group-xs > .btn > [class*="icon-"],
.btn-add-category > [class^="icon-"],
.btn-add-category > [class*="icon-"] {
    font-size: 14px;
}

.search-criteria .criterion-block .select_operator_container{
    display: inline-flex !important;
    flex: auto;
    margin-top: 0 !important;
}

.search-criteria .criterion-block .criterion-between-separator.fa {
    line-height: 22px;
}

.vertical-search-criteria-panel .search-criteria .criterion-block{
    display: inline-block;
    min-width: 190px;
}
.vertical-search-criteria-panel .search-criteria .criterion-block .select2-container,
.vertical-search-criteria-panel .search-criteria .criterion-block .values {
    display: block;
    margin-bottom: 7px;
}
.search-criteria .criterion-block > .buttons {
    display: inherit;
    float: right;
}
.vertical-search-criteria-panel .search-criteria .criterion-block > .btn-criteria {
    margin-left: -9px;
    padding-left: 4px;
}

.search-criteria select.form-control {
    min-width: 160px;
    width: 160px;
    max-width: 160px;
    font-size: 10px;
}

.search-criteria.cockpit select.form-control {
    width: auto;
    max-width: inherit;
    font-size: inherit;
}

.select-xxs.select2-selection--single {
    height: 20px;
    padding: 3px 0;
    font-size: 10px;
    line-height: 1.4444445;
}
.select-xxs.select2-selection--single .select2-selection__rendered {
    padding-left: 6px;
    padding-right: 24px;
}
.select-xxs.select2-selection--single .select2-selection__arrow:after {
    right: 6px;
}
.select-xxs.select2-selection--multiple .select2-selection__choice {
    padding: 3px 10px;
    font-size: 10px;
    line-height: 1.4444445;
}
.select-xxs.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 3px 0;
    font-size: 10px;
    line-height: 1.4444445;
}
.select2-full-input .select2-search__field {
    width: 200% !important;
}
.heading-elements:not(.visible-elements) .select-xxs {
    margin-top: 2px;
}

/* END - search-criteria */


.form-group-xs {
    margin-bottom: 8px;
}

fieldset {
    margin-top: 10px;
}

fieldset legend {
    margin-bottom: 4px;
}

.select2-selection--multiple .select2-selection__choice {
    padding: 5px 12px;
    background-color: #eee;
    color: #333333;
}

/* START - Toolbar panel */
.toolbar-panel .dropdowns {
    display: inline-flex;
}
.toolbar-panel .dropdown-toggle {
    margin-right: 2px;
}
.toolbar-panel .btn-xs {
    padding: 0 4px;
}
.toolbar-panel.navbar {
    min-height: auto; /* for IE */
    min-height: initial;
}
/* END - Toolbar panel */


/* START - widget panel toolbar */
.panel-toolbar {
    margin: 0 0 4px 0;
    padding: 0;
}
.panel-toolbar ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
    font-size: 0;
}
.panel-toolbar ul > li {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    font-size: 11px;
}
.toolbarControls.panel-toolbar {
    max-height: 33px;
}

.panel-toolbar ul > li:first-child {
    margin-left: 0;
}
.panel-toolbar ul > li > button.btn {
    padding-left: 2px;
    padding-right: 2px;
}

.panel-toolbar .select {
    width: 80px;
}

.document-viewer-panel {
    position: relative
}
.document-viewer-panel .panel-toolbar ul > li {
    padding-left: 2px;
    padding-right: 2px;
}
.document-viewer-panel .panel-toolbar ul > li > button.btn {
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 4px;
}
.document-viewer-panel .panel-toolbar ul > li > button.btn:hover,
.document-viewer-panel .panel-toolbar ul > li > button.btn:focus {
    background-color: hsla(0, 0%, 0%, 0);
    background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
    background-clip: padding-box;
    border: 1px solid hsla(0,0%,0%,.03);
    box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, 0 0 1px hsla(0, 0%, 0%, 0.08) inset, 0 1px 0 hsla(0,0%,100%,.08);
}
.document-viewer-panel .panel-toolbar ul > li > button.btn.toggled,
ul.dropdown-menu > li > button.btn.toggled {
    background-color: hsla(0, 0%, 0%, 0.04);
    background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
    border-color: hsla(0, 0%, 0%, 0.2) hsla(0,0%,0%,.04) hsla(0,0%,0%,.05);
    box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, 0 0 1px hsla(0, 0%, 0%, 0.2) inset, 0 1px 0 hsla(0,0%,100%,.05);
    -webkit-transition-property: background-color, border-color, box-shadow;
    -webkit-transition-duration: 10ms;
    -webkit-transition-timing-function: linear;
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 10ms;
    transition-timing-function: linear;
}
ul.dropdown-menu > li > button.btn {
    width: 100%;
    text-align:  left;
}
ul.dropdown-menu.dropdown-scrollable {
    max-height: 340px;
    overflow-y: auto;
}
ul.dropdown-menu .dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
}

.toolbar-center:not(.pull-center) {
    margin: auto;
    left: auto;
    position: inherit;
    transform: none;
}
.toolbar-center.pull-center {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.toolbar-parameter.is-active { height: 32px; }
.toolbar-parameter.is-active.button-parameter {     width: 32px;  }
.toolbar-parameter.is-active.input-parameter {      width: 84px;  }
.toolbar-parameter.is-active.pagination-parameter { width: 124px; }
.toolbar-parameter.is-active.select-parameter {     width: 120px; }


/* END - widget panel toolbar */

/* START - pdf viewer */

.document-viewer-panel-sidebar-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200px;
    visibility: hidden;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease;
    transition-duration: 200ms;
    transition-timing-function: ease;
    -webkit-transition-property: left;
    transition-property: left;
    left: -200px;
}

.document-viewer-panel-sidebar-container .nav-tabs.nav-tabs-bottom > li.active > a:after {
    background-color: #999999;
}

.document-viewer-panel.sidebarMoving .document-viewer-panel-sidebar-container,
.document-viewer-panel.sidebarOpen .document-viewer-panel-sidebar-container {
    visibility: visible;
}
.document-viewer-panel.sidebarOpen .document-viewer-panel-sidebar-container {
    left: 0;
}
.document-viewer-panel-main-container {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    min-width: 200px;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease;
    transition-duration: 200ms;
    transition-timing-function: ease;
}
.document-viewer-panel.sidebarOpen .document-viewer-panel-main-container {
    -webkit-transition-property: left;
    transition-property: left;
    margin-left: 200px;
}
.document-viewer-panel.sidebarOpen.smallViewer .document-viewer-panel-main-container {
    margin-left: 0;
}

.document-viewer-panel .sidebarContent {
    top: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    width: 200px;
    background-color: hsla(0, 0%, 0%, 0);
}
.document-viewer-panel .sidebarContent {
    left: 0;
    box-shadow: inset -4px 0 12px 0 hsla(0, 0%, 0%, 0.07);
}
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent {
    background-color: hsla(0, 0%, 0%, 0.7);
    color: #FFFFFF;
    z-index: 1100;
}
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent .chat-list .media-content:not([class*=bg-]) {
    background-color: #f5f5f52b;
    border-color: #f5f5f5;
}
/* Annotation list */
.document-viewer-panel .sidebarContent ul.list-group.annotation-list {
    border: none;
    max-height: 520px;
    height: auto;
    overflow: auto;
    padding: 0 0;
}
.document-viewer-panel .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item {
    cursor: pointer;
    border-bottom: 1px solid #ebe8e8;
    padding: 6px 12px;
}
.document-viewer-panel .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item:last-of-type {
    border-bottom: none;
}
.document-viewer-panel .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item.selected,
.document-viewer-panel .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item.selected:hover {
    background-color: #C2DEF5;
    border-bottom: 1px solid #C2DEF5;
}
.document-viewer-panel .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item:hover {
    background-color: #F5F5F5;
}
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item {
    border-bottom: 1px solid hsla(0, 7%, 92%, 0.25);
}
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item button {
    color: #FFFFFF;
}
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item.selected,
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item.selected:hover {
    background-color: hsla(207, 100%, 84%, 0.63);
    border-bottom: 1px solid hsla(207, 72%, 86%, 0.6);
}
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item:hover {
    background-color: hsla(0, 0%, 96%, 0.4);
}
.document-viewer-panel .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item p {
    margin: 0 0 4px;
}
.document-viewer-panel .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item .annotation-user {
    font-size: 11px;
}
.document-viewer-panel .sidebarContent ul.list-group.annotation-list li.list-group-item.annotation-list-item .annotation-page {
    font-size: 10px;
}

/* Watermark list */
.document-viewer-panel .sidebarContent ul.list-group.watermark-list {
    border: none;
    max-height: 520px;
    height: auto;
    overflow: auto;
    padding: 0 0;
}
.document-viewer-panel .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item {
    cursor: pointer;
    border-bottom: 1px solid #ebe8e8;
    padding: 6px 12px;
}
.document-viewer-panel .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item:last-of-type {
    border-bottom: none;
}
.document-viewer-panel .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item.selected,
.document-viewer-panel .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item.selected:hover {
    background-color: #C2DEF5;
    border-bottom: 1px solid #C2DEF5;
}
.document-viewer-panel .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item:hover {
    background-color: #F5F5F5;
}



.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item {
    border-bottom: 1px solid hsla(0, 7%, 92%, 0.25);
}
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item button {
    color: #FFFFFF;
}
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item.selected,
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item.selected:hover {
    background-color: hsla(207, 100%, 84%, 0.63);
    border-bottom: 1px solid hsla(207, 72%, 86%, 0.6);
}
.document-viewer-panel.sidebarOpen.smallViewer .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item:hover {
    background-color: hsla(0, 0%, 96%, 0.4);
}
.document-viewer-panel.sidebarOpen.smallViewer .nav-tabs > li > a {
    color: #fff9;
}
.document-viewer-panel.sidebarOpen.smallViewer .nav-tabs > li > a:hover,
.document-viewer-panel.sidebarOpen.smallViewer .nav-tabs > li > a:focus {
    color: #fff;
}
.document-viewer-panel.sidebarOpen.smallViewer .nav-tabs > li.active > a,
.document-viewer-panel.sidebarOpen.smallViewer .nav-tabs > li.active > a:hover,
.document-viewer-panel.sidebarOpen.smallViewer .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #0000005c;
    border-bottom-color: transparent;
    cursor: default;
}
.document-viewer-panel .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item p {
    margin: 0 0 4px;
}
.document-viewer-panel .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item .watermark-user {
    font-size: 11px;
}
.document-viewer-panel .sidebarContent ul.list-group.watermark-list li.list-group-item.watermark-list-item .watermark-page {
    font-size: 10px;
}
.document-viewer-panel .toolbar-parameter .pdfPageNumber,
.document-viewer-panel .toolbar-parameter .pdfNbPages {
    display: inline-block;
}


/*.sidebarContent {
    top: 32px;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    width: 200px;
    background-color: hsla(0,0%,0%,.1);
}
.sidebarContent {
    left: 0;
    box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25);
}*/

/*.toolbarButton.bookmark::before,
.secondaryToolbarButton.bookmark::before {
    content: url("/lib/annotationeer/images/toolbarButton-bookmark.png");
}

.viewThumbnail.toolbarButton::before {
    content: url("/lib/annotationeer/images/toolbarButton-viewThumbnail.png");
}

.viewOutline.toolbarButton::before {
    content: url("/lib/annotationeer/images/toolbarButton-viewOutline.png");
}
.viewAttachments.toolbarButton::before {
    content: url("/lib/annotationeer/images/toolbarButton-viewAttachments.png");
}

.viewFind.toolbarButton::before {
    content: url("/lib/annotationeer/images/toolbarButton-search.png");
}*/

/*.toolbarButton.pdfSidebarNotification::after {
    position: absolute;
    display: inline-block;
    top: 1px;
    !* Create a filled circle, with a diameter of 9 pixels, using only CSS: *!
    content: "";
    background-color: #70DB55;
    height: 9px;
    width: 9px;
    border-radius: 50%;
}
.toolbarButton.pdfSidebarNotification::after {
    left: 17px;
}*/


.pdfZoomScale {
    min-width: 134px;
}
.pdfViewerContainer {
    clear: both; /* TODO : remove after finishing dev of annotationeer */
    background-color: #3b3b3b;
}
.pdfViewer > .page {
    box-sizing: content-box;
}
.pdfViewerPrintContainer {
    display: none;
}
/* END - pdf viewer */


/* START - text viewer*/
.textViewerContainer {
    overflow: auto;
    position: relative;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    background-color: inherit;
}
/* END - text viewer */

/* START - form viewer*/
.formViewerContainer {
    padding: 10px;
    overflow-y: auto;
    position: relative;
    width: auto;
    max-height: 100%;
    background-color: inherit;
}
/* END - form viewer */

/* START - img viewer */
.imgViewerContainer > .imgViewer {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}
.imgViewerContainer > .imgViewer > .imgCenterHelper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.imgViewerContainer > .imgViewer > img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.imgViewerContainer > .imgViewer > .zoomContainerWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* END - img viewer */
.zoomWindow {
    background-color: white;
}

/* START - html viewer */
.htmlViewer iframe {
    border: none;
}
/* END - html viewer */

.select-bg-lightGrey, .valid-values-select-bg-lightGrey {
    background-color: rgba(197, 197, 197, 0.23);
}

.valid-values-select-bg-lightGrey {
    margin-top: -5px;
}


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


/** RESPONSIVE MODE **/
@media (max-width: 768px) {
    /*    .heading-elements-toggle {
            display: none;
        }
        .lm_content .heading-elements {
            display: block;
        }
        .lm_content .heading-elements:not(.visible-elements) .heading-form {
            float: right;
            margin-left: inherit;
        }
        .lm_content .heading-elements:not(.visible-elements) .icons-list {
            float: right;
            margin-left: inherit;
        }*/
    .document-viewer-panel {
        max-height: 400px;
    }
    .document-viewer-panel.has-archives {
        min-height: 400px;
    }
}

body > table[datatable],
body > table[datatablejs] {
    z-index: 20000;
    background-color: rgba(255, 255, 255, 0.91);
}

body > table.dataTable.DTCR_clonedTable thead .sorting,
body > table.dataTable.DTCR_clonedTable thead .sorting_asc,
body > table.dataTable.DTCR_clonedTable thead .sorting_desc,
body > table.dataTable.DTCR_clonedTable thead .sorting_asc_disabled,
body > table.dataTable.DTCR_clonedTable thead .sorting_desc_disabled {
    cursor: grabbing;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body > table.dataTable.DTCR_clonedTable thead .sorting,
    body > table.dataTable.DTCR_clonedTable thead .sorting_asc,
    body > table.dataTable.DTCR_clonedTable thead .sorting_desc,
    body > table.dataTable.DTCR_clonedTable thead .sorting_asc_disabled,
    body > table.dataTable.DTCR_clonedTable thead .sorting_desc_disabled {
        cursor: move;
    }
}

button.todolist-btn.btn.btn-xs {
    min-width: 34px;
}

/** RS CUSTOM GRID **/
.rs-col-xs > .rs-col-xs-1, .rs-col-sm > .rs-col-sm-1, .rs-col-md > .rs-col-md-1, .rs-col-lg > .rs-col-lg-1, .rs-col-xs > .rs-col-xs-2, .rs-col-sm > .rs-col-sm-2, .rs-col-md > .rs-col-md-2, .rs-col-lg > .rs-col-lg-2, .rs-col-xs > .rs-col-xs-3, .rs-col-sm > .rs-col-sm-3, .rs-col-md > .rs-col-md-3, .rs-col-lg > .rs-col-lg-3, .rs-col-xs > .rs-col-xs-4, .rs-col-sm > .rs-col-sm-4, .rs-col-md > .rs-col-md-4, .rs-col-lg > .rs-col-lg-4, .rs-col-xs > .rs-col-xs-5, .rs-col-sm > .rs-col-sm-5, .rs-col-md > .rs-col-md-5, .rs-col-lg > .rs-col-lg-5, .rs-col-xs > .rs-col-xs-6, .rs-col-sm > .rs-col-sm-6, .rs-col-md > .rs-col-md-6, .rs-col-lg > .rs-col-lg-6, .rs-col-xs > .rs-col-xs-7, .rs-col-sm > .rs-col-sm-7, .rs-col-md > .rs-col-md-7, .rs-col-lg > .rs-col-lg-7, .rs-col-xs > .rs-col-xs-8, .rs-col-sm > .rs-col-sm-8, .rs-col-md > .rs-col-md-8, .rs-col-lg > .rs-col-lg-8, .rs-col-xs > .rs-col-xs-9, .rs-col-sm > .rs-col-sm-9, .rs-col-md > .rs-col-md-9, .rs-col-lg > .rs-col-lg-9, .rs-col-xs > .rs-col-xs-10, .rs-col-sm > .rs-col-sm-10, .rs-col-md > .rs-col-md-10, .rs-col-lg > .rs-col-lg-10, .rs-col-xs > .rs-col-xs-11, .rs-col-sm > .rs-col-sm-11, .rs-col-md > .rs-col-md-11, .rs-col-lg > .rs-col-lg-11, .rs-col-xs > .rs-col-xs-12, .rs-col-sm > .rs-col-sm-12, .rs-col-md > .rs-col-md-12, .rs-col-lg > .rs-col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.rs-col-xs > .rs-col-xs-1, .rs-col-xs > .rs-col-xs-2, .rs-col-xs > .rs-col-xs-3, .rs-col-xs > .rs-col-xs-4, .rs-col-xs > .rs-col-xs-5, .rs-col-xs > .rs-col-xs-6, .rs-col-xs > .rs-col-xs-7, .rs-col-xs > .rs-col-xs-8, .rs-col-xs > .rs-col-xs-9, .rs-col-xs > .rs-col-xs-10, .rs-col-xs > .rs-col-xs-11, .rs-col-xs > .rs-col-xs-12 {
    float: left;
}
.rs-col-xs > .rs-col-xs-12 {
    width: 100%;
}
.rs-col-xs > .rs-col-xs-11 {
    width: 91.66666667%;
}
.rs-col-xs > .rs-col-xs-10 {
    width: 83.33333333%;
}
.rs-col-xs > .rs-col-xs-9 {
    width: 75%;
}
.rs-col-xs > .rs-col-xs-8 {
    width: 66.66666667%;
}
.rs-col-xs > .rs-col-xs-7 {
    width: 58.33333333%;
}
.rs-col-xs > .rs-col-xs-6 {
    width: 50%;
}
.rs-col-xs > .rs-col-xs-5 {
    width: 41.66666667%;
}
.rs-col-xs > .rs-col-xs-4 {
    width: 33.33333333%;
}
.rs-col-xs > .rs-col-xs-3 {
    width: 25%;
}
.rs-col-xs > .rs-col-xs-2 {
    width: 16.66666667%;
}
.rs-col-xs > .rs-col-xs-1 {
    width: 8.33333333%;
}
.rs-col-xs > .rs-col-xs-pull-12 {
    right: 100%;
}
.rs-col-xs > .rs-col-xs-pull-11 {
    right: 91.66666667%;
}
.rs-col-xs > .rs-col-xs-pull-10 {
    right: 83.33333333%;
}
.rs-col-xs > .rs-col-xs-pull-9 {
    right: 75%;
}
.rs-col-xs > .rs-col-xs-pull-8 {
    right: 66.66666667%;
}
.rs-col-xs > .rs-col-xs-pull-7 {
    right: 58.33333333%;
}
.rs-col-xs > .rs-col-xs-pull-6 {
    right: 50%;
}
.rs-col-xs > .rs-col-xs-pull-5 {
    right: 41.66666667%;
}
.rs-col-xs > .rs-col-xs-pull-4 {
    right: 33.33333333%;
}
.rs-col-xs > .rs-col-xs-pull-3 {
    right: 25%;
}
.rs-col-xs > .rs-col-xs-pull-2 {
    right: 16.66666667%;
}
.rs-col-xs > .rs-col-xs-pull-1 {
    right: 8.33333333%;
}
.rs-col-xs > .rs-col-xs-pull-0 {
    right: auto;
}
.rs-col-xs > .rs-col-xs-push-12 {
    left: 100%;
}
.rs-col-xs > .rs-col-xs-push-11 {
    left: 91.66666667%;
}
.rs-col-xs > .rs-col-xs-push-10 {
    left: 83.33333333%;
}
.rs-col-xs > .rs-col-xs-push-9 {
    left: 75%;
}
.rs-col-xs > .rs-col-xs-push-8 {
    left: 66.66666667%;
}
.rs-col-xs > .rs-col-xs-push-7 {
    left: 58.33333333%;
}
.rs-col-xs > .rs-col-xs-push-6 {
    left: 50%;
}
.rs-col-xs > .rs-col-xs-push-5 {
    left: 41.66666667%;
}
.rs-col-xs > .rs-col-xs-push-4 {
    left: 33.33333333%;
}
.rs-col-xs > .rs-col-xs-push-3 {
    left: 25%;
}
.rs-col-xs > .rs-col-xs-push-2 {
    left: 16.66666667%;
}
.rs-col-xs > .rs-col-xs-push-1 {
    left: 8.33333333%;
}
.rs-col-xs > .rs-col-xs-push-0 {
    left: auto;
}
.rs-col-xs > .rs-col-xs-offset-12 {
    margin-left: 100%;
}
.rs-col-xs > .rs-col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.rs-col-xs > .rs-col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.rs-col-xs > .rs-col-xs-offset-9 {
    margin-left: 75%;
}
.rs-col-xs > .rs-col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.rs-col-xs > .rs-col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.rs-col-xs > .rs-col-xs-offset-6 {
    margin-left: 50%;
}
.rs-col-xs > .rs-col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.rs-col-xs > .rs-col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.rs-col-xs > .rs-col-xs-offset-3 {
    margin-left: 25%;
}
.rs-col-xs > .rs-col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.rs-col-xs > .rs-col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.rs-col-xs > .rs-col-xs-offset-0 {
    margin-left: 0;
}
.rs-col-sm > .rs-col-sm-1, .rs-col-sm > .rs-col-sm-2, .rs-col-sm > .rs-col-sm-3, .rs-col-sm > .rs-col-sm-4, .rs-col-sm > .rs-col-sm-5, .rs-col-sm > .rs-col-sm-6, .rs-col-sm > .rs-col-sm-7, .rs-col-sm > .rs-col-sm-8, .rs-col-sm > .rs-col-sm-9, .rs-col-sm > .rs-col-sm-10, .rs-col-sm > .rs-col-sm-11, .rs-col-sm > .rs-col-sm-12 {
    float: left;
}
.rs-col-sm > .rs-col-sm-12 {
    width: 100%;
}
.rs-col-sm > .rs-col-sm-11 {
    width: 91.66666667%;
}
.rs-col-sm > .rs-col-sm-10 {
    width: 83.33333333%;
}
.rs-col-sm > .rs-col-sm-9 {
    width: 75%;
}
.rs-col-sm > .rs-col-sm-8 {
    width: 66.66666667%;
}
.rs-col-sm > .rs-col-sm-7 {
    width: 58.33333333%;
}
.rs-col-sm > .rs-col-sm-6 {
    width: 50%;
}
.rs-col-sm > .rs-col-sm-5 {
    width: 41.66666667%;
}
.rs-col-sm > .rs-col-sm-4 {
    width: 33.33333333%;
}
.rs-col-sm > .rs-col-sm-3 {
    width: 25%;
}
.rs-col-sm > .rs-col-sm-2 {
    width: 16.66666667%;
}
.rs-col-sm > .rs-col-sm-1 {
    width: 8.33333333%;
}
.rs-col-sm > .rs-col-sm-pull-12 {
    right: 100%;
}
.rs-col-sm > .rs-col-sm-pull-11 {
    right: 91.66666667%;
}
.rs-col-sm > .rs-col-sm-pull-10 {
    right: 83.33333333%;
}
.rs-col-sm > .rs-col-sm-pull-9 {
    right: 75%;
}
.rs-col-sm > .rs-col-sm-pull-8 {
    right: 66.66666667%;
}
.rs-col-sm > .rs-col-sm-pull-7 {
    right: 58.33333333%;
}
.rs-col-sm > .rs-col-sm-pull-6 {
    right: 50%;
}
.rs-col-sm > .rs-col-sm-pull-5 {
    right: 41.66666667%;
}
.rs-col-sm > .rs-col-sm-pull-4 {
    right: 33.33333333%;
}
.rs-col-sm > .rs-col-sm-pull-3 {
    right: 25%;
}
.rs-col-sm > .rs-col-sm-pull-2 {
    right: 16.66666667%;
}
.rs-col-sm > .rs-col-sm-pull-1 {
    right: 8.33333333%;
}
.rs-col-sm > .rs-col-sm-pull-0 {
    right: auto;
}
.rs-col-sm > .rs-col-sm-push-12 {
    left: 100%;
}
.rs-col-sm > .rs-col-sm-push-11 {
    left: 91.66666667%;
}
.rs-col-sm > .rs-col-sm-push-10 {
    left: 83.33333333%;
}
.rs-col-sm > .rs-col-sm-push-9 {
    left: 75%;
}
.rs-col-sm > .rs-col-sm-push-8 {
    left: 66.66666667%;
}
.rs-col-sm > .rs-col-sm-push-7 {
    left: 58.33333333%;
}
.rs-col-sm > .rs-col-sm-push-6 {
    left: 50%;
}
.rs-col-sm > .rs-col-sm-push-5 {
    left: 41.66666667%;
}
.rs-col-sm > .rs-col-sm-push-4 {
    left: 33.33333333%;
}
.rs-col-sm > .rs-col-sm-push-3 {
    left: 25%;
}
.rs-col-sm > .rs-col-sm-push-2 {
    left: 16.66666667%;
}
.rs-col-sm > .rs-col-sm-push-1 {
    left: 8.33333333%;
}
.rs-col-sm > .rs-col-sm-push-0 {
    left: auto;
}
.rs-col-sm > .rs-col-sm-offset-12 {
    margin-left: 100%;
}
.rs-col-sm > .rs-col-sm-offset-11 {
    margin-left: 91.66666667%;
}
.rs-col-sm > .rs-col-sm-offset-10 {
    margin-left: 83.33333333%;
}
.rs-col-sm > .rs-col-sm-offset-9 {
    margin-left: 75%;
}
.rs-col-sm > .rs-col-sm-offset-8 {
    margin-left: 66.66666667%;
}
.rs-col-sm > .rs-col-sm-offset-7 {
    margin-left: 58.33333333%;
}
.rs-col-sm > .rs-col-sm-offset-6 {
    margin-left: 50%;
}
.rs-col-sm > .rs-col-sm-offset-5 {
    margin-left: 41.66666667%;
}
.rs-col-sm > .rs-col-sm-offset-4 {
    margin-left: 33.33333333%;
}
.rs-col-sm > .rs-col-sm-offset-3 {
    margin-left: 25%;
}
.rs-col-sm > .rs-col-sm-offset-2 {
    margin-left: 16.66666667%;
}
.rs-col-sm > .rs-col-sm-offset-1 {
    margin-left: 8.33333333%;
}
.rs-col-sm > .rs-col-sm-offset-0 {
    margin-left: 0;
}
.rs-col-md > .rs-col-md-1, .rs-col-md > .rs-col-md-2, .rs-col-md > .rs-col-md-3, .rs-col-md > .rs-col-md-4, .rs-col-md > .rs-col-md-5, .rs-col-md > .rs-col-md-6, .rs-col-md > .rs-col-md-7, .rs-col-md > .rs-col-md-8, .rs-col-md > .rs-col-md-9, .rs-col-md > .rs-col-md-10, .rs-col-md > .rs-col-md-11, .rs-col-md > .rs-col-md-12 {
    float: left;
}
.rs-col-md > .rs-col-md-12 {
    width: 100%;
}
.rs-col-md > .rs-col-md-11 {
    width: 91.66666667%;
}
.rs-col-md > .rs-col-md-10 {
    width: 83.33333333%;
}
.rs-col-md > .rs-col-md-9 {
    width: 75%;
}
.rs-col-md > .rs-col-md-8 {
    width: 66.66666667%;
}
.rs-col-md > .rs-col-md-7 {
    width: 58.33333333%;
}
.rs-col-md > .rs-col-md-6 {
    width: 50%;
}
.rs-col-md > .rs-col-md-5 {
    width: 41.66666667%;
}
.rs-col-md > .rs-col-md-4 {
    width: 33.33333333%;
}
.rs-col-md > .rs-col-md-3 {
    width: 25%;
}
.rs-col-md > .rs-col-md-2 {
    width: 16.66666667%;
}
.rs-col-md > .rs-col-md-1 {
    width: 8.33333333%;
}
.rs-col-md > .rs-col-md-pull-12 {
    right: 100%;
}
.rs-col-md > .rs-col-md-pull-11 {
    right: 91.66666667%;
}
.rs-col-md > .rs-col-md-pull-10 {
    right: 83.33333333%;
}
.rs-col-md > .rs-col-md-pull-9 {
    right: 75%;
}
.rs-col-md > .rs-col-md-pull-8 {
    right: 66.66666667%;
}
.rs-col-md > .rs-col-md-pull-7 {
    right: 58.33333333%;
}
.rs-col-md > .rs-col-md-pull-6 {
    right: 50%;
}
.rs-col-md > .rs-col-md-pull-5 {
    right: 41.66666667%;
}
.rs-col-md > .rs-col-md-pull-4 {
    right: 33.33333333%;
}
.rs-col-md > .rs-col-md-pull-3 {
    right: 25%;
}
.rs-col-md > .rs-col-md-pull-2 {
    right: 16.66666667%;
}
.rs-col-md > .rs-col-md-pull-1 {
    right: 8.33333333%;
}
.rs-col-md > .rs-col-md-pull-0 {
    right: auto;
}
.rs-col-md > .rs-col-md-push-12 {
    left: 100%;
}
.rs-col-md > .rs-col-md-push-11 {
    left: 91.66666667%;
}
.rs-col-md > .rs-col-md-push-10 {
    left: 83.33333333%;
}
.rs-col-md > .rs-col-md-push-9 {
    left: 75%;
}
.rs-col-md > .rs-col-md-push-8 {
    left: 66.66666667%;
}
.rs-col-md > .rs-col-md-push-7 {
    left: 58.33333333%;
}
.rs-col-md > .rs-col-md-push-6 {
    left: 50%;
}
.rs-col-md > .rs-col-md-push-5 {
    left: 41.66666667%;
}
.rs-col-md > .rs-col-md-push-4 {
    left: 33.33333333%;
}
.rs-col-md > .rs-col-md-push-3 {
    left: 25%;
}
.rs-col-md > .rs-col-md-push-2 {
    left: 16.66666667%;
}
.rs-col-md > .rs-col-md-push-1 {
    left: 8.33333333%;
}
.rs-col-md > .rs-col-md-push-0 {
    left: auto;
}
.rs-col-md > .rs-col-md-offset-12 {
    margin-left: 100%;
}
.rs-col-md > .rs-col-md-offset-11 {
    margin-left: 91.66666667%;
}
.rs-col-md > .rs-col-md-offset-10 {
    margin-left: 83.33333333%;
}
.rs-col-md > .rs-col-md-offset-9 {
    margin-left: 75%;
}
.rs-col-md > .rs-col-md-offset-8 {
    margin-left: 66.66666667%;
}
.rs-col-md > .rs-col-md-offset-7 {
    margin-left: 58.33333333%;
}
.rs-col-md > .rs-col-md-offset-6 {
    margin-left: 50%;
}
.rs-col-md > .rs-col-md-offset-5 {
    margin-left: 41.66666667%;
}
.rs-col-md > .rs-col-md-offset-4 {
    margin-left: 33.33333333%;
}
.rs-col-md > .rs-col-md-offset-3 {
    margin-left: 25%;
}
.rs-col-md > .rs-col-md-offset-2 {
    margin-left: 16.66666667%;
}
.rs-col-md > .rs-col-md-offset-1 {
    margin-left: 8.33333333%;
}
.rs-col-md > .rs-col-md-offset-0 {
    margin-left: 0;
}
.rs-col-lg > .rs-col-lg-1, .rs-col-lg > .rs-col-lg-2, .rs-col-lg > .rs-col-lg-3, .rs-col-lg > .rs-col-lg-4, .rs-col-lg > .rs-col-lg-5, .rs-col-lg > .rs-col-lg-6, .rs-col-lg > .rs-col-lg-7, .rs-col-lg > .rs-col-lg-8, .rs-col-lg > .rs-col-lg-9, .rs-col-lg > .rs-col-lg-10, .rs-col-lg > .rs-col-lg-11, .rs-col-lg > .rs-col-lg-12 {
    float: left;
}
.rs-col-lg > .rs-col-lg-12 {
    width: 100%;
}
.rs-col-lg > .rs-col-lg-11 {
    width: 91.66666667%;
}
.rs-col-lg > .rs-col-lg-10 {
    width: 83.33333333%;
}
.rs-col-lg > .rs-col-lg-9 {
    width: 75%;
}
.rs-col-lg > .rs-col-lg-8 {
    width: 66.66666667%;
}
.rs-col-lg > .rs-col-lg-7 {
    width: 58.33333333%;
}
.rs-col-lg > .rs-col-lg-6 {
    width: 50%;
}
.rs-col-lg > .rs-col-lg-5 {
    width: 41.66666667%;
}
.rs-col-lg > .rs-col-lg-4 {
    width: 33.33333333%;
}
.rs-col-lg > .rs-col-lg-3 {
    width: 25%;
}
.rs-col-lg > .rs-col-lg-2 {
    width: 16.66666667%;
}
.rs-col-lg > .rs-col-lg-1 {
    width: 8.33333333%;
}
.rs-col-lg > .rs-col-lg-pull-12 {
    right: 100%;
}
.rs-col-lg > .rs-col-lg-pull-11 {
    right: 91.66666667%;
}
.rs-col-lg > .rs-col-lg-pull-10 {
    right: 83.33333333%;
}
.rs-col-lg > .rs-col-lg-pull-9 {
    right: 75%;
}
.rs-col-lg > .rs-col-lg-pull-8 {
    right: 66.66666667%;
}
.rs-col-lg > .rs-col-lg-pull-7 {
    right: 58.33333333%;
}
.rs-col-lg > .rs-col-lg-pull-6 {
    right: 50%;
}
.rs-col-lg > .rs-col-lg-pull-5 {
    right: 41.66666667%;
}
.rs-col-lg > .rs-col-lg-pull-4 {
    right: 33.33333333%;
}
.rs-col-lg > .rs-col-lg-pull-3 {
    right: 25%;
}
.rs-col-lg > .rs-col-lg-pull-2 {
    right: 16.66666667%;
}
.rs-col-lg > .rs-col-lg-pull-1 {
    right: 8.33333333%;
}
.rs-col-lg > .rs-col-lg-pull-0 {
    right: auto;
}
.rs-col-lg > .rs-col-lg-push-12 {
    left: 100%;
}
.rs-col-lg > .rs-col-lg-push-11 {
    left: 91.66666667%;
}
.rs-col-lg > .rs-col-lg-push-10 {
    left: 83.33333333%;
}
.rs-col-lg > .rs-col-lg-push-9 {
    left: 75%;
}
.rs-col-lg > .rs-col-lg-push-8 {
    left: 66.66666667%;
}
.rs-col-lg > .rs-col-lg-push-7 {
    left: 58.33333333%;
}
.rs-col-lg > .rs-col-lg-push-6 {
    left: 50%;
}
.rs-col-lg > .rs-col-lg-push-5 {
    left: 41.66666667%;
}
.rs-col-lg > .rs-col-lg-push-4 {
    left: 33.33333333%;
}
.rs-col-lg > .rs-col-lg-push-3 {
    left: 25%;
}
.rs-col-lg > .rs-col-lg-push-2 {
    left: 16.66666667%;
}
.rs-col-lg > .rs-col-lg-push-1 {
    left: 8.33333333%;
}
.rs-col-lg > .rs-col-lg-push-0 {
    left: auto;
}
.rs-col-lg > .rs-col-lg-offset-12 {
    margin-left: 100%;
}
.rs-col-lg > .rs-col-lg-offset-11 {
    margin-left: 91.66666667%;
}
.rs-col-lg > .rs-col-lg-offset-10 {
    margin-left: 83.33333333%;
}
.rs-col-lg > .rs-col-lg-offset-9 {
    margin-left: 75%;
}
.rs-col-lg > .rs-col-lg-offset-8 {
    margin-left: 66.66666667%;
}
.rs-col-lg > .rs-col-lg-offset-7 {
    margin-left: 58.33333333%;
}
.rs-col-lg > .rs-col-lg-offset-6 {
    margin-left: 50%;
}
.rs-col-lg > .rs-col-lg-offset-5 {
    margin-left: 41.66666667%;
}
.rs-col-lg > .rs-col-lg-offset-4 {
    margin-left: 33.33333333%;
}
.rs-col-lg > .rs-col-lg-offset-3 {
    margin-left: 25%;
}
.rs-col-lg > .rs-col-lg-offset-2 {
    margin-left: 16.66666667%;
}
.rs-col-lg > .rs-col-lg-offset-1 {
    margin-left: 8.33333333%;
}
.rs-col-lg > .rs-col-lg-offset-0 {
    margin-left: 0;
}
/** /rs custom grid **/

/** KANBAN Module **/
.kanban-container > .row,
.kanban-container > .row > .kanban-work {
    height: 100%;
}

.kanban-container > .row > .kanban-work {
    overflow: hidden;
    /*     -webkit-box-shadow: inset -5px 4px 16px -2px rgba(0,0,0,0.07);
    -moz-box-shadow: inset -5px 4px 16px -2px rgba(0,0,0,0.07);
    box-shadow: inset -5px 4px 16px -2px rgba(0,0,0,0.07); */
}
.kanban-container > .row > .kanban-work.unallocated-work {
    background-color: rgba(0, 0, 0, 0.07);
}
.kanban-container > .row > .kanban-work.allocated-work {
    background-color: rgba(0, 0, 0, 0.06);
    padding-left: 16px;
    padding-right: 16px;
}

.kanban-container > .row > .kanban-work > h6 {
    white-space: nowrap;
    max-width: 100%;
    height: 16px;
    max-height: 16px;
    font-size: 11px;
}
.kanban-container > .row > .kanban-work > .work-list-container {
    height: calc(100% - 46px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
}

.kanban-container > .row > .kanban-work > .work-list-container > div:not(.work-list-sub-container) {
    height: 100%;
    /*margin-left: 4px;*/
    /*margin-right: 4px;*/
    padding-left: 0;
    padding-right:  0;
    /* background-color: #ebebeb; */
}

.kanban-container > .row > .kanban-work > .work-list-container .work-list-sub-container {
    height: 100%;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 0;
    padding-right: 0;
    background-color: #ebebeb;
    overflow-y: auto;
    overflow-x: hidden;
}
.work-list-sub-container h6 {
    margin: 6px 12px 4px 12px;
    font-size: 11px;
    height: 16px;
    max-height: 16px;
}
.work-list-container ul.work-list {
    border: none;
    padding: 4px;
    background: url("../assets/images/ui/drag-and-drop-case-transparent.png") no-repeat center center;
}
.kanban-work.unallocated-work > .work-list-container > ul.work-list {
    background-color: #F2F2F2;
    min-height: 100%;
}
.kanban-work.allocated-work .work-list-sub-container ul.work-list {
    height: calc(100% - 28px);
    /*min-height: calc(100% - 28px);*/
}

.kanban-list-group-item,
.work-list-container ul.work-list > li.list-group-item {
    background-color: #FFFFFF;
    padding: 5px 8px;
    border: 0;
    margin: 0 2px 4px 2px;
    -webkit-box-shadow: -2px 0 16px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: -2px 0 16px 0 rgba(0,0,0,0.1);
    box-shadow: -2px 0 16px 0 rgba(0,0,0,0.1);
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.kanban-list-group-item .list-group-item-text small.smaller,
.work-list-container ul.work-list > li.list-group-item .list-group-item-text small.smaller {
    font-size: 75%;
}
.kanban-list-group-item.gu-mirror {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

/** /kanban module **/

/** FancyTree TodoList */
.fancytree-ext-childcounter .fancytree-childcounter {
    background-color: #2196F3;
    border-color: #2196F3;
    color: white;
    position: absolute;
    right: -20px;
    top: 0;
    padding: 2px 6px 1px 6px;
    font-size: 10px;
    letter-spacing: 0.1px;
    vertical-align: baseline;
    border-radius: 100px;
}
/** /FancyTree TodoList */
button.todolist-btn.btn.btn-xs {
    min-width: 34px;
}

.highligthTr {
    background-color: #e9eef7;
}

/** SendMail **/
.panel-white {
    border: none;
}
.send-mail-panel.send-mail-details {
    font-size: 11px;
}
.send-mail-panel .send-mail-details .select2-container {
    max-width: inherit !important;
}
.send-mail-panel .send-mail-details .select2-selection--multiple .select2-selection__clear {
    position:relative;
    line-height: 32px;
    padding-right: 2px;
    font-size: 16px;
    float: right;
    cursor: pointer;
}
.select2-mail.container {
    /*max-width: inherit !important;*/
}
.note-editor.note-frame.panel {
    border: 1px solid #dddddd;
}


.send-mail-panel .mail-details-read {
    margin: 0;
    padding: 20px;
    border-top: 1px solid #ddd;
}
.send-mail-panel .mail-details-write {
    margin: 0;
    border-top: 1px solid #ddd;
}
.send-mail-panel .mail-details-write .control-label {
    padding: 10px 20px;
}
.send-mail-panel .mail-details-write .form-control {
    border-width: 0;
    padding: 10px 20px;
    border-radius: 0;
    height: auto;
}
.send-mail-panel .mail-container-read {
    max-width: 100%;
    overflow: auto;
    padding: 20px;
    border-top: 1px solid #ddd;
}
.send-mail-panel .mail-container-write {
    border: 1px solid #ddd;
}
.send-mail-panel .mail-container-write .note-editor {
    border-width: 0;
    border-radius: 0;
    margin-bottom: 0;
}
.send-mail-panel .mail-attachments-container {
    padding: 10px 20px 20px;
    border-top: none;
}
.send-mail-panel .mail-attachments-heading {
    margin-top: 10px;
    margin-bottom: 10px;
}
.send-mail-panel .mail-attachments {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
}
.send-mail-panel .mail-attachments > li {
    display: inline-block;
    font-size: 13px;
    padding: 15px 20px;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-top: 10px;
    margin-right: 10px;
}
.send-mail-panel .mail-attachments .mail-attachments-preview {
    display: inline-block;
    float: left;
}
.send-mail-panel .mail-attachments .mail-attachments-preview > i {
    top: 0;
    margin-top: 4px;
}
.send-mail-panel .mail-attachments .mail-attachments-content {
    margin-left: 47px;
}

.form-horizontal .radio-inline.radio-inline-xs {
    padding-top: 6px;
}
.form-horizontal .radio-text-only {
    padding-top: 6px;
}
.form-horizontal .radio-text-only:hover {
    cursor: default;
}

.memoTab .memo-panel .chat-list .media-left{
    padding-left: 6px;
    padding-right: 10px;
}

.memoTab .memo-panel .chat-list .media-right{
    padding-right: 6px;
    padding-left: 10px;
}

.memoTab .memo-panel .memo-footer {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
}

.memoTab .chat-list .media {
    margin-left: 0;
    margin-right: 6px;
}
.memoTab .chat-list .media.reversed {
    margin-left: 6px;
    margin-right: 0;
}
.memoTab .media,
.memoTab .media:first-child {
    margin-top: 10px;
}

.memoTab .chat-list .media-content {
    padding: 6px 8px;
}
.memoTab textarea {
    resize: none;
}

.badge-no-border {
    border: 0 solid transparent;
}
button.btn > .badge.badge-xs {
    font-size: 8px;
    top: -3px;
    right: -6px;
}

.document-viewer-panel-sidebar-container .sidebarContent ul.nav.nav-tabs {
    margin-bottom:  0;
}
/*.send-mail-panel .send-mail-details .form-control,
.send-mail-panel .send-mail-details .select2-mail-to {
    font-size: 11px;
    border-width: 0;
    padding: 10px 20px;
    border-radius: 0;
    height: auto;
}
.send-mail-panel .send-mail-details .select2-search--inline .select2-search__field {
    margin-top: 0;
    padding: 0 0;
    color: #3c3d3e;
    margin-left: 0;
}*/
/** /sendMail **/

.module-container i[class^="image-icon-module-"] {
    width: 100%;
    height: 48px;
    background-color: transparent;
    background-position-x: center;
    background-position-y: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.module-container i.image-icon-module-gdpr {
    background-image: url("../assets/images/icons/icon-module-gdpr-small-transparent.png");
}
.module-container i.image-icon-module-expenses {
    background-image: url("../assets/images/icons/icon-module-expenses-small-transparent.png");
}
.module-container i.image-icon-module-invoice {
    background-image: url("../assets/images/icons/icon-module-invoice-small-transparent.png");
}
.module-container i.image-icon-module-invoice-v2 {
    background-image: url("../assets/images/icons/icon-module-invoice-v2-small-transparent.png");
}
.module-container i.image-icon-module-plugins-office {
    background-image: url("../assets/images/icons/icon-module-plugins-office-small-transparent.png");
}
.module-container i.image-icon-module-messaging {
    background-image: url("../assets/images/icons/icon-module-messaging-small-transparent.png");
}
.module-container i.image-icon-module-alphacredit {
    background-image: url("../assets/images/icons/icon-module-alphacredit-small-transparent.png");
}
.module-container i.image-icon-module-alphacredit-colored {
    background-image: url("../assets/images/icons/icon-module-alphacredit-small-colored.png");
}

.sidebar i.image-icon-module-cms {
    background-image: url("../assets/images/icons/icon-module-cms-small-white.png");
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 20px;
    background-size: contain;
}
.module-container i.image-icon-module-cms {
    background-image: url("../assets/images/icons/icon-module-cms-small-transparent.png");
}
.workflow-task-form-editor {
    width: 100%;
    height: 100%;
}
.workflow-task-form-editor .container-detached {
    height: 100%;
}
.workflow-task-form-editor .workflow-task-form-rendered-details {
    width: 100%;
    height: auto;
}

.workflow-task-form-editor .workflow-task-form-container-rendering-zone {
    height: 100%;
    border: 1px dashed grey;
    padding: 10px;
}
.workflow-task-form-editor .workflow-task-form-rendered-zone {
    background-color: hsla(0, 0%, 91%, 0.4);
    width: 100%;
    height: auto;
    position: relative;
    max-height: 100%;
    min-height: 400px;

    /*-webkit-box-shadow: inset 0 0 160px 20px rgba(232,232,232,1);*/
    /*-moz-box-shadow: inset 0 0 160px 20px rgba(232,232,232,1);*/
    /*box-shadow: inset 0 0 160px 20px rgba(232,232,232,1);*/
}
.workflow-task-form-editor .workflow-task-form-rendered-zone .template-exists-message {
    top: 50%;
    position: absolute;
    height:40px;
    line-height:40px;
    margin-top:-20px;
    width: 100%;
    z-index: 10;
}

.workflow-task-form-editor .workflow-task-form-rendered-zone .workflow-task-form-components-drop-zone {
    min-height:50px;
    height: auto;
    border: 1px dashed #CCCCCC;
}

.workflow-task-form-editor .workflow-task-form-rendered-zone > .workflow-task-form-components-drop-zone {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20;
    min-height:400px;
}

.workflow-task-form-editor .workflow-task-form-rendered-zone ul {
    padding: 6px
}

.workflow-task-form-editor .sidebar .workflow-task-form-components-drag-source {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.workflow-task-form-editor .sidebar .workflow-task-form-components-drag-source > .workflow-task-form-component-item {
    padding: 0 0 4px 0;
    margin: 0;
}
.workflow-task-form-component-item {
    list-style-type: none;
    margin: 2px;
}
.workflow-task-form-editor .sidebar .workflow-task-form-components-drag-source > .workflow-task-form-component-item:last-child { padding-bottom: 0; }


.scrollable.dropdown-menu {
    overflow-x: auto;
}
.icons-list .dropdown-menu {
    padding: 0;
}

li.button-parameter > button > [class^="icon-"],
.viewer-dropdown > li > button > [class^="icon-"] {
    font-size:  14px;
}


.sidebar-detached.workflow-task-form-component-sidebar {
    position: fixed;
    top: 66px;
    bottom: 0;
    -webkit-transition: bottom ease-in-out 0.15s;
    -o-transition: bottom ease-in-out 0.15s;
    transition: bottom ease-in-out 0.15s;
}
.sidebar-detached.workflow-task-form-component-sidebar > .sidebar {
    max-height: 100%;
    overflow-y: auto;
}

.file-drop-zone {
    margin: 6px 8px 6px 6px;
    padding: 5px;
}

.file-preview {
    padding: 4px;
}

.file-drop-zone-title {
    padding: 45px 10px;
}

.modal-body .tokenfield .token > .close {
    margin-top: -5.5px !important;
}

.tokenfield > .token.readonly > .close {
    display: none;
}
.tokenfield > .token.readonly > .token-label {
    padding-right: 11px;
}

/* reduce space into dataTable */
.dataTable thead .sorting,
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc,
.dataTable thead .sorting_asc_disabled,
.dataTable thead .sorting_desc_disabled {
    padding-left: 8px;
    padding-right: 16px;
}
.dataTable thead .sorting:before,
.dataTable thead .sorting:after,
.dataTable thead .sorting_asc:after,
.dataTable thead .sorting_desc:after,
.dataTable thead .sorting_asc_disabled:after,
.dataTable thead .sorting_desc_disabled:after {
    right: 2px;
}

/* Badge corner styling */
button.btn > .badge-corner {
    position: absolute !important;
    top: inherit;
    left: inherit;
    bottom: inherit;
    right: inherit;
}
button.btn > .badge-corner-ne { top: -8px; right: -8px; }
button.btn > .badge-corner-se { bottom: -8px; right: -8px; }
button.btn > .badge-corner-so { bottom: -8px; left: -8px; }
button.btn > .badge-corner-no { top: -8px; left: -8px; }

#page-loading {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 50000;
    background-color: #f5f5f5;
    margin-bottom:0;
}

.login {
    margin-top:-48px;
    margin-bottom:48px;
}
.logout {
    margin-top:-48px;
    margin-bottom:48px;
}

.login .btn-login {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 7px 12px;
    font-size: 11px;
    line-height: 1.5384616;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    background-color: var(--custom-login-button-background-color);
    color: var(--custom-login-button-color);
}

.login .logo {
    margin-bottom: 10px;
    max-width: 100%;
}

/*IE10 and IE11*/
/*==================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .datatable-header .dataTables_filter > label:after {
        content: "";
        display: none;
    }

    /* Vertical align select checkbox for dataTables */
    crud .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.select-checkbox {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .dataTable tbody .selected .select-checkbox:after {
        margin-top: 0;
    }
}

.overlayScrollbarsVertical {
    height: 100%;
    width: 2px;
    margin-left:8px;
}
.overlayScrollbarsHorizontal {
    height: 2px;
    width: 100%;
    margin-top:8px;
}

/* Styles to stack a small icon (from icomoon or font-awesome) on top of another one */
[class^="icon-"] > .stacked-icon {
    display: block;
    position: absolute;
    font-size: 10px;
    background-color: #FFFFFF;
}
[class^="icon-"] > .stacked-icon.stacked-icon-centered { top: 50%; left: 50%; margin-left: -5px; margin-top: -4px; }
[class^="icon-"] > .stacked-icon.stacked-icon-top-left { top: -5px; left: -4px; }
[class^="icon-"] > .stacked-icon.stacked-icon-top-right { top: -5px; right: -4px; }
[class^="icon-"] > .stacked-icon.stacked-icon-bottom-right { top: 9px; right: -4px; }
[class^="icon-"] > .stacked-icon.stacked-icon-bottom-left { top: 9px; left: -4px; }

button [class^="fa fa-"] {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="fa fa-"] > .stacked-icon {
    display: block;
    position: absolute;
    font-size: 11px;
    background-color: #FFFFFF;
}
[class^="fa fa-"] > .stacked-icon.stacked-icon-centered { top: 50%; left: 50%; margin-left: -5px; margin-top: -4px; }
[class^="fa fa-"] > .stacked-icon.stacked-icon-top-left { top: -5px; left: -4px; }
[class^="fa fa-"] > .stacked-icon.stacked-icon-top-right { top: -5px; right: -4px; }
[class^="fa fa-"] > .stacked-icon.stacked-icon-bottom-right { top: 9px; right: -4px; }
[class^="fa fa-"] > .stacked-icon.stacked-icon-bottom-left { top: 9px; left: -4px; }
[class^="fa fa-"] > .stacked-icon.stacked-icon-xs {
    font-size: 8px;
}
#modal_popup_watermark form label {
    font-size: 12px;
    line-height: 16px;
}
#modal_popup_watermark form.form-horizontal .form-group {
    vertical-align: top;
    /*padding: 4px;*/
    /*padding: 0 4px*/;
    margin-bottom: 2px;
    /*white-space: nowrap;*/
}
.file-caption.icon-visible .file-caption-name {
    padding-left: 15px;
    font-family: Arial, sans-serif;
}

/* To display the color picker on top of modal elements */
body .sp-container {
    z-index: 1060;
}

/* Typeahead */
.tt-menu {
    padding: 4px 0;
    max-height: 300px;
}
.typeahead-scrollable .tt-menu {
    max-height: 250px;
}
.tt-suggestion {
    padding: 4px 12px;
    font-size: 11px;
}
/* /typeahead */

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

.autologin {
    background: center center url("../assets/images/rs/logoRflowBig.png") no-repeat;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #3c3d3e;
}

/********** CUSTOM NATIVE SCROLLBAR | START **********/
:root {
    --custom-native-scrollbar-color: #666666;
    --custom-native-scrollbar-background-color: #66666620;
    --custom-login-button-background-color: #232d4b;
    --custom-login-button-color: #ffffff;
}
/*Firefox*/
/*From version 64 - https://drafts.csswg.org/css-scrollbars-1/*/
/*Standard properties (must be used into all modern and/or future browsers)*/
.custom-native-scrollbar, .select2-results__options {
    scrollbar-width: thin;
    scrollbar-color: var(--custom-native-scrollbar-color) var(--custom-native-scrollbar-background-color);
}
/*Chrome*/
.custom-native-scrollbar::-webkit-scrollbar-track, .select2-results__options::-webkit-scrollbar-track {
    background-color: var(--custom-native-scrollbar-background-color);
}
.custom-native-scrollbar::-webkit-scrollbar-thumb, .select2-results__options::-webkit-scrollbar-thumb {
    background-color: var(--custom-native-scrollbar-color);
}
.custom-native-scrollbar::-webkit-scrollbar, .select2-results__options::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
/********** CUSTOM NATIVE SCROLLBAR | END **********/

/********* PDF PASSWORD PROTECTED | START *******/
.document-viewer-panel .card {
    margin:  20px 0 0 0;
    text-align: center;
}

.pdf-password-container {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: space-around;
}
.pdf-password-container input {
    border: 1px solid #dddddd;
    height: 22px;
    padding: 4px;
}
.pdf-password-container .btn {
    height: 22px;
    padding: 0 6px 0 6px
}

.pdf-password-container .error {
    border: 1px solid #ea1c0d !important;
}
/********* PDF PASSWORD PROTECTED | END *******/