/* https://github.com/ReWWeR/teleset/tree/master/src/fonts */

body{
  font-family: RobotoCondensed, RobotoCondensedR, RobotoCondensedB;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

#resumoComboios {
  font-family: RobotoCondensed; 
  font-size: 0.9 rem; 
  text-align: left; 
  margin-left: 0px; 
  margin-bottom: 140px; 
  line-height: 0px;
}

#horainicio, #horafim, #minutosinicio, #minutosfim, #estacao, #comboio[type=text] {
  font-family: RobotoCondensed, tahoma, verdana, sans-serif;
  width: 36px;
  text-align: center;
  height: 34px;
  padding: 1px 1px;
  font-size: 14px;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#comboio:focus, #estacao:focus, #horainicio:focus,  #horafim:focus, #minutosinicio:focus, #minutosfim:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#comboio[type=text] {
  width: 120px;
  text-align: left;
  padding: 7px 10px 7px;
}
#estacao[type=text] {
  width: 237px;
  text-align: left;
  padding: 7px 10px 7px;
}
#datainicio, #datafim {
  width: 160px;
}



.cursorMao {
  cursor: pointer;
}

.barrasuperior {
 font-size:9px;
 color:black;
 font-weight: bolder; 
 text-align: right;
}

.marchasmodal{
  border:0px solid #33ee66;
  overflow-y: scroll; 
  overflow-x: hidden;
  width:100%;
  height:430px;
  float:left;
  font-size:15px;
  font-family:arial;
  cursor: pointer;
  margin-top: 0px;
  overscroll-behavior-y: contain;
}

.rodapeMarchas{
  font-size:10px;
  font-family: RobotoCondensed, tahoma, verdana, sans-serif;
  margin-top: 0px;
}

.on {
 color: #fff;
 background-color: #50af4c;
 padding: 2px 3px 3px 3px; 
-moz-border-radius: 3px;  
     border-radius: 3px;      

}

.off {
 color: #fff;
 background-color: #50af4c;
 padding: 2px 3px 3px 3px; 
-moz-border-radius: 3px;  
     border-radius: 3px; 
}

.pequeno {
  font-size: 0.925rem;   
  padding: 0.625rem 0.75rem 0.625rem 0.75rem;
  min-width: 2.5rem;
}    

.normal {
  font-size:14px;
  padding:4px 8px 4px 7px;
}

.aviso {
  position: fixed;
  bottom: 2px;
  left: 2%;
  width: 96%;
  z-index: 999;  
}

.plataforma {
  font-family:  RobotoCondensedB;
  font-size: 1rem;
  margin-top: 0px;
}  

.titulomodal {
  font-size: 16px;
  color:#000000;
  font-family:  RobotoCondensedB;
  margin: 15px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

.titulomodal2{
  font-size: 16px;
  color:#000000;
  font-family:  RobotoCondensedB;
  margin: -22px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

.subtitulomodal {
  font-size: 12px;
  color:#000000;
  font-family:  RobotoCondensed;
  margin: -20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.numerocomboio {
  font-size: 2rem;
  color: #000000;
  font-family:  RobotoCondensedB;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.tipomercadoria {
  font-size: 0.75rem;
  color: #888;
  font-family:  RobotoCondensed;
  margin: -4px 0px 6px 0px;
  padding: 0px 0px 0px 0px;
}

.materialmotor {
  font-size: 10px;
  font-family:  RobotoCondensed;
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  -moz-border-radius: 4px;  
        border-radius: 4px;      
        background-color:#abadb0;
        color: #ffffff;
}

.fecharX {
  float: right;
  cursor: pointer;
  font-size: 14px; 
  color: #b3b3b3;
  margin-top: 14px;
  margin-right: 12px;
}

.fechar {
  float: right;
  cursor: pointer;
  font-size: 10px; 
  color: #b3b3b3;
  margin-top: -30px;
  margin-right: 18px;
}

.fechar, .fecharX:hover {
  color: #333333;
}

.tituloEspeciais {
  color: #000000;
  font-size: 24px; 
  font-family: RobotoCondensedB;
  margin-top: 10px;
  margin-left: 12px;
  margin-bottom: 0px;
}

.setasdatamarchas {
  font-size:11px;
  cursor: pointer;
}
 
.linkHorasMarchas {
  font-size:9px;
  font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
  color:#1e9d8b;
}

.linkOrigemMarchas {
  font-size:9px;
  font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
  color:#000;
}

.linkDestinoMarchas {
    font-size:11px;
    font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
    color:#000;
}


.linkOperadorMarchas {
    font-size: 8px;
    font-family: CabinCondensed, tahoma, verdana, sans-serif;
    margin-top: 2px;
    margin-bottom: 4px;
    color: #777;
}

.numlinha {
  font-family: RobotoCondensed, tahoma, verdana, sans-serif;
  font-size: 0.75rem;
  -moz-border-radius: 0.5rem;  
  border-radius: 0.5rem;  
  border: 0pt solid #1e9d8b;
  color: #fff;/*#0e6e60;*/
  background-color: #1e9d8b;
  padding: 0.25rem 0.375rem 0.25rem 0.375rem;
  opacity: 0.8;
}

.operador-modal {
      font-family: RobotoCondensed, tahoma, verdana, sans-serif;
      font-size: 1.25rem;
      margin-top: 0px;
      margin-bottom: 0px;      
      color: #616161;
  }



/* ///////////////////////////////////////////////////// */ 
span.alertas {
  font-size: 12px;
  color:#000000;
  font-family:  RobotoCondensedR;
  font-weight: 500;
}

span.link { 
    color:#000;
}
span.link:hover { 
    color:#777;
    cursor: pointer;
}

span.chegadaF {
    line-height: 0px;
    font-size:1px;
    color:#FFFFFF;
    padding: 0 0 0 0;
}

span.chegadaC {
    line-height: 0px;
    font-size:1px;
    color:#aaa;
    padding: 0 0 0 0;
}

span.refreshModal:link { 
    font-size: 11px;
    /*color:#000;*/
    text-decoration: none;
}
span.refreshModal:hover { 
    font-size: 11px;
    /*color:#777;*/
    text-decoration: none;
}
span.refreshModal:visited {
    font-size: 11px;
    /*color:#000;*/
    text-decoration: none;
}

span.apagarEstacao {
  cursor:pointer;
  color:#cccccc;
  opacity: 0;
  position: relative;
  left: -20px;
  top: 2px;
  z-index: 10;
}

span.estadoMarchas {
    font-size:12px;
    font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
    color:#000;
    padding: 0 0 0 0;
}



p.operador {
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;
    font-size: 1.25rem;
    margin-top: 0px;
    margin-bottom: 0px;      
    color: #616161;
}

p.dia {
    margin-top: 0px;
    margin-bottom: 1rem;
    font-size: 1rem;
}


p.numcomboio {
    font-size: 14px;
    font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
    color: #000;
    padding: 0 0 0 0;
}

p.chegada {
    font-size: 9px;
    color: #888888;
    margin-top: 14px;
    margin-bottom: -14px;      
}

p.partida {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 12px;
}  

p.paragem {
    font-family: CabinCondensed;
    color: #1e9d8b;
} 

p.linktabela {
    font-size: 15px;
    font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
    color:#1e9d8b;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    margin-top: 0px; 
    margin-bottom: 0px; 
}
p.linktabela:hover {
    color: #2b86ad;
    /*text-decoration: underline;*/
}

p.tipocomboio {
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;
}

p.origem {
  font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
  color: #1e9d8b;
  text-decoration: none;
  cursor: pointer;
}
p.origem:hover {
  color: #2b86ad;
  /*text-decoration: underline;*/
}


/* //////////////////////////////////////////// */


p.chegadaF {
    line-height: 0px;
    font-size:1px;
    color:#FFFFFF;
    padding: 0 0 0 0;
}
p.chegadaC {
    line-height: 0px;
    font-size:1px;
    color:#aaa;
    padding: 0 0 0 0;
}


p.datamarchas {
  margin-top: 24px;
  margin-left: 12px;
  margin-bottom: 4px;
  text-align: right;
  vertical-align: central;
}

p.linkNumeroMarchas:hover {
    font-size:14px;
    font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
    color:#2b86ad;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
p.linkNumeroMarchas {
    font-size:14px;
    font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
    color:#1e9d8b;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 0px; 
}

p.linkTipoMarchas {
    font-size:8px;
    font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
    color:#000;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    margin-top: -2px;
    margin-bottom: 0px; 
}








a.setasModal:link { 
    color:#000;
    text-decoration: none;
}
a.setasModal:hover { 
    color:#777;
    text-decoration: underline;
}
a.setasModal:visited {
    color:#000;
    text-decoration: none;
}  

a.confPartida:link {
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;  
    font-size: 10px;
    color:#1e9d8b;
    text-decoration: none;
}
a.confPartida:hover {
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;  
    font-size: 10px;
    color:#1e9d8b;
    text-decoration: underline;
}
a.confPartida:visited {
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;  
    font-size: 10px;
    color:#1e9d8b;
    text-decoration: none;
}


a.linktabela:link {
    font-size:15px;
    font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
    color:#1e9d8b;
    padding: 0 0 0 0;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}
a.linktabela:hover {
    font-size:15px;
    font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
    color:#2b86ad;
    padding: 0 0 0 0;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
a.linktabela:visited {
    font-size:15px;
    font-family: RobotoCondensedB, tahoma, verdana, sans-serif;
    color:#1e9d8b;
    padding: 0 0 0 0;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

a.link:visited {
    font-size:12px;
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;
    color:#000;
    text-decoration: none;        
}
a.link:link {
    font-size:12px;
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;
    color:#000;
    text-decoration: none;    
}
a.link:hover {
    font-size:12px;
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;
    color:#1e9d8b;
    text-decoration: underline;
}

a.paypal:not([href]) {
    font-size:12px;
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;
    color:#0e95cf;
    font-weight: bold;
    text-decoration: none;     
}

a.paypal:visited {
    font-size:12px;
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;
    color:#0e95cf;
    font-weight: bold;
    text-decoration: none;        
}
a.paypal:link {
    font-size:12px;
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;
    color:#0e95cf;
    font-weight: bold;
    text-decoration: none;    
}
a.paypal:hover {
    font-size:12px;
    font-family: RobotoCondensed, tahoma, verdana, sans-serif;
    color:#0e95cf;
    font-weight: bold;
    text-decoration: underline;
}






.tooltipa-inner {
  background-color: #31b0d5;
  box-shadow: 0px 0px 4px black;
  opacity: 1 !important;
}

.tooltip.primary .tooltip-inner          { background-color:    #337ab7; }
.tooltip.primary.top > .tooltip-arrow    { border-top-color:    #337ab7; }
.tooltip.primary.right > .tooltip-arrow  { border-right-color:  #337ab7; }
.tooltip.primary.bottom > .tooltip-arrow { border-bottom-color: #337ab7; }
.tooltip.primary.left > .tooltip-arrow   { border-left-color:   #337ab7; }

.tooltip.info .tooltip-inner          { background-color:    #31b0d5; }
.tooltip.info.top > .tooltip-arrow    { border-top-color:    #31b0d5; }
.tooltip.info.right > .tooltip-arrow  { border-right-color:  #31b0d5; }
.tooltip.info.bottom > .tooltip-arrow { border-bottom-color: #31b0d5; }
.tooltip.info.left > .tooltip-arrow   { border-left-color:   #31b0d5; }

.tooltip.success .tooltip-inner          { background-color:    #449d44; }
.tooltip.success.top > .tooltip-arrow    { border-top-color:    #449d44; }
.tooltip.success.right > .tooltip-arrow  { border-right-color:  #449d44; }
.tooltip.success.bottom > .tooltip-arrow { border-bottom-color: #449d44; }
.tooltip.success.left > .tooltip-arrow   { border-left-color:   #449d44; }

.tooltip.warning .tooltip-inner          { background-color:    #ec971f; }
.tooltip.warning.top > .tooltip-arrow    { border-top-color:    #ec971f; }
.tooltip.warning.right > .tooltip-arrow  { border-right-color:  #ec971f; }
.tooltip.warning.bottom > .tooltip-arrow { border-bottom-color: #ec971f; }
.tooltip.warning.left > .tooltip-arrow   { border-left-color:   #ec971f; }

.tooltip.danger .tooltip-inner          { background-color:    #d9534f; }
.tooltip.danger.top > .tooltip-arrow    { border-top-color:    #d9534f; }
.tooltip.danger.right > .tooltip-arrow  { border-right-color:  #d9534f; }
.tooltip.danger.bottom > .tooltip-arrow { border-bottom-color: #d9534f; }
.tooltip.danger.left > .tooltip-arrow   { border-left-color:   #d9534f; }

.sample {
  width: 320px;
  margin: 0px;
}
.sample .panel-heading:hover {
  cursor: pointer;
}
/* .sample [data-toggle=collapse].collapsed .if-not-collapsed,
.sample [data-toggle=collapse]:not(.collapsed) .if-collapsed {
  display: none;
} */

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
      border-bottom-color: #31b0d5;
    }
    
.tooltip.bs-tooltip-bottom .tooltip-inner {
      opacity: 1;
      background-color: #31b0d5;
    }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

/* Chrome, Safari, Edge, Opera */
/*
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
*/
/* Firefox */
/*
input[type=number] {
  -moz-appearance: textfield;
}
*/
/*
*
* ==========================================
* CUSTOM UTIL CLASSES - SCROLLBAR
* ==========================================
*
*/
div::-webkit-scrollbar {
    width: 0px;    
}

::-webkit-scrollbar-track {
    border-radius: 20px;
    background: #f1f1f1;  
}



::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #ccc;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(100,100,100,0.4); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #888; 
}


/*///////////////////////////////////////////////////////*/
/* LOADER */

.fa-pulse {
	display: inline-block;
	-moz-animation: pulse 3s infinite linear;
	-o-animation: pulse 3s infinite linear;
	-webkit-animation: pulse 3s infinite linear;
	animation: pulse 3s infinite linear;
}

@-webkit-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@-ms-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}


#loading2 {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.5);;
        -webkit-transition: all .5s ease;
        z-index: 9998;
        display:none;
    }

#loader2 {
    position: relative;
    left: 50%;
    top: 50%;    
    margin: -75px 0 0 -75px;    
    border: 1.0em solid transparent;
    border-left-color: rgba(255, 255, 255, .8);
    border-right-color: rgba(255, 255, 255, .8);
    border-radius: 50%;
    animation: 2s loader-02 linear infinite;
    width: 100px;
    height: 100px;
    z-index: 9999;
}

#loading {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.5);;
        -webkit-transition: all .5s ease;
        z-index: 9998;
        display:none;
    }

#loader {
    position: fixed;
    left: 50%;
    top: 50%;    
    margin: -75px 0 0 -75px;    
    border: 1.0em solid transparent;
    border-left-color: rgba(255, 255, 255, .8);
    border-right-color: rgba(255, 255, 255, .8);
    border-radius: 50%;
    animation: 2s loader-02 linear infinite;
    width: 100px;
    height: 100px;
    z-index: 9999;
}

@keyframes loader-02 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} 


#loader-01 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 100;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #d9effc;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}