/*  NOME CSS: LIGHT-BLUE
/* BASE COLOR LIGHT-BLUE:   #0288D1
/*         INDICE CSS
/* 5    busy indicator
/* 10   breadcrumb
/* 15   body
/* 20   app header
/* 25   page content
/* 30   logo Nembus
/* 30   loghi Customers
/* 35   action panel toggler icon
/* 40   title padding
/* 50   header
/* 60   button show/hide navigation panel
/* 70   navigation panel close
/* 75   multi select items (label, trash button)
/* 80   alert
/* 84   FAST TABS a dx dello schermo
/* 8410  Accordion FTC fast tab header (bottone fast tab)
/* 8420  Accordion FTC fast tab body content
/* 85   Accordion HELPER
/* 90   user menu
/* 100  button user selected
/* 110  button user hover
/* 120  button user "rest"
/* 130  button user text
/* 140  button user position
/* 150  user button arrow
/* 160  user menu items alignment
/* 165  user menu user data
/* 170  user menu icons
/* 180  table html 
/* 200  BOOTSTRAP FORM
/* 201   PhotoPassport
/* 202   Logo
/* 205   bootstrap form label
/* 210   Form bordered
/* 220   Form elements border outline
/* 230   Form control
/* 250   Form input text
/* 260   Form label
/* 270   Form TimePicker
/* 280   SYNCFUSION SPLITTER
/* 290   SYNCFUSION  SLIDER
/* 300   SYNCFUSION NAVIGATION PANEL (ACCORDION)
/* 310   border
/* 315   navigation panel tree view
/* 320   button navigation panel: mouseover
/* 330   button navigation panel: normal
/* 340   button navigation panel: selected
/* 350   selected text color
/* 400  SYNCFUSION MENU RIDOTTO 
/* 410   menu verticale ridotto - navigation panel
/* 500  SYNCFUSION GRID
/* 505   grid document icons
/* 510   grid group
/* 515   grid load on demand
/* 520   header
/* 530   header text
/* 540   header height
/* 550   grid row mouseover
/* 560   grid row selected
/* 570   grid icons
/* 580  SYNCFUSION SCHEDULER
/* 600  SYNCFUSION ACTION PANEL (RIBBON)
/* 601   modal - fix modal zindex + button
/* 610   background
/* 615   tab  background
/* 620   remove header border
/* 625   group text
/* 630   rest button
/* 640   hover button
/* 650   tab color
/* 654   tab hover 
/* 660   tab font size
/* 670   action bar ribbon
/* 680  ribbon documentation
/* 750  area page
/* 800  horizontal tab
/* 900  fast tab layout style
/* 1000 FORM SUMMARY LAYOUT - (box che mette in evidenza dettagli eventi e risorse)
/* 1100 files/batch request bottom page
/* 1200 drop files
/* 3000 scheduler
/* 4000 MODALI
/* 4050  modal - fix modal zindex + button
/* 4100 WIZARD BEARDCRUMB
/* 4200 checkbox/radio style
/* 6000 DRBAC
/* 7000 NOTIFICATION
/* 8000 COMPONENTS
/*         FINE INDICE CSS*/
/* loading bar */
#nlpt {
    animation: a-s .5s 2.5s 1 forwards;
    background-color: #f1f1f1;
    height: 4px;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 300px;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
}

#nlpt::before {
    animation: a-lb 20s 3s linear forwards;
    background-color: #0288D1;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-300px);
    width: 100%
}

@keyframes a-lb {
    0% {
        transform: translateX(-300px)
    }

    5% {
        transform: translateX(-240px)
    }

    15% {
        transform: translateX(-30px)
    }

    25% {
        transform: translateX(-30px)
    }

    30% {
        transform: translateX(-20px)
    }

    45% {
        transform: translateX(-20px)
    }

    50% {
        transform: translateX(-15px)
    }

    65% {
        transform: translateX(-15px)
    }

    70% {
        transform: translateX(-10px)
    }

    95% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(-5px)
    }
}

@keyframes a-s {
    100% {
        opacity: 1
    }
}

/* splash circle */
@keyframes a-h {
    100% {
        opacity: 0
    }
}

@keyframes a-nt {
    100% {
        transform: none
    }
}

.splash-circle {
    background-color: #03a5fc;
}

.environment {
    position: absolute;
    z-index: 1000;
    margin-left: -18px;
    margin-top: 0px;
    color: #ffe000;
    font-size: smaller;
    font-weight: bold;
    width: 200px;
    height: 46px;
    background-color: rgba(2,136,209, 0.4);
}
/* 5 busy indicator */
/* busy indicator image*/
.e-waitpopup-pane .e-image {
    background-color: #fff;
    background-image: url(/images/preloaders/blue/circular_4.gif)
}
/*s yncfusion overload */
#imgLoading {
    background: url('/images/preloaders/blue/circular_4.gif') no-repeat scroll -5px 18px transparent;
    position: fixed;
    top: 48%;
    left: 48%;
    cursor: wait;
    height: 30px;
    width: 30px;
    z-index: 21;
    opacity: 1.0; /*Safari, Opera */
    -moz-opacity: 1.0; /* FireFox */
    filter: alpha(opacity = 100); /* IE */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.local-loading-center-div {
    position: absolute;
    margin-top: 0px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.local-loading-box {
    background-size: 30px 30px;
    background-image: url('/images/preloaders/blue/circular_4.gif');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.splashscreen-logo-gas {
    background: url('/images/applogos/gasherbrum_white.png') no-repeat scroll transparent;
}

.splashscreen-logo-tracy {
    background: url('/images/applogos/tracy_white.png') no-repeat scroll transparent;
}

.splashscreen-logo-hse {
    background: url('/images/applogos/hse_white.png') no-repeat scroll transparent;
}

.splashscreen-logo-audit {
    background: url('/images/applogos/audit_white.png') no-repeat scroll transparent;
}

.splashscreen-logo-hinfos {
    background: url('/images/applogos/hinfos_white.png') no-repeat scroll transparent;
}

.splash-background {
    background-color: #0288D1;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 15000;
}

.splash-box {
    width: 200px;
    height: 40px;
}

.splash-center-div {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* maintenance */
.maintenance-container {
    background-color: #0288D1;
    width: 100%;
    height: 100%;
    position: absolute;
    display: table;
}

.maintenance-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: xx-large;
}

.nbs-default-virtualcompany {
    font-size: 17px;
    margin-left: 10px;
    color: #0288D1;
}

/* 10   breadcrumb */

.breadcrumb {
    padding: 8px 15px;
    margin: 5px 0px 0px 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

    .breadcrumb > li + li:before {
        padding: 0px;
        content: "";
    }

    .breadcrumb > li > span {
        padding: 5px;
        color: #FFFFFF;
    }

    .breadcrumb > li > a {
        color: #FFFFFF;
    }

/* 15 metronic overloads */

body {
    background-color: #FAFAFA;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0A0A0A;
}

/* 20   app header */
.navbar.page-header {
    background-color: #0288D1;
}

.clearfix {
    background: #0288D1;
}


/* 25 page content */
.page-content {
    margin-top: 0px;
    padding: 0px;
    background-color: #FAFAFA;
}

/* 30    logo Nembus */
.page-header.navbar .page-logo .logo-hse {
    margin: 5px 0px 0px -18px;
    background-image: url(/images/applogos/Hse_White.png);
    display: block;
    height: 40px;
    width: 200px;
    background-size: 193px 39px;
    background-repeat: no-repeat;
}


/* 30.b    logo Manutronix */
.page-header.navbar .page-logo .logo-manutronix {
    margin: 5px 0px 0px -18px;
    background-image: url(/images/applogos/manutronix_white.png);
    display: block;
    height: 40px;
    width: 200px;
    background-size: 193px 39px;
    background-repeat: no-repeat;
}

/* 30.c    logo Gasherbrum */
.page-header.navbar .page-logo .logo-gas {
    margin: 5px 0px 0px -18px;
    background-image: url(/images/applogos/Gasherbrum_White.png);
    display: block;
    height: 40px;
    width: 200px;
    background-size: 193px 39px;
    background-repeat: no-repeat;
}


/* 30.e    logo Audit */
.page-header.navbar .page-logo .logo-audit {
    margin: 5px 0px 0px -18px;
    background-image: url(/images/applogos/Audit_White.png);
    display: block;
    height: 40px;
    width: 200px;
    background-size: 193px 39px;
    background-repeat: no-repeat;
}

/* 30.f    logo Hinfos */
.page-header.navbar .page-logo .logo-hinfos {
    margin: 5px 0px 0px -18px;
    background-image: url(/images/applogos/hinfos_white.png);
    display: block;
    height: 40px;
    width: 200px;
    background-size: 193px 39px;
    background-repeat: no-repeat;
}

/* 30.e    logo Tracy */
.page-header.navbar .page-logo .logo-tracy {
    margin: 5px 0px 0px -18px;
    background-image: url(/images/applogos/tracy_White.png);
    display: block;
    height: 40px;
    width: 200px;
    background-size: 193px 39px;
    background-repeat: no-repeat;
}

/* 35 action panel toggler icon */
.page-header.navbar .menu-toggler {
    background-image: url(/images/services/sidebar-toggler-icon-white.png);
}

/* 40   title padding */
.page-content-wrapper .page-content {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* 50    header */
.page-header.navbar .top-menu .navbar-nav > li.dropdown {
    padding: 0px 0px;
}

/* 60    button show/hide navigation panel */
.page-header.navbar .menu-toggler.sidebar-toggler {
    float: right;
    margin: 11px -20px 0 0;
}

/* 70 navigation panel close */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {
    background-color: #cccccc;
}

/* 75 multi select items (label, trash button)*/
.multi-select-label {
    background-color: #FAFAFA;
    display: inline-block;
    padding: 2px 7px 2px 4px;
    font-size: 13px;
    /*font-weight: bold;*/
    line-height: 14px;
    color: #5C5C5C;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    border-left: 1px solid #D9DFDE;
    border-right: 1px solid #D9DFDE;
    border-top: 1px solid #D9DFDE;
    border-bottom: 1px solid #D9DFDE;
    height: 28px;
    margin-bottom: 2px;
}

.multi-select-trash {
    cursor: pointer;
    border-left: 1px solid #D9DFDE;
    border-right: 1px solid #D9DFDE;
    border-top: 1px solid #D9DFDE;
    border-bottom: 1px solid #D9DFDE;
}

/* 80 my notifications */
.app-alert {
    display: block;
    font-size: large;
    cursor: pointer;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    color: #D8D8D8;
    padding: 14px;
}

.app-alert-badge {
    margin-top: 6px;
    margin-left: -18px;
    background-color: #f32a2a;
    font-size: 10px;
    cursor: pointer;
}

/* 84     Fast tabs a dx dello schermo */
.panel-title > a:link {
    text-decoration: none;
}

.panel-title > a:visited {
    text-decoration: none;
}

.panel-title > a:hover {
    text-decoration: none;
}

.panel-title > a:active {
    text-decoration: none;
}

.panel-default > .panel-heading a:focus { /* */
    outline: thick;
}

#accordionFtc .hide-panel-body > .panel-collapse > .panel-body {
    display: none;
}

#accordionFtc .panel-group {
    background-color: transparent;
}

#accordionFtc .panel-default {
    border-color: #cccccc;
}

#accordionFtc .panel-group .panel {
    margin-bottom: -6px;
    border-radius: 2px;
}

#accordionFtc .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}

/* 8410 Accordion FTC fast tab header (bottone fast tab) */
#accordionFtc .panel-default > .panel-heading { /* fast tab header (bottone fast tab) */
    color: #0A0A0A;
    border-color: #cccccc;
    background-color: #F6F7F7;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px 8px;
    border-bottom: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    word-wrap: break-word;
}

#accordionFtc .panel-heading.panel-group-selected {
    color: #0A0A0A;
    background-color: #EBEFF9;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

#accordionFtc .panel-group .panel :hover { /* hover del fast tab header */
    background-color: #EBEFF9;
}

    #accordionFtc .panel-group .panel :hover .panel-body { /* fast tab header */
        background-color: #FFFFFF;
    }
/* 8420 Accordion FTC fast tab body content */
#accordionFtc .panel-default > .panel-collapse > .panel-body {
    padding: 10px;
    background-color: transparent;
    border-bottom: 0px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

    #accordionFtc .panel-default > .panel-collapse > .panel-body li :hover {
        background-color: #FF0000;
        font-weight: bold;
    }

    #accordionFtc .panel-default > .panel-collapse > .panel-body span {
        background-color: transparent;
        color: #5C5C5C;
        cursor: pointer;
    }

    #accordionFtc .panel-default > .panel-collapse > .panel-body ul {
        list-style-type: none;
        background-color: transparent;
    }

    #accordionFtc .panel-default > .panel-collapse > .panel-body li {
        margin-left: -42px;
    }

        #accordionFtc .panel-default > .panel-collapse > .panel-body li :hover {
            background-color: #EBEFF9;
        }

    #accordionFtc .panel-default > .panel-collapse > .panel-body span.panel-link-selected { /* selected link */
        background-color: transparent;
        text-decoration: none;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
    }

#accordionFtc .panel-group {
    background-color: transparent;
}

#accordionFtc .panel-default {
    border-color: #cccccc;
}

#accordionFtc .panel-group .panel {
    margin-bottom: -6px;
    border-radius: 2px;
}

#accordionFtc .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}

/* 85 Accordion HELPER */
#accordionHelper .panel {
    border-bottom: 1px solid transparent;
    margin-left: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#accordionHelper .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}

#accordionHelper .panel-default > .panel-heading { /* fast tab header (bottone fast tab) */
    color: #0A0A0A;
    border-color: #cccccc;
    background-color: #F6F7F7;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 10px;
    border-bottom: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#accordionHelper .panel-heading.panel-group-selected {
    color: #0A0A0A;
    background-color: #EBEFF9;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

#accordionHelper .panel-group .panel :hover .panel-body { /* header */
    background-color: #FFFFFF;
}

#accordionHelper .panel-default > .panel-collapse > .panel-body {
    padding: 10px;
    background-color: transparent;
    border-bottom: 0px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

#nbsNavigationPanel .panel-default > .panel-heading { /* */
    color: #333;
    background-color: #F6F7F7;
    border-color: #ddd;
    padding-top: 0px;
    padding-bottom: 8px;
}

#nbsNavigationPanel .panel-body { /* */
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#accordionHelper .panel-group .panel :hover .panel-title .fa-angle-down:before { /* arrow down */
    color: #0A0A0A;
}


.fa.pull-right { /* fast tab arrow down */
    margin-left: .3em;
    /*font-size: large;*/
}

/*  90 user menu */
.nbs-username-header-display {
    margin-top: 3px;
    text-align: right;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-left: 0px;
}

.nbs-virtualcontext-header-display {
    font-weight: lighter;
    color: white;
    margin-right: 12px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
    margin-top: 5px;
    padding: 3px 3px 3px 3px;
    width: auto;
    min-width: 250px;
}
    /* user menu li */
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
        color: #5c5c5c;
        padding: 8px 0px 2px 8px;
    }

/* 100 button user selected */
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #0288D1;
    /*width: 200px;*/
    height: 44px;
}
/* 110 button user hover */
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #0288D1;
    /*width: 200px;*/
    height: 44px;
}
/* 120 button user "rest" */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    /*width: 200px;*/
}

/* 130 button user text */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
    color: #ffffff;
    font-weight: 600;
}

/* 140 button user position */
.page-header.navbar .top-menu .navbar-nav {
    padding: 0;
    margin-right: 5px;
    display: block;
}

    /* 150 user button arrow */
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > span {
        color: #ffffff;
        float: none;
        padding-right: 0px;
        font-weight: bold;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > span {
        color: #ffffff;
    }

    /* 160 user menu items alignment*/
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
        font-size: 14px;
        vertical-align: top;
    }

/* 165 user menu user data */
.user-userdata {
    margin: 4px 0px 0px -10px;
    padding: 0px 0px 0px 20px;
}

.user-menu-label {
    margin-bottom: 5px;
    position: absolute;
}

.user-userdata hr {
    margin: 6px 0px 2px -10px;
}
/* 170 user menu icons */
.icon-usermenu {
    margin: 3px 0px 0px 0px;
    background-image: url(/images/services/20/work_user.png);
    display: block;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    width: 15px;
    height: 18px;
}

.icon-user-myprofile {
    background-image: url(/images/services/20/work_user.png);
}

icon-config-mobile {
    background-image: url(/images/services/20/work_user.png);
}

.icon-user-favorite {
    background-image: url(/images/services/20/favorite.png);
}

.icon-user-settings {
    background-image: url(/images/services/20/gear.png);
}

.icon-user-usermanual {
    background-image: url(/images/services/20/book-info.png);
}

.icon-user-help {
    background-image: url(/images/services/20/help.png);
}

.icon-user-thesaurus {
    background-image: url(/images/services/20/tag_horizontal.png);
}

.icon-user-pageinfo {
    background-image: url(/images/services/20/info.png);
}

.icon-user-logout {
    background-image: url(/images/services/20/logout.png);
}

.page-title {
    margin-bottom: 0px;
    font-size: large;
    letter-spacing: 0px;
    display: block;
    color: #5C5C5C;
    font-weight: 600;
    margin: 0px 0px 15px 10px;
    padding-top: 15px;
    /* padding-bottom: 10px; */
    /* padding: 0px; */
}

.page-title-modal {
    margin-bottom: 0px;
    font-size: large;
    letter-spacing: 0px;
    display: block;
    color: #5C5C5C;
    font-weight: 600;
    margin: 0px 0px 15px 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding: 0px;
}

/* 180  table html */
.nbs-table {
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: -1px;
    margin-right: 10px;
    overflow: hidden;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nbs-table-header {
    background-color: #EBEFF9;
    font-weight: 600;
    border-bottom-color: #0288D1;
    border-bottom-style: solid;
}

.nbs-table-tr:nth-child(even) {
    background-color: #F6F7F7;
}

.nbs-br {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* 200   bootstrap form */

/* 201 PhotoPassport*/
.nbs-image-component-toolbar-background {
    background: #0288D1;
    color: #fff;
}

.nbs-map-position-delete {
    background: #0288D1;
    bottom: 0;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    left: 2px;
    line-height: 13px;
    position: absolute;
    padding: 10px 3px 10px 0px;
    text-align: center;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    font-size: large;
}

/* 205   bootstrap form label */
.form-horizontal .control-label {
    text-align: left;
}


/* 210   Form bordered originale, coi box */
/* 
.form .form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #D9DFDE;
    background-color: none; /*label background 
    
}

    .form .form-bordered .form-group > div {
        padding: 0px 0px 0px 2px;
        border-left: 1px solid #D9DFDE;
}
*/

/* 210   Form bordered */

.form .form-bordered .form-group {
    margin: 2px;
    font-weight: lighter;
    border-bottom: 0px solid #D9DFDE;
    /*background-color: none; label background */
}

    .form .form-bordered .form-group > div {
        padding: 0px 0px 0px 2px;
        border-left: 0px solid #D9DFDE;
    }

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

@media (max-width: 991px) {
    .form .form-bordered .form-group > div {
        /* 991px */
        border-left: 0;
    }
}

.form .form-bordered .form-group.last {
    border-bottom: 0;
}

.form .form-bordered .form-group .control-label {
    padding-top: 4px;
    padding-left: 10px;
}

@media (max-width: 991px) {
    .form .form-bordered .form-group .control-label {
        /* 991px */
        padding-top: 4px;
    }
}

.form .form-bordered .form-group .help-block {
    border-radius: 0;
    margin-bottom: 0;
}

.form .form-bordered .form-group .form-control {
    margin: 0;
}

.form .form-bordered .form-body {
    margin: 0;
    padding: 0;
}

.form .form-bordered .form-actions {
    margin-top: 0;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* .form-box originale, quella col bordo alle label */
/* 
.form-box {
    border-top: 1px solid #D9DFDE;
    border-left: 1px solid #D9DFDE;
    border-bottom: 1px solid #D9DFDE;
    border-right: 1px solid #D9DFDE;
    margin-top: 8px;
    margin-right: 10px;
}
*/

.form-box {
    border-top: 0px solid #D9DFDE;
    border-left: 0px solid #D9DFDE;
    border-bottom: 0px solid #D9DFDE;
    border-right: 0px solid #D9DFDE;
    margin-top: 8px;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .form .form-bordered .form-actions {
        /* 991px */
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* 220 Form elements border outline */
/* questo è il luccichio quando si va in EDIT di un form*/
.form-control:focus {
    border-color: #ffcc00;
    outline: 0;
}

/* MultiSelect control */
.nbs-multiselect-container {
    /* fake property */
}

    .nbs-multiselect-container .ui-select-choices-row {
        border-left: 0px;
        border-top: 0px;
        border-right: 0px;
        border-bottom: 1px;
        border-style: solid;
        border-color: #e0dcdc
    }

    .nbs-multiselect-container .btn {
        text-align: left;
        white-space: pre;
        width: auto;
    }

    .nbs-multiselect-container .nbs-multiselect-container-text {
        margin-top: -17px;
        position: relative;
        margin-bottom: -16px;
        padding-right: 18px;
        margin-right: 18px;
    }

    .nbs-multiselect-container .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
        outline: 0;
        margin: 0 3px 3px 0;
        white-space: pre-line;
    }

    .nbs-multiselect-container .ui-select-bootstrap .ui-select-choices-row > span {
        cursor: pointer;
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: normal;
    }

/* 230 Form control */
.form-control {
    color: #0A0A0A;
    border: 1px solid #ccc;
}


    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #FFFFFF;
        opacity: 1;
    }


    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

.nbs-field-disabled {
    cursor: not-allowed;
}

/* 250 Form input text */

input[type="text"] {
    background-color: #FFFFFF;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nbs-textarea {
    width: 100%;
    display: block;
    resize: none;
    border: 0;
    overflow: hidden;
}

    .nbs-textarea:focus {
        outline: none !important;
        border-color: transparent;
    }

/* 260 Form labels */
.label-default {
    background-color: #cccccc;
}

.label {
    /* display: inline; */
    padding: 0.2em 1.6em .3em;
    font-weight: bold;
    line-height: 2;
    color: #FFFFFF;
    text-align: left;
    /* white-space: nowrap; */
    vertical-align: baseline;
    border-radius: .25em;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    /* float: left; */
    /* margin-right: 10px; */
    margin-bottom: 1px;
    margin-top: 1px;
    height: 27px;
}

.nbs-label-list-container {
    margin: 0px;
}

.nbs-label-list-item {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -14px;
}

.z-decorator > .label-danger {
    white-space: normal;
    height: inherit;
}

/* 270   Form TimePicker */
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
    padding: 0px 0px 0px 0px;
}

.nbs-timepicker {
    /* margin-top: -20px; */
    /* margin-bottom: -20px; */
}

    .nbs-timepicker .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
        font-size: 9px;
        color: #0288D1;
    }

    .nbs-timepicker .uib-increment.hours {
        padding: 0px;
        position: absolute;
        margin-left: 36px;
        margin-top: -5px;
        top: 0px;
    }

    .nbs-timepicker .uib-increment.minutes {
        padding: 0px;
        position: absolute;
        margin-left: 36px;
        margin-top: -5px;
        top: 0px;
    }

    .nbs-timepicker .uib-increment.seconds {
        padding: 0px;
        position: absolute;
        margin-left: 36px;
        margin-top: -5px;
        top: 0px;
    }

    .nbs-timepicker .uib-decrement.hours {
        padding: 0px;
        position: absolute;
        margin-left: 36px;
        margin-top: -19px;
    }

    .nbs-timepicker .uib-decrement.minutes {
        padding: 0px;
        position: absolute;
        margin-left: 36px;
        margin-top: -19px;
    }

    .nbs-timepicker .uib-decrement.seconds {
        padding: 0px;
        position: absolute;
        margin-left: 36px;
        margin-top: -19px;
    }

    .nbs-timepicker input {
        height: 30px;
        padding-left: 0px;
    }


/* 280   SYNCFUSION SPLITTER */
.nbsSplitterCss {
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 4px;
    border-color: lightgray;
    height: 500px;
}

    .nbsSplitterCss .e-pane {
        background-color: transparent;
    }

    split-divider, .nbsSplitterCss .e-splitbar.e-split-divider {
        background-color: white;
        border-color: #c8c8c8;
    }

        split-divider, .nbsSplitterCss .e-splitbar.e-split-divider:hover {
            background-color: gray;
            border-color: #c8c8c8;
        }

    .nbsSplitterCss .e-splitbar.e-h-bar {
        border-style: solid;
        border-width: 0 1px;
        height: 100%;
        vertical-align: middle;
        width: 9px;
    }

/*290 SYNCFUSION SLIDER*/
/* remove tick */
.timelinecontainer .e-scale .e-tick {
    background-image: none;
}

.timelinecontainer .e-slider .e-range {
    background: none;
}

.timelinecontainer .e-slider.e-widget {
    border-radius: 6px;
}

.timelinecontainer .e-slider .e-handle.e-select {
    border-radius: 6px;
}

.timelinecontainer .e-slider .e-handle.e-select {
    background-color: #0288D1;
}

.timelinecontainer .e-slider .e-handle.e-hover {
    background-color: #0288D1;
}

.timelinecontainer .e-h-scale .e-tick .e-tick-value {
    width: 50px;
    margin-left: 15px;
}

.timelinelabel {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    .timelinelabel .columnRight {
        width: 50%;
        float: right;
        font-weight: 600;
        margin-top: 14px;
        display: table;
        text-align: right;
        padding-right: 30px;
        margin-top: -15px;
    }

    .timelinelabel .labelRight {
        border-radius: 8px;
        border: 1px solid #0288D1;
        padding: 3px;
    }

    .timelinelabel .columnLeft {
        width: 50%;
        float: left;
        font-weight: 400;
        margin-top: 10px;
    }

.ui-rangeSlider-bar {
    background: #0288D1;
    height: 18px;
    margin: 1px 0;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
}

/* date picker buttons */
/* Oggi */
.datepicker-container .dropdown-menu .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* Reset */
.datepicker-container .dropdown-menu .btn-danger {
    color: #0A0A0A;
    background-color: #d9534f;
    border-color: #d9534f;
    margin-left: 5px;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

/* Chiudi */
.datepicker-container .dropdown-menu .btn-success {
    color: #0A0A0A;
    background-color: #5CB85C;
    border-color: #5CB85C;
}

/* 300   syncfusion navigation panel (accordion) */
/* 310   border */

.e-acrdn {
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .e-acrdn .e-select.e-active {
        border-color: #cccccc;
        font-weight: normal;
        border-bottom: medium none;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .e-acrdn .e-select {
        border-color: #cccccc;
        font-weight: normal;
        font-size: 14px;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .e-acrdn > .e-content {
        border-color: #cccccc;
        background-color: #FAFAFA;
        color: #5C5C5C; /*  linguetta fisarmoniche  */
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        padding: 5px 10px 10px 0px;
        text-align: justify;
        position: relative;
    }

    .e-acrdn > .e-select:first-child {
        border-top-color: #cccccc;
    }


/* 315   navigation panel tree view  */

.e-treeview {
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .e-treeview .e-active {
        background: #0288D1;
        color: #ffffff;
        border: 1px solid transparent;
        border-image: initial;
    }

    .e-treeview .e-node-hover, .e-treeview .e-node-focus {
        background: #0288D1;
        color: #ffffff;
        border: 1px solid #0288D1;
        border-image: initial;
        cursor: pointer;
    }

.nbs-tree-1 {
    background: url("/images/TreeView/folder.png");
    width: 16px;
    margin-top: -5px;
    background-size: cover;
}


.nbs-tree-2 {
    background: url("/images/TreeView/file.png");
    width: 16px;
    margin-top: -5px;
    background-size: cover;
}

.nbs-treefolder {
    background: url("/images/TreeView/folder.png"); /* For chrome, safari */
    width: 16px;
    margin-top: -5px;
    background-size: cover;
}

.nbs-treefolder-remove {
    background: url("/images/TreeView/folder-remove.png"); /* For chrome, safari */
    width: 16px;
    margin-top: -5px;
    background-size: cover;
}

.nbs-treefolder-add {
    background: url("/images/TreeView/folder-add.png"); /* For chrome, safari */
    width: 16px;
    margin-top: -5px;
    background-size: cover;
}

.nbs-treefile {
    background: url("/images/TreeView/file.png"); /* For chrome, safari */
    width: 16px;
    margin-top: -5px;
    background-size: cover;
}

.nbs-treedefault {
    background: url("/images/TreeView/treeview-default.png"); /* For chrome, safari */
    width: 16px;
    margin-top: -5px;
    background-size: cover;
}

.nbs-treehierarchy {
    background: url("/images/TreeView/circle.png"); /* For chrome, safari */
    width: 8px;
    margin-top: -5px;
    background-size: cover;
}

.nbs-treefile-list {
    background: url("/images/TreeView/file-list.png"); /* For chrome, safari */
    width: 16px;
    margin-top: -5px;
    background-size: cover;
}

.nbs-treefile-remove {
    background: url("/images/TreeView/file-remove.png"); /* For chrome, safari */
    width: 16px;
    margin-top: -5px;
    background-size: cover;
}

.nbs-treefile-list-remove {
    background: url("/images/TreeView/file-list-remove.png"); /* For chrome, safari */
    width: 16px;
    margin-top: -5px;
    background-size: cover;
}

/* 320   button navigation panel: mouseover */
.e-acrdn .e-select:hover {
    background-color: #EBEFF9;
}

    .e-acrdn .e-select:hover a {
        color: #0A0A0A;
    }

/* 330   button navigation panel: normal */
.e-acrdn > .e-select, .e-acrdn > .e-select.e-disable:hover, .e-acrdn > .e-select.e-disable:hover a {
    background-color: #F6F7F7;
}

/* 340   button navigation panel: selected */
.e-acrdn .e-active.e-select, .e-acrdn .e-select.e-active.e-disable:hover a, .e-acrdn .e-select.e-active.e-disable:hover {
    background-color: #EBEFF9;
    color: #0A0A0A;
}

    /* 350   selected text color */
    .e-acrdn .e-active.e-select a {
        color: #5C5C5C;
        font-weight: 600;
    }

.e-treeview > .e-ul {
    overflow-y: hidden;
}

.header-expand {
    background-position: -187px -60px;
    cursor: pointer;
    display: block;
    float: right !important;
    height: 16px;
    width: 16px;
}

.e-acrdn > .e-select > .e-icon {
    border: 0 none transparent;
    display: block;
    height: 16px;
    width: 16px;
    margin-left: -5px;
    margin-right: 6px;
    margin-top: 5px;
    cursor: pointer;
    float: left;
}

.header-close {
    background-position: -161px -60px;
    cursor: pointer;
    display: block;
    float: right !important;
    height: 16px;
    width: 16px;
}

.e-acrdn-header:hover .header-expand {
    background-position: -187px -60px;
}

.e-acrdn-header:hover .header-close {
    background-position: -161px -60px;
}

.logos {
    float: left;
    height: 27px;
    margin: 0px 5px 2px -10px;
    width: 27px;
    background-size: 27px 27px;
    background-repeat: no-repeat;
}

    .logos.ats {
        background-image: url(/images/modules/32/ats.png);
    }

    .logos.acc {
        background-image: url(/images/modules/32/act.png);
    }

    .logos.hrs {
        background-image: url(/images/modules/32/hrs.png);
    }

    .logos.oms {
        background-image: url(/images/modules/32/oms.png);
    }

    .logos.jam {
        background-image: url(/images/modules/32/jam.png);
    }

    .logos.jts {
        background-image: url(/images/modules/32/jts.png);
    }

    .logos.sam {
        background-image: url(/images/modules/32/sam.png);
    }

    .logos.srm {
        background-image: url(/images/modules/32/srm.png);
    }

    .logos.bsi {
        background-image: url(/images/modules/32/bsi.png);
    }

    .logos.mpl {
        background-image: url(/images/modules/32/mpl.png);
    }

    .logos.ers {
        background-image: url(/images/modules/32/ers.png);
    }

    .logos.ced {
        background-image: url(/images/modules/32/ced.png);
    }

    .logos.tec {
        background-image: url(/images/modules/32/tec.png);
    }

    .logos.tes {
        background-image: url(/images/modules/32/tes.png);
    }

    .logos.ecc {
        background-image: url(/images/modules/32/ecc.png);
    }

    .logos.wcs {
        background-image: url(/images/modules/32/wcs.png);
    }

    .logos.aud {
        background-image: url(/images/modules/32/aud.png);
    }

    .logos.audtpl {
        background-image: url(/images/modules/32/audtpl.png);
    }

    .logos.act {
        background-image: url(/images/modules/32/act.png);
    }

    .logos.audtgt {
        background-image: url(/images/modules/32/audtgt.png);
    }

    .logos.ims {
        background-image: url(/images/modules/32/ims.png);
    }

    .logos.its {
        background-image: url(/images/modules/32/its.png);
    }

/* 400   syncfusion menu ridotto  */
/* 410   menu verticale ridotto - navigation panel */
.e-menu.e-vertical .e-list {
    height: 42px;
}
/* attenzione ai filtri grid.. usano menu vertical
.e-menu.e-vertical > .e-list > a, .e-menu.e-vertical > .e-list > span {
    padding: 1px;
    zoom: 1;
}
    */

.e-menu.e-vertical {
    background: #FAFAFA;
    color: #5C5C5C;
    border-color: #CCCCCC;
}

/* 500   syncfusion grid */
/* 501 Hide busy indicator */
.e-waitpopup-pane .e-image {
    height: 0px;
    width: 0px;
}

/* grid toolbar */
.user-15 {
    background-image: url(/images/icons/user.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
}

.user-group-15 {
    background-image: url(/images/icons/user_group.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
}

.nbs-attachment-ico {
    color: #7d7a7a;
    font-size: 24px;
}

/* 510   grid group */

.e-grid {
    margin-right: 10px;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .e-grid td {
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }



    /* START: grid toolbar expandable */
    .e-grid .e-groupdroparea {
        background-color: #FAFAFA;
        font-size: 19px;
        font-weight: bold;
        text-align: center;
        border-top-width: 1px;
        padding-top: 5px;
        padding-bottom: 8px;
        text-indent: 10pt;
        width: 100%;
        border-style: solid none;
        border-width: 1px 0 0;
        color: #5C5C5C;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: oblique;
    }
    /* END: grid toolbar expandable */

    /* START: grid toolbar with search textbox */
    .e-grid .e-toolbar.e-toolbarspan {
        border-width: 1px 0 0;
        border-style: solid;
        display: block !important;
        background: #FAFAFA;
        border-color: #cccccc;
    }
/* END: grid toolbar with search textbox */

/* 515   grid load on demand */
.e-waitpopup-pane {
    opacity: 0.15;
    filter: alpha(opacity=85);
    position: absolute;
}

/* START: grid search textbox*/
.e-gridtoolbar.e-toolbar.e-js ul > li.e-tooltxt {
    border-color: #FAFAFA;
    background: #FAFAFA;
}
/* END: grid search textbox */

/* START: grid toolbar arrow*/
.e-grid .e-animatebutton {
    width: 16px;
    height: 10px;
    font-size: 12px;
    padding-right: 26px;
    float: right;
}

.e-grid .e-icon.e-animatebutton {
    color: #0A0A0A;
    cursor: default;
}
/* END: grid toolbar arrow*/

/* GROUP BUTTON */
.e-grid .e-groupheadercell, .e-grid .e-groupheadercell:hover {
    font-size: 13px;
    font-weight: normal;
    margin-left: 10px;
    padding: 7px;
    cursor: pointer;
    height: 37px;
    border: 1px solid;
    background-color: #eeeeee;
    color: #5C5C5C;
    border-color: #cccccc;
    /*color:black;*/
    /*background-color:red;*/
}

    .e-grid .e-groupheadercell .e-icon:before {
        display: inline;
        color: #5C5C5C;
    }

    .e-grid .e-groupheadercell .e-cancel {
        padding-right: 11px;
        color: #5C5C5C;
    }
/* END GROUP BUTTON */

/*TOOLBAR SEARH ICON*/
.e-grid .e-toolbaricons.e-searchfind {
    padding-left: 6px;
    color: #5C5C5C;
}

    .e-grid .e-toolbaricons.e-searchfind:hover {
        padding-left: 6px;
        color: #5C5C5C;
    }

.e-grid .e-toolbar .e-hover .e-icon {
    color: #5C5C5C;
}
/*END TOOLBAR SEARCH ICON*/


/*550    grid row mouseover */

.e-grid tr.e-hover {
    background-color: #EBEFF9;
    color: #0A0A0A;
}

.e-grid .e-alt_row {
    background: #F6F7F7;
}

/*560    grid row selected */
.e-grid td.e-active, .e-grid .e-form-titlebar {
    background: #0292d1 !important; /* Do not remove !important: used to overwrite custom colors*/
    /*color: white !important;*/
}

.e-grid.e-default {
    background-color: #fff;
}

.e-control, .e-control [class^='e-'], .e-control [class*=' e-'] {
    box-sizing: border-box;
}

.e-grid {
    border-color: #e0e0e0;
}

.e-grid {
    border-radius: 0;
    border-style: none solid solid;
    border-width: 1px;
    display: block;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: auto;
    position: relative;
}

    .e-grid .e-gridheader {
        background-color: #fff;
        /*      border-bottom-color: #0288D1;      */
        border-top-color: #e0e0e0;
        color: rgba(0, 0, 0, 0.54);
    }

    .e-grid .e-table {
        background-color: #fff;
    }

    .e-grid [class^='e-'] {
        box-sizing: border-box;
    }

    .e-grid .e-table {
        border-collapse: separate;
        table-layout: fixed;
        width: 100%;
    }

    .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv, .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
        padding: 0 0.6em 0 1.9em;
    }

    .e-grid .e-gridheader .e-sortfilter .e-headercelldiv, .e-grid .e-gridheader .e-stackedheadercelldiv, .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
        padding: 0 1.8em 0 0.6em;
    }

    .e-grid.e-responsive .e-rowcell, .e-grid.e-responsive .e-headercelldiv {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .e-grid [class^='e-'] {
        box-sizing: border-box;
    }

    .e-grid .e-headercelldiv {
        border: 0 none;
        display: block;
        font-size: 14px;
        font-weight: 700;
        height: 29px;
        line-height: 30px;
        margin: -7px;
        overflow: hidden;
        padding: 0 0.6em;
        text-align: left;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }


    .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child {
        border-left-width: 0;
    }

    .e-grid .e-gridheader tr th:first-child {
        padding-left: px;
    }

    .e-grid .e-gridheader tr:first-child th {
        border-top: 0 none;
    }

    .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
        border-width: 0;
    }

    .e-grid .e-gridheader .e-headercell, .e-grid .e-gridheader .e-detailheadercell {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .e-grid .e-headercell, .e-grid .e-detailheadercell {
        background-color: #fff;
        border-color: #e0e0e0;
    }

    .e-grid .e-headercell, .e-grid .e-detailheadercell {
        border-style: solid;
        /*border-width: 0;*/
        font-size: 12px;
        font-weight: 500;
        height: 35px;
        overflow: hidden;
        padding: 0 20px 0;
        position: relative;
        text-align: left;
    }

        .e-grid .e-headercell .e-ascending, .e-grid .e-headercell .e-descending {
            float: left;
            height: 10px;
            margin-left: -15px;
            padding: 0;
            color: rgba(0, 0, 0, .54)
        }

    .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell {
        border-top: 0;
    }

    .e-grid .e-gridcontent tr:first-child td {
        border-top-color: transparent;
    }

    .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child {
        border-left-width: 0;
    }

    .e-grid .e-gridcontent tr:first-child td {
        border-top: 0 none;
    }

    .e-grid .e-rowcell:not(.e-editedbatchcell), .e-grid .e-detailrowcollapse:not(.e-editedbatchcell), .e-grid .e-detailrowexpand:not(.e-editedbatchcell), .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell), .e-grid .e-emptyrow:not(.e-editedbatchcell) {
        color: #000;
        opacity: 0.87;
    }

    .e-grid.e-responsive .e-rowcell, .e-grid.e-responsive .e-headercelldiv {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .e-grid .e-rowcell:first-child, .e-grid .e-summarycell:first-child {
        padding-left: 21px;
    }

    .e-grid .e-rowcell, .e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand, .e-grid .e-detailindentcell, .e-grid .e-detailcell {
        border-color: #e0e0e0;
    }

    .e-grid [class^='e-'] {
        box-sizing: border-box;
    }

    .e-grid .e-rowcell, .e-grid .e-gridcontent, .e-grid .e-gridheader, .e-grid .e-headercontent, .e-grid .e-groupdroparea, .e-grid .e-gridfooter, .e-grid .e-summarycontent {
        overflow: hidden;
        vertical-align: middle;
    }

    .e-grid .e-rowcell {
        border-style: solid;
        border-width: 1px 0 0 0;
        display: table-cell;
        font-size: 13px;
        line-height: 14px;
        overflow: hidden;
        padding: 8px 21px;
        vertical-align: middle;
        white-space: nowrap;
        width: auto;
    }

.e-pager {
    background-color: #fff;
    border-color: #e0e0e0;
    color: #000;
    opacity: 0.87;
}

.e-pager {
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: 13px;
    white-space: normal;
    width: 100%;
}

.e-grid .e-pager {
    background-color: rgba(255, 255, 255, .15);
}

.e-pager .e-pagercontainer {
    background-color: rgba(255, 255, 255, .15);
    border-color: #e0e0e0;
}

.e-pager .e-pagercontainer {
    border-radius: 4px;
    border-style: solid;
    border-width: 0;
    display: inline-block;
    margin: 5px 6px 5px 18px;
    overflow: hidden;
}

.e-pager .e-prevpagedisabled, .e-pager .e-prevpage, .e-pager .e-nextpage, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled, .e-pager .e-lastpage, .e-pager .e-firstpage, .e-pager .e-firstpagedisabled {
    background-color: rgba(255, 255, 255, .15);
    color: #686969;
}

.e-pager .e-spacing, .e-pager .e-numericitem:hover, .e-pager .e-currentitem {
    border-radius: 12px;
    cursor: pointer;
    padding: 6px;
    text-decoration: none;
}

.e-pager .e-numericitem {
    border-right-width: 0px;
    border-right-style: solid;
    display: inline-block;
    min-width: 22px;
    text-align: center;
    line-height: 1;
    background-color: transparent;
    margin: 0px 2px 0px 2px;
}

.e-grid .e-headercell, .e-grid .e-grouptopleftcell {
    background-color: rgba(255, 255, 255, .15);
}

.e-pager .e-currentitem.e-active {
    border-width: -1px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 24px;
    background: #0288D1;
}

.e-grid .e-groupheadercell .e-cancel {
    padding-right: 27px;
    color: #5C5C5C;
}

.grid-mobile.e-grid td.e-active, .e-grid .e-form-titlebar {
    background: #e0e0e0 !important; /* Do not remove !important: used to overwrite custom colors*/
}

.grid-mobile .e-table {
    border-top: 1px;
    border-style: solid;
    border-color: #ddd9d9;
}

.grid-mobile .e-gridheader {
    display: none;
}

.grid-mobile .e-rowcell.e-templatecell {
    padding: 2px;
}

/* 570   grid icons */
.e-check-blue-img {
    background-image: url("/images/toolbar/16/CheckBlue16.png");
    width: 16px;
    height: 16px;
    border: 0px;
    width: 5px;
    margin-right: 5px;
}

.e-check-red-img {
    background-image: url("/images/toolbar/16/CheckRed16.png");
    width: 16px;
    height: 16px;
    border: 0px;
}

.e-check-green-img {
    background-image: url("/images/toolbar/16/CheckGreen16.png");
    width: 16px;
    height: 16px;
    border: 0px;
}
/* 580    syncfusion scheduler */
.e-draggableAppointment, .e-schedule .e-monthappointment, .e-selectedappointment, .e-schedule .e-alldayappointment, .e-schedule .e-appointment {
    border: 1px solid black;
    border-radius: 3px;
}

.e-nbs-scheduler-appointment-container {
    border: 0px;
    height: 100%;
    border-style: solid;
    border-color: black;
    padding: 1px 3px 1px 3px;
    border-radius: 3px;
    white-space: nowrap;
    color: black;
}
/* 600    syncfusion action panel (ribbon) */


/* 610    background */
.e-ribbon.e-js .e-content {
    background: #F6F7F7;
    border-color: #D9DFDE;
    border-top-width: 0;
}

/* 615  tab  background */
.e-ribbon.e-js .e-header, .e-ribbon.e-js .e-left, .e-ribbon.e-js .e-right {
    border: 1px solid #D9DFDE;
    background: #FAFAFA;
}

/* 620    remove header border */
.e-tab .e-addborderbottom.e-header {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.e-tab.e-js.e-widget {
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    border: none;
    margin-top: -16px;
}

/* 625 group text*/

.e-ribbon .e-captionarea {
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 630  rest button */

.e-btn, .e-tbtn, .e-split-btn {
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
}

.e-ribbon .e-btn.e-select, .e-ribbon .e-tbtn.e-disable {
    background: #F6F7F7;
    border-color: #F6F7F7;
    text-align: center;
}

    .e-ribbon .e-btn.e-select.e-small, .e-ribbon .e-tbtn.e-disable.e-small {
        background: #F6F7F7;
        border-color: #F6F7F7;
        text-align: left;
    }

/* 640   hover button */
.e-ribbon .e-select.e-btn:hover {
    background-color: #EBEFF9;
    color: #0A0A0A;
}

.e-ribbon.e-js .e-btn.e-select:hover {
    background: #EBEFF9;
}

.e-ribbon .e-header > li {
    padding-top: 0px;
}

.e-ribbon .e-header li a {
    padding: 1px 14px;
}

.e-js.e-ribbon > .e-header {
    height: 38px;
}

/* 645 ribbon tab responsive color background "Home","Cms" */
.e-ribbon.e-responsive .e-header, .e-ribbon.e-responsive .e-responsiveqat .e-btn, .e-ribbon.e-responsive .e-resqatScroll .e-content, .e-ribbon.e-responsive .e-backstagerestop {
    background: #0288D1 !important;
}

/* 650   tab color */
.e-ribbon.e-js .e-header .e-active.e-tab a, .e-ribbon.e-js .e-header .e-active.e-contextualtabset a {
    border-color: #D9DFDE #D9DFDE transparent;
    color: #5C5C5C;
    background: #F6F7F7;
}

/* 654   tab hover */
.e-ribbon.e-js .e-header li.e-select:not(.e-apptab) a:hover {
    color: #0288D1;
}

/* 660    tab font size*/
.e-tab.e-js .e-header > .e-select, .e-tab.e-js .e-header > .e-active, .e-tab.e-js .e-left > .e-active, .e-tab.e-js .e-right > .e-active, .e-tab.e-js .e-left > .e-select, .e-tab.e-js .e-right > .e-select {
    font-size: 10px;
}

.e-ribbon .e-rbn-button.e-btn.e-select, .e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover, .e-ribbon .e-rbn-button.e-tbtn.e-disable {
    background: #F6F7F7;
    color: #333;
}

/* 670    action bar ribbon  */
.e-publish-schema-img {
    background-image: url("/images/actions/32/publish-schema.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-document-new-img {
    background-image: url("/images/actions/32/document-new.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-task-new-img {
    background-image: url("/images/actions/32/task-new.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

/* 680 ribbon documentation */
.e-doc-title-edit-img {
    background-image: url("/images/actions/32/doc_address_book-edit.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-doc-element-add-img {
    background-image: url("/images/actions/32/doc_notepad_open-add2.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-doc-element-edit-img {
    background-image: url("/images/actions/32/doc_notepad_open-edit.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-doc-element-edit-description-img {
    background-image: url("/images/actions/32/doc_note_text-edit.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-doc-refresh-file-img {
    background-image: url("/images/actions/32/doc_document_flat-update.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-folder_open-new-img {
    background-image: url("/images/actions/32/folder_open-new.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 40px;
}

.e-folder_open-edit-img {
    background-image: url("/images/actions/32/folder_open-edit.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 40px;
}

.e-tool_pencil-img {
    background-image: url("/images/actions/32/tool_pencil.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-tool_pencil_hot-img {
    background-image: url("/images/actions/32/hot/tool_pencil.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-trash_bin-img {
    background-image: url("/images/actions/32/trash_bin.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-documents-edit-img {
    background-image: url("/images/actions/32/documents-edit.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-clipboard_copy-img {
    background-image: url("/images/actions/16/clipboard_copy.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-save-img {
    background-image: url("/images/actions/16/save.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-reload_rotate-img {
    background-image: url("/images/actions/32/reload_rotate.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-print-img {
    background-image: url("/images/actions/32/print.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-export_to_word-img {
    background-image: url("/images/actions/32/export_to_word.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-export_to_excel-img {
    background-image: url("/images/actions/32/export_to_excel.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-export_to_excel_integration-img {
    background-image: url("/images/actions/32/export_to_excel_integration.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-zoom_in-img {
    background-image: url("/images/actions/32/zoom_in.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-zoom_out-img {
    background-image: url("/images/actions/32/zoom_out.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-full_screen-img {
    background-image: url("/images/actions/32/full_screen_2.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-attach-img {
    background-image: url("/images/actions/32/attach.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-comment-img {
    background-image: url("/images/actions/32/comment.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-key-img {
    background-image: url("/images/actions/32/key.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-formkey-img {
    background-image: url("/images/actions/32/form-key.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-formnew-img {
    background-image: url("/images/actions/32/mail-user.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-addcategorydefault-img {
    background-image: url("/images/actions/32/add_button.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-removecategorydefault-img {
    background-image: url("/images/actions/32/remove_button.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

/* image used is temporary */
.e-vhrevent-approval-authorize-img {
    background-image: url("/images/actions/32/approval-authorize.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-vhrevent-approval-modify-img {
    background-image: url("/images/actions/32/approval-modify.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-vhrevent-approval-info-img {
    background-image: url("/images/actions/16/approval-info.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.e-vhrevent-execution-approve-img {
    background-image: url("/images/actions/32/execution-approve.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-vhrevent-execution-modify-img {
    background-image: url("/images/actions/32/execution-modify.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-vhrevent-execution-info-img {
    background-image: url("/images/actions/16/execution-info.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.e-workflow-status-execute-img {
    background-image: url("/images/actions/32/status-execute.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-workflow-status-modify-img {
    background-image: url("/images/actions/32/status-update.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}


.e-workflow-status-delete-img {
    background-image: url("/images/actions/16/document-delete.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-workflow-status-info-img {
    background-image: url("/images/actions/16/status-info.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.e-action-views-grid-img {
    background-image: url("/images/actions/32/views-grid.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-action-views-calendar-img {
    background-image: url("/images/actions/32/views-calendar.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-action-views-stream-img {
    background-image: url("/images/actions/32/views-stream.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-action-views-tree-img {
    background-image: url("/images/actions/32/views-tree.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-action-views-timeline-img {
    background-image: url("/images/actions/32/views-timeline.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-action-views-board-img {
    background-image: url("/images/actions/32/views-board.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-setdefault-img {
    background-image: url("/images/actions/32/trash_bin.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-qrcodekey-img {
    background-image: url("/images/actions/32/qrcode-key.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-approve-img {
    background-image: url("/images/actions/32/document_color_blue-ok.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-vhrevent-status-approve-img {
    background-image: url("/images/actions/32/status-approve.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-vhrevent-status-approve-multi-img {
    background-image: url("/images/actions/32/status-approve-multi.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-vhrevent-status-update-img {
    background-image: url("/images/actions/32/status-update.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-vhrevent-status-complete-img {
    background-image: url("/images/actions/16/status-complete.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-vhrevent-status-info-img {
    background-image: url("/images/actions/16/status-info.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-vhrevent-failure-status-complete-img {
    background-image: url("/images/actions/32/document-option.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-vhrevent-failure-status-close-img {
    background-image: url("/images/actions/16/status-complete.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-change-state-img {
    background-image: url("/images/actions/32/status-approve.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 28px;
}

.e-add-filter-img {
    background-image: url("/images/actions/32/add_filter.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-delete-filter-img {
    background-image: url("/images/actions/16/delete_filter.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-search-img {
    background-image: url("/images/actions/32/find.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-reset-img {
    background-image: url("/images/actions/16/reset_filter.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-export-pdf-img {
    background-image: url("/images/actions/32/export_to_pdf.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-export-html-img {
    background-image: url("/images/actions/32/export_to_html.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-export-word-small-img {
    background-image: url("/images/actions/16/export_to_word.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-export-excel-small-img {
    background-image: url("/images/actions/16/export_to_excel.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-export-xml-small-img {
    background-image: url("/images/actions/16/export_to_xml.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-invoice-status-close-img {
    background-image: url("/images/actions/32/invoice-status-close.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-invoice-status-update-img {
    background-image: url("/images/actions/32/invoice-status-update.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-invoice-status-info-img {
    background-image: url("/images/actions/16/invoice-status-info.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}


.e-billing-status-update-img {
    background-image: url("/images/actions/32/billing-status-update.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-billing-status-info-img {
    background-image: url("/images/actions/16/billing-status-info.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-sync-img {
    background-image: url("/images/actions/32/refresh_update.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-association-status-update-img {
    background-image: url("/images/actions/32/association-status-update.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-association-status-info-img {
    background-image: url("/images/actions/16/association-status-info.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-invoice-print-img {
    background-image: url("/images/actions/32/invoice-print.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-invoice-mail-img {
    background-image: url("/images/actions/32/invoice-mail.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-set-date-img {
    background-image: url("/images/actions/32/calendar-edit.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-send-mail-img {
    background-image: url("/images/actions/32/mail-arrow_right.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-send-notification-img {
    background-image: url("/images/actions/32/mail-arrow_right.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-gears-img {
    background-image: url("/images/actions/32/gears.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-share-img {
    background-image: url("/images/actions/32/application-share.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-share-attachment-img {
    background-image: url("/images/actions/32/application-share-attachment.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-back-img {
    background-image: url("/images/actions/32/arrow_left.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-label-delete-img {
    background-image: url("/images/actions/16/tag-delete.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-label-info-img {
    background-image: url("/images/actions/16/tag-info.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-label-edit-img {
    background-image: url("/images/actions/32/tag-edit.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-label-new-img {
    background-image: url("/images/actions/32/tag-new.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-process-debug_pause-img {
    background-image: url("/images/actions/32/process-debug_pause.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-process-debug_run-img {
    background-image: url("/images/actions/32/process-debug_run.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-process-debug_stop-img {
    background-image: url("/images/actions/32/process-debug_stop.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-process-delay-img {
    background-image: url("/images/actions/32/process-delay.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-process-info-img {
    background-image: url("/images/actions/32/process-info.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-process-ok2-img {
    background-image: url("/images/actions/32/process-ok2.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-process-properties-img {
    background-image: url("/images/actions/32/process-properties.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-archive-img {
    background-image: url("/images/actions/32/archive.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-view-img {
    background-image: url("/images/actions/32/view.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-open-img {
    background-image: url("/images/actions/16/folder_open.png");
    background-repeat: no-repeat;
    height: 14px;
    width: 16px;
}

.e-compile-img {
    background-image: url("/images/actions/32/compile.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-archive-img {
    background-image: url("/images/actions/32/archive.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-compile-img {
    background-image: url("/images/actions/32/compile.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-extract-img {
    background-image: url("/images/actions/32/extract.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-placeholder-add-img {
    background-image: url("/images/actions/32/placeholder-add.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.e-syncro-users-img {
    background-image: url("/images/actions/32/work_team-ok2.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

/* 800  horizontal tab */
/* nav tabs dimensions */
.nav > li > a {
    position: relative;
    display: block;
    padding: 3px 15px;
}

.nav-tabs {
    border-bottom: 1px solid #D9DFDE;
    margin-right: 10px;
    margin-bottom: -1px;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #0288D1;
        cursor: default;
        background-color: #FAFAFA;
        font-weight: 600;
        border: 1px solid #D9DFDE;
        border-bottom-color: #FAFAFA;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        color: #5c5c5c;
        cursor: default;
        background-color: #EBEFF9;
        border: 1px solid #D9DFDE;
        border-bottom-color: transparent;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

        .nav-tabs > li > a, .nav-tabs > li > a:link, .nav-tabs > li > a:focus {
            color: #5c5c5c;
            cursor: default;
            background-color: #F6F7F7;
            border: 1px solid #D9DFDE;
            border-bottom-color: #D9DFDE;
            font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
        }



/* 900 fast tab layout style*/
.wrapper_ftc {
    margin: 0 auto;
    padding: 0px;
}

.left_col_ftc {
    float: left;
    width: 83%;
}

.right_col_ftc {
    float: right;
    width: 17%;
    /*  margine originale non allineato al form box */
    /*  margin-top: 139px; */
    margin-top: 159px;
}

/* 1000  form summary layout */

/* form summary riquadro */
.nbs-form-summary {
    margin-top: -5px;
    margin-bottom: 10px;
    margin-left: -1px;
    margin-right: 10px;
    overflow: hidden;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid;
    border-color: #D9DFDE;
    background-color: #EBEFFA;
}

/* form summary cella */
.nbs-form-summary-cell {
    float: left;
    margin-left: 0px;
    position: relative;
    display: block;
    padding: 3px 8px 3px 3px;
    border: 1px solid;
    border-color: #EBEFFA;
    background-color: #EBEFFA;
}

/* form summary label */
.nbs-form-summary-cell-key {
    color: #5c5c5c;
}

/* form summary valore campo */
.nbs-form-summary-cell-value {
    color: #5c5c5c;
    font-weight: bold;
}

/* 1100 files/batch request bottom page */

/* riquadro */
.nbs-files-download-box {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid;
    border-color: #D9DFDE;
    z-index: 10000;
}

.nbs-bottom-box {
    bottom: 0;
    position: fixed;
    width: 100%;
    background: white;
    z-index: 1000000;
}


.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* button download */
.nbs-files-download-cell {
    float: left;
    margin-left: 0px;
    position: relative;
    display: block;
    padding: 0px 0px 0px 0px;
    border: 1px solid;
    border-color: #FAFAFA;
    background-color: #FAFAFA;
}

/* form summary label */
.nbs-files-download-cell-key {
    color: #5c5c5c;
}

/* form summary valore campo */
.nbs-files-download-cell-value {
    color: #5c5c5c;
    font-weight: bold;
}

.nbs-checkbox-radio {
    height: 34px;
    cursor: pointer
}

.nbs-checkbox-radio-readonly {
    height: 34px;
}

.nbs-process-inserted {
    padding-right: 5px;
    margin-left: -8px;
    margin-top: 2px;
    background-image: url('/images/actions/32/process-delay.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 22px;
}

.nbs-process-inprogress {
    padding-right: 5px;
    margin-left: -8px;
    margin-top: 2px;
    background-image: url('/images/actions/32/process-debug_run.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 22px;
}

.nbs-process-completed {
    padding-right: 5px;
    margin-left: -8px;
    margin-top: 2px;
    background-image: url('/images/actions/32/process-ok.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 22px;
}

.nbs-process-error {
    padding-right: 5px;
    margin-left: -8px;
    margin-top: 2px;
    background-image: url('/images/actions/32/process-delete.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 22px;
}

/* 1200 drop files */

.nbs-file-dropzone:hover {
    border: 5px dotted #67d059;
    border-radius: 17px;
    color: #67d059;
    font: bold 19px arial;
    text-align: center;
    height: 69px;
    margin: 5px 15px 6px 15px;
    padding: 20px 0 0 0;
}

.nbs-file-dropzone {
    border: 5px dotted #cccccc;
    border-radius: 17px;
    color: #cccccc;
    font: bold 19px arial;
    text-align: center;
    height: 69px;
    margin: 5px 15px 6px 15px;
    padding: 20px 0 0 0;
}


/* 3000 scheduler */
/* colore festività */
.e-schedule .nbs-businessfestivity {
    background-color: #fcd9d9;
}

/* colore aperto */
.e-schedule .nbs-businessopen {
    background: #fbfbfb;
}

/* colore chiuso */
.e-schedule .nbs-businessclosed {
    background: #777;
}

/* mouseover celle giorno/settimana/mese */
.e-schedule .e-mousehover {
    background-color: #EBEFF9 !important;
}

/* button header*/
.e-schedule .e-commonviewbutton {
    background: #EDEAEA;
    color: #5C5C5C;
    cursor: pointer;
    height: 20px;
    padding: 5px 10px 5px 10px;
    text-align: center;
    border-right: none;
    outline: none;
    box-shadow: none;
    border: 1px;
    border-style: solid;
    border-color: rgb(189, 186, 186);
}


.e-schedule .e-activeview {
    background-color: #0288D1;
    color: #fff;
    border-color: #0288D1;
}

/* header top * box cambio data*/
.e-datecommondiv {
    /*background-color:red;*/
}

/* header top (box button viste / cambio data)*/
.e-schedule .e-scheduleheader {
    background: #edeaea;
}

/* header top - box alto/sinistra */
.e-schedule .e-leftindenttable {
    /*border-right: 1px solid;*/
    /*background: #27A816;*/
}

/* header alto (box giorni e centri di lavoro) */
.e-schedule .e-headertable {
    width: 100%;
    background-color: #fefefe;
}

/* header alto (giorni) */
.e-schedule .e-headercells {
    border-left: 1px solid #cccccc;
    background-color: #fefefe;
}

/* header alto (centri di lavoro) */
.e-schedule .e-resourceheadertext {
    background-color: #fefefe;
}
/* header alto (centri di lavoro) */
.e-schedule .e-headerbar {
    background: #fefefe;
}

/* timebar sx */
.e-schedule .e-timecells {
    background: #fefefe;
}

/* 4000 MODALI */
/* 4050  modal - fix modal zindex + button */

.e-ribbon .e-active-content {
    z-index: 10;
    position: relative;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #5c5c5c;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fafafa;
    border-radius: 6px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #0A0A0A;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px #0A0A0A;
    border-radius: 6px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background-color: #fafafa;
    border-radius: 6px;
}

    /* modal button */

    .modal-footer .btn {
        color: #0A0A0A;
        background-color: #cccccc;
        border-color: #cccccc;
    }

        .modal-footer .btn + .btn {
            margin-bottom: 0;
            margin-left: 5px
        }

    /** use the same color in all css*/
    .modal-footer .btn-primary {
        color: #FFF;
        background-color: #428bca;
        border-color: #428bca;
    }

    /** use the same color in all css*/
    .modal-footer .btn-info {
        color: #FFF;
        background-color: #5bc0de;
        border-color: #5bc0de;
    }

    /** use the same color in all css*/
    .modal-footer .btn-danger {
        color: #FFF;
        background-color: #d9534f;
        border-color: #d9534f;
    }

    /** use the same color in all css*/
    .modal-footer .btn-success {
        color: #FFF;
        background-color: #5CB85C;
        border-color: #5CB85C;
    }

    /** use the same color in all css*/
    .modal-footer .btn-warning {
        color: #FFF;
        background-color: #ec971f;
        border-color: #ec971f;
    }

/* BOOTSTRAP SWITCH */
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
    cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed !important;
}

/* 4100 WIZARD BEARDCRUMB */
.nbs-wzd-breadcrumb {
    list-style: none;
    overflow: hidden;
    font: 18px Sans-Serif;
    margin-left: -40px;
}

    .nbs-wzd-breadcrumb li {
        float: left;
    }

        .nbs-wzd-breadcrumb li a {
            color: white;
            text-decoration: none;
            padding: 10px 0 10px 42px;
            background: #bfbfbf; /* fallback color */
            position: relative;
            display: block;
            float: left;
        }

            .nbs-wzd-breadcrumb li a::after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid hsla(34,85%,35%,1);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            .nbs-wzd-breadcrumb li a::before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

            /* Invisible step */
            .nbs-wzd-breadcrumb li a.nbs-wzd-invisible {
                color: white;
                background: transparent !important;
            }

                .nbs-wzd-breadcrumb li a.nbs-wzd-invisible::after {
                    border-left-color: transparent !important;
                }

                .nbs-wzd-breadcrumb li a.nbs-wzd-invisible.nbs-wzd-laststep::before {
                    background: transparent !important;
                }

            /* Active step */
            .nbs-wzd-breadcrumb li a.nbs-wzd-active {
                color: white;
                font-weight: bold;
                background: #5bc0de;
            }

                .nbs-wzd-breadcrumb li a.nbs-wzd-active::after {
                    border-left-color: #5bc0de;
                }

                .nbs-wzd-breadcrumb li a.nbs-wzd-active::before {
                    background: #bfbfbf;
                }

                .nbs-wzd-breadcrumb li a.nbs-wzd-active.nbs-wzd-laststep::before {
                    background: transparent !important;
                }

            /* Inactive step */
            .nbs-wzd-breadcrumb li a.nbs-wzd-inactive {
                color: black;
                font-weight: bold;
                background: #bfbfbf;
            }

                .nbs-wzd-breadcrumb li a.nbs-wzd-inactive::after {
                    border-left-color: #bfbfbf;
                }

                .nbs-wzd-breadcrumb li a.nbs-wzd-inactive.nbs-wzd-laststep::before {
                    background: transparent !important;
                }

            /* Disabled step */
            .nbs-wzd-breadcrumb li a.nbs-wzd-disabled {
                color: rgba(109, 109, 109, 0.67);
                font-weight: bold;
                background: #bfbfbf;
            }

                .nbs-wzd-breadcrumb li a.nbs-wzd-disabled::after {
                    border-left-color: #bfbfbf;
                }

                .nbs-wzd-breadcrumb li a.nbs-wzd-disabled.nbs-wzd-laststep::before {
                    background: transparent !important;
                }

            /* Warning step */
            .nbs-wzd-breadcrumb li a.nbs-wzd-warning {
                color: black;
                font-weight: bold;
                background: #ec971f;
            }

                .nbs-wzd-breadcrumb li a.nbs-wzd-warning::after {
                    border-left-color: #ec971f;
                }

                .nbs-wzd-breadcrumb li a.nbs-wzd-warning.nbs-wzd-laststep::before {
                    background: transparent !important;
                }

            /* Danger step */
            .nbs-wzd-breadcrumb li a.nbs-wzd-danger {
                color: black;
                font-weight: bold;
                background: #d9534f;
            }

                .nbs-wzd-breadcrumb li a.nbs-wzd-danger::after {
                    border-left-color: #d9534f;
                }

                .nbs-wzd-breadcrumb li a.nbs-wzd-danger.nbs-wzd-laststep::before {
                    background: transparent !important;
                }


        .nbs-wzd-breadcrumb li:first-child a {
            padding-left: 23px;
        }

        .nbs-wzd-breadcrumb li a {
            background: #bfbfbf;
        }

            .nbs-wzd-breadcrumb li a:after {
                border-left-color: #bfbfbf;
            }

        .nbs-wzd-breadcrumb li:last-child a {
            background: transparent !important;
            color: black;
            pointer-events: none;
            cursor: default;
        }

            .nbs-wzd-breadcrumb li:last-child a::after {
                border: 0;
                background: white;
            }

            .nbs-wzd-breadcrumb li:last-child a::before {
                border: 1px;
                background: white;
            }




.e-colorwidget.e-widget {
    background-clip: border-box;
    box-sizing: content-box;
    /*border-radius: 4px;*/
    display: block;
    height: 28px;
    outline: 0 none;
    position: relative;
    width: 35px;
}


/* 4200 checkbox/radio style */
.nbs-input-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .nbs-input-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

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

/* under md */
@media screen and (max-width: 992px) {

    .e-grid .e-columnheader:not(.e-stackedHeaderRow), .e-grid th.e-headercell.e-draggable {
        cursor: pointer;
        background-color: #F6F7F7;
        /*display: none;*/
    }
}

/* upper md */
@media screen and (min-width: 992px) {
    .e-grid .e-columnheader:not(.e-stackedHeaderRow), .e-grid th.e-headercell.e-draggable {
        cursor: pointer;
        background-color: #F6F7F7;
    }
}

/* under sm (small) */
@media screen and (max-width: 767px) {
    .login-box {
        width: 330px;
        height: 495px;
    }

    .login-left {
        background-color: white;
        width: 100%;
        height: auto;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .login-right {
        background-color: white;
        width: 100%;
        height: 370px;
        overflow: hidden;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        padding: 30px;
    }

    .login-version {
        margin-top: 0px;
        text-align: right;
        font-size: xx-small;
        margin-right: 5px;
    }

    .center-div {
        position: absolute;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        /* background-color: #ccc; */
        border-radius: 6px;
    }

    /* 750 area page */
    .box-areapage {
        margin: 5px 0px;
        padding: 5px 0px;
        border-bottom: solid 1px #5C5C5C;
        font-weight: 600;
        font-size: x-large;
        color: #5C5C5C;
    }

    .box-link-areapage {
        margin: 5px 0px;
        padding: 5px 0px;
        font-size: larger;
    }

    div.box-link-areapage ul {
        margin-top: 0;
        margin-bottom: 0px;
        list-style-type: none;
        margin-left: -20px;
    }

    div.box-link-areapage a {
        cursor: pointer;
        font-size: large;
    }
    /* list view */
    .listview-item-title {
        text-align: left;
        font-size: large;
    }

    .listview-item-text {
        text-align: left;
        font-size: medium;
    }

    .listview-item-text-color {
        text-align: left;
        font-size: medium;
        color: #0288D1
    }

    .listview-item-footer-title {
        text-align: left;
        font-size: smaller;
        color: #aaa;
    }

    .listview-item-footer-text {
        text-align: left;
        font-size: smaller;
    }

        .listview-item-footer-text > .text-red {
            color: red;
        }

        .listview-item-footer-text > .text-green {
            color: green;
        }

    .nbs-toolbar-bar {
        background: #efefef;
        margin-top: -18px;
        margin-bottom: 10px;
        margin-left: -1px;
    }

        .nbs-toolbar-bar button {
            border-style: none;
        }

    .panel-group {
        padding: 0px 10px 0px 10px;
    }
}

/* board + stream */
.nbs-board {
    padding: 10px;
}

    .nbs-board .nbs-filter {
        height: 30px;
    }

        .nbs-board .nbs-filter .nbs-boolean {
            padding: 0px;
            font-size: 13px;
            margin-top: -4px;
            margin-left: -7px;
        }

        .nbs-board .nbs-filter .nbs-filter-text {
            margin-top: 2px;
        }

        .nbs-board .nbs-filter .nbs-lock {
            margin-right: 13px;
            margin-top: 2px;
            cursor: pointer;
        }

    .nbs-board .nbs-lock-selected {
        color: #0288D1;
        font-weight: bold;
    }

    .nbs-board nbs-datepicker {
        padding-left: 1px;
        width: 124px;
    }

        .nbs-board nbs-datepicker input[type="text"] {
            height: 24px;
            color: #5C5C5C;
        }

        .nbs-board nbs-datepicker #btnDatepicker {
            height: 24px;
            color: #5C5C5C;
        }

        .nbs-board nbs-datepicker .fa-calendar-alt {
            margin-top: -7px;
            position: absolute;
            margin-left: -6px;
            color: #5C5C5C;
        }

    .nbs-board .board-nav-backward {
        font-size: 50px;
        color: #c8c8c8;
        cursor: pointer;
        margin-right: 10px;
    }

    .nbs-board .board-nav-forward {
        font-size: 50px;
        color: #c8c8c8;
        cursor: pointer;
        margin-left: 0px;
    }

    .nbs-board .board-col {
        padding-left: 2px;
        padding-right: 2px;
    }

/* cards */
.nbs-grid-card {
    padding-left: 1px;
    padding-right: 1px;
}

    .nbs-grid-card .nbs-card-title {
        color: #aaa;
    }

    .nbs-grid-card .nbs-card-cell-workflow-todo {
        background-color: #e1b22e;
        border-radius: 15px;
        padding-right: 9px;
        padding-left: 9px;
        padding-top: 2px;
        padding-bottom: 2px;
        width: 60px;
    }

    .nbs-grid-card .nbs-card-cell-workflow-done {
        color: white;
        background-color: #088f08;
        border-radius: 15px;
        padding-right: 9px;
        padding-left: 9px;
        padding-top: 2px;
        padding-bottom: 2px;
        width: 60px;
    }

    .nbs-grid-card .nbs-card-text-color {
        color: #0288D1;
    }

    .nbs-grid-card .nbs-card-priority-low {
        color: green;
    }

    .nbs-grid-card .nbs-card-priority-high {
        color: red;
    }

    .nbs-grid-card .nbs-card-marked {
        font-weight: 600;
    }

    .nbs-grid-card .nbs-card-row {
        margin-left: 0px;
        padding-left: 0px;
        box-shadow: 2px 2px 7px #555454;
        margin-bottom: 0px;
        margin-right: -1px;
        margin-top: -1px;
    }

    .nbs-grid-card .nbs-card-cell-color {
        width: 10px;
        position: absolute;
        height: 88px;
        z-index: 1;
    }

    .nbs-grid-card .nbs-card-cell {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        padding-right: 1px;
        margin-left: 0px;
        padding-bottom: 2px;
        padding-top: 2px;
    }

    .nbs-grid-card .nbs-card-cell-2 {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        padding-left: 16px;
        padding-right: 1px;
        margin-left: 0px;
        margin-top: 2px;
        margin-bottom: 2px;
    }


.login-box .login-btn {
    background-color: #0288d1;
    color: white;
}

/* upper sm */
@media screen and (min-width: 767px) {

    .login-box {
        width: 660px;
        height: 350px;
    }

    .login-left {
        background-color: white;
        width: 50%;
        height: 100%;
        float: left;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .login-right {
        background-color: white;
        width: 50%;
        height: 100%;
        overflow: hidden;
        padding: 30px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .login-version {
        margin-top: 0px;
        text-align: right;
        font-size: xx-small;
        margin-right: 5px;
    }

    .center-div {
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        /*background-color: #ccc; */
        border-radius: 6px;
    }

    .box-areapage {
        margin: 5px 0px;
        padding: 5px 0px;
        border-bottom: solid 1px #5C5C5C;
        font-weight: 600;
        font-size: large;
        color: #5C5C5C;
    }

    .box-link-areapage {
        margin: 5px 0px;
        padding: 5px 0px;
        font-size: large;
    }

    div.box-link-areapage ul {
        margin-top: 0;
        margin-bottom: 0px;
        list-style-type: none;
        margin-left: -20px;
    }

    div.box-link-areapage a {
        cursor: pointer;
        font-size: medium;
    }
    /* list view */
    .listview-item-title {
        text-align: left;
        font-size: medium;
    }

    .listview-item-text {
        text-align: left;
        font-size: small;
    }

    .listview-item-text-color {
        text-align: left;
        font-size: small;
        color: #0288D1
    }

    .listview-item-footer-title {
        text-align: left;
        font-size: small;
        color: #aaa;
    }

    .listview-item-footer-text {
        text-align: left;
        font-size: small;
    }

        .listview-item-footer-text > .text-red {
            color: red;
        }

        .listview-item-footer-text > .text-green {
            color: green;
        }

    .nbs-toolbar-bar {
        background: #efefef;
        margin-top: -18px;
        margin-bottom: 10px;
        margin-left: -1px;
    }

        .nbs-toolbar-bar button {
            border-style: none;
        }
}



/* nbs listview */
.nbs-listview-td {
    padding-top: 0px;
    padding-bottom: 0px;
}

.nbs-listview-tr {
    display: inline-table;
    width: 100%;
}

.nbs-listview-row {
    margin: 0px;
}

.nbs-listview-col {
    padding: 0px 0px 3px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.nbs-listview-table {
    width: 100%;
    display: block;
    border: 1px solid;
    border-color: #ddd;
}

.nbs-listview-tbody {
    display: block;
    overflow-y: auto;
}

.nbs-listview-table.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #0288D1;
}

.listview-row-selected {
    background-color: #0288D1 !important;
}

.nbs-toolbar-group {
}

.nbs-toolbar-button-arrow-left:before {
    background-image: url(/images/actions/32/arrow_left.png);
    background-size: 30px 30px;
}

.nbs-toolbar-button-document-new:before {
    background-image: url(/images/actions/32/document-new.png);
    background-size: 30px 30px;
}

.nbs-toolbar-button-document-print:before {
    background-image: url(/images/actions/32/print.png);
    background-size: 30px 30px;
}

.nbs-toolbar-button-document-pdf:before {
    background-image: url(/images/actions/32/export_to_pdf.png);
    background-size: 30px 30px;
}

.nbs-toolbar-button-compile:before {
    background-image: url(/images/actions/32/compile.png);
    background-size: 30px 30px;
}

.nbs-toolbar-button-pencil:before {
    background-image: url(/images/actions/32/tool_pencil.png);
    background-size: 30px 30px;
}



.nbs-toolbar-button-image:before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: text-top;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
}

.nbs-toolbar-group .btn-primary,
.nbs-toolbar-group .btn-primary:active,
.nbs-toolbar-group .btn-primary:visited {
    background-color: #efefef;
    border-color: #eeeeee;
}


    .nbs-toolbar-group .btn-primary:hover,
    .nbs-toolbar-group .btn-primary:focus {
        background-color: #cfcfcf;
        border-color: #cfcfcf;
    }


/* home page etc..*/
.info-panel-heading {
    background-color: #B6D7E9 !important;
    color: #608193;
    font-size: medium;
    font-weight: bolder;
    text-align: left;
}

.info-panel-title-color {
    color: #2899D6;
    font-size: medium;
    font-weight: bolder;
    text-align: left;
}

.info-panel-text {
    color: #B6B6B6;
    font-size: medium;
    font-weight: bolder;
    text-align: left;
}

.info-table-title {
    color: #595959;
    font-size: medium;
    font-weight: bolder;
    text-align: left;
}

.info-table-text {
    color: #595959;
    font-size: medium;
    font-weight: normal;
    text-align: left;
}


/* 6000 DRBAC */
/* grant permission table */
.nbs-grantpermission-table {
    margin-top: 25px;
    border-collapse: collapse;
    width: 100%;
    vertical-align: top;
}

    .nbs-grantpermission-table th {
        border: 1px solid #ddd;
        text-align: left;
        padding: 6px;
        background-color: #F5F5F5;
    }

    .nbs-grantpermission-table td {
        border: 1px solid #ddd;
        text-align: left;
        padding: 6px;
        vertical-align: top
    }

    .nbs-grantpermission-table ul {
        margin-left: -14px;
    }

.nbs-grantpermission-subtable {
    width: 100%;
    height: 100%;
}

    .nbs-grantpermission-subtable td {
        border: 0px;
        text-align: left;
        padding: 4px;
        vertical-align: top
    }


/* 7000 NOTIFICATION*/
.nbs-notification-placeholder-button {
    margin-left: 10px;
    margin-bottom: 10px
}

/* da smistare - shading fsarmonica domande audit*/
.panel-default > .panel-heading {
    color: #333;
    background-color: #EBEFF9;
    border-color: #ddd;
}


/* 8000 COMPONENTS */

.nbs-view-title-menu {
    margin-top: 100px;
    margin-bottom: 0px;
    font-size: large;
    letter-spacing: 0px;
    display: block;
    color: #5C5C5C;
    margin: 0px 0px 15px 0px;
    padding-top: 15px;
}

    .nbs-view-title-menu .title {
        font-weight: 600;
    }

    .nbs-view-title-menu .nbs-dd-watermark-selected {
        font-weight: 600;
        margin-left: 7px;
    }

.nbs-cmsview-usersetting-menu {
    margin-top: 100px;
    margin-bottom: 0px;
    font-size: large;
    letter-spacing: 0px;
    display: block;
    color: #5C5C5C;
    margin: 0px 0px 15px 0px;
    padding-top: 15px;
}

    .nbs-cmsview-usersetting-menu .title {
        font-weight: 600;
    }

    .nbs-cmsview-usersetting-menu .nbs-dd-watermark-selected {
        font-weight: 600;
        margin-left: 7px;
    }

.nbs-grid-toolbar {
    margin-right: 10px;
    min-height: 40px;
    /* background-color: #f0f0f0;   */
    /* border-style: solid;         */
    border-width: 1px;
    border-color: #cdcbcb;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.nbs-grid-toolbar-component-container {
    display: inline-block;
    vertical-align: top
}

.nbs-common-bar-icon {
    font-size: 18px;
    cursor: pointer;
    padding: 0px 0px 0px 10px;
    color: #5C5C5C;
    margin-top: 4px;
}

.nbs-common-bar-modal-content {
    padding: 10px;
}

.nbs-common-bar-modal-checkbox {
    height: 23px;
    cursor: pointer;
}

.nbs-common-bar-modal-checkbox-label {
    padding-top: 2px;
}

.nbs-dd {
    font-size: 16px;
    cursor: pointer;
    padding: 0px 0px 0px 10px;
    color: #5C5C5C;
}

    .nbs-dd .dropdown-menu {
        max-width: 300px;
    }

    .nbs-dd .nbs-dd-label {
        margin-right: 5px;
        margin-left: -2px;
        cursor: pointer;
        color: #5C5C5C;
        float: left;
    }

    .nbs-dd .nbs-dd-label-item {
        float: left;
    }

    .nbs-dd .nbs-dd-icon {
        white-space: nowrap;
        float: left;
    }

    .nbs-dd .nbs-dd-caret {
        margin-right: 0px;
    }

    .nbs-dd .nbs-dd-watermark {
        font-size: 16px;
    }

    .nbs-dd .nbs-dd-dropdown-menu {
        width: 100%;
        max-height: 300px;
        overflow: auto
    }

    .nbs-dd .nbs-dd-item {
        padding: 1px;
        cursor: pointer;
        margin-left: 5px;
        margin-right: 5px;
        white-space: nowrap;
    }

    .nbs-dd .nbs-dd-item-section {
        font-size: 14px;
        color: rgba(0, 0, 0, .54);
        background: #EBEFF9;
        padding: 1px;
        cursor: default;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 11px;
        white-space: nowrap;
    }

    .nbs-dd .nbs-dd-item-subsection {
        font-size: 14px;
        color: rgba(0, 0, 0, .54);
        padding: 1px;
        cursor: pointer;
        margin-left: 5px;
        margin-right: 5px;
        white-space: nowrap;
    }

    .nbs-dd .nbs-dd-item-delete {
        padding-left: 7px;
        padding-right: 7px;
    }

    .nbs-dd .nbs-dd-item-selected {
        font-weight: 700;
    }

    .nbs-dd .nbs-dd-watermark-selected {
        font-weight: 700;
    }

    .nbs-dd .nbs-dd-item-label {
        margin-left: 5px;
    }

    .nbs-dd .nbs-dd-item-action {
        margin-left: 5px;
        font-weight: 600;
    }

/* multi selection container */
.nbs-ms-container {
    margin: 0;
    padding: 1px;
    border: 0px solid #dedede;
    overflow: auto;
    height: auto !important;
    max-width: 300px;
    padding-left: 4px;
}

.nbs-ms-item-label {
    position: relative;
    left: 5px;
    display: inline-block;
    padding: 0px 2px;
    margin-left: -5px;
}

.nbs-ms-item-default {
    color: #fff;
    background-color: #dedede;
    color: #5C5C5C
}

.nbs-ms-item {
    display: inline-block;
    padding: 1px 8px 0px 4px;
    margin-bottom: 2px;
    margin-left: 3px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-top: -2px;
}

.nbs-dd-ms-box-left {
    float: left;
    margin: 0px 0px 0px 0px;
}

.nbs-boolean {
    float: left;
    margin-top: -2px;
    font-size: 16px;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
}

.nbs-dd-time-custom .nbs-dd-time .nbs-dd-label-item {
    float: left;
    margin-top: -1px;
    margin-left: -7px
}

.nbs-dd-time {
    float: left;
    margin: -0px 0px 0px 3px;
    font-size: 16px;
    cursor: pointer;
    padding: 0px 0px 0px 5px;
}

    .nbs-dd-time .nbs-dd-label-item {
        float: left;
        margin-top: -2px;
        margin-left: -7px
    }

    .nbs-dd-time .nbs-dd-caret {
        margin-top: -3px;
    }

    .nbs-dd-time .nbs-dd-time-datepicker .datepicker-container input[type="text"] {
        height: 24px;
        color: #5C5C5C;
    }

    .nbs-dd-time .nbs-dd-time-datepicker .datepicker-container #btnDatepicker {
        height: 24px;
        color: #5C5C5C;
    }

    .nbs-dd-time .nbs-dd-time-datepicker .datepicker-container {
        width: 110px;
        margin-top: 0px;
    }

    .nbs-dd-time .nbs-dd-label {
        margin-top: 0px;
    }

    .nbs-dd-time .nbs-dd-time-datepicker .datepicker-container button[type="button"] .fa-calendar-alt {
        margin-top: -7px;
        position: absolute;
        margin-left: -6px;
        color: #5C5C5C;
    }

    .nbs-dd-time .nbs-dd-time-switchbtn button[type="button"] {
        height: 24px;
        margin-left: 1px;
        padding-right: 5px;
        padding-left: 5px;
        color: #5C5C5C;
        margin-top: -3px;
    }

/* multi assignee search container */
.nbs-assignee-search-container {
    font-size: 16px;
    cursor: pointer;
    /*padding: 0px 0px 0px 10px;*/
    color: #5C5C5C;
    float: left;
}

    .nbs-assignee-search-container .box-left {
        float: left;
        margin: -0px 0px -5px 10px;
    }

    .nbs-assignee-search-container .box-right {
        float: left;
        margin-left: 5px;
    }

    .nbs-assignee-search-container .box-left .nbs-dd-ms-search-container .dropdown-menu {
        margin-left: -110px;
        margin-right: 25px;
    }

    .nbs-assignee-search-container .nbs-assignee-search-label {
        float: left;
    }

    .nbs-assignee-search-container .nbs-ms-item {
        margin-left: 5px;
    }

    .nbs-assignee-search-container .assignee-toolbar {
        padding: 0px 0px 2px 6px;
        color: #c8c8c8;
        float: left;
    }

    .nbs-assignee-search-container nbs-dd-search-ms {
        float: left;
    }

    .nbs-assignee-search-container nbs-dd {
        margin-left: -8px;
    }


/* multi selection + search container */
.nbs-dd-ms-search-container {
    font-size: 16px;
    cursor: pointer;
    /*padding: 0px 0px 0px 10px;*/
    color: #5C5C5C;
    float: left;
}

    .nbs-dd-ms-search-container .dropdown-menu {
        margin-top: 12px;
        margin-right: 9px;
        margin-left: -118px;
    }

    .nbs-dd-ms-search-container .box-left {
        float: left;
        margin: 0px -10px 0px 10px;
    }

    .nbs-dd-ms-search-container .box-right {
        float: left;
    }

    .nbs-dd-ms-search-container .nbs-dd-ms-search {
        float: left;
    }

    .nbs-dd-ms-search-container .nbs-dd-ms-search-text {
        height: 24px;
        margin-left: 5px;
        width: 110px;
    }

    .nbs-dd-ms-search-container .nbs-dd-ms-search-label {
        float: left;
    }

.nbs-ms-search-container {
    margin: 0;
    padding: 1px;
    border: 0px solid #dedede;
    overflow: auto;
    height: auto !important;
    max-width: 300px;
}

/* nbs-txt-search component */
.nbs-txt-search {
    font-size: 16px;
    cursor: pointer;
    max-width: 130px;
    min-width: 80px;
}

.nbs-txt-search-input {
    height: 24px;
}

.nbs-txt-search-label {
    margin-right: 5px;
    cursor: pointer;
    color: #5C5C5C;
    font-size: 16px
}

.nbs-txt-search-icon {
    height: 11px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 3px;
    cursor: pointer;
}


.nbssupportcardcontact {
}

.nbssupportcardagent {
    background-color: #efefef;
}