body{

}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

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

select[readonly] {
    background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
    pointer-events: none;
    touch-action: none;
}

.modal-content{
    background: transparent;
}
.modal-content .modal-body,
.modal-content .modal-footer{
    background: #fff;
}

.fc-day-grid-event{
    cursor: pointer;
}

.bootstrap-dialog-title{
    font-weight: bold;
    font-size: 25px !important;
}
.bootstrap-dialog .modal-header{
    padding: 5px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 22px !important;
}

hr{
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{
    overflow: auto;
    text-overflow: unset;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{
    white-space: normal;
}

.notifications-menu .dropdown-menu{
    margin-top: -8px !important;
}

.widget-user .widget-user-header{
    position: relative;
    padding: 8px;
}
.widget-user .actions{
    padding-top: 10px;
}

.small-box>.inner{
    position: relative;
    z-index: 1;
}

#grocery-content{

}
#grocery-content .ajax_list{
    text-align: center;
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#grocery-content input[type=text].form-control,
#grocery-content .chosen-search input[type=text]{
    min-height: 35px;
}
#grocery-content .crud_page{
    text-align: center;
    max-width: 30px
}
#grocery-content .flexigrid div.pDiv input{
    top: -6px;
}

.control-sidebar{
	height: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    color: #000;
}

#form-cadastro-edicao{

}
#form-cadastro-edicao #envolvidos{

}
#form-cadastro-edicao #envolvidos .table,
#form-cadastro-edicao #desenvolvedores .table{
    margin-bottom: 0px;
}

#alertas{
    position: fixed;
    right: 10px;
    top: 70px;
    list-style-type: none;
    padding: 0px;
    z-index: 9999;
}
#alertas .callout{
    overflow: hidden;

}
#alertas .callout .conteudo{
    float: left;
    width: 90%;
}

.no-margin{
    margin: 0px;
}

.doc-ajuda{
	
}

.custom-scrollbar::-webkit-scrollbar{
    width: 5px;
    height: 5px;
}
.custom-scrollbar::-webkit-scrollbar-button{
    width: 0;
    height: 0
}
.custom-scrollbar::-webkit-scrollbar-corner{
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb{
    background: #121134;
    border: 5px none #fff;
    border-radius: 50px;
}
.custom-scrollbar::-webkit-scrollbar-track{
    background: #dfe0e2;
    border: 5px none #fff;
    border-radius: 50px;
}

.box.box-purple{
    border-top-color: #545096;
}

#packages-permissions{
    
}
#packages-permissions .group-permissions{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#packages-permissions .group-permissions .group-permissions-name{
    margin-bottom: 20px;
}
#packages-permissions .group-permissions .form-group{
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px 15px 15px 0px;
}

#users-store-permissions{
    
}
#users-store-permissions .group-permissions{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#users-store-permissions .group-permissions .group-permissions-name{
    margin-bottom: 20px;
}
#users-store-permissions .group-permissions .form-group{
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px 15px 15px 0px;
}

#applications-dashboard .app .box-body{
    min-height: 350px;
}

#apps-updates{
    
}
#apps-updates table thead tr th:nth-child(1),
#apps-updates table tbody tr td:nth-child(1){
    width: 10%;
}
#apps-updates table thead tr th:nth-child(2),
#apps-updates table tbody tr td:nth-child(2){
    width: 10%;
}
#apps-updates table thead tr th:nth-child(3),
#apps-updates table tbody tr td:nth-child(3){
    width: 45%;
    word-break: break-word;
}
#apps-updates table tbody tr td:nth-child(3) a{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}
#apps-updates table tbody tr td:nth-child(3) img{
    width: 100px !important;
    display: inline-block !important;
}
#apps-updates table tbody tr td:nth-child(3) figure{
    margin: 0px !important;
    padding-left: 45px;
}
#apps-updates table tbody tr td:nth-child(3) ul{
    margin-bottom: 0px;
}
#apps-updates table thead tr th:nth-child(4),
#apps-updates table tbody tr td:nth-child(4){
    width: 15%;
}
#apps-updates table thead tr th:nth-child(5),
#apps-updates table tbody tr td:nth-child(5){
    width: 20%;
}

#nps-stores{
    
}
#nps-stores .table thead tr th:nth-child(1),
#nps-stores .table tbody tr td:nth-child(1){
    width: 13%;
}
#nps-stores .table thead tr th:nth-child(2),
#nps-stores .table tbody tr td:nth-child(2){
    width: 28%;
}
#nps-stores .table thead tr th:nth-child(3),
#nps-stores .table tbody tr td:nth-child(3){
    width: 44%;
}
#nps-stores .table thead tr th:nth-child(4),
#nps-stores .table tbody tr td:nth-child(4){
    width: 15%;
}

/* NOVO LOGIN */
.login-page, 
.register-page{
    background: #434243;
}
.login-box, 
.register-box{
    margin-top: 72px;
}
.login-box-body, 
.register-box-body{
    
}
.login-logo, 
.register-logo{
    max-width: 80%;
    margin: 0 auto;
}
.login-page .login-container{
    background: #fff;
    height: 99.9vh;
    padding-top: 120px;
    margin-right: -15px;
}
.login-info{
    color: #fff;
    padding-left: 15px;
}
.login-info .title{
    color: #FF9047;
}
.login-info ul{
    margin-top: 20px;
}
.login-info ul li{
    font-size: 16px;
    margin-bottom: 10px;
}
.login-info ul li span{
    vertical-align: super
}
.login-info ul .time{
    list-style-image: url("../img/hourglass.png");
}
.login-info ul .construction{
    list-style-image: url("../img/under-construction.png");
}

@media (max-width: 768px) {
    .login-page > .row{
        margin: 0px;
    }
    
    .login-page .login-container{
        height: auto;
        padding-top: 15px;
        margin-top: 20%;
        margin-right: 0px;
    }
}

#webhook-form{
    
}
#webhook-form .group-permissions{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#webhook-form .group-permissions .group-permissions-name{
    margin-bottom: 20px;
}
#webhook-form .group-permissions .form-group{
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px 15px 15px 0px;
}

#stores-dashboard{
}
#stores-dashboard .store-item{    
}
#stores-dashboard .store-item h3{
    min-height: 55px;    
}
#stores-dashboard .store-item .store-details{
    min-height: 120px;
}

#packages-dashboard{
    
}
#packages-dashboard .plans{
    display: flex;
    flex-wrap: wrap;
}
#packages-dashboard .plans .col-md-4{
    float: none;
}

#cash-flow{
    
}
#cash-flow .month-player{
    
}
#cash-flow .month-player input[name=monthYear]{
    text-align: center;
    background: #fff;
    font-weight: bold;
}
#cash-flow .signatures-table thead tr:nth-child(2) th:nth-child(1),
#cash-flow .signatures-table tbody tr td:nth-child(1){
    width: 10%;
}
#cash-flow .signatures-table thead tr:nth-child(2) th:nth-child(2),
#cash-flow .signatures-table tbody tr td:nth-child(2){
    width: 50%;
}
#cash-flow .signatures-table thead tr:nth-child(2) th:nth-child(3),
#cash-flow .signatures-table tbody tr td:nth-child(3){
    width: 20%;
}
#cash-flow .signatures-table thead tr:nth-child(2) th:nth-child(4),
#cash-flow .signatures-table tbody tr td:nth-child(4){
    width: 10%;
}

#cash-flow #bills .table thead tr:nth-child(2) th:nth-child(1),
#cash-flow #bills .table tbody tr td:nth-child(1){
    width: 10%;
}
#cash-flow #bills .table thead tr:nth-child(2) th:nth-child(2),
#cash-flow #bills .table tbody tr td:nth-child(2){
    width: 50%;
}
#cash-flow #bills .table thead tr:nth-child(2) th:nth-child(3),
#cash-flow #bills .table tbody tr td:nth-child(3){
    width: 20%;
}
#cash-flow #bills .table thead tr:nth-child(2) th:nth-child(4),
#cash-flow #bills .table tbody tr td:nth-child(4){
    width: 10%;
}

#news-features{
    
}
#news-features .table thead tr th:nth-child(1),
#news-features .table tbody tr td:nth-child(1){
    width: 10%;
}
#news-features .table thead tr th:nth-child(2),
#news-features .table tbody tr td:nth-child(2){
    width: 40%;
}
#news-features .table thead tr th:nth-child(3),
#news-features .table tbody tr td:nth-child(3){
    width: 20%;
}
#news-features .table thead tr th:nth-child(4),
#news-features .table tbody tr td:nth-child(4){
    width: 10%;
}
#news-features .table thead tr th:nth-child(5),
#news-features .table tbody tr td:nth-child(5){
    width: 20%;
}

#seller-package{
    
}
#seller-package .packages-available{
    margin: 0px 25px;
}
#seller-package .packages-available .package-item{
    padding: 0px 10px;
}

#dashboard .table-order-month thead tr th:nth-child(1),
#dashboard .table-order-month tbody tr td:nth-child(1){
    width: 80px;
}
#dashboard .table-order-month thead tr th:nth-child(2),
#dashboard .table-order-month tbody tr td:nth-child(2){
    width: 50px;
    text-align: center;
    background: #f2f2f2;
}
#dashboard .table-order-month thead tr th:nth-child(3),
#dashboard .table-order-month tbody tr td:nth-child(3){
    width: 50px;
    text-align: center;
    background: #fff;
}
#dashboard .table-order-month thead tr th:nth-child(4),
#dashboard .table-order-month tbody tr td:nth-child(4){
    width: 50px;
    text-align: center;
    background: #f2f2f2;
}
#dashboard .table-order-month thead tr th:nth-child(5),
#dashboard .table-order-month tbody tr td:nth-child(5){
    width: 50px;
    text-align: center;
    background: #fff;
}
#dashboard .table-order-month thead tr th:nth-child(6),
#dashboard .table-order-month tbody tr td:nth-child(6){
    width: 50px;
    text-align: center;
    background: #f2f2f2;
}
#dashboard .table-order-month thead tr th:nth-child(7),
#dashboard .table-order-month tbody tr td:nth-child(7){
    width: 50px;
    text-align: center;
    background: #fff;
}
#dashboard .table-order-month thead tr th:nth-child(8),
#dashboard .table-order-month tbody tr td:nth-child(8){
    width: 50px;
    text-align: center;
    background: #f2f2f2;
}
#dashboard .table-order-month thead tr th:nth-child(9),
#dashboard .table-order-month tbody tr td:nth-child(9){
    width: 50px;
    text-align: center;
    background: #fff;
}
#dashboard .table-order-month thead tr th:nth-child(10),
#dashboard .table-order-month tbody tr td:nth-child(10){
    width: 50px;
    text-align: center;
    background: #f2f2f2;
}
#dashboard .table-order-month thead tr th:nth-child(11),
#dashboard .table-order-month tbody tr td:nth-child(11){
    width: 50px;
    text-align: center;
    background: #fff;
}
#dashboard .table-order-month thead tr th:nth-child(12),
#dashboard .table-order-month tbody tr td:nth-child(12){
    width: 50px;
    text-align: center;
    background: #f2f2f2;
}
#dashboard .table-order-month thead tr th:nth-child(13),
#dashboard .table-order-month tbody tr td:nth-child(13){
    width: 50px;
    text-align: center;
    background: #fff;
}
#dashboard .table-order-month thead tr th:nth-child(14),
#dashboard .table-order-month tbody tr td:nth-child(14){
    width: 50px;
    text-align: center;
    background: #f2f2f2;
}

#developers-dashboard .developer-item .box-body{
    min-height: 400px;
}