.super-right { text-align:right !important; }
.super-center { text-align:center !important; }
.super-top { vertical-align:top !important; }
.s80 { width:80px !important;}
.s50 { width:50px !important;}
.super-center-header table tbody tr td { text-align:center !important; vertical-align:middle !important; }

.clear { clear:both; }

.ajax_load {
    z-index:9999999;
}

#progress_background {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    opacity: 0.8;
    background-color: white;
    z-index: 1000;
}

.back_progress_background {
    opacity: 0.8;
}

.back_progress_background img {
    margin-left: 0px;
    margin-top: 9px;
}

.background_invisible {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background: url('../fancybox/fancybox_overlay.png'); 
    z-index:1000; 
}

.btRemove { width:90px; height:33px; background:url(../imagens/bt-remover.png) top no-repeat; border:none !important; cursor:pointer; }
.btUpload { width:90px; height:33px; background:url(../imagens/bt-upload.png) top no-repeat; border:none !important; cursor:pointer; margin-left:60px; }
.btCancelar { width:90px; height:33px; background:url(../imagens/bt-cancelar.png) top no-repeat; border:none !important; cursor:pointer; }
.btAdicionar { width:90px; height:33px; background:url(../imagens/bt-adicionar.png) top no-repeat; border:none !important; cursor:pointer; }

.btSaveInt { width:90px; height:33px; background:url(../imagens/bt-salvar.png) top no-repeat; border:none !important; cursor:pointer; }

.btPreview { width:90px; height:33px; background:url(../imagens/bt-preview.png) top no-repeat; border:none !important; cursor:pointer; }

.menu_principal { background:none !important; border:none; color: #ffffff !important; }
.menu_principal a { font-size:14px; color:#FFF !important; }
.menu_principal a:hover { color:#000; }
.menu_principal .dxmMenuItem { font-size:14px; color:#FFF; margin-right:30px; background:none; padding:4px 8px 5px; border:none; }
.menu_principal .dxmMenuItem:hover { background-color:#FFF; border:none; color:#000; }
.menu_principal .dxmMenuItemHover {}
.menu_principal table tr:first-child td { padding: 0px 8px 0 0 !important; }

.Wid40  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:40px !important; }
.Wid45  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:45px !important; }
.Wid50  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:50px !important; }
.Wid60  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:60px !important; }
.Wid70  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:70px !important; }
.Wid80  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:80px !important; }
.Wid100  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:100px !important; }
.Wid150  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:150px !important; }
.Wid200  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:200px !important; }
select.Wid200  { width:213px !important; }
.Wid4002  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:400px !important; }
.Wid520  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:520px !important; }
.Wid540  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:540px !important; }
.Wid650  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:650px !important; }
.Wid245  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:245px !important; }
.Wid300  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:300px !important; }
.Wid300NoB  { padding:5px; font-size:12px; color:#999; width:300px !important; }
.Wid400  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:400px !important; }
.Wid500  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:500px !important; }
.Wid600  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:600px !important; }
.Wid900 {
    border: solid 1px #999;
    padding: 5px;
    font-size: 12px;
    color: #999;
    width: 900px !important;
}
.Wid100per  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:100% !important; }

.popupControlContentControl { padding: 0px; }

.painel_interno .campo { margin-bottom:5px; display:block; }
.painel_interno .campo p { margin-bottom:3px; }
.painel_interno .campo input, .janela .conteudo .campo textarea  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:98%; }
.painel_interno .campo select  { border:solid 1px #999; padding:5px; font-size:12px; color:#999; width:99%; }
.painel_interno .campo input[type=checkbox] { border: none !important; width:20px !important; }
.painel_interno .campo input.btUpload { width: 90px !important; }
.painel_interno .campo textarea  { min-height:300px; overflow:auto; }
.painel_interno .campo input:hover, .janela .conteudo .campo textarea:hover  { border:solid 1px #666; color:#666; }
.painel_interno .campo input:focus, .janela .conteudo .campo textarea:focus { border:solid 1px #333; color:#333; -moz-box-shadow: 1px 1px 7px #999; -webkit-box-shadow: 1px 1px 7px #999; box-shadow: 1px 1px 7px #999; }

.box_central { width: 98%; margin: 0 auto; }

.pointer { cursor:pointer; }

.radio input[type=radio] { border: none !important; margin-left:25px !important; }
.radio label { margin-right: 5px; }

/* FORMULÁRIO */
.btImprimir { padding: 4px 8px 0 0px !important;
height: 38px !important;
text-align: right;
background: url(../imagens/print2.png) #EAEAEA 6px 13px no-repeat !important;
width: 89px !important; }
.btCron { padding: 4px 8px 0 0px !important;
height: 38px !important;
text-align: right;
width: 89px !important; }

input[value="Voltar"],input[value="Back"] { margin-right:10px; }
input[value="Cancelar"],input[value="Cancel"] { background:#B20000 !important; }
input[value="Cancelar/Limpar"],input[value="Cancel/Clear"] { background:#B20000 !important; }
input[value="Imprimir"],input[value="Print"] { background-color:#022F5D !important; }


input[type=submit] {
    background: #022f5d 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    height: 32px;
    padding: 6px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    color: #FFF;
}

input[type=submit]:hover {
    background:#022F5D;
    color:#FFF !important;
    opacity:0.8;
}

input[type=submit]:active {
     position:relative; top:1px;
}

.linkbutton {
    height: 23px !important;
    padding: 5px !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 13px !important;
    color: #FFF !important;
    display: inline-block;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    background: #022F5D;
    border: none;
    cursor: pointer;
    font-family: 'Yu Gothic', Arial, sans-serif;
}

.linkbutton:hover {
    background: #022F5D;
    color: #FFF;
    opacity: 0.8;
}

.linkbutton:active {
    position: relative !important;
    top: 1px !important;
}

.apply-css-botao .dxbButton_iOS, .apply-css-botao.dxbButton_iOS, .dxflFormLayout_iOS .dxflCommandItemSys a {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    background: #022F5D;
    height: 30px;
    padding: 4px;
    border: none;
    cursor: pointer;
    font-family: 'Yu Gothic', Arial, sans-serif;
    font-size: 13px;
    color: #FFF !important;
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
}

.apply-css-botao .dxbButton_iOS:hover, .apply-css-botao.dxbButton_iOS:hover, .dxflFormLayout_iOS .dxflCommandItemSys a:hover {
    background: #022F5D;
    color: #FFF;
    opacity: 0.8;
}

.apply-css-botao .dxbButton_iOS:active, .apply-css-botao.dxbButton_iOS:active {
     position:relative; top:1px;
}

.botao {
    border-radius: 5px;
    background: #002D5D;
    height: 30px;
    padding: 4px;
    border: none;
    cursor: pointer;
    font-size: 12px;
    color: #ffffff;
}

.botao:hover {
    background:#001377;
     color:#FFF;
}

.botao:active {
     position:relative; top:1px;
}

/* AVISOS */
.quadro_avisos {
    border: 1px solid #CD0000;
    padding: 10px;
}

.invisible_textbox { width:0px; border:0px; color:White; }

/* ABAS */
.visivel { display:block; }
.oculto { display:none; }
.abas { overflow:hidden; width:100%; }
.idTabs { float:left; width:100%; padding:15px; }
.idTabs a { padding:7px; background:#022F5D; color:#FFF; font-size:14px; margin:0; border-radius:4px; font-family: Arial, sans-serif; }
.idTabs a:hover { background:#5A7700; color:#FFF; text-decoration:none; }
.idTabs a:active { background-color:#5A7700; color:#FFF; }
.idTabs a.selected { background-color:#5A7700; color:#FFF; }

/* ITENS */
div.itemDrag{border:1px solid #CCC; border-radius:8px; margin:4px !important; width:100%; float:left; min-height:50px;}
.itemDrag ul{list-style:none; padding-left:15px;}
.itemDrag ul li{padding:4px;}
.itemDrag h1{text-align:center;}
.itemDrag h2 {background-color:#022F5D;color:#fff;padding:10px; margin:0; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; }
.itemDrag h2 span{float:right;font-size:12px;font-weight:normal;padding:1px;}
.itemDrag h2 span a{color:#fff;text-decoration:none;}
.dragHelper{border:4px dashed #bfcee1;min-height:360px;margin:4px;}
/*.itemDrag p { line-height:0; }*/
.itemDrag p a{font-weight:900;text-decoration:none;border-bottom:1px dotted blue;}

/* MENU INICIAL */
/*div.menu_inicial{border:1px solid #CCC; border-radius:8px; margin:4px!important; width:300px; float:left; min-height:100px;}
.menu_inicial ul{list-style:none; padding-left:15px;}
.menu_inicial ul li{padding:4px;}
.menu_inicial .titulo{background-color:#5E4895;color:#fff;padding:10px; margin:0; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; }
.menu_inicial a{font-weight:900;text-decoration:none;}*/

/* BOOTSTRAP */
span.radio {
    padding: 0px;
}

span.radio > input[type="radio"] {
    margin: 8px -5px 7px 0px;
}

span.radio > label {
    float: left;
    margin-right: 5px;
    padding: 0px 5px 0px 10px;
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #222222;
}

/* AUXILIARES */
.calendarcabecalho { width: 40px; }
.calendarcss { margin-left: 20px; }
.calendartitulo td { text-align: center; }


/* calendario */
#calendario table.estilocss{
    float:left;
    width:197px;
    height:80px;
    font-size:12px;
    color:#666;
    border:0px;
    background-color:#F2F2F2;
}
.estilonextprec{
    float:left;
    width:197px;
    height:27px;
    font-size:18px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#333;
    background-color:#F2F2F2;
}

.calendardia, .estilohoje, .estilooutromes, .calendarfimdesemana{border:solid 1px #E2E2E2; width:27px; height:27px;}
.calendardia, .estilohoje, .calendarfimdesemana a{text-decoration:none; color:#666; font-weight:bold;}
.estilooutromes a { text-decoration:overline; color:White; }
.calendarfimdesemana { color: #999; }

#calendario table.estilocss .estilocabecalho{font-size:9px; color:#999; border:0px; font-weight:100;}

#calendario table.estilocss td a{text-decoration:none;}

.estilotitilo{border:0px; font-size:14px; font-weight:bold; color:#333; text-align:center;}
.estilonextprec{padding:10px 5px 0px 10px; text-align:center;}
table.estilotitilo tr td{text-align:center; line-height:0px;}

.calendario { overflow: hidden; }
.calendario ul{ margin:0; padding:5px 10px 0 10px; width:100%; list-style:none; }
.calendario ul li{ float:left; padding:0px 0 3px 10px; font-size:12px; color:#666; }
.calendario ul li div { width:10px; height:10px; float:left; position: relative; top: 5px; }

.required
{
    color: red;
}

/* DEV EXPRESS 
.dxeButtonEdit .dxeEditArea {
    font-size: 11px !important;
} */

/*.dxeButtonEdit, .dxeButtonEditButton, .dxeCalendarButton, .dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton { border: none !important; }*/
/*.dxeFocused { width: 100% !important; }*/

.dxgvTable_iOS, .dxgvDataRow_iOS td.dxgv {
    overflow: visible !important;
}

.dx-wrap, .dxtl, .dxeMemoEditArea_iOS,
input[type="text"].dxeEditArea_iOS, .dxpgColumnFieldValue_iOS,
.dxpgCell_iOS, .dxtlEditFormCaption_iOS label, .dxflCaption_iOS {
    font-size: 12px;
}

.dxtlFocusedNode_iOS {
    background-color: white;
    color: inherit;
}

.grid .dxgvControl_iOS, .grid .dxpLite_iOS, .dxgvControl_iOS {
    font: 12px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}

.dxgvHeader_iOS {
    padding: 8px 8px;
}

.dxgvDataRow_iOS td.dxgv, .dxgvFilterRow_iOS td.dxgv {
    padding: 6px 10px 6px;
}

#checkBoxContainer .dx-checkbox-icon {
    height: 20px;
    width: 20px;
}

.dx-checkbox-checked .dx-checkbox-icon {
    font-size: 10px;
}  

.no-border {
    border: none !important;
}
.dxgvDetailCell_Moderno {
    padding: 10px 15px 15px 20px !important;
}
.dxgvDetailButton_Moderno {
    width: 15px !important;
}

.apply-css-botao .dxbButton_Moderno {
    border: 1px Solid #022F5D !important;
    color: white !important;
    background: #022F5D !important;
}

.btPadrao.btn-remove,
.apply-css-botao .btn-remove,
.apply-css-botao.btn-remove,
.dxflFormLayout_iOS .dxflCommandItemSys .btn-remove {
    border: 1px Solid #B20000 !important;
    color: white !important;
    background: #B20000 !important;
}

.btn-group .btPadrao {
    height: 26px;
    padding: 2px 13px 2px 13px;
}

.dxtlHeader_Moderno.apply-css-botao {
    text-align: center;
}

.dx-dashboard-surface {
    background-color: #fff;
}

/* Legendas de decisões */
.legendas { overflow: hidden; padding:30px 0; }
.legendas span { display: block; overflow: hidden; margin-bottom: 9px; float: left; }
.legendas span::before { display: block; float: left; padding: 5px; width: 30px; height: 15px; content: ""; margin-right: 10px; margin-left:10px; }
.legendas span.cor1:before { background:#ededed; }
.legendas span.cor2:before { background:#ffcccc; }
.legendas span.cor3:before { background:#ffffc1; }
.legendas span.cor4:before { background:#d3ffd3; }
.legendas span.cor5:before { background:#ad95ad; }

.bootstrap-switch-wrapper {
    border: none !important;
}

.btn-check input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.btn-check label {
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    border-width: 1px;
    border-style: solid;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
}

.btn-check.btn-outline-primary input:checked + label {
    background-color: #022F5D;
    color: #FFF;
    border-color: #022F5D;
}

.btn-check.btn-outline-primary label {
    color: #022F5D;
    border-color: #022F5D;
}

.btn-check.btn-outline-danger input:checked + label {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-check.btn-outline-danger label {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-menu {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 6px;
    font: normal normal medium 14px / 22px Yu Gothic;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.btn-menu:hover {
    opacity: 0.8;
}

.btn-blue, .btn-blue:hover {
    background: #0772B4 0% 0% no-repeat padding-box; /* Exemplo: Azul */
    color: #fff;
}

.participant-batch-toggle .caret {
    margin-top: 10px;
    border-top: 4px solid #fff9f9 !important;
}

.participant-batch-actions .btn {
    padding: 8px 20px 8px 20px;
}

.participant-batch-actions {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

    .participant-batch-actions .btPadrao {
        display: inline-block;
    }

.participant-batch-toggle {
    min-width: 18px;
    padding-left: 10px;
    padding-right: 10px;
}

.participant-batch-actions .dropdown-menu {
    min-width: 240px;
}

.btn-purple, .btn-purple:hover {
    background: #9C27B0 0% 0% no-repeat padding-box; /* roxo */
    color: #fff;
}

.btn-green, .btn-green:hover {
    background: #4CAF50 0% 0% no-repeat padding-box; /* Exemplo: Verde */
    color: #fff;
}

.btn-orange, .btn-orange:hover {
    background: #FF9800 0% 0% no-repeat padding-box; /* Exemplo: Laranja */
    color: #fff;
}

.fa-input {
    font-family: FontAwesome, 'Yu Gothic', Helvetica, Arial, sans-serif !important;
    background: #001E4A 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    color: #FFF !important;
    letter-spacing: 0px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    -webkit-appearance: button;
    text-decoration: none !important;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    height: 38px !important;
    padding: 4px !important;
}
.fa-input:hover {
    background: #001E4A 0% 0% no-repeat padding-box;
    opacity: 0.8;
    color: #FFF !important;
}
a.fa-input {
    padding: 0px !important;
    line-height: 39px !important;
}

.swal2-title {
    margin-top: 26px !important;
}

/* SELECT 2 */
.select2-container--default .select2-selection--single {
    border: 1px solid #cccccc;
}

.select2-container--default .select2-selection--single:hover {
    border: solid 1px #666;
    color: #666;
}

.select2-container--default .select2-selection--single:focus {
    border: solid 1px #333;
    color: #333;
    -moz-box-shadow: 1px 1px 7px #999;
    -webkit-box-shadow: 1px 1px 7px #999;
    box-shadow: 1px 1px 7px #999;
}

.select2-container .select2-selection--single,
.select2-search--dropdown .select2-search__field {
    height: 32px !important;
}

.grid-lookup.dxeButtonEdit_iOS td.dxic {
    padding: 5px 3px 5px 3px !important;
}