#theme-settings {
    z-index: 10;
}

.spin {
    display: none;
    background-color: #fff;
    position: absolute;
    top: calc(50vh - 60px);
    left: calc(50vw - 150px);
    width: 300px;
    height: 120px;
    z-index: 99999999;
    text-align: center;
    box-shadow: #333333 2px 2px 5px;
}

.spin .sk-grid {
    margin: 25px auto;
}

.widget-alert {
    position: fixed;
    bottom: 0;
    z-index: 999999999;
    right: 0;
    padding: 10px;
}
/* *****************************************************************************
 * Layouts
 */
.sidenav-vertical, .sidenav-vertical .sidenav-block, .sidenav-vertical .sidenav-inner>.sidenav-item, .sidenav-vertical .sidenav-inner>.sidenav-header {
    width: 300px;
}

.breadcrumb {
    margin: 0;
}

@media (min-width: 992px){
    .layout-collapsed:not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-2 .layout-sidenav {
        z-index: 1010 !important;
    }
}

.card-body {
    padding: 10px 15px;
}

.form-group {
    margin-bottom: 5px;
}

label {
    margin-bottom: 3px;
    font-size: 9pt;
    font-weight: 500;
}

#lista-rotinas.sidenav-vertical,
#lista-rotinas.sidenav-vertical .sidenav-block,
#lista-rotinas.sidenav-vertical .sidenav-inner>.sidenav-item,
#lista-rotinas.sidenav-vertical .sidenav-inner>.sidenav-header {
    width: 100% !important;
}

.custom-control-label::before {
    width: 16px;
    height: 16px;
}

#lista-rotinas .custom-control {
    width: 32px;
}

#lista-opts .list-group-item {
    border: inherit;
}

#lista-opts .list-group-item .custom-control {
    margin: 0;
}


form h4 {
    font-size: 12pt;
    margin: 10px 0;
    padding: 2px 5px;
    border-bottom: #ced1d6 solid 1px;
    border-left: #ced1d6 solid 4px;
}

 /* *****************************************************************************
 * Tables
 */



/* *****************************************************************************
* Page perfil
*/
.account-settings-fileinput{position:absolute;visibility:hidden;width:1px;height:1px;opacity:0}.account-settings-links .list-group-item.active{background:transparent !important;font-weight:bold !important}.account-settings-multiselect ~ .select2-container{width:100% !important}.default-style .account-settings-links .list-group-item{padding:0.85rem 1.5rem;border-color:rgba(24,28,33,0.03) !important}.default-style .account-settings-links .list-group-item.active{color:#4E5155 !important}.material-style .account-settings-links .list-group-item{padding:0.85rem 1.5rem;border-color:rgba(24,28,33,0.03) !important}.material-style .account-settings-links .list-group-item.active{color:#4E5155 !important}

.col-divider {
    list-style: none;
    margin: 0;
}
.col-divider li {
    font-size: 8pt;
    display: inline-block;
    padding: 5px 10px 0 10px;
}

@media (max-width: 1200px) {}

ul.nav.nav-tabs  li.nav-item {
    white-space:nowrap
}

.scroll-x-h {
    overflow-x: auto;
}

.scroll-x-h::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}


/* Wizard */
.wizard-steps {
    list-style:none;
    display:table;
    width:100%;
    padding: 0;
    margin:0;
    position:relative
}
.wizard-steps li{
    display:table-cell;
    text-align:center;
    width:1%
}
.wizard-steps li .step{
    border:3px solid #ced1d6;
    color:#546474;
    font-size:12px;
    border-radius:100%;
    background-color:#FFF;
    position:relative;
    z-index:2;
    display:inline-block;
    width:20px;
    height:20px;
    line-height:17px;
    text-align:center
}
.wizard-steps li:before{display:block;content:"";width:100%;height:1px;font-size:0;overflow:hidden;border-top:4px solid #ced1d6;position:relative;top:12px;z-index:1}
.wizard-steps li:last-child:before{max-width:50%;width:50%}
.wizard-steps li:first-child:before{max-width:51%;left:50%}
.wizard-steps li.active:before,.wizard-steps li.complete:before,.wizard-steps li.active .step,.wizard-steps li.complete .step{border-color:#5293c4}
.wizard-steps li.complete .step{cursor:default;color:#FFF;-webkit-transition:transform ease .1s;transition:transform ease .1s}
.wizard-steps li.complete .step:before{display:block;position:absolute;top:0;left:0;bottom:0;right:0;line-height:30px;text-align:center;border-radius:100%;content:"\f00c";background-color:#FFF;z-index:3;font-family:FontAwesome;font-size:17px;color:#87ba21}
.wizard-steps li.complete:hover .step{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);border-color:#80afd4}
.wizard-steps li.complete:hover:before{border-color:#80afd4}
.wizard-steps li .title{
    display:block;
    margin-top:0;
    max-width:100%;
    color:#949ea7;
    font-size:10pt;
    z-index:104;
    text-align:center;
    table-layout:fixed;
    word-wrap:break-word;
}
.wizard-steps li.complete .title,.wizard-steps li.active .title{color:#2b3d53}
.wizard-actions{
    margin-top: 8px;
}

.multiselect-container.dropdown-menu{
    overflow-x: auto;
    max-height: 300px;
}

.bg-success .text-muted,
.bg-info .text-muted{
    color: #fff !important;
}
.bg-success .progress-bar,
.bg-info .progress-bar{
    background-color: #fff !important;
}

.table tr td input[type="text"],
.table tr td select {
    margin: 0;
}
.table tr td input[type="text"],
.table tr td select,
.table tr td button {
    padding: 2px 4px;
}

div[id^='rotina-'] table {
    font-size: 10pt;
}

div[id^='rotina-'] table tbody tr td:not(.td-form)
div[id^='rotina-'] table tbody tr.group td {
    padding: 3px 7px;
}
div[id^='rotina-'] table tbody tr td.td-form {
    padding: 3px 0;
}
div[id^='rotina-'] #table-filtro_wrapper .dataTables_scrollHead,
div[id^='rotina-'] #table-formulario_wrapper .dataTables_scrollHead{
    display: none;
}
div[id^='rotina-'] #table-filtro_wrapper .dataTables_scrollBody,
div[id^='rotina-'] #table-formulario_wrapper .dataTables_scrollBody{
    margin-top: 7px;
}
div[id^='rotina-'] table#table-filtro tr td:first-child,
div[id^='rotina-'] table#table-formulario tr td:first-child{
    width: 190px;
}

div[id^='rotina-'] table {
    background: #fff;
}

div.dataTables_scrollBody {
    border-left: none !important;
}

div[id^='rotina-'] div#table-resultado_wrapper table thead th { white-space: nowrap; }


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

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}