/*****************************************************/
/*                Scroll div com tela                */
/********************   SEM USO   ********************/
/*****************************************************/
.scrollingBox {
    position: fixed;
    width: 300px;
    right: 0px;
    top: 0px;
}


.wrapper { 
  height: 100%;
  width: 100%;
/*  left:0;*/
/*  right: 0;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  position: absolute;*/
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 8s ease infinite;
-z-animation: rainbow 8s ease infinite;
-o-animation: rainbow 8s ease infinite;
  animation: rainbow 8s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
/*****************************************************/
/*                  Cores logos sis                  */
/*****************************************************/
.color-almo         { color:  #0E15E9; } /*azul*/
.color-bck-almo		{ background-color:#bac3de; }

.color-almesc       { color:  #f0d107; } /*dourado*/
.color-bck-almesc	{ background-color:#d9d075; }	

.color-key          { color:  #d65cd6; } /*rosa*/
.color-bck-chaves	{ background-color:#d182d1; }

.color-tel          { color:  #23bf0a; } /*verde*/
.color-bck-tel		{ background-color:#84d177; } 

.color-ro           { color:  #FF0000; } /*vermelho*/

.color-admin        { color:  #9E00FF; } /*violeta*/

.color-rango    { color:  #fa8fb1; } /*Rosa pastel*/
.color-bck-rango    { background-color:#FFb6C1; }

/*Sem uso*/
.color-ti       { color:  #A6A6A6; }
.color-bck-dev		{ background-color:#f70f0f; color: white; }
.color-bck-ceb		{ background-color:#b2b8ab; }
.color-bck-escola	{ background-color:#c7a58b; }
.color-bck-cda		{ background-color:#ccd5bd; }
.color-bck-ser		{ background-color:#94b4db; }
.color-bck-ri		{ background-color:#b2cfe2; }


/*****************************************************/
/*                 Ribbon cor do mês                 */
/*****************************************************/
.ribbon {
    position: absolute;
    top: 200px;
    right: 10px;
    transform: rotate(30deg);
}
.ribbon img{
    max-width: 60px;
}

/*PC*/
@media (max-width: 1920px){
    .ribbon {
        position: absolute;
        top: 70px;
        right: 20px;
        transform: rotate(30deg);
    }

    .ribbon img{
        max-width: 100px;
    }
}


/*****************************************************/
/*                 Aumentar Checkbox                 */
/*****************************************************/
.notificacao{
    position: fixed;
    bottom: 30;
    right: -15;
    padding-top: 13;
    padding-bottom: 13;
    padding-left: 20;
    padding-right: 60;
    background-color: DarkMagenta;
    color: white;
    border-radius: 17px;
}



/*****************************************************/
/*                 Aumentar Checkbox                 */
/*****************************************************/
input.largerCheckbox {
    width: 25px;
    height: 25px;
}
input.largerRadio {
    width: 20px;
    height: 20px;
}
input.largerSwitch {
    width: 40px;
    height: 20px;
}



/*****************************************************/
/*                  Footer position                  */
/*****************************************************/
html, body {
    height: 100%;
    margin: 0;
}
.content{
    height: 100vh;
    display: flex;
    flex-direction: column;
}
.content-header {
/*    flex-shrink: 0;*/
}
.content-inside {
    flex-shrink: 1;
    flex: 1 0 auto;
}
.content-footer{
    margin-top: 0;
    flex-shrink: 0;
}

/*****************************************************/
/*                Dropdown da navbar                 */
/*****************************************************/
.dropdown-menu {
    background-color: lightgrey;
}


/*****************************************************/
/*    Controla tamanho dos ícones do menu inicia     */
/*****************************************************/
.MenuIni{
    max-width: 100px;
    min-width: 100px;
    max-height:100px;
    min-height:100px;
}

/*cel*/
@media (max-width: 600px){
    .MenuIni {
        max-width:  50px;
        min-width:  50px;
        max-height: 50px;
        min-height: 50px;
    }
}

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

/*****************************************************/
/*                    Loader div                     */
/*****************************************************/
#loader {
    display: none;
    position: fixed;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,0.75) 
    url(https://developer.30dejulho.com.br/Resources/Images/Gifs/loading.gif) 
    no-repeat center center;
    background-size: 25%;
    z-index: 15000;
}


.table{
    background-color: white;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

#table_wrapper{
    background-color: white;
    border-radius: 15px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.container_bck{
    background-color: white;
}

div.dataTables_wrapper div.dataTables_info{
    padding-top:0.5em !important;
}

.dt_paginationCenter div.dataTables_paginate ul.pagination{
    justify-content: center !important;
}
.dt_infoRight div.dataTables_info{
    justify-content: flex-end !important;
    display: flex !important;
}
.dt_lengthLeft div.dataTables_length{
    justify-content: flex-start !important;
    padding-top:0.5em !important;
    display: flex !important;
}

/*******************************************************************************/
/*                              Cores para tabela                              */
/*******************************************************************************/
.Table_TRYellowColor td{
    background-color: #ffc107;
}

.TableYellowColor tr td{
    background-color: #ffc107;
}

.TableTR_GreyColor td{
    background-color: #ADB5BD;
}

.TableGreyColor tr td{
    background-color: #ADB5BD;
}

/*******************************************************************************/
/*                             Customização do from                            */
/*******************************************************************************/
.form-card {
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    margin: 20px;
    padding: 20px;
}
.form-label {
    font-weight: bold;
}