/*================================================================================
	Noma Item: eErpSystem
	Version: 1.0
	Author: Ferline
	Author URL: http://www.ferline.com.br
================================================================================

NOTA:
--
COLOCA AQUI OS SEUS PRÓPRIOS CÓDIGOS SCSS E SE NECESSÁRIO, SUBSTITUI OS ESTILOS DAS OUTRAS FOLHAS DE ESTILO.
LANÇAMOS FUTURAS ATUALIZAÇÕES PARA NÃO SUBSTITUIR SEUS ESTILOS, É MELHOR ASSIM. 
--
*/

/* ---------- Style Popup ------------------------------ */
body.dark-layout .modalBackground {
    background-color: #000000;
    background-color: #757678;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

@media screen and (max-width: 600px) {
    body.dark-layout .modal {
        max-width: 90vw;
    }
}
/* Largura Header */
body.dark-layout .modal .modal-content .modal-header {
    padding: .8rem;
}

body.dark-layout .modal .modal-content .modal-footer {
    background-color: #303d57;
    padding: .8rem;
}

/* Stilus Texto Header*/
body.dark-layout .modal .modal-content .modal-header .modal-title span {
    color: #ffffff;
}

/* Stilus do modal-content */
body.dark-layout .modal-content {
    border: 2px solid;
    border-color: #304256;
    max-height: 90vh;
}
/* ---------- ./Style Popup ------------------------------ */


/* ---------- Style MsgBoxPopup -------------------------- */
.MsgBoxPopup_Background {
    background-color: #4800ff;
    filter: alpha(opacity=30);
    opacity: 0.3;
    height: auto;
}

.modal .MsgGridView {
    width: 100%;
    /*min-width: 350px;*/
    border: 1px solid #1a233a;
}
/* ---------- ./Style MsgBoxPopup ------------------------ */


/* */
.hr_pontilhado {
    border: 1px dashed #474d5c;
    width: 100%;
}

/*-- Coloca sombra nas telas de cadastro/Edição --*/
/* offset-x | offset-y | blur-radius | spread-radius | color */
.box-shadow-edit {
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
}



/* --------------------------------------------------------- */
/* Diminui a opacidade dos botões desabilitados para 90% */
/*body .dark-layout .aspNetDisabled .form-control {
    opacity: .5;
    cursor: default;
}*/
body.dark-layout .form-control:disabled {
    cursor: default;
    opacity: 1;
    background-color: #202841;
}


/* input:disabled */
body .dark-layout .custom-file-label:disabled, body.dark-layout .custom-file-label[readonly=readonly], body.dark-layout .nav .nav-item .nav-link.disabled, body.dark-layout .nav-tabs .nav-item .nav-link.disabled, body.dark-layout .pills-stacked .nav-item .nav-link.disabled, body.dark-layout input.form-control:disabled, body.dark-layout input.form-control[readonly=readonly], body.dark-layout textarea.form-control:disabled, body.dark-layout textarea.form-control[readonly=readonly] {
    opacity: 1;
    background-color: #202841;
}



/* Style Select2 */
/* Coloca borda no controle select2 */
body.dark-layout .select2-container {
    border: 1px solid #464d5c;
    border-radius: 5px;
}

body.dark-layout .select2-container--disabled {
    border: none;
}

body.dark-layout .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #202841;
    border: none;
}

body.dark-layout .select2 .select2-selection .select2-selection__rendered {
    color: #8a99b5 !important;
}

/*../ Style Select2 */
/* --------- */
.bg-header {
    background-color: #2c3452 !important;
}


/* -- Stylus do CheckBox -- */
/* Afasta o label 15px à direita da caixinha do box */
.checkbox label {
    padding-left: 0px;
}

/* --- Begin CSS controle CheckBox para o controle fical igual aos outros contros de input */
/* CheckBox:disabled */
body.dark-layout .form-control-CheckBox {
    display: block;
    width: 100%;
    height: calc(1.4em + 0.94rem + 3.7px);
    padding: 0.47rem 0.8rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #475F7B;
    background-color: #1a233a;
    background-clip: padding-box;
    border: 1px solid #464d5c;
    border-radius: 0.267rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

body.dark-layout .form-control-CheckBox-disabled {
    border: 1px solid #212941;
    background-color: #202841;
}

    body.dark-layout .form-control-CheckBox-disabled label {
        opacity: 1;
        background-color: #202841;
    }
/* --- Begin --- */

/* --  Stylus: <asp:ValidationSummary  DisplayMode="List"  --  */
.validation-summary-errors {
    list-style-type: none;
    color: #ffd800 !important;
    padding: 0;
}

/* -- Stylus do Header da MsgBoxMessage -- */
.validationheader {
    font-weight: 600;
    font-size: 1.2em;
}

/* -- */


/* -- Formata scrollbar Dark -- */
body {
    background: #333;
    height: 1500px;
}


html {
    scrollbar-face-color: #646464;
    scrollbar-base-color: #646464;
    scrollbar-3dlight-color: #646464;
    scrollbar-highlight-color: #646464;
    scrollbar-track-color: #000;
    scrollbar-arrow-color: #000;
    scrollbar-shadow-color: #646464;
    scrollbar-dark-shadow-color: #646464;
}

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-button {
    background-color: #666;
}

::-webkit-scrollbar-track {
    background-color: #646464;
}

::-webkit-scrollbar-track-piece {
    background-color: #000;
}

/* Largura da barra do scrool*/
::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #666;
    border-radius: 0px;
}

/* Cantinho inferior direito */
::-webkit-scrollbar-corner {
    background-color: #646464;
}

::-webkit-resizer {
    background-color: #666;
}
/* -- ./Formata scrollbar Dark -- */
.Div_Form_overflowLista {
    border: 0px solid #999999;
    padding: 0px;
    overflow-y: auto;
    overflow-x: auto;
    white-space: nowrap;
    min-height: 180px;
    max-height: calc(63vh);
}

.Div_Form_overflowLista_Frest_1Coluna {
    border: 0px solid #999999;
    padding: 0px;
    overflow-y: auto;
    overflow-x: auto;
    white-space: nowrap;
    min-height: 180px;
    max-height: calc(100vh - 200px);
}

.Overflow_x_MaxHeight500 {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    max-height: 700px;
}

.Overflow_x_MinHeight200 {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    min-height: 200px;
}

.content-wrapper {
    min-height: calc(100vh - 120px);
}
/*
a .aspNetDisabled {
     opacity: .5;
     border: 0;
     background-color: none;
}*/


/*-- CSS DropDownList --*/
select.form-control:not([multiple]) {
    /* Aumeta o espaçamento direito do icone(setinha pra baixo) com o valor */
    padding-right: 2rem;
}

/*-- Altera o cursor do mouse sobre os controle bloqueados --*/
.Desabilitado {
    cursor: not-allowed;
}