/* 
CSS - Main - V1.0
*/  

/* Definições gerais */  
/* TAGS */  
html {
	color:#083154
}

body {
	/* font-family: "Poppins", "Open Sans", Arial, sans-serif;
	font-family: "Quicksand", "Open Sans", Arial, sans-serif; */
	font-family: "Roboto", "Open Sans", Arial, sans-serif;
	font-family: "Nunito", "Open Sans", Arial, sans-serif;
    color:#083154;
    background-color: rgb(250,250,250);
}

a {
    color: rgb(243 238 236);
}
a:hover {
     color:#ff7f01;
     font-weight: bold;
}

STRONG {
    font-weight: 900;
}

INPUT, SELECT {
	color:#000;
}

h3 {
    font-weight: 900;
    font-size: 1.1rem;
    color:#083154
}

h7 {
    font-weight: bold;
    font-style: italic;
    color:#083154
}

del {
    background-color: #FFF;
    color: #AEAEAE
}

::placeholder,  .form-control::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #222;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #222;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #222;
}

/* FIM Definições gerais FIM */  

#tgsMain {
    width: 100%;
    height: 100%;
    display: flex;
}

#tgsLeft {
    position: fixed;
    height: 100%;
    width: 125px;
    background: rgb(230 223 220);
    z-index: 10;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
    background: rgba(0, 92, 169, 0.9);
    border-right: 5px solid rgb(21 80 129);
    /* background: linear-gradient(90deg, rgba(0,166,80,1) 0%, rgba(2,150,74,1) 35%, rgba(2,113,55,1) 100%); */
    /* background: linear-gradient(90deg, rgba(43,187,114,1) 13%, rgba(36,128,81,1) 48%, rgba(31,90,60,1) 100%); */
}

#tgsRight {
    width: 100%;
    padding-left: 125px;
   
}

.card {
    min-height: 100px;
    font-size: .8rem;
    font-weight: 800;
    background-color: #d3dcd7;
    transition: background-color 0.3s, color 0.2s;
    border-radius: 2px;
    box-shadow: 2px 3px 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px;
    border: 5px solid #26945c;
    /*
    background: linear-gradient(180deg, rgba(2,62,113,1) 15%, rgba(0,120,166,1) 72%);
    border: 2px solid #135b77;
    */
}
.card:hover{
    background-color: #167946;
    color: #FFF;
}

.card.has_input {
    background-color: #167946;
    color: #FFF;
}
.card.has_input:hover {
    background-color: #0f6036;
    color: #FFF;
}

.module-title {
    background-color: #d3dcd7;
    color: #02331a;
    padding-top: 2px;
    min-height: 65px;
    text-align: center;
    background: rgba(0, 92, 169, 0.9);
    color: rgb(255 255 255);
    border-bottom: 5px solid rgb(78 32 17);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

.module-title h2{
    font-weight: 900;
    font-size: 1.1rem;
    text-transform: uppercase;
}

.module-title button {
    margin-top: 1px;
}

.btn-1 {
    width:100%;
    background-color: #6dd9a1 !important;
    font-weight: 900;
    color: #000 !important;
}
.btn-1:hover {
    background-color: #88cca9 !important;
}
.btn-1:disabled {
    color: #FFF !important;
}

.btn-2 {
    width: 100%;
    font-size: .8rem;
    font-weight: 900;
    border: 2px solid #051449 !important;
}

.version {
    text-align: center!important;
    color: #000;
    font-size: .5rem;
    font-weight: 700;
}

.module-action-title {
    background-color: #22d478;
    text-transform: uppercase;
}

.input-error {
    font-size: .7rem;
    line-height: 1.2rem;
    color: rgb(221,44,0);
    transition: all 0.1s;
}