body, .page-preloader{
    background-color: #f9f9f9;
}
:root{
    --d-blue--: #20510c;
    --green--: #2c6a12;
    --l-green--: #368516;
}
::-webkit-scrollbar{
    width: 10px;
    background-color: #7a7a7a;
}
::-webkit-scrollbar-thumb{
    background-color: #b1b1b1;
}
.hidden{
    display: none;
}
img{
    user-select: none;
    -webkit-user-drag: none;
}
.vs-color, .sidebar-section-nav__item.is-active .sidebar-section-nav__link span, .m-datatable .dt-bootstrap4 .page-link{
    color: var(--green--);
}
.ju-bg-color, .sidebar-section-nav__item.is-active:before, .sidebar-section-nav__item:hover:before, .m-datatable .dt-bootstrap4 .page-item.active .page-link, .navbar-dropdown-notifications__header{
    background-color: var(--green--);
}
.navbar-dropdown-notification{
    padding: 18px 25px;
}
.navbar-dropdown-notifications__item-actions{
    right: 15px;
    margin-right: 10px;
}
.progress-bar{
    background: #368516!important;
}
.btn-info, .bg-info{
    background-color: #368516!important;
    border-color: #368516!important;
}
.btn-info:hover, .btn-info:focus, .btn-info:visited, .btn-info:active, .btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled):focus{
    background-color: #2c6a12!important;
    border-color: #2c6a12!important;
}
.sidebar-section__separator{
    color: #1b1b1b;
}
.flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
@import url(https://fonts.googleapis.com/css?family=Nunito);
:root, body, input, textarea{
    --font-family-sans-serif: 'Nunito', sans-serif;
    font-family: 'Nunito', sans-serif;
    --font-family-monospace: unset;
}
.p-front{
    background-color: white;
}
.p-signin__form{
    border: 1px var(--green--) solid;
    border-radius: 10px;
}
.pd-10{
    padding: 10px;
}
.pd-20{
    padding: 20px;
}
.pd-30{
    padding: 30px;
}
.pd-40{
    padding: 40px;
}
.p-signin__form-heading{
    border-bottom: 1px  var(--green--) solid;
}
.login-img img{
    width: 100%;
}
.logo{
    position: absolute;
    top: 0;
    padding: 20px;
    right: 0;
    left: 0;
    text-align: center;
}
.btn-success, .p-front__footer{
    color: white;
}
a.link-info{
    font-weight: 600;
    color: #0099ff;
    text-decoration: underline;
}
.btn-link{
    color: #0099ff;
    text-decoration: underline;
}
table th{
    text-align: center;
    font-size: 1.3em
}
.sidebar-section{
    background-color: #e0e0e0;
    width: 230px;
}

.sidebar-is-opened .page-content{
    /* margin-left: 230px; */
}
.sidebar-section-nav__item .sidebar-section-nav__link span, .sidebar-user-a__name, .sidebar-user-a__desc,.sidebar-section-nav__item.is-active .sidebar-section-nav__link, .sidebar-section-nav__item.is-active .sidebar-section-nav__link span, .sidebar-section-nav__item:hover .sidebar-section-nav__link, .sidebar-section-nav__item:hover .sidebar-section-nav__link span{
    color: #1b1b1b;
}
.sidebar-user-a{
    padding: 10px 4px 0;
}
label.switch-inline{
    margin: 10px;
}
.sidebar-section-nav__item.is-active, .sidebar-section-nav__item:hover, .sidebar-section-nav__link.is-active{
    background-color: #ffffff91;
}
#img-preview {
    width: 100%;   
    display: none;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
#img-preview img {  
    max-height: 80px;
    max-width: 80px;
    display: block;   
    margin: 10px;
}
.pagination{
    justify-content: center;
    margin: 30px;
}
[type="file"] + label {
    font-family: sans-serif;
    background: #f44336;
    padding: 10px 30px;
    border: 2px solid #f44336;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s;
    width: auto;
    align-self: center;
}
.file-upload__browse-files{
width: 100%;
}
span.ua-icon-upload.file-upload__icon{
animation: float 1.8s ease 0s infinite forwards normal;
}
@keyframes float {
50%{
    transform: translateY(20px);
}
}
.custom-modal__body{
padding: 40px;
}
.modal-content{
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    height: auto;
}
.modal-dialog{
    max-width: 70vw;
    height: 90vh;
}
.modal-dialog.modal-md{
    max-width: 800px;
}
.modal-footer{
    padding: 40px;
}
.file-upload__browse-btn{
max-width: 200px;
}
.file-upload__browse-files{
display: flex;
justify-content: center;
flex-flow: column nowrap;
align-items: center;
}
.dataset__grid-item-preview{
    height: auto;
}
.table td, table.dataTable thead>tr>th.sorting{
    /* padding: 10px; */
}
.dataset__body.scroll-x .row:nth-child(2){
    /* overflow-x: scroll; */
}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected{
    background-color: #0274d815;
    color: black;
}
.dropdown-menu{
    animation: none;
}
.table-hover tr:hover td{
    background-color: inherit;
}
.table.table-striped th.no-arrow::after,.table.table-striped  th.no-arrow::before{
    display: none;
}
.table{
    font-size: 11px!important;
}
.table td > a:not(.zoom){
    color: #0099ff;
    text-decoration: underline;
}
.show>.btn-info.dropdown-toggle, .show>.btn-outline-info.dropdown-toggle,.show>.btn-info.dropdown-toggle::after, .show>.btn-outline-info.dropdown-toggle::after{
    color: white;
}
table.dataTable tbody tr.selected a.btn, 
table.dataTable tbody th.selected a.btn, 
table.dataTable tbody td.selected a.btn{
    color: white!important;
}
.spinning::before{
    animation: spinning 0.8s ease-out 0s infinite normal none;
}
.fw{
    width: 100%;
}
@keyframes spinning {
    100%{
        transform: rotate(360deg);
    }
}
.table thead th{
    font-weight: 600;
    background-color: #368516;
    color: white;
}
/* .m-datatable .dt-bootstrap4 .dataTable th.sorting::after,
.m-datatable .dt-bootstrap4 .dataTable th.sorting::before,
.m-datatable .dt-bootstrap4 .dataTable th.sorting_asc:after,
.m-datatable .dt-bootstrap4 .dataTable th.sorting_desc:before{
    background: rgb(204, 204, 204);
    font-weight: 600;
    color: #007fff;
}    */
#datatable.dataTable{
    max-width: 80vw;
}
#datatable.dataTable th::after,
#datatable.dataTable th:before{
    display: none;
    content: unset;
}
.dataTable th .sorter{
    border-radius: 50%;
    border: white 2px solid;
    width: 20px;
    height: 20px;
    background-color: #368516;
    position: absolute;
    bottom: -10px;
    display: flex;
    left: 0;
    margin: 0 auto;
    right: 0;
    align-items: center;
    justify-content: center;
    font-size: 9px;
}
.dataTable th.sorting .sorter::before, .dataTable th.sorting .sorter::after{
    display: block;
}
#datatable.dataTable th .sorter::before{
    content: "\2191";
}
#datatable.dataTable th .sorter::after{
    content: "\2193";
}
#datatable.dataTable th.sorting_asc .sorter::after, #datatable.dataTable th.sorting_desc .sorter::before{
    display: none;
}
    
.input-group>.input-group-prepend>.input-group-text{
    padding: .375rem .75rem;
}
.table__cell-user.masked {
    overflow: hidden;
    position: relative;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%!important;
}
.table__cell-user.masked img{
    width: auto;
    height: 100%;
    position: absolute;
    border-radius: unset!important;
    margin: unset;
}
.btn-disabled:disabled{
    cursor: not-allowed!important;
    background-color: #8a8a8a!important;
    color: #1b1b1b!important;
    opacity: 0.7!important;
}
.textwall{
    width: 90vw;
    padding: 50px;
    margin: 0 auto;
}
.textwall p{
    font-size: 15px;
    line-height: 1.2em;
}
.textwall .logo{
    position: relative;
}
.select2-container{
    animation: b ease;
}

.bg-blue{
    background-color: #0059b3!important;
    color: white;
}
.order-collapse__header .collapse-icon, .order-collapse__header span{
    color:#0059b3;
}
.order-collapse-inner{
    background-color: #f3f3f3;
}
.order-collapse__header{
    background-color: #e9e9e9;
    font-size: 17px;
    line-height: 24px;
}
.bg-blue:hover, .bg-blue:focus{
    color: #e9e9e9;
}

.form-group{
    padding: 10px 14px ;
}
.form-group > label{
    font-weight: 700;
}
.row-custom{
    display: flex;
}
.row-custom button{
    width: 100%;
}
.mdi-close{
    cursor: pointer;
}
.SumoSelect .optWrapper{
    animation: none;
}
.selectbox.form-control.SumoSelect.search.SumoUnder{
    visibility: hidden;
    position: absolute;
}
.modal-header {
  background-color: #20510c;
  padding: 10px 20px 0;
}
.modal-header.has-border {
  padding-bottom: 10px;
}
.modal-title {
  color: #FFF;
}

.page-item.active .page-link {
  border-color: #007fff;
  background-color: #007fff;
}

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

.page-content__header {
  padding-left: 21px;
}

/* calendario */
.m-scheduler td, .m-scheduler .fc-day{
    border-color: #858585;
    
}
.fc-time-grid .fc-slats td {
    height: 2.5em;
}

.btn-upload__input-file{
    cursor: pointer;
}
.btn-upload__file{
    word-break: break-all;
}
.navbar-brand .logo{
    width: 100%;
}
.icon{
    font-size: 2em;
    cursor: pointer;
}
.icon.danger{
    color: red;
}
.navbar-dropdown-notification__icon{
    position: relative;
}
.navbar-dropdown-notification__date{
    bottom: 0;
    left: 17px;
    right: unset;
    top: unset;
}
.navbar-dropdown-notification:hover .navbar-dropdown-notifications__item-actions{
    opacity: 1;
}
.custom-btn{
    padding: 7px;
    margin: 2px;
}
.zoom{
    color: white;
}
.flusso-item{
    cursor: pointer;
}
.flusso-item input[type='checkbox']{
    display: none;
}
.flusso-item input[type='checkbox']:checked + .flusso-text{
    width: max-content;
}
.breadcrumb-a__text, .breadcrumb-b__text{
    font-size: 11px;
    color: white!important;
    font-weight: 800;
    line-height: 15px;
    width: 0px;
    overflow: hidden;
}
.showing .breadcrumb-a__text,.showing .breadcrumb-b__text{
    width: max-content;
    word-break: keep-all;
    display: block;
    white-space: nowrap;
    /* animation: scroll 10s linear infinite;  */
}
@keyframes scroll {
    0% {
      transform: translateX(10%);
    }
    100% {
      transform: translateX(-100%);
    }
}
.breadcrumb-a__link:after, .breadcrumb-a__link:before, .breadcrumb-b__link:after, .breadcrumb-b__link:before{
    border-width: 19px 10px;
}
.update-tipo, .dropdown-item{
    cursor: pointer;
}
.table.dataTable tbody tr.selected a{
    color: #20510c;
    text-align: center;
    font-weight: 600;
}
.dataset__body--panel{
    background-color: unset;
}
.m-social-feed__feed-item-document-desc{
    color: #1b1b1b;
}
.separator{
    width: 100%;
    margin: 5px 0px;
    background-color: lightgray;
    height: 2px;
}
@media screen and (orientation:portrait) {
    .desktop{
        display: none!important;
        visibility: hidden!important;
    }
    /* .navbar{
        width: 100vw;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-evenly;
    } */
    /* .navbar button{
        position: relative;
        top: 0px;
        left: 0;
    } */
    .page-content{
        margin-left: 0px;
    }
    .logo{
        min-height: 10vh;
    }
    .logo a{
        width: 100%;
        height: 100%;
    }
    .logo a img{
        width: 60%;
    }
    .login-img, .login-img img {
        display: none;
    }
    .login-img img{
        width: 0px;
        height: 0px;
    }
    .p-signin{
        margin-top: calc(10vh + 20px);
    }
    .show-on-mb{
        display: block;
    }
    .dropdown-toggle.navbar-dropdown-toggle.hide-on-mb:after{
        display: none;
    }
    .row.full-width-mobile{
        flex-flow: column;
    }
    .row.full-width-mobile [class*=col-]{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .mob-mt{
        margin-top: 40px;
    }
    .modal-dialog{
        max-width: 100vw;
        height: 90vh;
    }
    .page-wrap{
        max-height: 100vh;
    }
    .page-content .container-fluid{
        padding: 10px;
    }
    #datatable_wrapper{
        min-height: 80vh;
        display: flex;
        flex-direction: column;
        max-width: 100vw;
        overflow: visible;
        justify-content: space-between;
    }
    .container-fluid   {
        width: 100%;
        overflow: scroll;
    }
    .modal-title{
        font-size: 12px;
    }
    .page-content__header-heading{
        font-size: 18px;
    }
    .page-content__header-heading{
        width: 100%;
    }
    .table thead th{
        font-size: 11px;
    }
}