/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

/** { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }*/

/*html { width: 100%; height:100%; overflow:hidden; }*/

/*body { 
    background: #282828;
    background: #FFFFFF;
    height:100%;
    font-family: 'Open Sans', sans-serif;*/
/*    width: 100%;
    
    
    background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top,  rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg,  #670d10 0%, #092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
    background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
    background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg,  #670d10 0%,#092756 100%);    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );*/
/*}*/
/*input { 
    width: 100%; 
    margin-bottom: 1px; 
    background: rgba(0,0,0,0.3);
    border: none;
    outline: none;
    padding: 5px;
    font-size: 20px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 10px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}*/
/*input:focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }*/

/*select { 
    width: 100%; 
    margin-bottom: 10px; 
    background: rgba(0,0,0,0.3);
    border: none;
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 4px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}*/
/*
select:focus {  
    width: 100%; 
    margin-bottom: 10px; 
    background: rgba(0,0,0,0.8);
    border: none;
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 4px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}*/
*:focus {
    outline: 0;
}

table {
    float: left;
    margin: 5px;
}

.dialogWithDropShadow
{
    /*   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
       -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); */
    /*box-shadow: 0 0 7px 7px rgba(0,0,0,0.9);*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: 1px solid #969696 !important;
    /*border: 1px;*/
}
/*.botao_excel {
    background-image: url('../imagens/excel.svg');
    background-color: transparent;  
    background-repeat: no-repeat;
    background-position: 0px 0px; 
    border: none;            
    cursor: pointer;         
    height: 30px;            
    padding-left: 30px;      
    vertical-align: middle;      
}*/

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    position:absolute;
    top:0px;
    right: 0px;    
}

/*.leftButton
{
    margin-right: 170px !important;
    right: 100px;
}*/

/*.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
     left/center/right 
}*/


/*
@font-face {
    font-family: MyFont;
    src: url("../assets/fonts/Pacifico.ttf");
}

ion-content { 
    font-family: 'Open Sans', sans-serif;    	    
    background-image: url("../assets/background.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;        
}

ion-grid { 
    max-width: 500px;
    border-radius: 30px;
    width: 100%;     
    outline: none;
    padding: 0px;
    font-size: 20pt;    
    
}

ion-row { 
    color: black; 
    width: 100%;     
    outline: none;
    padding: 0px;
}

ion-col { 
    color: black; 
    width: 100%;     
    outline: none;
    padding: 0;
    margin: 0 auto;
    align-items: center;
    text-align: center;          
    display: flex;
}

.form { 
    color: black; 
    width: 100%;     
    outline: none;
    padding: 0px;    
    padding: 0;
    margin: 0;
    align-items: center;
    text-align: center;          
}

.item-transparente {
        border-color: rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0);
        color: white; 
}

.item-transparente-texto {
        border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    color: black !important; 
    text-align: left;   
}

.botaosalvar {
        border-color: rgba(0, 0, 0, 0);
    background-color: rgba(25, 71, 61, 1);
    color: white;     
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.10);
    font-family: 'Open Sans', sans-serif;    	
    text-transform: none;
}

.botaoendereco {
    border-color: rgba(0, 0, 0, 1);
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.10);
    font-family: 'Open Sans', sans-serif;    	
    text-transform: none;
    background-color: rgba(7, 58, 104, 1);    
}*/


/*.ui-dialog .ui-dialog-content {
    border: 0;
    padding: 0;
    background: none;
    overflow: auto;
    zoom: 1;
    display: none;
    background-color: #DD3355;*/

/*    $(".foo .ui-dialog-titlebar").css("display", "none");
$(".foo .ui-dialog-title").css("font-size", "5px");
$(".foo .ui-widget-header").css("display", "none");
$(".foo .ui-widget-content").css("background-color", "#DD3355");
$(".foo .ui-widget-content").css("font-size", "12px");
$(".ui-corner-all").css("background-color", "green");
$(".ui-resizable-n").css("background-image", "none");
$(".ui-resizable-n").css("background-color", "blue");*/
/*}*/

.alturaelemento {
    /*height: 56px;*/
    bottom: 0;
}

.alturaelemento a {
    height: 48px;
    display: flex;
    align-items: flex-end;    
}

.alturaelemento a strong {
    padding-bottom: 5px;
}

.dialog3 {
    /*display: inline-block;*/
    /*overflow: hidden;*/
    /*display:grid;*/    
    /*word-wrap: break-word;*/
    /*overflow: auto;*/
    /*display:inline-block;*/ 
    /*padding:0.1em 1em;*/
    /*display:run-in;*/
    /*white-space: pre;*/
    /*display: inline-block;*/
    /*float: left;*/
    /*    flex-shrink: 0;
        line-height: 1.5em;
        padding: 12px 8px 12px 8px;
        margin-bottom: 12px;
        margin-top: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;*/
    /*padding-left: 4px;*/
    /*width:100%;*/
}

.dialog1 {
    text-align: left;    
    /*max-width: 500px;*/
    /*background-color: rgba(255, 255, 255, 0.5);*/
    color: black; 
    /*border-radius: 30px;*/
    width: 100%;     
    outline: none;
    padding: 0px;
    /*    display: flex;
        overflow: scroll;
        font-size: 30px;
        font-size: 20pt;    
            text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
            border: 1px solid rgba(0,0,0,0.3);    
            box-shadow: inset 0 -5px 45px rgba(100,100,100,1), 0 1px 1px rgba(255,255,255,1);
              -webkit-transition: box-shadow .5s ease;
              -moz-transition: box-shadow .5s ease;
              -o-transition: box-shadow .5s ease;
              -ms-transition: box-shadow .5s ease;
              transition: box-shadow .5s ease;*/
}

/*.dialogpopup {
    color:red;
    text-align: left;    
    max-width: 500px;
    background-color: rgba(255, 255, 255, 0.5);
    color: black; 
    border-radius: 30px;
    width: 100%;     
    outline: none;
    padding: 0px;
    display: flex;
    overflow: scroll;
    font-size: 30px;
    font-size: 20pt;    
        text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        border: 1px solid rgba(0,0,0,0.3);    
        box-shadow: inset 0 -5px 45px rgba(100,100,100,1), 0 1px 1px rgba(255,255,255,1);
          -webkit-transition: box-shadow .5s ease;
          -moz-transition: box-shadow .5s ease;
          -o-transition: box-shadow .5s ease;
          -ms-transition: box-shadow .5s ease;
          transition: box-shadow .5s ease;
}*/


button {   
    background: #0070bb;
    font-size: 20px;
    color: #FFFFFF;
    height: 1.9em;
    border: 1px solid #333333;
    cursor: pointer;
    padding: 0px 25px;
    margin-top: 20px;
    font-weight: 600;
}

button:hover, button:active {
    background: #005187;
}

button:focus{
    box-shadow: 0 4px 8px 0 rgba(0.5, 0.5, 0.5, 0.5), 0 6px 20px 0 rgba(0.5 , 0.5, 0.5, 0.5);
}

.button-janela {
    padding: 0 10px;
    margin: 0 10px;
}

.div-botoes-janela {
    display: flex;
    align-items: center;
}

.div-botoes-janela input:hover{
    transform: scale(1.7);
}

.dialog_titlebar_options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap-reverse;
    background-color: #ebf1f6;
    border-bottom: 0.1em solid #969696;
}

.dialog_titlebar_options .ui-dialog-titlebar {
    background-color: #ebf1f6;
    flex-grow: 1;
    cursor: grab;
}

.ui-dialog-titlebar:active {
    cursor: grabbing;
}

.dialog_titlebar_options .ui-dialog-title {
    width: auto !important;
}

select {   
    background: #ffffff;    
    color: #000000;
    height: 1.7em;
    border: 0;
    outline: none;
}

select:focus {
    box-shadow: 0 3px 0 0 #0070bb !important;
}

input[type="date"] {
    height:24px;
}

input {   
    background: #FFFFFF;
    color: #000000;   
    height: 1.6em;
    border: 0;   
    text-indent: 3px;
}

input:read-only {
    pointer-events: none;  
    background-color: #d2d2d2;
}

input:focus { 
    outline: none;
    box-shadow: 0 3px 0 0 #0070bb !important;
}

input.obrigatorio{
    background-color:#fbd2d3;
    box-shadow:0 3px 0 0 #ed1c24;
}

textarea {
    background: #FFFFFF;
    color: #000000;
    border: 0;    
    text-indent: 3px;
}

textarea:read-only { 
    background-color: #f2f2f2;
}

textarea:focus { 
    outline: none;
    box-shadow: 0 3px 0 0 #0070bb !important;
}

/*.dialog2 {
    text-align: center;    
    width: 100%;    
    max-width: 700px;    

        background-color: rgba(255, 255, 255, 0.8);
    color: black; 
    border-radius: 30px;
    
    outline: none;
    padding: 0px;
    font-size: 20pt;    
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);    
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
      -webkit-transition: box-shadow .5s ease;
      -moz-transition: box-shadow .5s ease;
      -o-transition: box-shadow .5s ease;
      -ms-transition: box-shadow .5s ease;
      transition: box-shadow .5s ease;
}

.mapaGrid {
    height: 80%;
    width: 100%;
    max-width: 600px;
    max-height: 600px;
}

.imageGrid {
    height: 80%;
    width: 100%;
    max-width: 600px;
    max-height: 600px;
}

.formGrid {
    width: 100%;
    max-width: 600px;
}

.mapaBackground {
    width: 100%;
    height: 100%;
}

.mapa {
    text-align: center;    
    width: 100%;
    height: 100%;
    max-width: 700px;    
    border-radius: 30px;
    width: 100%;     
    outline: none;
    padding: 0px;
    font-size: 20pt;    
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,1);    
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
      -webkit-transition: box-shadow .5s ease;
      -moz-transition: box-shadow .5s ease;
      -o-transition: box-shadow .5s ease;
      -ms-transition: box-shadow .5s ease;
      transition: box-shadow .5s ease;
}*/

/*.imagemclass {
    background: rgba(0,0,0,0.2);
    text-align: center;    
    width: 100%;
    height: 100%;
    max-width: 700px;    
    border-radius: 30px;
    width: 100%;     
    outline: none;
    padding: 0px;
    font-size: 20pt;    
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,1);    
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
      -webkit-transition: box-shadow .5s ease;
      -moz-transition: box-shadow .5s ease;
      -o-transition: box-shadow .5s ease;
      -ms-transition: box-shadow .5s ease;
      transition: box-shadow .5s ease;
}



ion-textarea {   
    width: 100%; 
    margin-bottom: 5px; 
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    padding: 0px;
    font-size: 15pt;
    color: #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 20px;
}

ion-select {   
    width: 100%; 
    margin-bottom: 5px; 
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    padding: 0px;
    font-size: 15pt;
    color: #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 20px;
}

.fonte-desenhada {
    font-family: 'MyFont' !important;
    text-shadow: none;    
}

.fonte-desenhada-laranja {
    font-family: 'MyFont' !important;
    text-shadow: none;    
    color: orange;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
}

.titulo {
    font-family: 'MyFont' !important;
    font-size: 25pt;
    text-shadow: none;    
    text-align: center;
}

.text-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0,0,0,0.4);
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.10);
  text-align: center;
}

.labelFormList {
    padding: 0;
    margin: 0 auto;
    align-items: center;
    text-align: center;    
}

.labelFormItem {
    padding: 0;
    margin: 0 auto;
    color: rgba(0,0,0,1) !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.40) !important;
    font-family: 'Open Sans', sans-serif !important;    	
}

.labelFormItemStacked {
    padding: 0;
    font-size: 13pt !important;
    margin: 0 auto;
    color: rgba(0,0,0,1) !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.40) !important;
    font-family: 'Open Sans', sans-serif !important;    	
}

.logo {
    text-align: right;
    align-items: right;
    justify-content: center;
}

.centralizado {
    text-align: center;
}

.topo {
        background: rgba(0, 0, 0, 1);       
}

.botaobuscarendereco {
        border-color: rgba(0, 0, 0, 0);
    background-color: rgba(25, 71, 61, 1);
    color: white;     
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.50);
    font-family: 'Open Sans', sans-serif;    	
    text-transform: none;
}

.avancar {
        border-color: rgba(0, 0, 0, 0);
    background-color: rgba(217, 0, 34, 1);   
    color: white;     
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.50);
    font-family: 'Open Sans', sans-serif;    	
    text-transform: none;
}

.botaogps {
        border-color: rgba(0, 0, 0, 0);
    background-color: rgba(7, 58, 104, 1);   
    color: white;     
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.50);
    font-family: 'Open Sans', sans-serif;    	
    text-transform: none;
}

.botaoCircular {
        height: 3em;
        width: 3em;
        border-radius: 50%;
        background: rgba(255, 0, 0, 1);         
        color: white;
}*/


/*.login-page {
  width: 300px;
  padding: 8% 0 0;
  margin: auto;
}*/


.floating-box {
    display: inline-block;
    width: 150px;
    height: 75px;
    margin: 10px;
    border: 3px solid #73AD21;  
}

.form {
    position: relative;
    z-index: 1;
    background: #ffffff;
    max-width: 360px;
    margin: 0 auto 100px;

    padding: 45px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#bd01{
    background-image: url('../imagens/background.jpg');
}
#login-pagev1 {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    background-image: url('../imagens/background.jpg');
    max-width: 360px;
    margin: 0 auto 100px;
    padding: 45px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#login-pagev2 {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    max-width: 360px;
    margin: 0 auto 100px;
    padding: 45px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.cantodireito {
    position: absolute;
    bottom: 10px;
    right: 0px;
    z-index: 1;
    /*background: #2F91BF;*/
    max-width: 360px;
    margin: 0 auto 0px;
    padding: 5px;
    /*color: white;*/
    font-size: 12px;
    /*text-align: center;*/
    /*justify-content: center;*/ 

    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    /*  white-space: nowrap;
      display:inline;  */
}

.fps {
    position: absolute;
    bottom: 20px;
    left: 10px;
    z-index: 1;
    font-size: 12px;
}
.logo {
    width: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.loading {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    /*height: 200px;*/
    /*height: translate(-50%, -50%);*/
    height: 100%;
    position: absolute;
    top: 0px;
    /*position: relative;*/
    /*overflow:hidden;*/
    margin: 0 auto 0px;
    outline: 0;    
}

.loadingimage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.formbases {
    position: absolute;
    bottom: 10px;
    right: 0px;
    z-index: 1;
    background: #2F91BF;
    max-width: 360px;
    margin: 0 auto 0px;
    padding: 5px;
    color: white;
    font-size: 12px;
    /*text-align: center;*/
    /*justify-content: center;*/ 

    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    /*  white-space: nowrap;
      display:inline;  */
}

.formtwitter {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;    
    margin: 0 auto 0px;        
    font-size: 12px;    
}

.form input {
    font-family: "Roboto", sans-serif;
    outline: 0;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.form button {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: #4CAF50;
    width: 100%;
    border: 0;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
    margin-top: 0px;
    height: 3em;
}
#btnloginv1{
    background: grey; 
}
.form button:hover,.form button:active,.form button:focus {
    background: #43A047;
}

.form .message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
}
.form .message a {
    color: #4CAF50;
    text-decoration: none;
}
.form .register-form {
    display: none;
}
.container {
    position: relative;
    z-index: 1;
    max-width: 300px;
    margin: 0 auto;
}
.container:before, .container:after {
    content: "";
    display: block;
    clear: both;
}
.container .info {
    margin: 50px auto;
    text-align: center;
}
.container .info h1 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 36px;
    font-weight: 300;
    color: #1a1a1a;
}
.container .info span {
    color: #4d4d4d;
    font-size: 12px;
}
.container .info span a {
    color: #000000;
    text-decoration: none;
}
.container .info span .fa {
    color: #EF3B3A;
}
.bodyAlert {
    background: #9b2b2b;
    font-family: "Roboto", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;      
}

html, body {
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
body {
    /*color: #222;*/
    /*font-family: 'Open Sans', arial, sans-serif;*/
    /*font-weight: 300;*/
    -webkit-font-smoothing: antialiased;
    background: -webkit-gradient(radial, center center, 500, center center, 1400, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6))) #fff;
    background: -moz-radial-gradient(farthest-side, rgba(0,0,0,0) 90%, rgba(0,0,0,0.2) 150%) #fff;
    background: -webkit-radial-gradient(farthest-side, rgba(0,0,0,0) 90%, rgba(0,0,0,0.2) 150%) #fff;
    background: -ms-radial-gradient(farthest-side, rgba(0,0,0,0) 90%, rgba(0,0,0,0.2) 150%) #fff;
    background: -o-radial-gradient(farthest-side, rgba(0,0,0,0) 90%, rgba(0,0,0,0.2) 150%) #fff;
    background: radial-gradient(farthest-side, rgba(0,0,0,0) 90%, rgba(0,0,0,0.2) 150%) #fff;
    box-sizing: border-box;
    padding: 46px 0 0 0;
}

#main-nav {
    margin-top: -46px;
}

.ui-widget-overlay.ui-front {
    background: black;
    opacity:.8;
}

/*.botaoDialog {
    !background: red;
    !color: red;
}*/

.dialog_button_aviso {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: #fbd764;
    width: 50%;
    height: 40px;
    border: 0;
    padding: 0px;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
}
.dialog_button_aviso:hover {
    background: #b19746;
}

.dialog_button_aviso_ok {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: #37cf5c;
    width: 50%;
    height: 40px;
    border: 0;
    padding: 0px;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
}
.dialog_button_aviso_ok:hover {
    background: #217b37;
}

.dialog_button_aviso_no {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: #d12c37;
    width: 50%;
    height: 40px;
    border: 0;
    padding: 0px;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
}

.dialog_button_aviso_no:hover {
    background: #961b24;
}

.no-close .ui-dialog-titlebar-close {display: none}

.no-close .ui-dialog-titlebar {display:none}

/*.dataTables_scrollHead {
    height: 137px;
}*/

.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

/* Each of the items in the list */
.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu li:hover {
    background-color: #DEF;
}

.dialog-botoes {
    width: 2.1em; 
    background-color: transparent !important;
    height: 2em;
    cursor:pointer;
    border:none;
    padding: 0px 2px 0px 2px;
}

.dialog-botoes-imprimir {
    width: 2.1em; 
    background-color: transparent !important;
    height: 2em;
    cursor:pointer;
    border:none;  
    /*position: relative;
    float: left;*/
    list-style: none;
    line-height: 8px;
    /*margin: 0 30px 0 0;*/

    /*
     position: absolute;*/
    padding: 0px 2px 0px 2px;

}


.tabela_botoes {    
    height:20px;
    cursor:pointer;
    border:none;
    padding: 0px 0px 0px 0px;
}

.tabela_botoes_rep {    
    height: 1.6em;
    cursor:pointer;
    border:none;
    padding: 0px 0px 0px 0px;
}
.mao {
    cursor: pointer;
}

table, th, td{
    white-space: nowrap;
    color: #000000; 
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 0;
}

#nav_submenu{
    width: fit-content;
}

#nav_submenu a:hover{
    background-color: #0070bb;
    color: #fff;
}

/*#nav_submenu ul li ul li {
    float: none;
    width: 100px; 
    background: #ccc; 
    z-index: 2; 
    height: 22px; 
    line-height: 22px; 

}*/

#clock {
    font-family: 'Open Sans';
    color: rgba(0, 0, 0, 0.3);
    position: absolute;       
    z-index: 1;     
}

@media(min-width: 768px){
    #clock {
        text-align: center;
        line-height: 30pt;
        bottom: 20px;
        left: 10px;
    }

    #clocklabel {
        font-size: 120px;
    }

    #clocklabeldate {
        font-size: 25px;
    }
}

.ui-dialog .ui-dialog-titlebar {
    padding: 12px 5px 10px 5px;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0;
}

.ui-widget-header {
    background: #ffffff;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px; 
    font-weight: 600;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #000000;    
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;    
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0;
    color: #ececec;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0;
}

table {
    margin: 5px;
}

.ui-dialog .ui-dialog-content {
    background-color: #bdbdbd;
}

#dialog-message-text{
    background-color: #ebf1f6;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff !important;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0;
    background: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 0;
    background: #0070bb;
    pointer-events: none;
    cursor: default;
}

.ui-widget-header .ui-state-hover {
    background: #ebf1f6;
}

.oculta_coluna {
    display: none;
}

#video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
}

/* Add some content at the bottom of the video/page */
.content {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}

/* Style the button used to pause/play the video */
#startButton {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
}
#resetButton {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
}

#startButton:hover {
    background: #ddd;
    color: black;
}
#resetButton:hover {
    background: #ddd;
    color: black;
}

#representa_img:hover{
    cursor: pointer;
}

#representa_img{
    padding-left: 2px;
    width: 22px;
}

#senha {
    width: 90%;
    position:relative;
    float:left;
}
#div_img{
    height: 20px;
    width: 20px;
}

#show_img{
    padding: 7px;
    height: 16px;
    width: 22px;
    position: absolute;
    cursor:pointer;
    background:#f2f2f2;
}