/*******************
    CSS ESTRUTURA
********************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,400,300,600,700');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

/*********************************************** Reset ***********************************************/

* { margin: 0; padding: 0; box-sizing: border-box; }

*::before, *::after { box-sizing: border-box; }

ol, ul, li { list-style: none; }

a, :link, :visited { outline: 0; text-decoration: none; cursor: pointer; }

* input, * select, * textarea { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 12px; }

textarea { resize: none; }

img { border: 0 none; max-width: 100%; }

/*********************************************** Auxiliares ***********************************************/

.ClearBoth { height: 0; line-height: 0; font-size: 0; clear: both; }

.FloatLeft { float: left; }

.FloatRight { float: right; }

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

.Cell { display: table-cell; height: 100%; vertical-align: middle; }

h1 { font-size: 35px; line-height: 45px; margin-bottom: 25px; }
h2 { margin-bottom: 15px; font-size: 25px; line-height: 35px; }
h3 { margin-bottom: 15px; font-size: 20px; line-height: 26px; }
h4 { }
h5 { }
p { }

label { display: inline-block; min-width: 50%; }

hr { opacity: 0.2; margin: 35px 0; }

.btn, .Botao, button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 0; box-sizing: border-box; cursor: pointer; font-weight: 300; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; text-align: center; font-size: 14px; padding: 12px 40px; margin-top: 0; display: inline-block; margin-bottom: 15px; }
.btn, .Botao, button, html input[type="button"], input[type="reset"], input[type="submit"] { background: #464646; border-color: #464646; color: #fff; }
.btn-black { background: #464646; color: #ffffff; }

.btnArea { background: #e51c24; width: 100%; height: 100%; border-radius: 5px; overflow: hidden; display: block; text-align: center; min-height: 120px; line-height: 120px; color: #D9D9D9; font-size: 16px; font-style: italic; }

.has-error { color: #ff0000; display: inline-block; margin-bottom: 5px; }

/*********************************************** Estrutura ***********************************************/
html, body { min-height: 100%; height: 100%; }

body { background-color: #ffffff; font-family: "Open Sans"; font-weight: 100; color: #505050; font-size: 16px; }

section { display: table; height: 100%; width: 100%; }

section .Content { display: table-cell; vertical-align: middle; position: relative; }

.Conteudo { margin: 0 auto; max-width: 1200px; position: relative; width: 100%; }

textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select[multiple="multiple"] { border-radius: 0; background: 0 0; border: 0; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; padding: 0 15px; width: 100%; z-index: 2; outline: 0; border-bottom: 1px solid #e6e6e6; height: 48px; left: 0; margin-left: 0; margin-top: 1em; position: relative; margin-bottom: 2rem; }
input[type="file"] { display: block; margin-top: 1rem; width: 100%; margin-bottom: 5px; }

textarea { height: 100px; resize: none; }

select { }

.Conteudo { max-width: 1200px; }

.d-flex { display: flex; }

/*********************************************** Conteudo ***********************************************/
.site-header { z-index: 5; position: relative; }
.site-header .topHeader { background: #464646; padding: 15px 0; color: #ffffff; }
.site-header .topHeader .Logo { max-width: 175px; display: inline-block; }
.site-header .topHeader .Usuario { margin-left: auto; display: block; background: #60C10F; color: #ffffff; padding: 10px 15px; border-radius: 5px; width: 150px; text-align: center; }
.site-header .botHeader { padding: 15px 0; background: #777777; color: #d2d2d2; text-align: right; }

.site-footer { background: #d2d2d2; padding: 15px 0; }
.site-footer .navFooter { text-align: right; }
.site-footer .navFooter li { display: inline-block; margin: 0 7px; }

.wrapper { min-height: 100%; padding-top: 142px; margin-top: -142px; margin-bottom: -100px; padding-bottom: 100px; }
.wrapper .main-content { }

#lblMensagemLogin { display: block; }

.pagetitle { }
.pagetitle h1 { margin: 0 auto; text-align: center; line-height: 60px; }
.pagetitle .icon { display: inline-block; height: 40px; vertical-align: middle; margin-right: 5px; }

#secConteudo, #secConteudoExtra { padding: 35px 0; }

#secConteudo .notificacoes { border: 2px solid #f00; min-height: 50px; min-width: 50px; margin: 0 auto; width: auto; display: block; text-align: center; line-height: 50px; font-weight: bold; font-size: 25px; }

.Home #secConteudo { background: #a7a8a8; }
.Home #secConteudoExtra { }

.PainelControle { }
.PainelControle .Box { border: 1px solid #ff0000; margin-bottom: 15px; padding: 10px; }
.PainelControle .Box .ocupacao { width: 100%; border-spacing: 2px; border-collapse: initial; }
.PainelControle .Box .ocupacao .green { background: #92D050; }
.PainelControle .Box .ocupacao .red { background: #ff0000; }
.PainelControle .Box .ocupacao .porcentagem { padding: 6px; width: 50px; text-align: center; font-weight: bold; font-size: 18px; }
.PainelControle .Box .ocupacao .tipo { padding: 6px; background: #00B0F0; }
.PainelControle .Box .agendamentos { overflow: hidden; }
.PainelControle .Box .agendamentos .dia { float: left; width: 80px; height: 80px; text-align: center; line-height: 80px; display: block; background: #ff0000; font-weight: bold; font-size: 40px; }
.PainelControle .Box .agendamentos .mes { height: 48px; float: left; width: auto; display: table; width: calc(100% - 82px); margin-left: 2px; text-align: center; background: #FFA500; color: #000000; font-size: 24px; font-weight: bold; line-height: 48px; margin-bottom: 2px; }
.PainelControle .Box .agendamentos .ano { height: 30px; float: left; width: calc(100% - 82px); margin-left: 2px; text-align: center; background: #FFA500; color: #000000; line-height: 30px; font-weight: bold; font-size: 20px; }

/* --- Kanban polish (basic) --- */
body { background: #f7f7fb; }
.card { border-radius: 12px; }
.kanban-lane { min-height: 120px; padding: 8px; background: #fff; border: 1px dashed rgba(0,0,0,.12); border-radius: 12px; }
.kanban-lane.drop-hover { border-color: rgba(13,110,253,.65); background: rgba(13,110,253,.05); }
.list-wrapper.active { outline: 2px solid rgba(13,110,253,.25); border-radius: 14px; }
li.card.ui-state-default { list-style: none; margin: 8px 0; padding: 10px 12px; border: 1px solid rgba(0,0,0,.08); border-radius: 12px; background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.06); }
li.card.ui-state-default.dragging { opacity: .55; }
li.card .servico { display: block; font-weight: 700; font-size: 12px; color: rgba(0,0,0,.70); }
li.card .os { display: inline-block; margin-top: 4px; font-weight: 800; font-size: 13px; }
li.card .modelo { display: block; margin-top: 2px; color: rgba(0,0,0,.70); font-size: 12px; }
li.card .tempo { display: inline-block; margin-top: 6px; font-size: 11px; padding: 3px 8px; border-radius: 999px; background: rgba(0,0,0,.06); }
.novo { padding: 10px 6px; color: rgba(0,0,0,.55); font-size: 12px; }


/* WIP limit highlight */
.wip-over { border-color: rgba(220,53,69,.65) !important; background: rgba(220,53,69,.04) !important; }