/* GLOBAL STYLES */
    html {
        position: relative;
        min-height: 100%;
    }
    body {
        padding-top: 60px;
        background-color: #fff;
    }

    body,
    h1,h2,h3,h4,h5,h6,
    input,
    button,
    select,
    textarea, div,
    span,
    .navbar-search .search-query {
      font-family: Roboto, Verdana, Arial;      
    }

    h2 {
        font-size: 2.5rem;       
    }

    div, p, span {
      font-size: 16px;        
    }   

    a.laranja:hover {
        color: #ff8533;
    }

    tr.dados:hover {
        background-color: rgb(255, 201, 180);
        cursor: pointer;
    }

    td.colunaesq {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    td.colunadir {
        padding-top: 3px;
        padding-bottom: 3px;
        font-weight: bold;
        text-align: right;
    }

    a.dados:hover {
        color: #ff8533;
        text-decoration: none;
        cursor: pointer;
        background-color: yellow;
    }

    a.dados:visited {
        color: #000;
        text-decoration: none;
    }


/* Textarea */

    textarea {  
        display: block;
        box-sizing: padding-box;
        overflow: hidden;
    }


/* Buttons */

    .btn-primary:focus, .btn-primary:link, .btn-primary:visited, .btn-primary:active {
        background-color: #ff6600!important;
        border-color: #ff6600!important;
    }

    .btn-primary:hover {
        background-color: #ff8533!important;
        border-color: #ff8533!important;
    }

    .btn-viatura:focus, .btn-viatura:link, .btn-viatura:visited, .btn-viatura:active {
        background-color: #fff!important;
        border-color: #404040!important;
        color: #404040!important;
        font-weight: normal;
    }

    .btn-viatura:hover {
        background-color: #fff!important;
        border-color: #ff6600!important;
        color: #ff6600!important;
        font-weight: normal;
    }

    .btn-pesquisa:focus, .btn-pesquisa:link, .btn-pesquisa:visited, .btn-pesquisa:active {
        background-color: #fff!important;
        border-color: #ff6600!important;
        color: #ff6600!important;
        font-weight: bold;
    }

    .btn-pesquisa:hover {
        background-color: #fff!important;
        border-color: #404040!important;
        color: #404040!important;
        font-weight: bold;
    }

    .btn-testemunho:focus, .btn-testemunho:link, .btn-testemunho:visited, .btn-testemunho:active {
        background-color: #fff!important;
        border-color: #404040!important;
        color: #404040!important;
        font-weight: bold;
    }

    .btn-testemunho:hover {
        background-color: #fff!important;
        border-color: #ff6600!important;
        color: #ff6600!important;
        font-weight: bold;
    }

    .btn span.glyphicon {    			
	opacity: 0;				
    }
    .btn.active span.glyphicon {				
        opacity: 1;				
    }

 /* Icons */  
    i.icongrande {
        color: #404040;
        font-size: 40px;
    }
    
    i.fa {
        color: #ff6600!important;
    }
    
    .iconmao {
        cursor: pointer;
    }

/* Sections */

    section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    section.nopadding {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    section.pesquisa {
        background-color: #ff6600;
        color: #fff;
    }

    section.cinza {
        background-color: #ddd;
        color: #404040;
    }

    section.branc, div.branco {
        background-color: #fff;
        color: #404040;
    }

    section.cinzento {
        background-color: #333;
        color: #fff;
    }


/* Colunas */ 

    .col-sm-3 {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .col-sm-4 {
        padding-top: 10px;
        vertical-align: top;
    }
    

/* Text */
    .centered {
        text-align: center;
    }
    .lead {
        padding-top: 20px!important;
    }

    h1 {
        padding-bottom: 20px;
    }

    .cinza {
        color: #404040;
    }
    .laranja, laranja:visited {
        color: #ff6600;
    }

    .linkviatura:active, .linkviatura:visited, .linkviatura:link {
        color: #ff6600;
        text-decoration: none;
        font-size: 1.25em;
    }

    .linkviatura:hover {
        color: #404040;
        text-decoration: none;     
    }

    .linktexto:active, .linktexto:visited, .linktexto:link {
        color: #ff6600;
        text-decoration: none;
    }

    .linktexto:hover {
        color: #ff6600;
        text-decoration: underline;     
    }

    h1.title_form {
        color: #404040;
    }

    .txtdestaque {
        color: #ff6600;
        font-weight: bold;
    }
    
    .filterbox {
        padding: 10px; 
    }

    p.alerta {
        padding-top:25px;
        padding-bottom:20px;
        font-size: 30px!important;
        font-weight: bold;
        color: #ff6600!important;
        text-wrap: balance;
    }
    span.alerta {

        font-size: 20px!important;
        font-weight: normal;
        color: #ff6600!important;
        text-wrap: balance;
    }
    .balance {
        text-wrap: balance;
        padding-left: 5px;
        padding-right: 5px;
    }

/* Lista de viaturas */

    div.thumbnail {
        margin: 5px;
        padding: 10px;
    }

    div.lvtexto {
        padding-top: 10px!important;
        padding-bottom: 10px;
    }

    div.textviatura {
        overflow: auto;
        font-size: 1.2em;
    }
    div.textlegenda {
        color: #404040;
        font-size: 1em;
        font-weight: bold;
    }

    div.lvleft { 
        width: 40%; 
        background: white; 
        float:left;
    } 
    div.lvright { 
        width: 60%; 
        background: white;
        float:right; 
    } 

    .valorfinal {
        color: #ff6600;
        font-size: 1.75em;
        font-weight: bold;
    }
    .valorfinalG {
        color: #ff6600;
        font-size: 2em;
        font-weight: bold;
        text-align: center;
    }
    .valorpoupanca {
        color: #ff6600;
        font-size: 1.75em;
        font-weight: bold;
    }

    .imgviatura {
        opacity: 1;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }

   .imgviatura:hover {
        opacity: 0.75;
    }
    
 
/* Footer */
    .footer {
        position: absolute;
        width: 100%;
        background-color: #222222;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .text_footer {
            color: #ccc;
            font-weight: normal;
    }

    .link_footer:active, .link_footer:visited, .link_footer:link {
        color: #ccc;
        text-decoration: none;
        font-weight: normal;
    }

    .link_footer:hover {
        color: #ccc;
        text-decoration: underline;
        font-weight: normal;
    }

   .link_footer_destaque:active, .link_footer_destaque:visited, .link_footer_destaque:link {
        color: #ff6600;
        text-decoration: none;
        font-weight: normal;
    }

    .link_footer_destaque:hover {
        color: #ff6600;
        text-decoration: underline;
        font-weight: normal;
    }

    .copyright {
        color: #ccc;
        font-size: small;
        vertical-align: bottom;
    }

/* Form */
 
    .input-group {
        padding-bottom: 15px;
    }

    .input-group-addon {
        min-width: 40px;
        color: #ff6600;
    }

    select option {
      background: #fff; 
      color: #404040; 
      box-shadow: inset 20px 20px #ff6600;
    } 

    select option:hover {
      background: #fff; 
      color: #ff6600; 
      box-shadow: inset 20px 20px #ff6600;
    }

    select option:checked {
      background: #ccc; 
      color: #ff6600; 
    }

    select option:checked:after {
      background: #444; 
      color: #ff6600; 
    }

    select option:checked:active {
      background: #000; 
      color: #ff6600; 
    }

    .form-check-label {
        font-weight: normal;
        padding-left: 10px;
    }

    .form-control:focus, .form-check-input:focus {
      border-color: #ff6600;
      box-shadow: inset 0 0 0 rgba(255, 102, 0, 0.7), 0 0 0 rgba(255, 102, 0, 0.7);
    }

    .input-search {
        max-width: 500px; 
        align-content: center;
    }
    
/* Checkbox */


    .checkbox-laranja input[type="checkbox"]:checked + label::before {
        background-color: #fff;
        color: #ff6600; 
        border-color: #ff6600; 
        outline: none;
    }

    .checkbox-laranja input[type="checkbox"]:checked + label::after {
        color: #ff6600; 
        border-color: #ff6600; 
    
    }

    .checkbox-laranja input[type="checkbox"]:focus + label::before {
        outline: 0px !important;
        -webkit-appearance:none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }


/* Padding */

    .padding-10 {
        padding:10px !important;
    }
    .padding-15 {
        padding:15px !important;
    }
    .padding-20 {
        padding:20px !important;
    }
    .padding-50 {
        padding:50px !important;
    }
    .padding-top-5 {
        padding-top:5px !important;
    }
    .padding-top-10 {
        padding-top:10px !important;
    }
    .padding-top-20 {
        padding-top:20px !important;
    }
    .padding-top-50 {
        padding-top:50px !important;
    }
    .padding-bottom-10 {
        padding-bottom: 10px !important;
    }
    .padding-bottom-20 {
        padding-bottom: 20px !important;
    }
    .padding-bottom-50 {
        padding-bottom: 50px !important;
    }
    .padding-bottom-100 {
        padding-bottom: 100px !important;
    }
/* Tables */

    .rTable {
        display: table;
        width: 100%;
    }
    .rTableRow {
        display: table-row;
    }
    .rTableRow:nth-child(even) {
        background-color: #ddd;
    }
    .rTableHeading {
        display: table-header-group;
        background-color: #ddd;
        text-align: center;
    }
    
    .rTableCell, rTableHead {
        display: table-cell;
        padding: 0px 5px 0px 5px;
    }

    .rTableHeading {
        display: table-header-group;
        background-color: #ddd;
        font-weight: bold;
    }
    .rTableFoot {
        display: table-footer-group;
        font-weight: bold;
        background-color: #ddd;
    }
    .rTableBody {
        display: table-row-group;
    }

    .align-left {
        text-align: left;
    }

/* TextArea */
    textarea {
        resize: none;
        max-width: 100%; 
        max-height: 100%;
    }
/* Checkbox */

    .material-switch > input[type="checkbox"] {
        display: none;   
    }

    .material-switch > label {
        cursor: pointer;
        height: 0px;
        position: relative; 
        width: 40px;  
    }

    .material-switch > label::before {
        background: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position:absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }
    .material-switch > label::after {
        background: rgb(255, 255, 255);
        border-radius: 16px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        content: '';
        height: 24px;
        left: -4px;
        margin-top: -8px;
        position: absolute;
        top: -4px;
        transition: all 0.3s ease-in-out;
        width: 24px;
    }
    .material-switch > input[type="checkbox"]:checked + label::before {
        background: inherit;
        opacity: 0.5;
    }
    .material-switch > input[type="checkbox"]:checked + label::after {
        background: inherit;
        left: 20px;
    }

    .label-important, .label-important[href]:hover, .label-important[href]:focus {
        background-color: #ff6600;
    }

    /* Altura colunas */
    .row.display-flex {
        display: flex;
        flex-wrap: wrap;
    }
    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    /* Mansory */

    .row-mansory {
        -moz-column-width: 18em;
        -webkit-column-width: 18em;
        -moz-column-gap: 1em;
        -webkit-column-gap:1em; 
    }
    
    .item-mansory {
        display: inline-block;
        padding:  .01rem;
        width:  100%; 
        height:  100%; 
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .nopadding-y {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .nopadding-x {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .nopadding {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Radio */

.radio-laranja {
	display: inline-block;
	position: relative;
	padding: 0 6px;
	/*margin: 10px 0 0;*/
  }
  
  .radio-laranja input[type='radio'] {
	display: none;
  }
  
  .radio-laranja label {
	/*color: #000;*/
	font-weight: normal;
  }
  
  .radio-laranja label:before {
	content: " ";
	display: inline-block;
	position: relative;
	top: 5px;
	margin: 0 5px 0 0;
	width: 20px;
	height: 20px;
	border-radius: 11px;
	border: 1px solid #ff6600;
	background-color: transparent;
  }
  
  .radio-laranja input[type=radio]:checked + label:after {
	border-radius: 11px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 9px;
	left: 10px;
	content: " ";
	display: block;
	background: #ff6600;
  }

  .radio-laranja input[type=radio]:disabled + label:after {
	border-radius: 11px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 9px;
	left: 10px;
	content: " ";
	display: block;
    color: #aaaaaa;
	background: #aaaaaa;

  }

/* Spinner */
@-webkit-keyframes spinner-border {
	to {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  
  @keyframes spinner-border {
	to {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  
  .spinner-border {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: 0.25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
  }
  
  .spinner-border-sm {
	width: 1rem;
	height: 1rem;
	border-width: 0.2em;
  }
  
  @-webkit-keyframes spinner-grow {
	0% {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}
	50% {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes spinner-grow {
	0% {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}
	50% {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .spinner-grow {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	-webkit-animation: spinner-grow .75s linear infinite;
	animation: spinner-grow .75s linear infinite;
  }
  
  .spinner-grow-sm {
	width: 1rem;
	height: 1rem;
  }


  .wordwrap
  {
  /* wrap long text and urls */
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  word-wrap: break-word; /* IE 5+ */

  overflow-wrap: break-word;

  -ms-word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  }