.logout_god {
    box-sizing: border-box;
    color: #6D6A69;
    cursor: default;
    direction: ltr;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
}

.view_c {
    font-family: "Verdana";
    font-size: 15px;
}

.button-danger {
    background-color: #A90329;
    background-image: none;
    border-bottom-color: #900323;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #900323;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #900323;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #900323;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px -2px 0px 0px inset;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    direction: ltr;
    display: block;
    floatrightfont-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    height: 31px;
    line-height: 29px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 10px;
    outline-color: #FFF;
    outline-style: none;
    outline-width: 0px;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 0px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 0px;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -moz-user-select: none;
}

.button-success {
    background-color: #739E73;
    background-image: none;
    border-bottom-color: #659265;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #659265;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #659265;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #659265;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px -2px 0px 0px inset;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    direction: ltr;
    display: block;
    floatrightfont-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    height: 31px;
    line-height: 29px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 10px;
    outline-color: #FFF;
    outline-style: none;
    outline-width: 0px;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 0px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 0px;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -moz-user-select: none;
}

#overlap_max {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999;
    margin-top: 0;
    margin-left: 0;
    background-color: #33455A;
    opacity: 0.5;
    display: none;
}

#overlap_max_ {
    position: absolute;
    z-index: 9999999999;
    opacity: 1;
    margin: auto;
    width: 100%;
    height: 100%;
    display: none;
}

#inside {
    margin: auto;
    margin-top: 50px;
    width: 1300px;
    border-color: #008000;
    border-width: 5px;
    border-style: solid;
    border-radius: 5px;
    background-color: white;
}

.clickToOrder {
    cursor: pointer;
}

#wait {
    width: 100%;
    height: 100%;
    background: white;
    z-index: 312312;
    position: fixed;
    display: none;
    opacity: 0.8;
}

#imgWait {
    z-index: 312313;
    position: fixed;
    display: none;
    width: 200px;
}

#tableFind {
    border: 1px solid grey;
    background: white;
    width: 100%;
    max-width: 350px;
}

#find {
    border: none;
    margin: 10px;
    width: 100%;
}

#find:focus {
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
}

#buttonFind, #submitSearch {
    background: white none;
    border: none;
}

#header #logo-sydel {
    max-width: 165px;
}

.login-form {
    margin: 0 auto;
    max-width: 400px;
}

.form-footer {
    display: block;
    padding: 14px 15px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    background: rgba(248, 248, 248, .9);
    margin-top: 10px;
    overflow: hidden;
}

.table.align-middle tbody > tr > td {
    vertical-align: middle;
}

.smart-form .list-group-item, .smart-form .badge {
    padding: 10px 15px !important;
}

.smart-form .badge {
    margin-top: -40px;
    border-radius: 5px;
}

.btn-delete-technical {
    margin-top: -4px;
}

#map_canvas {
    position: relative;
    height: 500px;
}

.angular-google-map-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.list-group-item-heading {
    font-size: 14px;
}

.smart-form .form-control {
    box-sizing: border-box;
    margin-bottom: 4px;
    border: 1px solid #cccccc;
    padding: 6px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px !important;
}

.smart-form label {
    margin-bottom: 2px;
}

.reports .fa {
    font-size: 30px;
}

.reports a {
    overflow: hidden;
}

.btn-completed .fa {
    color: darkgreen;
}

.btn-completed .badge {
    background: darkgreen;
}

.btn-running .fa {
    color: rgb(50, 118, 177);
}

.btn-running .badge {
    background: rgb(50, 118, 177);
}

.btn-paused .fa {
    color: rgb(199, 145, 33);
}

.btn-paused .badge {
    background: rgb(199, 145, 33);
}

.history h4 {
    margin-bottom: 5px;
}

.green {
    color: rgb(115, 158, 115);
}

.red {
    color: rgb(169, 3, 41);
}

.card {
    margin-bottom: 26px;
}

#timeline {
    list-style: none;
    position: relative;
}

#timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #4997cd;
    left: 50%;
    margin-left: -1.5px;
}

#timeline .clearFix {
    clear: both;
    height: 0;
}

#timeline .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 1.2em;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -25px;
    background-color: #4997cd;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

#timeline .timeline-badge span.timeline-balloon-date-day {
    font-size: 1.4em;
}

#timeline .timeline-badge span.timeline-balloon-date-month {
    font-size: .7em;
    position: relative;
    top: -10px;
}

#timeline .timeline-badge.timeline-filter-movement {
    background-color: #ffffff;
    font-size: 1.7em;
    height: 35px;
    margin-left: -18px;
    width: 35px;
    top: 40px;
}

#timeline .timeline-badge.timeline-filter-movement a span {
    color: #4997cd;
    font-size: 1.3em;
    top: -1px;
}

#timeline .timeline-badge.timeline-future-movement {
    background-color: #ffffff;
    height: 35px;
    width: 35px;
    font-size: 1.7em;
    top: -16px;
    margin-left: -18px;
}

#timeline .timeline-badge.timeline-future-movement a span {
    color: #4997cd;
    font-size: .9em;
    top: 2px;
    left: 1px;
}

#timeline .timeline-movement {
    border-bottom: dashed 1px #4997cd;
    position: relative;
}

#timeline .timeline-movement.timeline-movement-top {
    height: 60px;
}

#timeline .timeline-movement .timeline-item {
    padding: 20px 0;
}

#timeline .timeline-movement .timeline-item .timeline-panel {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    background-color: #FFFFFF;
    color: #666;
    padding: 10px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
    text-align: right;
}

#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
    color: #666;
}

#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
    color: #468c1f;
    font-size: 1.3em;
}

#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
    text-align: left;
}

#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
    color: #e2001a;
    font-size: 1.3em;
}

#extr-page #header {
    background: rgba(0, 0, 0, 0.8) !important;
}

.selectize-input {
    padding: 5px 12px !important;
    min-height: 32px !important;
}

.hand {
    cursor: pointer;
}

.list-hide-col-tickets {
    position: absolute;
    width: 18%;
    margin-top: 32px;
    z-index: 3;
}

.list-hide-col-tickets ul {
    margin: 0;
    padding: 0;
}

.list-hide-col-tickets label.toggle {
    font-size: 11px;
}

li.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #3276b1;
    border-color: #3276b1;
}

.profile {
    font-size: 18px;
}

.list-fields-charged {
    margin: 3px 0;
    padding: 4px;
    border: 1px dotted #ddd;
}

.border-red {
    border: solid 1px red !important;
}

.list-tickets a {
    color: #333;
    text-decoration: none;
}

.list-tickets a div {
    width: 100%;
}

.no-padding-right {
    padding: 0 0 0 13px !important;
}

.no-padding-left {
    padding: 0 13px 0 0 !important;
}

.style-modal {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 6px 6px 6px 6px;
}

.modal-my-body{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    height: 470px;
    overflow: overlay;
}

.modal-my-footer{
    padding-right: 10px;
    padding-top: 5px
}

.title-suggestion{
    font-size: 15px;
    font-weight: bold;
}

.load-page{
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255, .8) url("../img/wait.gif") no-repeat 50%;
}

#logo img {
    width: 100%;
}

.create{
    padding: 10px;
}

.description-ticket{
    color: #3c61d2;
}

.control-label{
    font-weight: bold;
}

.table-header{
    background-color: rgb(124, 181, 236);
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.growl-container.growl-fixed.top-right {
    top: 51px !important;
    right: 15px;
}

.ajax-dropdown:after, .ajax-dropdown:before {
    left: 67% !important;
}

.project-log{
    padding: 10px;
}
.project-log img{
    max-width: 40px;
    max-height: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 30px;
    margin-left: 15px;
}

.ticket-demmands{
    max-height: 300px;
    overflow: auto;
}
.ticket-demmands .demmand .step {
    margin-left: 10px;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    border-bottom: 1px solid #9d00ff;
}

.field-inline {
    display: inline-block;
}

.ticket-diff{
    padding: 5px;
    border: 1px grey solid;
    max-width: 500px;
}

.tr-with-padding td{
    padding: 5px 10px
}

.tr-center td{
    padding: 0;
}

.tr-center td:not(:first-child){
    vertical-align: middle;
    text-align: center;
}
.tr-center th{
    padding: 5px 10px;
    cursor: pointer;
}

.tr-center th:not(:first-child){
    vertical-align: middle;
    text-align: left;
}

.font-18{
    font-size: 18px!important;
}

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

.font-9{
    font-size: 9px!important;
}
.font-8{
    font-size: 8px!important;
}
.font-7{
    font-size: 7px!important;
}

.add-icon-direction{
    float: right;
}

.hover-shadow-box{
    box-shadow: 0px 0px 3px 0px rgba(73, 78, 84, 0.3);
    margin-bottom: 0.5rem!important;
}

.hover-shadow-box:hover{
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.58);
}

.background-color-transparent{
    background-color: rgba(255, 255, 255, 0)!important;
}

.border-left-white{
    border-left: 3px solid #f9f9f9;
}

.background-color-blue{
    background-color: #3696f3;
}

.font-800{
    font-weight: 800;
}

.ct-series-a .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: #db0707;
}

.fc-event-container .fc-content {
    font-size: 9px;
    display: -webkit-box;
}

.fc-event-container .fc-content .fc-time {
    margin-right: 5px;
}

.add-margin-checkbox-10::before{
    margin-top: 10px;
}

.text-underlined{
    text-decoration: line-through;
}

#techniciansMap{
    height: 95%;
}

@media (max-width: 700px) {
    .hide-div-desktop {
        display: none!important;
    }

    .alter-font-size-mobile{
        font-size: 10px;
    }

    .alter-font-mobile-9{
        font-size: 9px;
    }
}

@media (min-width:1500px) and (max-width:1600px) {
    .my-margin-left-8 {
        margin-left: -8px!important;
    }
    .my-margin-left-7-plus {
        margin-left: 7px!important;
    }
    .div-personalize-contract {
        display: grid;
    }
    .margin-top-4-personalize{
        margin-top: 4px;
    }
}

@media (min-width: 700px) {
    .hide-div-phone {
        display: none!important;
    }
}

.border-left-orange{
    border-left: 8px solid #ffa216!important;
}

.border-left-grey{
    border-left: 8px solid #9c9c9c !important;
}
.border-left-green{
    border-left: 8px solid #1dc9b7 !important;
}

.div-effect-grey {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    background: repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            #cccccc4a 10px,
            #cccccc40 20px),
    linear-gradient(
            to bottom,
            #ffffff2e,
            #0000000a
    );
}

.scroll-personalized {
    overflow: scroll;
    overflow-x: hidden;
}
.scroll-personalized::-webkit-scrollbar {
    width: 5px;
}

.scroll-personalized::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    border-radius: 10px;
}

.scroll-personalized::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.select2-search__field{
    width: 100%!important;
}

.popover{
    max-width: 600px!important;
}

.logo-store-responsive {
    width: 60px;
    height: 60px;
    margin: auto;
    display: block;
}

.fontawesome-store-responsive{
    font-size: 50px;
    margin: auto;
    display: block;
}

@media screen and (max-width: 700px){
    .logo-store-responsive {
        width: 30px;
        height: 30px;
        margin: auto;
        display: block;
    }

    .fontawesome-store-responsive{
        font-size: 25px;
        margin: auto;
        display: block;
    }
}

.no-decoration-text{
    text-decoration: none!important;
}

.border-color-red{
    border-color: #ff2727!important;
}

.js-modal-settings .list-group-item:hover{
    background-color: #F8F8F8;
}

#lampToTutorial i {
    color: #E3DE32;
}

.color-red-font {
    color: #ec2929;
}

.color-yellow-font {
    color: #e5df25;
}

.force-td-align-left{
    text-align: left!important;
    padding: 0 5px!important;
}

.modify-select-classify .selectize-input{
    font-size: 10px!important;
    padding: 0 10px!important;
    min-height: 16px!important;
}

.tr-color-warning{
    background: #fac241;
}

.thead-fixed {
    width: 100%;
}

.thead-fixed, .thead-fixed td {
    border-collapse: collapse;
}

.thead-fixed thead {
    display: table; /* to take the same width as tr */
    width: calc(100% - 17px); /* - 17px because of the scrollbar width */
    overflow-x: auto;
}

.thead-fixed tbody {
    display: block; /* to enable vertical scrolling */
    max-height: 700px; /* e.g. */
    overflow-y: scroll; /* keeps the scrollbar even if it doesn't need it; display purpose */
    overflow-x: auto;
}

.thead-fixed th, .thead-fixed td {
    padding: 5px;
    word-break: break-all; /* 4. */
}

.thead-fixed tr {
    display: table; /* display purpose; th's border */
    width: 100%;
    box-sizing: border-box; /* because of the border (Chrome needs this line, but not FF) */
}

.thead-fixed td {
    border-bottom: none;
    border-left: none;  
}

.input-time-spend{
    font-size: 18px;
    text-align: center;
    padding: 0px;
    max-height: 30px;
}


.nav-function-minify .storage-info, .nav-function-top .storage-info{
    display:  none;
}
.storage-info{
    font-size: 0.8rem;
    padding: 2rem;
    width: 100%!important;
    opacity: 0.6!important;
}

#my-dropzone{
    width: 100%;
    min-height: 110px;
    cursor: pointer;
}

.dropzone{
    border: dotted 1px grey !important;
    border-radius: 5px !important;
    background-color: #f4f4f4 !important;
}

.table-invoice td{
    padding: 0 0 2px 0!important;
}

.photo-user-by-initials{
    background-size: cover;
    background-color: #dfc7bf;
    color: black;
    text-align: center;
    font-size: 15px;
    padding-top: 5px;
    margin: auto;
}

.profile-image-sm.photo-user-by-initials{
    font-size: 12px!important;
    padding-top: 4px!important;

}

.div-img-user img, .div-img-user .d-table-cell, .div-img-user .d-table-cell span{
    width: 100px!important;
    height: 100px!important;
}

.div-img-user .d-table-cell span{
    font-size: 45px!important;
    padding-top: 16px!important;
}

.div-img-user .fa-edit{
    margin: 5px 20px 0px 25px;
}

.remove-after-dropdown::after{
    content: ''!important;
}

.profile-image-lg{
    width: 3.5rem;
    height: 3.5rem;
    font-size: 30px;
}

.img-store-xs{
    width: 3rem;
    display: block!important;
}

.show-div-welcome .card-body{
    display: flex;
}

.show-div-welcome .card-body .icon-stack{
    width: 2em!important;
    margin: 3px 5px 0px 5px;
}

.show-div-welcome .card-body .icon-stack .icon-stack-1x{
    font-size: 1em!important;
}

.show-div-welcome .card-body .icon-stack .icon-stack-3x{
    font-size: 2em!important;
}

.append-divs-welcome canvas{
    max-width: 1300px!important;
    max-height: 350px!important;
    margin: auto;
}


.append-divs-welcome .panel-container{
    padding-bottom: 20px;
}

.carousel{
    width:90%;
    margin:0px auto;
}
.slick-slide{
    margin:10px;
}

.slick-prev:before, .slick-next:before{
    color: #7a7a7a!important;
}

.wrapper .slick-dots li button:before {
    font-size:20px;
    color:rgb(116, 116, 116);
}

.icon-doc-ticket{
    top: 15px;
    position: absolute;
    left: -5px;
}

.modal-footer-iframe{
    position: fixed;
    bottom: 5px;
    right: 20px;
}

.button-hit-dot.active-flasher{
    animation: 2s flasher infinite;
}

@keyframes flasher {
    0% {
        color: #b57d6a;
        border-color: #b57d6a;
    }

    100%{
        color: white;
        background-color: #b57d6a;
    }
}

.button-notify-ticket.active-flasher{
    animation: 2s flasherticket infinite;
}

@keyframes flasherticket {
    0% {
        color: #ffc241;
        border-color: #ffc241;
    }

    100%{
        color: #000;
        background-color: #ffc241;
        border-color: #ffc241;
    }
}


.modal-footer-iframe{
    position: fixed;
    bottom: 5px;
    right: 20px;
}

#dot-color-index.floating-div > div{
    width: 100%;
    z-index: 2;
    padding-bottom: 10px;
    background-color: #ffffff;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
    max-width: 1600px;
    transform: translateY(-100%);
    -webkit-animation: tomove 0.5s forwards;
    -webkit-animation-delay: 0s;
    animation: tomove 1s forwards;
    animation-delay: 0s;
    position: fixed;
    top: 0;
    border-radius: 0 0 10px 10px;
}

#dot-color-index.floating-div .div-badges{
    margin-top: 10px;
    padding: 0 15px;
}

@-webkit-keyframes tomove {
    100% {
        transform: none;
    }
}

.d-grid{
    display: grid;
}

.cursor-grab{
    cursor: grab;
}

.animation-interaction:hover{
    box-shadow: 0 0 11px rgba(33,33,33,.2);
    transform: translateZ(10px);
    top: -3px;
    position: relative;
}

.animation-interaction {
    transition: transform 0.3s ease;
    position: relative;
}

.border-0-first-tr tr:first-of-type td{
    border-top: 0;
}

.show-handle-sortable:hover .handle-sortable-step{
    display: block;
}
.show-handle-sortable .handle-sortable-step{
    display: none;
}

.checkbox-steps input[type="checkbox"]:checked ~ .custom-control-label::before{
    border-color: #37c437!important;
    background-color: #37c437b8!important;
}

.remove-background-input .sortable-steps input{
    background-color: #ffffff00;
}

.my-team-performance .div-photo-user img, .my-team-performance .div-photo-user .photo-user-initials{
    width: 5.5rem;
    height: 5.5rem;
}

.my-team-performance .div-photo-user .photo-user-by-initials{
    display: grid!important;
    width: 100%;
    height: 100%;
    align-items: center;
    margin: auto;
}

.my-team-performance .div-photo-user .d-table-cell{
    margin: auto;
}

.my-team-performance .border-top-grey{
    border-top: 1px solid #efefef;
}

.my-team-performance .store-no-attendance img{
    width: 2rem;
    display: block!important;
}

.my-team-performance .list-stores-user{
    bottom: 8px;
}

.my-team-performance .color-red{
    color: red!important;
}

.my-team-performance .font-xl{
    font-size: 1.4rem!important;
}

.my-team-performance .status.status-sm:before{
    width: 1.2rem;
    height: 1.2rem;
}

.div-list-stores-group{
    max-height: 100vh;
    overflow: auto;
    padding-top: 20px;
}

.div-list-stores-group .form-group{
    position: fixed;
    top: 52px;
    left: 0;
    width: 100%;
    background-color: #f1f1f1;
    padding: 10px;
    z-index: 9999;
}

.div-list-stores-group .form-control:focus{
    border-color: #E5E5E5!important;
}

.r-0{
    right: 0;
}

.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in{
    max-height: 600px!important;
}

.mce-container-body.mce-window-body.mce-abs-layout{
    overflow-y: scroll!important;
    max-height: 500px!important;
}

#preview_logo_pdf{
    min-height: 50px;
    max-height: 100px;
    border: 3px solid #dee2e6;
}

.thead-align-vertical-th > tr th{
    vertical-align: inherit
}

.text-vertical{
    vertical-align: inherit!important;
}

.remove-btns-input-number > input[type="number"]::-webkit-inner-spin-button,
.remove-btns-input-number > input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0; /* Opcional: remover qualquer margem residual */
}

/* corrigindo bug ao abrir modal feito pelo angular */
body:not(.mod-main-boxed):not(.mobile-view-activated).chrome.modal-open {
    padding-right: 0!important;
}
/* corrigindo bug ao abrir modal feito pelo angular */

.select2-dropdown{
    z-index: 2000!important;
}

.table-list-lpu td{
    padding: 0.1rem;
    vertical-align: inherit!important;
}

/* Styles para telas de até 1440px */
@media (max-width: 1600px) {
    .div-for-list-contracts .panel-tag.card > i{
        font-size: 1rem!important;
    }
}
/* Styles para telas de até 1440px */

/* Ajuste de icon em lista de contratos */
@media (min-width: 1500px) and (max-width: 1600px) {
    .div-for-list-contracts .panel-tag.card > i{
        position: absolute;
        top: 38%;
        right: 10px;
    }
}
/* Ajuste de icon em lista de contratos */

.input-group > .select2{
    width: 70%!important;
}
/* Ajuste no painel que aparece nos textares do tinymce */
.mce-floatpanel.mce-window, 
.mce-container-body.mce-window-body.mce-abs-layout{
    min-width: 500px;
}
/* Ajuste no painel que aparece nos textares do tinymce */

.show-x-remove{
    position: relative;
}

.show-x-remove > .fa-trash{
    display: none;
    bottom: 0;
    left: -1px;
    color: #f80505a9;
}

.show-x-remove:hover > .fa-trash{
    display: block;
}

.vertical-align-middle{
    vertical-align: middle!important;
}