﻿*{font-family:Verdana, Tahoma, 'Trebuchet MS'}
html,body{font-family:'Roboto'!important}
.purple{background:#7C4DFF!important}
.blue{background:#448AFF!important}
.orange{background:#FFAB40!important}
.red{background:#FF5252!important}
.wine{background:#d86574!important}
.green{background:#2cb170!important}
.gray{background:#7b7b7b!important}
.shadown{box-shadow:3px 3px 4px 0 #e0e0e0}
.avisos{position:absolute;right:0;top:0}
.triangle.top{width:0;height:0;border-color:transparent;border-style:solid;border-width:0 8px 13px 9px;left:30px;border-bottom-color:#379694;border-left-color:rgba(255,0,0,0);border-right-color:rgba(255,0,0,0);position:absolute;top:-12px;z-index:4000}
.more-information{position:absolute;top:80px;background:#379694;z-index:3000;color:#f2f2f2;padding:15px 10px;width:auto;min-width:300px;text-align:center;display:none;font-family:'Roboto';letter-spacing:1px;line-height:2;font-size:12px}
.item:hover .more-information{display:block!important}
.item img{vertical-align:middle;width:32px;height:32px;margin:10px 0}
.screen{margin:0 15px}
table ::-webkit-scrollbar{width:0;color:transparent}
table ::-webkit-scrollbar-button{width:0;color:transparent}
table ::-webkit-scrollbar-track{width:0;color:transparent}
table ::-webkit-scrollbar-thumb{::-webkit-scrollbar-track-piece}
table ::-webkit-scrollbar-corner{::-webkit-scrollbar-track-piece}
table ::-webkit-resizer{::-webkit-scrollbar-track-piece}

.container-information{position:relative;top:2px;display:table;width:100%;letter-spacing:1.2px;line-height:1}
hr{display:inline-block;width:25px;margin-right:-4px;margin-bottom:0;height:10px;background:#fff;border:none}
td{padding:5px}
tr{border-bottom:1px solid #e0e0e0}
ul{padding:0;overflow:scroll;white-space:nowrap;height:50px;margin-top:14px}
d
ul li:first-child{margin-left:29px}
table th{font-size:12px;padding:0 12px;background:#fff;text-align:center}

.helicoptero{width:180px;height:35px;background:#666;padding:5px;font-size:9px;color:#f2f2f2;cursor:pointer;position:absolute}
/*.helicoptero{width:180px;display:inline-block;height:65px;background:#666;padding:5px;font-size:12px;position:relative;color:#f2f2f2;cursor:pointer}*/
.td-helicoptero{padding:0 12px;position:relative;display:inline-block}
.td-helicoptero:before{content:" ";background:#e0e0e0;width:1px;height:100%;position:absolute;display:block}
.container-helicoptero {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    width: 1600px;
    position: relative;
    margin-bottom: -7px;
}
/*.container-helicoptero{white-space:nowrap;margin-bottom:-8px;margin-top:10px;overflow-y:hidden;overflow-x:auto;width:1600px}*/

.voo{margin:0;right:2px;bottom:0;font-family:"Roboto Thin";letter-spacing:3px;top:20px;font-style:italic;font-size:12px;position:absolute;display:none}
.icon-information{width:14px;float:right;padding-top:3px;margin:0 5px}
@keyframes spin {
from{transform:rotateY(0deg)}
to{transform:rotateY(-360deg)}
}
@keyframes tailblade {
from{transform:rotate3d(0,0,1,0deg)}
to{transform:rotate3d(0,0,1,-360deg)}
}
@keyframes float {
from{transform:translateY(2px) rotate3d(0,0,1,3deg)}
to{transform:translateY(-2px) rotate3d(0,0,1,0deg)}
}

.helicopter_wrapper{position:absolute;left:50px}
.helicopter_body{width:30px}
.helicopter{position:relative;top:6px}

.flying{top:-4px;animation-duration:1s;animation-name:float;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate;animation-play-state:running}
.blade{width:25px;position:absolute;top:1px;left:7px}
.flying .blade{animation-duration:.2s;animation-name:spin;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:running}
.tailblade{width:1px;height:2px;background-color:#f2f2f2;position:absolute;top:4px;left:2px}
.flying .tailblade{transform-origin:50% 100%;animation-duration:.1s;animation-name:tailblade;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:running}
.sonar-wave{height:30px;width:30px;border-radius:100px;background-color:#000;margin:auto;top:0;left:0;bottom:0;right:0;opacity:0;pointer-events:none;position:absolute;animation:sonarWave 2s linear infinite}
@keyframes sonarWave {
from{opacity:.4}
s
to{transform:scale(1.1);opacity:0}
}

table{margin-top:0px;width:100%;box-shadow:0 0 2px 2px #e0e0e0; border-collapse:collapse;width:100%}
tr:hover{background:#f2f2f2;cursor:move}
#ribbon{padding:0 0 10px;position:absolute;top:-19px;z-index:2;left:10px;width:20px}
#ribbon div{color:#fff;height:72px;border-style:dotted;border:2px solid #666}
#ribbon div:after{border-bottom:10px solid transparent;bottom:0;content:'';height:0;left:0;position:absolute;width:0}
.arrow-left{position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:15px solid #fff;left:-15px;bottom:5px}
.information-more{display:none;position:absolute;min-width:100%;min-height:100%;background:#fff;margin:-5px;font-size:9px;color:#666;padding:5px;z-index:99999;bottom:3px;left:calc(100% + 18px);letter-spacing:1.2px}
.menu-fixo{position:fixed;top:0;z-index:99;transition-timing-function:linear}
.container-information:hover .information-more,.container_icon-information:hover .information-more{display:block}
.container_icon-information:hover .information-more{top:0;bottom:auto;left:calc(100% + 15px)}
.container-information .pull-left{text-align:left}
.container-information .pull-right{text-align:right}
.container_icon-information .arrow-left{bottom:auto}
.container_icon-information{display:inline-block}
.information-more:focus,.information-more:hover{color:#666;text-decoration:none}
.container-t{width:100%;margin:auto}
.fixed{top:0px;position:fixed;width:auto;display:none;border:none;z-index:100}
.scrollMore{margin-top:600px}
div#ulhours{display:inline-flex}
.hours{position:relative;overflow:scroll;width:1601px;height:50px;position:relative;cursor:move}
.horas{width:33.33px;transform-origin:0;font-weight:400;font-size:10px;display:inline;text-align:left}
.line{position:absolute;width:2px;left:278px;z-index:200;height:100%;display:block;background:#379694}
td{font-size:11px;text-align: center}
.margin{margin:0 5px}
div[id*="liHoras"]:before{content:'';display:block;width:1px;height:16px;background:#e0e0e0;position:absolute;margin-top:18px}
.menu{background:#fff;box-shadow:1px 1px 1px 1px #f2f2f2;display:block;text-align:center;padding:10px 0;background:#379694}
.item{display:inline-block;width:80px;font-family:"roboto";font-size:12px;color:#f2f2f2;cursor:pointer;position:relative}
#badge{position:absolute;right:10px;top:3px}
.badge-num{box-sizing:border-box;background:red;cursor:default;border-radius:50%;color:#fff;font-size:12px;height:20px;letter-spacing:0;line-height:1.5;right:-12px;display:table;vertical-align:middle;border:2px solid #fff;position:absolute;text-align:center;width:20px;box-shadow:1px 1px 5px rgba(0,0,0,.2);animation:pulse 2s infinite}
.badge-num:after{content:'';position:absolute;top:-2px;left:-2px;border:2px solid rgba(255,0,0,.5);opacity:0;border-radius:50%;width:100%;height:100%}
@keyframes pulse {
0%{transform:scale(1)}
20%{transform:scale(1.05)}
50%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1)}
}
th{text-align:center}
.cntr{display:table;width:100%;height:100%}
.cntr .cntr-innr{display:table-cell;text-align:center;vertical-align:middle}
.search{display:inline-block;position:relative;height:28px;width:28px;box-sizing:border-box;margin:0 8px 7px 0;padding:7px 9px 0;border:2px solid #FFF;border-radius:25px;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:text;padding-top:.5px;line-height:1.5}
.search:after{content:"";position:absolute;width:2px;height:10px;right:-3px;top:20px;background:#FFF;border-radius:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 200ms ease;transition:all 200ms ease}
.search.active,.search:hover{width:200px;margin-right:0}
.search.active:after,.search:hover:after{height:0}
.search input{width:100%;border:none;box-sizing:border-box;font-size:12px;color:inherit;background:transparent;outline-width:0;letter-spacing:1.2px}

.container-voo {
    display: block;
    width: 3200px;
    height: 45px;
    position: relative;
    top: 10px;
}



td[id*="tdTripPR"] div {
   display: block;
    width: 100%
    
}

/* css multselct */
.open>.dropdown-menu{display:block;height:auto;display:block;height:auto}
.multiselect.dropdown-toggle.btn.btn-default{border:none;box-shadow:1px 1px 1px 1px #e0e0e0;border-radius:0;color:#999;font-family:'Roboto'}

/**/
.mt{margin-top:25px}
.col-md-12 .navbar-form{float:left}

/*legend*/
.legend{display:inline-block;margin-top:30px;color:#999}

.color-red:before{color:#FF5252}
.color-wine:before{color:#d86574}
.color-purple:before{color:#7C4DFF}
.color-blue:before{color:#448AFF}
.color-orange:before{color:#FFAB40}
.color-green:before{color:#00E676}
.color-gray:before{color:#7b7b7b}
.legend::before {content: '';background: currentColor;width: 10px;margin: 0 10px;border-radius: 50%;height: 10px;display: inline-block;}

input.form-control{border:none;box-shadow:1px 1px 1px 1px #cac6c6;outline:none}
th.dow{margin:15px;background:#f2f2f2;color:#999}
.datepicker-days td{width:35px;height:40px}
input.form-control{border-radius:0}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{border:none}
.input-group.date .form-control,th.datepicker-switch{color:#999}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{background:#ffff;border:none;padding:0;margin:10px 0;border:1px solid}
td.active.day{background:#379694!important;border-radius:0;color:#ffffff}
th.datepicker-switch{font-size:16px;font-family:'Roboto'}
.input-group-addon{border:none;background:transparent;color:#999;position:absolute;right:0px;z-index:3;top:3px}
.date input.form-control {padding-bottom: 0; padding-top: 0;height: 32px}


.btn{background:#fff;color:#999;border-radius:0;box-shadow:1px 1px 1px 1px #e0e0e0}
.btn:hover{background:#e6e6e6;color:#999}
.btn-action{background: #379694;color: #f2f2f2}
.btn-action:hover,.btn-action:focus {background: #3ba09e !important;color: #f2f2f2 !important;}
.col-md-12.mt{height:80px}
.button-menu{width:40px;height:40px;background:#fff;float:left;box-shadow:1px 1px 1px 1px #d2d2d2;border-radius:50%;margin-top:6px;margin-left:15px}
.container-nav-form{display:none}
span.glyphicon.glyphicon-menu-right{color:#8a8a8a;left:12px;top:11px;cursor:pointer;font-size:18px}
.container-nav-form.active {position: relative;left: 15px}
.open>.dropdown-menu {overflow:auto}
.dropdown-menu>li>a {
    font-size: 12px;
    color: #999999;
    font-weight: normal;
    font-family: 'Roboto';
}

.container_more-information{overflow:scroll;max-height:800px;padding:0 5px}
.icon-center{width:20px;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.brown{background:rgba(128,85,27,0.75)!important}


/*css para telas modal************************************************************************************************************************************************/
.modal .modal-header {
    background: #dff0d7;
    color: #006547;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border: 1px solid;
}
.modal .modal-footer {
    background: #dff0d7;
    color: #006547;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border: 1px solid;
    padding: 15px;
    text-align: right;
}

.modal .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    text-shadow: none;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border-radius: 4px;
}

.modal .btn-default {
    color: #58b957;
    background-color: #fff;
    border-color: #ccc;
}

.modal .Lider-AcoesGrid {
    background: #58b957;
    color: #fff;
    border: 1px solid #58b957;
    font-weight: bold;
}

.modal .Lider-AcoesGrid:hover {
    background: #379694;
    color: #fff;
    font-weight: bold;
}

.modal .modal-body {
    position: relative;
    padding: 15px;
    border: 1px solid;
}

.modal .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.modal .form-group {
    margin-bottom: 15px;
}

.modal .form-group .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.modal .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.modal .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.modal.label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: Verdana, Tahoma, 'Trebuchet MS';
}

/*Modal Carregando*/
.modalLoading {
    display: none;
    position: fixed;
    z-index: 5000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    background: rgb( 255, 255, 255) url('http://helix/content/img/loader-helix2.gif') 50% 45% no-repeat;
}

body.carregando {
    overflow: hidden;
}

body.carregando .modalLoading {
    display: block;
}

/*Fim Modal Carregando*/

.img-voo{
    width: 26px
}
img.img-voo {
    width: 27px;
}

/*.item-hours {
    float: right;
    margin-right: 20px;
}
.item-hours img {
    float: right;
    margin-right: 20px;
    height: 20px;
    margin: 4px 0;
}
   
.item-hours label {
      font-size: 16px;
    font-weight: normal;
}*/

.item-hours {
    float: right;
    margin-right: 21px;
    cursor: auto;
}

.item-hours img {
    margin: 0;
    margin-bottom: 6px;
    height: 24px;
}

.item-hours label {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
}

.container-information {
    cursor: auto
}
.container-information .pull-left, .container-information .pull-right{
    cursor:pointer
}

tbody td {
    cursor: auto;
}

div[onclick*='E'],div[onclick*='M']  {
    cursor:pointer
}