/* start of desktop styles */

/*body .no-scroll {
    height: 648px;
    overflow-y: hidden !important;
}*/

@media screen and (min-width: 600px) and (max-width: 800px){
    body .no-scroll {
        height: 647px;
        overflow-y: hidden !important;
    }
    .sidebar-mini {
        margin-left: 0px !important;
    }
}
@media screen and (min-width: 800px){
    body .no-scroll {
        height: 647px;
        overflow-y: hidden !important;
    }
    .sidebar-mini {
        margin-left: 0px !important;
    }
}

@media only screen and (min-width: 430px) and (max-width: 700px){
    @media (orientation: portrait) {
        body .no-scroll {
            height: 500px;
            overflow-y: hidden !important;
        }
    }
    @media (orientation: landscape) {
        body .no-scroll {
            height: 200px;
            overflow-y: hidden !important;
        }
        .sidebar-mini {
            margin-left: 0px !important;
        }
    }    
}
@media only screen and (max-width: 700px){
    @media (orientation: portrait) {
        body .no-scroll {
            height: 500px;
            overflow-y: hidden !important;
        }
    }
    @media (orientation: landscape) {
        body .no-scroll {
            height: 200px;
            overflow-y: hidden !important;
        }
        .sidebar-mini {
            margin-left: 0px !important;
        }
    }    
}


/*
@media only screen and (min-width: 800px){
    @media (orientation: portrait) {
        body .no-scroll {
            height: 600px;
            overflow-y: hidden !important;
        }
    }
    @media (orientation: landscape) {
        body .no-scroll {
            height: 600px;
            overflow-y: hidden !important;
        }
        .sidebar-mini {
            margin-left: -25px !important;
        }
    }
}

@media only screen and (max-width: 700px){
    @media (orientation: portrait) {
        body .no-scroll {
            height: 500px;
            overflow-y: hidden !important;
        }
    }
    @media (orientation: landscape) {
        body .no-scroll {
            height: 200px;
            overflow-y: hidden !important;
        }
        .sidebar-mini {
            margin-left: 0px !important;
        }
    }    
}*/

.atendimento-list {
    margin: 0px;
    /*overflow-y: scroll;*/
    padding: 1px;
}

.panel-closed-ticket-mobile {
    background-color: #222d32 !important;
    bottom: 60px !important;
    height: 55px;
    z-index: 7 !important; /**Precisa ser menor que o do painel aberto para nao ficar por cima**/
}

.panel-mobile{
    background-color: #4B515D !important;
    position: fixed;
    bottom: 0px !important;
    left: 0px;
    right: 0px;
    min-width: 100%;
    height: 60px;
    z-index: 999;
}

.panel-opened-ticket-mobile {
    background-color: #222d32 !important;
    height: 100vh !important;
    z-index: 4;
}

/* Controle a margem do menuFixedTicketDestop de acordo com o tamanho da tela */
.mleft-option-menu {
    margin-left: 60px;
}

/* Altera o tamanho das colunas do panelOpenedTicketMobile quando muda a orientacao da tela */
.custom-col {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

/* Altera o tamanho das colunas do panelGuicheList quando muda o tamanho da tela */
.custom-col-guiche {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 20%;
}

@media screen and (max-width: 1080px) {
    .custom-col-guiche {
        width: 25%;
    }
}

@media screen and (max-width: 991px) {
    /* start of large tablet styles */
    .mleft-option-menu {
        margin-left: 10px;
    }
    .sidebar-mini {
        /* Esconde o menuLeft */
        margin-left: -50px;
    }
}

@media screen and (max-width: 800px) {
    .custom-col-guiche {
        width: 30%;
    }
}

@media screen and (max-width: 767px) {
    /* start of medium tablet styles */
    @media (orientation: portrait) {
        .custom-col {
            width: 100%;
        }
        .costum-margin-ticket-mobile {
            margin-top: 0vh;
        }
    }
    @media (orientation: landscape) {
        .custom-col {
            width: 50%;
        }
        .costum-margin-ticket-mobile {
            margin-top: 17vh;
        }
    }
    .sidebar-mini {
        /* Esconde o menuLeft */
        margin-left: 0px;
    }
}

@media screen and (max-width: 700px) {
    .custom-col-guiche {
        width: 50%;
    }
}

@media screen and (max-width: 479px) {
    /* start of phone styles */
    .custom-col-guiche {
        width: 100%;
    }
    @media (orientation: portrait) {
        .custom-col {
            width: 100%;
        }
        .costum-margin-ticket-mobile {
            margin-top: 0vh;
        }
    }
    @media (orientation: landscape) {
        .custom-col {
            width: 50%;
        }
        .costum-margin-ticket-mobile {
            margin-top: 17vh;
        }
    }
    .ngdialog-theme-default {
        margin-top: 30px !important;
    }
}

.center-vertical-horizontal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    width: 100%;
}

.text-white{
    color: #ffffff;
}

.center-content-vertical {
    display: flex;
    align-items: center;
}

.col-center {
    float: none;
    margin: 0 auto;
}

.background-transparent {
    background-color: transparent;
}

.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}

.height-100 {
    height: 100% !important;
}
.width-100 {
    width: 100% !important;
}
.vh-100 {
    height: 100vh !important;
}
.vw-100 {
    width: 100vw !important;
}

/* Borders */
.border-top-white {
    border-top: 1px solid #fff;
}
.border-top-gray {
    border-top: 1px solid #ddd;
}
.border-bottom-white {
    border-bottom: 1px solid #fff;
}
.border-right-white {
    border-right: 1px solid #fff;
}
.border-left-white {
    border-left: 1px solid #fff;
}

.font-size-1-2vmax {
    font-size: 1.2vmax;
}
.font-size-1-5vmax {
    font-size: 1.5vmax;
}
.font-size-2-vmax {
    font-size: 2vmax;
}
.font-size-2-5vmax {
    font-size: 2.5vmax;
}
.font-size-3-5vmax {
    font-size: 3.5vmax
}

.h-35 {
    height: 35px;
}
.h-50 {
    height: 50px;
}

.mtop-5  { margin-top: 5px !important; }
.mtop-7  { margin-top: 7px !important; }
.mtop-10 { margin-top: 10px !important; }
.mtop-15 { margin-top: 15px !important; }
.mtop-20 { margin-top: 20px !important; }
.mtop-25 { margin-top: 25px !important; }
.mtop-30 { margin-top: 30px !important; }

.mtop-less-5  { margin-top: -5px !important; }
.mtop-less-10 { margin-top: -10px !important; }
.mtop-less-15 { margin-top: -15px !important; }
.mtop-less-20 { margin-top: -20px !important; }
.mtop-less-30 { margin-top: -30px !important; }

.mbottom-5  { margin-bottom: 5px !important; }
.mbottom-8  { margin-bottom: 8px !important; }
.mbottom-10 { margin-bottom: 10px !important; }
.mbottom-15 { margin-bottom: 15px !important; }
.mbottom-20 { margin-bottom: 20px !important; }

.mleft-5 { margin-left: 5px !important; }
.mleft-10 { margin-left: 10px !important; }
.mleft-15 { margin-left: 15px !important; }
.mleft-20 { margin-left: 20px !important; }
.mleft-25 { margin-left: 25px !important; }
.mleft-30 { margin-left: 30px !important; }
.mleft-35 { margin-left: 35px !important; }
.mleft-40 { margin-left: 40px !important; }

.mleft-less-5 { margin-left: -5px !important; }
.mleft-less-10 { margin-left: -10px !important; }

.mright-5 { margin-right: 5px !important; }
.mright-10 { margin-right: 10px !important; }
.mright-15 { margin-right: 15px !important; }
.mright-20 { margin-right: 20px !important; }
.mright-25 { margin-right: 25px !important; }
.mright-30 { margin-right: 30px !important; }


.btn-transparent-white-bordered {
    color: #bdbdbd;
    background-color: transparent;
    border-color: #bdbdbd
}
.btn-transparent-white-bordered:hover, .btn-transparent-white-bordered:focus, .btn-transparent-white-bordered:active, .btn-transparent-white-bordered.active, .open>.dropdown-toggle.btn-transparent-white-bordered {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
}

.btn-transparent-white {
    color: #bdbdbd;
    background-color: transparent;
}
.btn-transparent-white:hover, .btn-transparent-white:focus, .btn-transparent-white:active, .btn-transparent-white.active, .open>.dropdown-toggle.btn-transparent-white {
    color: #ffffff;
    background-color: transparent;
}

.color-gray{
    color: #bdbdbd;
}
.color-green {
    color: green;
}
.color-green-light {
    color: #00ff44;
}
.color-blue {
    color: blue;
}
.color-white {
    color: #fff;
}

.bg-white {
    background-color: #fff !important;
}
.bg-modern-gray-light {
    background-color: #e0e0e0 !important;
}
.bg-modern-gray {
    background-color: #4B515D !important;
}
.bg-modern-gray-dark {
    background-color: #3E4551 !important;
}
.bg-modern-gray-2 {
    background-color: #37474F !important;
}
.bg-modern-gray2-dark {
    background-color: #263238 !important;
}
.bg-modern-black {
    background-color: #2E2E2E !important;
}
.bg-modern-black-dark {
    background-color: #212121 !important;
}

.menu-fixed-bottom {
    background-color: #4B515D !important;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    min-width: 100%;
    height: 60px;
    z-index: 7;
}

.menu-fixed-right {
    background-color: #4B515D;
    position: fixed;
    bottom: 0px;
    right: 0px;
    top: 0px;
    width: 300px;
    /*height: 60px; */
    z-index: 999;
}

/* desktop styles */
.hide-on-desktop {
    display: none;
}
.show-on-desktop {
    display: block;
}
@media screen and (max-width: 991px) {
    /* start of large tablet styles */
    .hide-on-big-tablet {
        display: none;
    }
    .show-on-big-tablet {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    /* start of medium tablet styles */
    .hide-on-medium-tablet {
        display: none;
    }
    .show-on-medium-tablet {
        display: block;
    }
}
@media screen and (max-width: 479px) {
    /* start of phone styles */
    .hide-on-phone {
        display: none;
    }
    .show-on-phone {
        display: block;
    }
}

.rzslider .rz-pointer { width: 16px !important;height: 16px !important; border-radius: 8px !important; top: -7px !important; }
.rzslider .rz-pointer:after { top: 6px !important; left: 6px !important; width: 4px !important; height: 4px !important; border-radius: 2px !important;}