﻿/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.objHidden{
    display:none !important;
}

html, body {
    font-family: 'Open Sans' !important;
    height:100% !important;
	width:100% !important;
	padding:0px !important;
	margin:0px !important;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    font-weight: 500 !important;
}

::-webkit-scrollbar-track-piece {
    background: #DADADA;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 10%;
    background: #BBB;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background: #BDBDBD;
}

::-webkit-input-placeholder {
    color:#BBB !important;
    font-weight:300 !important; 
    font-size:10pt !important;
    text-transform:none !important;
}

::-moz-placeholder {
    color:#BBB !important;
    font-weight:300 !important; 
    font-size:10pt !important;
    text-transform:none !important;
}

:-ms-input-placeholder {
    color:#BBB !important;
    font-weight:300 !important; 
    font-size:10pt !important;
    text-transform:none !important;
}

:-moz-placeholder {
    color:#BBB !important;
    font-weight:300 !important; 
    font-size:10pt !important;
    text-transform:none !important;
}

/* CSS Form */
form{
    width:100% !important;
    height:100% !important;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
input[type="date"]{
    padding-left:35px !important;
    font-size:10pt !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    height:40px !important;
    color:#101010 !important;
    margin:0px !important;
}

form select{
    font-size:10pt !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    height:40px !important;
    color:#101010 !important;
    margin:0px !important;
    outline:none !important;
    box-shadow:none !important;
}

form input{
    text-transform:uppercase !important;
    outline:none !important;
    box-shadow:none !important;
}

form label{
    font-size:9pt !important;
    font-weight:500 !important;
    width:100% !important;
    color:#505050 !important;
    padding:0px !important;
    margin:0px 0px 3px 0px !important;
}

form .IconForm{
    font-size:12pt !important;
    color:#CCC !important;
    position:absolute;
    margin-top:38px;
    margin-left:12px;
}

label[ref="titulo"]{
    font-size:16pt !important;
    width:100% !important;
    color:#066fbb!important;
    width:calc(100% - 25px) !important;
    text-align:left;
    text-shadow:none !important;
    font-weight:500 !important;
}

#app-topo{
    padding:5px 14px 0px 14px !important; 
    height:40px !important;
    background-color:#303030 !important;
    position:relative !important;
}

#app-topo .fa-arrow-left{
    cursor:pointer; 
    color:#FFF !important; 
    padding-top:5px !important; 
    font-size:14pt !important;
    animation:fadeInLeft 0.5s ease-in;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.7);*/
}

.form-control-required{
    background-color:snow !important;
    border-color:rgba(242, 88, 88, 0.4) !important;
}

.label-info{
    font-size:11pt !important;
    position:absolute;
    height:44px !important;
    background-color:#F3F3F3 !important;
    color:#AAA !important;
    text-shadow:1px 1px 1px #FFF !important;
    width:50px !important;
    text-align:center;
    border-radius: 4px 0px 0px 4px !important;
    margin-top:28px !important;
    margin-left:1px !important;
    padding-top:9px !important;
}

.div-table{
    width:100%;
    height:100%;
    display:table;
}

.div-table-row{
    width:100%;
    height:100%;
    display:table-row;
}

.div-table-cell{
    width:100%;
    height:100%;
    display:table-cell;
    vertical-align:middle !important;
}

/* Menus */
div[ref="menu-horizontal-rodape"]{
    height:75px !important;
    position:absolute;
    bottom:0px !important;
    background-color:#000;
    left:0px !important;
    background-color:#EEE !important;
    border-top:1px solid #CCC !important;
}

/* Configurações Supervan */
.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.92) !important;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    display: block;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    display: block;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    opacity: 0.92 !important;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    opacity: 0.92 !important;
}

#Load {
    position: absolute;
    width: 300px;
    height: 97px;
    z-index: 999999999999999 !important;
    top: 0;
    right: 0;
    bottom: 60px;
    left: 0;
    margin: auto;
    background-color: #EEE !important;
}

.slider {
    position: absolute;
    width: 300px;
    height: 5px;
    overflow-x: hidden;
}

.line {
    position: absolute;
    opacity: 0.4;
    background: #0094ff;
    width: 150%;
    height: 5px;
}

.subline {
    position: absolute;
    background: #0094ff;
    height: 5px;
}

.inc {
    animation: increase 2s infinite;
}

.dec {
    animation: decrease 2s 0.5s infinite;
}

@keyframes increase {
    from {
        left: -5%;
        width: 5%;
    }

    to {
        left: 130%;
        width: 100%;
    }
}

@keyframes decrease {
    from {
        left: -80%;
        width: 80%;
    }

    to {
        left: 110%;
        width: 10%;
    }
}

.CabecalhoFixo {
    position: absolute !important;
    width: auto !important;
    border: none !important;
    background-color: #FFF;
    box-shadow: 0px -4px 0px #FFF;
}

.ui-menu {
    box-shadow: 1px 1px 3px #BBB !important;
    list-style: none !important;
    padding: 0px !important;
}

    .ui-menu .ui-menu-item {
        color: #666 !important;
        font-size: 11px !important;
        font-family: sans-serif !important;
        padding: 5px !important;
        border-bottom: thin solid #EEE !important;
        background-color: #FFF !important;
        margin-left: 0px !important;
        cursor: pointer;
    }

        .ui-menu .ui-menu-item:hover {
            background-color: whitesmoke !important;
        }


        .input-container input {
    border: none;
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}