/* ********************************** *************** ******************************** */
/* ********************************** ELEMENTOS GERAIS ******************************* */


/* ------------------------------ FORMUL�RIOS - VALIDA��O ---------------------------- */
.form-group .help-block { font-size: 0.8em; color: #B22; }
/* ----------------------------------------------------------------------------------- */




/* -------------------------------- DIALOGS DO SISTEMA ------------------------------- */
.sistema-modal {}

.sistema-modal .modal-dialog {}
.sistema-modal .modal-dialog .modal-content { border-radius: 0px; }

.sistema-modal .modal-dialog .modal-content .modal-header { background-color: #1782B6; border-radius: 0px; padding: 1.0rem 1.0rem; transition: background 0.3s; }
.sistema-modal .modal-dialog .modal-content .modal-header .modal-title { color: #FFF; font-size: 1.2rem; font-weight: bold; }
.sistema-modal .modal-dialog .modal-content .modal-header .close { color: #FFF; text-shadow: 0px 1px 0px #000; }

.sistema-modal .modal-dialog .modal-content .modal-header.cor-laranja { background-color: #F84C28; transition: background 0.3s; }

.sistema-modal .modal-dialog .modal-content .modal-layer-box { min-width: 100%; }

.sistema-modal .modal-dialog .modal-content .modal-wait { text-align: center; padding: 30px 0px 30px 0px; }
.sistema-modal .modal-dialog .modal-content .modal-wait i { font-size: 2.5rem; color: #1782B6; opacity: 0.5; }
.sistema-modal .modal-dialog .modal-content .modal-wait span { display: block; font-size: 0.85rem; color: #888; padding-top: 10px; }
/* ----------------------------------------------------------------------------------- */




/* ------------------------- BLOCOS DE INFORMA��O DO SISTEMA ------------------------- */
.sistema-info { position: relative; }

.sistema-info .info-box { background: #D2E8FF; padding: 7px; min-width: 100%; margin-bottom: 10px; display: none; }
.sistema-info .info-box > h3 { font-size: 0.9rem; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px; }
.sistema-info .info-box > div { font-size: 0.85rem; }
.sistema-info .info-box .close-box { float: right; margin: -4px 1px 0px 0px; cursor: pointer; opacity: 0.3; transition: 0.3s; }
.sistema-info .info-box .close-box:hover { opacity: 0.8; transition: 0.3s; }

.sistema-info .info-icon { background: #FFFFFF; width: 32px; height: 32px; box-sizing: border-box; text-align: center; padding-top: 5px; border-radius: 50%; cursor: pointer; position: absolute; top: -50px; right: 0px; }
.sistema-info .info-icon i { font-size: 1.1em; }
#Descricao_Tarefa { height: 140px; }
#Description { height: 140px; }
/* ----------------------------------------------------------------------------------- */




/* ------------------------- DIALOGS DO SISTEMA - FORMUL�RIOS ------------------------ */
.sistema-form {}

.sistema-form.form-padding-right { padding-right: 10px; }

.sistema-form .form-clear-top { clear: both; padding-top: 20px; }

.sistema-form .form-group { position: relative; margin-bottom: 25px; }

.sistema-form .form-group input { display: block; background: transparent; border: none; border-bottom: 1px solid #999; border-radius: 0px; padding: 8px 5px; line-height: 100%; }
.sistema-form .form-group input:focus { outline: none; box-shadow: none; }

.sistema-form .form-group select { display: block; background: transparent; border: none; border-bottom: 1px solid #999; border-radius: 0px; padding: 8px 1px; line-height: 100%; }
.sistema-form .form-group select:focus { outline: none; box-shadow: none; }

.sistema-form .form-group textarea { display: block; background: transparent; border: none; border-bottom: 1px solid #999; border-radius: 0px; padding: 8px 5px; line-height: 100%; height: 38px; transition: 0.3s; }
.sistema-form .form-group textarea:focus { outline: none; box-shadow: none; }
.sistema-form .form-group textarea:focus, .sistema-form .form-group textarea.optional:not(.empty) { height: auto; min-height: 50px; transition: 0.3s; }

.sistema-form .form-group input[type="date"]:not(.optional):not(:focus):invalid, .sistema-form .form-group input[type="date"].optional.empty:not(:focus):invalid, .sistema-form .form-group input[type="date"]:not(:focus).empty { color: transparent !important; }
.sistema-form .form-group input[type="time"]:not(.optional):not(:focus):invalid, .sistema-form .form-group input[type="time"].optional.empty:not(:focus):invalid, .sistema-form .form-group input[type="time"]:not(:focus).empty { color: transparent !important; }

.sistema-form .form-group.has-error input,
.sistema-form .form-group.has-error select,
.sistema-form .form-group.has-error textarea { border-bottom-color: #B22; }
.sistema-form .form-group .toggle-password { position: absolute; right: 0%; top: 20%; }
.sistema-form .form-group .toggle-password i { color: #1782B6; }


/* LABEL ======================================= */
.sistema-form .form-group label { color: #999; font-size: 1.0rem; font-weight: normal; position: absolute; pointer-events: none; left: 5px; top: 8px; margin: 0px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }

.sistema-form .form-group input:focus ~ label,
/*.sistema-form .form-group input:not(.empty):valid ~ label,*/
.sistema-form .form-group input:not(.optional):valid ~ label,
.sistema-form .form-group input.optional:not(.empty) ~ label,
.sistema-form .form-group select:focus ~ label,
.sistema-form .form-group select:not(.empty):valid ~ label,
.sistema-form .form-group textarea:focus ~ label,
.sistema-form .form-group textarea:not(.empty):valid ~ label { top: -12px; font-size: 0.8rem; font-weight: normal; color: #1782B6; }


/* BOTTOM BARS ================================= */
.sistema-form .form-group .bar 	{ position: relative; display: block; width: 100%; }
.sistema-form .form-group .bar:before, .sistema-form .form-group .bar:after { content: ''; height: 3px; width: 0; bottom: 0px; position: absolute; background: #1782B6; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
.sistema-form .form-group .bar:before { left:50%; }
.sistema-form .form-group .bar:after { right:50%; }

.sistema-form .form-group input:focus ~ .bar:before,
.sistema-form .form-group input:focus ~ .bar:after,
.sistema-form .form-group select:focus ~ .bar:before,
.sistema-form .form-group select:focus ~ .bar:after,
.sistema-form .form-group textarea:focus ~ .bar:before,
.sistema-form .form-group textarea:focus ~ .bar:after { width: 50%; }


/* CHECKBOX ==================================== */
.sistema-form .form-group.checkbox { display: block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.sistema-form .form-group.checkbox span { display: inline-block; margin-left: 25px; cursor: pointer; font-size: 0.85rem; color: #555; }
.sistema-form .form-group.checkbox label { position: relative; pointer-events: auto; cursor: pointer; }
.sistema-form .form-group.checkbox input { position: absolute; opacity: 0; cursor: pointer; }

.sistema-form .form-group.checkbox .checkmark { position: absolute; top: 1px; left: -3px; height: 20px; width: 20px; background-color: #EEE; }
.sistema-form .form-group.checkbox:hover input ~ .checkmark { background-color: #CCC; }
.sistema-form .form-group.checkbox input:checked ~ .checkmark { background-color: #1782B6; }
.sistema-form .form-group.checkbox .checkmark:after { content: ""; position: absolute; display: block; }
.sistema-form .form-group.checkbox input:checked ~ .checkmark:after { display: block; }
.sistema-form .form-group.checkbox .checkmark:after { left: 7px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* ADD BUTTON =================================== */
.form-group.form-btn-add { padding-right: 40px; }
.form-group.form-btn-add .btn-add { position: absolute; top: 0px; right: 0px; width: 40px; font-size: 0.9em; text-align: center; padding: 8px 0px 7px 0px; }
/* ----------------------------------------------------------------------------------- */




/* -------------------------------------- BOT�ES ------------------------------------- */
.btn { border-radius: 0px; }

.btn-right { float: right; }
.btn-left { float: left; }
/* ----------------------------------------------------------------------------------- */




/* -------------------------------------- TABELAS ------------------------------------ */
.sistema-tabela { padding: 0; clear: both; }

.sistema-tabela table { width: 100%; border-collapse: collapse; }

.sistema-tabela thead {}
.sistema-tabela thead tr th { font-size: 1.0em; padding: 5px 5px; text-align: center; vertical-align: top !important; border-bottom: 2px #CCC solid; }

.sistema-tabela tbody {}
.sistema-tabela tbody tr {}
.sistema-tabela tbody tr td { padding: 10px; border-bottom: 1px #E3E3E3 solid; font-size: 0.9em; }
.sistema-tabela tbody tr:last-child td { border-bottom: none; }

.sistema-tabela tbody tr:nth-child(odd) { background: #F3F3F3; }
.sistema-tabela tbody tr:nth-child(even) { }


.sistema-tabela tbody tr .td-acoes { text-align: right; padding-right: 10px; }
.sistema-tabela tbody tr .td-acoes a { display: inline-block; font-size: 1.2em; text-decoration: none; color: #888; cursor: pointer; opacity: 0.25; padding: 0px 3px 0px 3px; }
.sistema-tabela tbody tr:hover .td-acoes a { opacity: 0.6; }
.sistema-tabela tbody tr:hover .td-acoes a:hover { opacity: 0.9; }

.sistema-tabela .td-info-big { display: block; font-size: 1.4em; }
.sistema-tabela .td-info-small { display: block; font-size: 0.9em; }


.sistema-tabela .td-left { text-align: left; }
.sistema-tabela .td-center { text-align: center; }
.sistema-tabela .td-right { text-align: right; }
/* ----------------------------------------------------------------------------------- */




.sistema-tela { margin: 0px auto 0px auto; width: 100%; }

.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }
.w-100 { width: 100%; }

.w-10-max { max-width: 10%; }
.w-20-max { max-width: 20%; }
.w-30-max { max-width: 30%; }
.w-40-max { max-width: 40%; }
.w-50-max { max-width: 50%; }
.w-60-max { max-width: 60%; }
.w-70-max { max-width: 70%; }
.w-80-max { max-width: 80%; }
.w-90-max { max-width: 90%; }
.w-100-max { max-width: 100%; }

.w-10-min { min-width: 10%; }
.w-20-min { min-width: 20%; }
.w-30-min { min-width: 30%; }
.w-40-min { min-width: 40%; }
.w-50-min { min-width: 50%; }
.w-60-min { min-width: 60%; }
.w-70-min { min-width: 70%; }
.w-80-min { min-width: 80%; }
.w-90-min { min-width: 90%; }
.w-100-min { min-width: 100%; }

.w-fix-100 { width: 100px; }
.w-fix-200 { width: 200px; }
.w-fix-300 { width: 300px; }
.w-fix-400 { width: 400px; }
.w-fix-500 { width: 500px; }
.w-fix-600 { width: 600px; }
.w-fix-700 { width: 700px; }
.w-fix-800 { width: 800px; }
.w-fix-900 { width: 900px; }