/* top - right - bottom - left */
html, body, main { height: 100%; }
body { background-color: #f4f4f4; color: #3a3a3a; overflow-x: hidden; }

header { background-color: rgba(0,158,161,0.8); width: 100%; padding: 7px 0 7px 0; display: table; }
header .navbar { margin-bottom: 0; }
header .navbar ul { float: right;  }
header .navbar-inverse .navbar-nav>li>a, header .navbar-inverse .navbar-nav>li>a:hover { color: #FFF !important; }
header .navbar-inverse { background-color: transparent; border: 0; }

.btn-primary { background-color: rgba(0,158,161,0.8); border: 1px solid #3097a0; }
.btn-primary:hover { background-color: #007a7c !important; border: 1px solid #007a7c; }
.btn-primary-new { background-color: #464541; border: 1px solid #464541; color: #FFF; }
.btn-primary-new:hover { background-color: #51514f !important; border: 1px solid #006060; color: #FFF; }
.btn-cadastros { margin-top: 25px; }

.btn-file { position: relative; overflow: hidden; }

.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right;
    filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }

.btn-slim { padding: 3px 5px; }
.campos .btn-slim { margin-bottom: 5px; }

.campos-disponiveis, .campos-disponiveis .tabsAll, .campos-disponiveis .tabsAll div { margin-bottom: 0 !important; }

.float-left { float: left; }
.float-right { float: right; }
.inline-block { display: inline-block; width: 100%; }

.ui-widget-content a { color: #3a3a3a !important; }

.verde { color: #00ff21; }
.vermelho { color: #ff0000; }
.vermelho-claro { color: #f95252; }

/* Tela de login */
.mainbox { margin-top: 80px; }

.navbar-client a { padding: 0 !important;  }
.navbar-client li { padding: 5px !important; }
.navbar-client input { cursor: pointer; }

.navbar i { float: right; }

.form-inline .form-control { width: 85%; }

.informacoes { padding: 10px 10px 0 10px; }
.informacoes, .troca-conta { width: 100%; display: table; }

.login { height: 100%; }
.login a { text-decoration: none; }
.login .login-esq-senha a { color: #222222; }
.banner-login { background: url('../images/bn-01-new.jpg') no-repeat; background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 100vh;  }
.banner-login div { position: absolute; bottom: 50px; }
.banner-login h1, .banner-login h2, .banner-login h3, .banner-login h4, .banner-login h5 { margin: 0; padding: 15px 0 0 15px; font-family: Tahoma; color: #ffffff; }
.login-menu { background-color: #e4e4e4; padding-top: 0 !important; margin-bottom: 70px; }
.login-menu ul { float: right; padding-right: 15px; margin-bottom: 0; }
.login-menu ul li { list-style: none; font-weight: 700;  }
.login-menu ul li { float: left; padding: 15px; }
.login-menu ul li:first-child { background-color: #464541; }
.login-menu ul li:first-child:hover { background-color: #51514f;  }
.login-menu ul li:first-child a { color: #ffffff; }
.login-menu ul li a { color: #464541; }
.login-form img { padding-bottom: 40px; }
.login-form div { padding-top: 5px; }
.login-form input { height: 50px; }
.login .btn { width: 100%; text-align: center; height: 50px; }

.modulo { background-color: #F8F8F8; margin: 10px 10px 0 0; padding-right: 15px; border: 1px solid #e5e5e5; border-radius: 4px; }
.modulo legend { padding: 7px 0 7px 0; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.modulo legend div { margin-bottom: 0; }

.calendar { background-color: transparent; border: 0;  }
#calendar, #calendar-google { margin-bottom: 30px; }
#calendar-google { margin-top: 15px;  }
#calendar a, #calendar a:hover, #calendar-google a, #calendar-google a:hover, .modulo a, .modulo a:hover, .trial a, .trial:hover { color: #3a3a3a; text-decoration: none; }
#calendar .fc-center h2, #calendar-google .fc-center h2 { padding-top: 10px; font-size: 15px; font-weight: bold; }
.busca-avancada { padding-right: 10px; }
.modulo .actions a, .busca-avancada a, .trial .actions a { color: #3a3a3a; font-size: 13px; font-weight: normal; text-decoration: none;  }

.trial { background-color: #F8F8F8; margin-top: 20px; border: 1px solid #e5e5e5; border-radius: 4px; }
.trial legend { padding: 7px 0 7px 0; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.trial legend div { margin-bottom: 0; }
.trial h5 { font-weight: normal !important; }

.myForm div { margin-bottom: 15px; }
#tree1 div { margin-bottom: 0; }
.myForm div label { font-weight: normal; margin-bottom: 0; }
.myForm .row { clear: both; }
.myForm .row h1, .myForm .row h2, .myForm .row h3, .myForm .row h4, .myForm .row h5, .myForm .row h6 { padding-left: 14px; font-weight: bold; }
.myForm h1, .myForm h2, .myForm h3, .myForm h4, .myForm h5, .myForm h6 { padding-left: 8px; font-weight: bold; }
.myForm .radio { padding-top: 10px; }
.myForm .foto { width: 300px; padding-top: 20px; }
.myForm .texto p { text-align: justify; }
.myForm .form-control { font-size: 12px; height: 25px; padding: 4px 12px; }
.myForm select[multiple] { height: 120px !important; }
.myForm textarea { height: 120px !important; }

.paragrafo { padding-bottom: 15px; }

.resultados { position: relative; padding-top: 30px; }
.registros { position: absolute; top: 10px; right: 0;  }

.data > * { float: left; width: 85%; }
.data img { float: left; width: 5%; margin-left: 5px; cursor: pointer; }

.Tokenize { width: 100%; }
.tokenize { width: 100%; margin: 0px; padding: 0px; border: 0px none; display: none; }
.TokensContainer { border-radius: 4px; }

.quick-menu i, .quick-menu a { float: left; background-color: transparent !important; }
.quick-menu i { font-size: 20px; padding-top: 5px; }

#divIframe { background-color: #F4F4F4;  }
#divIframe iframe { width: 100%; height: 100%; }
.window { display: none; width: 50%; height: 80%; position: absolute; left: 30%; top: 0; background: #FFF; z-index: 9900; padding: 10px; border-radius: 10px; }
.window70 { width: 70%; }
#closeIframe { display: none; position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; }

.modal { max-width: 80% !important; height: 80%; }
.modal a.close-modal { top: -5px !important; right: -5px !important; }
.blocker { z-index: 3 !important; }

.tabsAll { clear: both; }
.tab-content>div { padding: 15px; }

.pos-relative { position: relative; }
.pos-absolute-bottom { position: absolute; bottom: 0; }

.alert { clear: both; }

.estatisticas .estatisticas-nome { position: relative; top: -5px; }
.estatisticas .estatisticas-header { border-bottom: 2px solid #ddd; padding-top: 5px; }
.estatisticas .table { border-bottom: 1px solid #ddd; }

.graficos>div { margin-bottom: 60px; }
.graficos h4 { text-align: center; }

#userProfile .foto img { width: 120px; height: 120px; }
.div-sistema { position: absolute; width: 100%; right: 0; z-index: 999; }
.div-sistema .bem-vindo, .div-sistema .list-group-item a { color: #3a3a3a; }
.div-sistema .bem-vindo:hover, .div-sistema .list-group-item a:hover { text-decoration: none; }

.modelos { position: relative; left: -10px; }
.modelos i { cursor: pointer; }

.descricao-relatorio { width: 100%; display: table; }

#etiquetas { position: absolute; top: 0; right: 0; max-width: 320px; }
#etiquetas .modulo { background-color: #FFFFCC; }
#etiquetas h6 { font-weight: normal;  }

.fc-content { color: #fff; cursor: pointer; }
.fc-today, .ui-datepicker-today { background-color: #f99898 !important; }

.bulletInativo { color: #ff0000 !important; cursor: pointer; }
.bulletAtivacao { color: #ccc; }
.bulletAtivo { color: #1dff00; cursor: pointer; }
.bulletAtivoErro { color: #e8dc00; cursor: pointer; }

footer { clear: both; }
footer { padding-top: 45px;  }
footer .apk-adv {  padding-bottom: 30px; }
footer p { text-align: center; }