html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FIM DO RESET */

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");

html{
    font-family: 'Open Sans', sans-serif;
}

a{
    text-decoration: none;;
}

.master-container{
    display:flex;
}

.side-menu{
    background-color:#753B02;
    position:sticky;
    width:200px;
    height:100vh;
    top:0;
    left:0;
    padding:0 17px;
    /* overflow:hidden; */
    transition:.2s ease-in-out;
}

.content-container{
    width:calc(100% - 150px);
    background-color:#fff;
}

.system-info img{
    width:100%;
    margin:15% 0 30% 0;
}

.side-menu li{
    border-bottom:1px solid rgba(255, 250, 250, 0.3);
    padding:1rem 0;
    position: relative;
}

.side-menu li:hover .submenu{
    display:block;
}

.side-menu li a{
    color:#fff;
    text-transform:uppercase;
    font-size:0.95rem;
    font-weight:400;
    letter-spacing: 0.05rem;
}

.side-menu li a i{
    position:absolute;
    right:0;
}

.top-bar{
    background-color:#E6D7C8;
    padding:1rem 2rem;
    box-shadow: 0 4px 8px #eaeaea;
}

.user{
    display:flex;
    justify-content: end;
}

.user p{
    font-weight: 600;
    color:#753B02;
}

.box{
    width:100%;
    height:100%;
    border:none;
    border-radius:20px;
    margin-top:15%;
    padding:4%;
    background-color:#fff;
    box-shadow:1px 1px 10px #eaeaea;
}

.box h2{
    font-size:1rem;
    text-transform: uppercase;
    font-weight:700;
    color:#753B02;
    /* margin-top:5%; */
    position:relative;
    /* padding-left:1rem; */
}

.box h3{
    font-size:0.9rem;
    text-transform: uppercase;
    font-weight:700;
    color:#e0b991;
    margin-top:2%;
    position:relative;
    /* padding-left:1rem; */
}

.box ul li{
    font-size:0.9rem;
    text-transform: uppercase;
    font-weight:700;
    margin:1rem;
    color:#e0b991;
}

.painel{
    background-color:#edf2f660;
    height:100vh;
}

.painel h1{
    font-size:1.5rem;
    text-transform: uppercase;
    font-weight:700;
    color:#753B02;
    margin-top:5%;
    position:relative;
    padding-left:1rem;
}

.painel h1:before{
    content:'';
    width:10px;
    height:100%;
    left:0;
    background-color:rgba(255, 199, 143, 1);
    position:absolute;
}

.banner{
    margin-top:8%;  
}

.banner img{
    width:100%;
    height:auto;
    border-radius:20px;
    box-shadow:1px 1px 10px #eaeaea;
}

.painel h5{
    margin:5% 0 1% 0;
}

.blocked a{
    opacity:0.2;
}

.formulario{
    width:60%;
    margin-top:5%;
}

.tabela table{
    display:table;
    width:100%;
}

.tabela table th{
    background-color: #753B02;
    color:#fff;
    text-transform: uppercase;
    font-weight:400;
    padding: 1rem 0;
    font-size:0.9rem;
    text-align: center;
    border:1px solid rgba(255, 199, 143, 0.3);
}

.formulario label{
    text-transform: uppercase;
    color:#753B02;
    font-weight:500;
    margin-bottom:0.5rem;
}

input[type=text],
input[type=password],
input[type=date]{
    width:100%;
    height:3rem;
    border:1px solid #753B02;
    border-radius:5px;
    margin-bottom:2rem;
    background-color: #fff;
}

input[type=file]
{
    display:none;
}

input[type=radio]
{
    margin-left:2rem;   
}

textarea{
    width:100%;
    height:8rem;
    border:1px solid #753B02;
    border-radius:5px;
    margin-bottom:2rem;
    background-color: #fff;
}

.load-file{
    padding:1rem 1rem;
    background-color: #753B02;
    color:rgba(255, 199, 143, 1) !important;
    cursor:pointer;
    transition:.2s ease-in-out;
}

.load-file:hover{
    background-color: #5f3000;
}

.submenu{
    display:none;
    background-color: #5f3000;
    position:absolute;
    text-wrap: nowrap;
    top:0;
    left:100%;
    padding:0.5rem;
}

.submenu li{
    border:none;
    width:100%;
    padding:0.5rem 0.5rem;
}

.submenu li a{
    font-size:0.8rem;
    width:100%;
    
}

button{
    background-color:rgba(255, 199, 143, 1);
    color:#5f3000;
    text-transform: uppercase;
    margin-top:5%;
    border:none;
    padding:1rem 1rem;
    font-weight:500;
}

#geradorSenha{
    margin:0;
}

.gerador, .manual{
    margin-top:5%;
}

.under{
    display:none;
}

.login-box{
    background-color:#E6D7C8;    
}

.login-box .col-md-5{
    position:relative;
}

.login-box input{
    padding-left:0.5rem;
    color:#5f3000;
}

.container-login{
    padding:5%;
    height:100vh;
    background-color:#fff;
    border-radius:15px;
    position:absolute;
    width:50%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    height:auto;
}

.login-bg{
    background-image:url(../images/login-bg.png);
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    height:100vh;
}

.container-login img{
    width:60%;
    display: block;
    margin-left:auto;
    margin-right:auto;
}

.container-login label{
    margin-bottom:0.4rem;
    color:#5f3000;
    font-weight:600;
    text-transform: uppercase;
    font-size:0.9rem;
}

.container-login input{
    margin-bottom:1rem;
}

.container-login button{
    width:100%;
}

::placeholder{
    font-size:0.9rem;
    color:#5f300046;
    padding-left:1rem;
}

.alert-danger h3{
    font-size:0.9rem;
    font-weight:600;
    text-transform: uppercase;
    margin-bottom:0.6rem;
}

.alert-danger ul li{
    font-size:0.8rem;
    margin-left:0.5rem;
    margin-bottom:0.3rem;
}

.container-loader{
    background-color:#0000008f;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    z-index: 500;
    display:none;
}

.loader{
    background-color:#fff;
    border:2px solid #5f3000;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

.loader p{
    padding:2rem 3rem;
    font-weight:600;
    text-transform: uppercase;
    color:#e0b991;
    font-size:1.3rem;
}

.loader i{
    animation:spinner linear 2s infinite;
}

@keyframes spinner{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

.tabela tbody tr{
    /* border:1px solid #e0b991; */
    padding:1.5rem 0;
    border:4px solid #fff;
    text-align:center;
    background-color:#E6D7C8;
    border-radius:5px;
}

.tabela tbody tr td{
    padding:1.5rem 0;
    text-align:center;
    text-transform: uppercase;
    font-size:0.8rem;
    font-weight:600;
    color:#5f3000;
    border-right:1px solid #753c0227;
}

.painel a{
    padding:0.5rem 0.8rem;
    font-weight:600;
    text-transform: uppercase;
    font-size:0.8rem;
    background-color:#5f3000;
    color:#fff;
}

select{
    width:100%;
    height:3rem;
    border:1px solid #753B02;
    border-radius:5px;
    margin-bottom:2rem;
    background-color: rgba(255, 199, 143, 0.1);
}

.desc_text{
    text-transform: none !important;
    font-size:0.7rem;
}

.selector-btn{
    display:flex;
    width:250px;
    height:50px;
    align-items: center;
    justify-content: space-between;
    background-color:#fff;
    padding:1rem 1rem;
    border-radius:5px;
    /* border:1px solid #753B02; */
    cursor:pointer;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.selector-btn.open ~ .list-clientes{
    display:block;
}

.list-clientes{
    position:relative;
    margin-top:10px;
    width:250px;
    display:none;
    background-color:#ffff;
    border-radius:5px;
    /* padding:2px 12px; */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    
}

.item{
    display:flex;
    align-items: center;
    height:50px;
    cursor:pointer;
    transition: 0.3s;
    padding:0 12px;
}

.list-clientes .item:hover{
    background-color:#E6D7C8;
}

.selector-btn .arrow{
    display:flex;
    width:20px;
    height:20px;
    color:#fff;
    font-size:14px;
    border-radius:50%;
    background-color:#753B02;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.selector-btn.open .arrow{
    transform:rotate(-180deg);
}

.item .checkbox{
    display:flex;
    align-items: center;
    justify-content: center;
    width:15px;
    height:15px;
    border-radius:3px;
    margin-right:12px;
    border:1.2px solid #753B02;
    transition: all 0.3s ease-in-out;
}

.checkbox .fa-check{
    font-size:11px;
    transform:scale(0);
    transition:all 0.3s ease-in-out;
}

.item.checked .fa-check{
    transform:scale(1);
    color:#fff;
}

.item.checked .checkbox{
    background-color: #753B02;
}

.table-box span{
    padding:0.5rem;
}

#table-plan span{
    background-color:rgba(217, 255, 0, 0.253);
    /* color:#fff; */
}
#table-exe span{
    background-color:rgba(0, 255, 128, 0.253);
    color:#fff;
}
#table-concl span{
    background-color:rgba(0, 102, 255, 0.253);
    color:#fff;
}
#table-cancel span{
    background-color:rgba(255, 0, 43, 0.253);
    color:#fff;
}