/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {background-color: #1e2a31; font-family: 'Roboto', sans-serif; }
.content {margin-top: -6px;overflow: hidden;padding:15px 0;}
.content-wrapper {min-height: 100% !important; background-color:transparent; z-index: 800;margin-top: 46px;}
.mb20{margin-bottom: 20px; } 
.logo{display: inline-block; margin: 0 auto; color: #fff; text-transform: uppercase; } 
.wrapper, .main-sidebar, .left-side {background-color: #1e2a31; } 
.main-sidebar {height: calc(100% - 70px);border: 1px solid #667680;padding-top: 0;background-color: #2e3f49 !important;width: 234px;
z-index: 1;margin-top: 62px; margin-left: 7px;border-radius: 4px;min-height: auto;position: fixed;}
.conteudo {padding-right: 0;padding-left: 15px;}
.sidebar .sidebar-toggle {background-color: transparent; background-image: none; padding: 4px 4px 2px 6px; font-family: fontAwesome; color: #fff; } 
.sidebar .sidebar-toggle:before {content: "\f0c9"; } 
.sidebar-mini.sidebar-collapse .sidebar>form {display: none !important; -webkit-transform: translateZ(0); } 
#top-bar .sidebar-toggle {background-color: transparent; background-image: none; padding: 4px 4px 2px 6px; font-family: fontAwesome; color: #fff; margin-top: 1px; display: inline-block; } 
#top-bar .sidebar-toggle:before {content: "\f0c9"; } 
.user-panel {padding-right: 14px; } 
.panel-center {padding-top: 0px; border-radius: 4px; } 
.form-control, .form-control:active, .form-control:focus {box-shadow: none!important; } 
.sidebar form .input-group-addon {background-color: transparent; border: 0; color: #fff; resize: none; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; padding: 0 14px 0 0; } 
.user-panel span {float: left; text-transform: uppercase; display: inline-block; padding: 10px 0; color: #fff; font-weight: 500; font-size: 1em; } 
#top-bar {background-color: #22313a;  padding: 6px 0; /* overflow: initial; */ /* margin-bottom: 30px;*/ 
display: flex; z-index: 999; position: relative; width: 100%;background-color: rgba(54, 78, 92, .9);border-bottom: 4px solid #f39c12;
height: 52px;position: fixed;top: 0; }
#top-bar .col-md-6:nth-child(2){padding: 14px 20px 10px; } 
.top-bar-logo {/* background-color: #364e5c;*/ height: 39px; width: 47%; padding-top: 0px; } 
.top-bar-logo a {color: #fff; padding: 0px 10px; width: 440px; height: 38px; } 
.top-bar-logo a img{ height: 100%; float: left;} 
.top-panel {background-color: #3f5360; border-radius: 4px 4px 0 0; color: #fff; padding: 10px; min-height: 52px; } 
.top-panel-rounded {background-color: #3f5360; border-radius: 4px; color: #fff; padding: 10px; margin-bottom: 10px; } 
.body-panel, .body-panel-video {background-color: #2b3942; border-radius: 0 0 4px 4px; padding: 10px; color: #fff; border: 1px solid #374954; border-top: 0; min-height: 126px; overflow: hidden; } 
.body-panel-rounded {background-color: #2b3942; border-radius: 0 0 4px 4px; padding: 10px; color: #fff; border: 1px solid #374954; border-top: 0; border-radius: 4px; } 
.body-panel form label {color: #fff; font-weight: normal } 
.body-panel form input.form-control {width: 100%; height: 35px; background-color: transparent; border: 1px solid #919191; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #b1f6ff; resize: none; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; padding: 0; font-weight: 300; } 
.body-panel form input.form-control:focus {border-color: rgb(255, 255, 255); outline: 0; } 
.body-panel figure {overflow: hidden; margin-bottom: 20px; } 
.body-panel figure img {width: 100%; height: auto; } 
.body-panel p {color: #fff; display: block; clear: both; font-weight: 300; } 
.panel-center {padding-top: 0px; border-radius: 4px; } 
.form-control, .form-control:active, .form-control:focus {box-shadow: none!important; } 
.body-panel form .input-group-addon {background-color: transparent; border: 0; color: #fff; resize: none; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; padding: 0 14px 0 0; } 
.last-panel {background-color: #2e3f49; border-radius: 4px 4px 0 0; padding: 0px; min-height: 620px; overflow: hidden;} 
.tab-content .tab-pane {padding: 20px 40px 30px; } 
.last-panel .tab-content ul {padding: 0; list-style-type: none; margin-bottom: 0px;
overflow: hidden;
    height: 85vh;
    overflow-y: scroll;} 
.tab-pane ul li div iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.tab-pane ul li figure img {width: 100%; height: auto; } 
.tab-pane ul li button {font-size: 0.9em; border: none; border-radius: 2px; padding: 2px 6px; } 
.tab-pane ul li{margin-bottom: 40px; } 
.tab-pane ul li a {display: inline-block; width: 100%; padding: 12px 5px 12px 20px; }
#video-controls {position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; height: 30px; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; z-index: 3; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.45) 52%,rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.45) 52%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.45) 52%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#e6000000',GradientType=0); } 
#play-pause, #mute {float: left; margin-right: 5px; } 
#seek-bar {width: 52%; margin: 8px 5px 0 0; float: left; /* overflow: hidden;*/ }
#play-pause, #mute {float: left; margin-right: 5px; padding: 0; width: 22px; height: 22px; } 
#volume-bar {width: 12%; margin: 8px 5px 0 0; float: left; /*overflow: hidden;*/ }
/* ### INPUT RANGE ### */
input[type=range] {-webkit-appearance: none; width: 300px; }
input[type=range]::-webkit-slider-runnable-track {width: 300px; height: 3px; background: #ddd; border: none; border-radius: 1px; } 
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; background: #ff3732; margin-top: -5px; cursor: pointer; }
input[type=range]:focus {outline: none; } 
input[type=range]:focus::-webkit-slider-runnable-track {background: #ccc; } 
input[type=range]::-moz-range-track {width: 300px; height: 5px; background: #ddd; border: none; border-radius: 3px; } 
input[type=range]::-moz-range-thumb {border: none; height: 14px; width: 14px; border-radius: 50%; background: #ff3732; }
/*hide the outline behind the border*/
input[type=range]:-moz-focusring{outline: 1px solid white; outline-offset: -1px; } 
input[type=range]::-ms-track {width: 300px; height: 5px; background: transparent; border-color: transparent; border-width: 6px 0; color: transparent; }
input[type=range]::-ms-fill-lower {background: #ff00ff; border-radius: 10px; } 
input[type=range]::-ms-fill-upper {background: #ddd; border-radius: 10px; } 
input[type=range]::-ms-thumb {border: none; height: 14px; width: 14px; border-radius: 50%; background: #ff3732; } 
input[type=range]:focus::-ms-fill-lower {background: #ff00ff; } 
input[type=range]:focus::-ms-fill-upper {background: #ff00ff; } 
.btn {display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 2px; -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.btn-primary {color: #edeff0; background-color: #1e88e5; border-color: #1e88e5; background-image: none; text-shadow: none; box-shadow: none; } 
.btn-success {color: #edeff0; background-color: #4caf50; border-color: #4caf50; background-image: none; text-shadow: none; box-shadow: none; } 
.mgbt {padding: 7px 0 7px 0; color: #95d5ff; margin: 0; } 
.mgbt div:nth-child(2) {color: #fff; font-weight: 300; } 
.nopadleft {padding-left: 0; } 
.mgbt:nth-child(2n+2) {background-color: #3f5360; } 
#results div label {width: 100%; } 
#results div label select {width: 30%; text-align: left; float: left; margin-right: 10px; } 
.panel-center {padding-top: 0px; border-radius: 4px; } 
.panel-center span {color: #fff; padding: 10px 10px 10px 0; display: inline-block; float: left; } 
#results .col-xs-6:nth-child(2) span {color: #fff; padding: 10px 10px 10px 0; display: inline-block; float: left; width: 25%; } 
#results .col-xs-6:nth-child(1) select {background-color: transparent; border: 1px solid #919191; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #b1f6ff; resize: none; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; padding: 0; font-weight: 300; padding-left: 20px; } 
#results .col-xs-6:nth-child(1) select option {color: #333; } 
#results .col-xs-6:nth-child(2) input {width: 75%; background-color: transparent; border: 1px solid #919191; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #b1f6ff; resize: none; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; padding: 0; font-weight: 300; } 
.table tr th {color: #ffffff; font-weight: 400; } 
#list {background-color: #27353e; border-bottom: 2px solid #414d55; } 
#list li {margin-bottom: -2px; } 
#list li a {color: #7d7d7d; margin-right: 0; padding: 16px 40px; }
#list>li.active>a,
#list>li.active>a:hover,
#list>li.active>a:focus {color: #fff; cursor: default; background-color: #2e3f49; border: 0px solid #ddd; border-bottom-color: transparent; } 
/* TABLE */
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #3f5360; } table.dataTable tbody tr {background-color: #1a242a !important; cursor: pointer; font-weight: 300; } 
.dataTables_info {color: #fff !important; } 
table.dataTable.display tbody tr > .sorting_1 {background-color: transparent !important } 
table.dataTable.display tbody tr > .sorting_1 {background-color: #1a242a !important; padding: 4px; } 
table.dataTable tbody tr:hover, table.dataTable tbody tr:hover td {background-color: #656231 !important; } 
table.dataTable tbody tr td {color: #ffffff; } 
table.dataTable tbody tr td:nth-child(3) {color: #8FCBFF; } 
.table>thead>tr>th {border-bottom: 0px; } 
.p-control {position: absolute; right: 0; top: 0; padding: 6px 10px; } 
.p-control a {color: #fff; /* padding: 20px; */ /* background-color: #ff0000; */ padding: 5px 8px; display: block; float: left; opacity: 0.5; } 
.p-control a:hover {opacity: 1; } 
.sti {position: fixed; top: 16px; right: 15px; width: 307.25px; } 
#top-bar div h2 {color: #fff; margin: 10px 0px 0px; } 
#top-bar div h2 img{max-width: 100%; } 
#top-bar div h5 {color: #fff; margin: 10px 10px 0px 0px; } 
#top-bar .dropdown-menu {right: 0; left: inherit; } 
.dropdown-menu {box-shadow: 0 2px 10px rgba(0, 0, 0, .2); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; padding: 10px 0; border-radius: 2px !important; margin: 0; border: 0; margin-top: 2px } 
.dropdown-menu {position: absolute; left: 0; z-index: 9; display: none; min-width: 174px; list-style: none; font-size: 13px; text-align: left; background-color: #edeff0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box; } /* REDES */ 
.carousel-control {height: 30px; width: 30px; background: none repeat scroll 0 0 #222222; /* border: 3px solid #FFFFFF;*/ border-radius: 23px 23px 23px 23px; margin-top: 90px; } 
.carousel-control i{font-size: 0.8em; } 
.left{left: -20px} .right{right: -20px !important;} 
.carousel-indicators {bottom: -26px; } 
.carousel-indicators li{width: 8px; height: 8px; margin: 0; background-color: #688ca2; border:none; } 
.carousel-indicators li.active{width: 9px; height: 9px; margin: 0; background-color: #eee; border:none; } 
#modal{background-color: #2b3942; } 
#modal .top-panel span:first-child{color: #95d5ff; font-weight: bold; display: inline-block; padding-left: 0px; } 
#modal .top-panel span{padding: 0 10px; font-size: 1.2em; } 
#modal .top-panel div:first-child{/* overflow: hidden; */ /* margin: 0 auto; */ text-align: center; float: left; width: 96%; } 
.fancybox-slide--iframe .fancybox-content {width  : 70% !important; /*  height : 100% !important;*/ max-width  : 1200px !important; /*   max-height : 450px !important;*/ margin: 0 !important; } 
.box-content{margin-bottom: 20px;}
#programs{width: 100%;overflow: hidden;} 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-right: 7px; padding-left: 7px; } 
#top-nav{margin: 0px; padding: 0px; float: left; /*margin-top: 7px;*/ } 
#top-nav li{display: inline-block; float: left; margin-left: 6px; } 
#top-nav li a{color: #fff; background-color: #3f5360; padding:8px;display: inline-block;} 
#top-nav li a.active{box-shadow: inset 0px -2px 0px 0px #c1b79b; } 
#top-nav li a:hover{background-color: #597486; } 
.interim {color: gray; }
#top-nav li:first-child{padding-top: 8px;}

#btn-search, #btn-advanced{width:45%;background-color: #4b6d7d;margin-right: 1px;text-align: center;padding: 0;}

/*CONFIGURAÇÃO*/
#togglable-tabs {color: #fff;}
#togglable-tabs li a {color: #fff; background-color: #3f5360;}
#togglable-tabs .nav-tabs>li>a {margin-right: 6px; border:0; border-radius:0; }
#togglable-tabs li.active >a {border-bottom: #3c8dbc solid 2px; }
#togglable-tabs .nav>li>a {position: relative; display: block; padding: 8px 25px; }
#togglable-tabs a {color: #337ab7; text-decoration: none; background-color: transparent; }
#togglable-tabs li a:hover {background-color: #597486; }
#togglable-tabs .nav-tabs {border-bottom: 1px solid #171313; padding-bottom: 1px; }
#togglable-tabs .form-control {border-radius: 4px;}
#togglable-tabs .tab-content .tab-pane {padding:0px; }
#togglable-tabs .tab-body{border: #364953 solid 1px; padding: 20px 30px;}
#togglable-tabs .btn-xs{padding: 0px 8px;}

#table_1.tab-body{padding: 6px;}

#status{border:0px;}
#ccsim {position: absolute; bottom:10%; left:50%; transform: translate(-50%,50%); max-width: 40%; height: 34px; text-transform: uppercase; font-size: 12px; text-align: center; overflow: hidden;}
#ccsim span{background: rgb(51, 51, 51); padding: 1px;}
.btn-xs {padding: 1px 5px; font-size: 12px; }
.checkbox-inline label, .radio-inline label {margin-bottom: 0; font-weight: 400; cursor: pointer;}
.form-horizontal .form-control {border-radius: 4px;}
.tab-pane .table, .tab-pane .table>thead>tr>th, .tab-pane .table>tbody>tr>th, .tab-pane .table>tfoot>tr>th, .tab-pane .table>thead>tr>td, .tab-pane .table>tbody>tr>td, .tab-pane .table>tfoot>tr>td {border: #364953 solid 1px; }

/*LISTAGEM*/
.search {background-color: #162731; border: 1px solid #203846; padding: 8px 0 8px 0; margin-bottom: 5px;}
.search input[type="text"], .search button, .search select {background-color: #374850; color: aliceblue; border: 0; height: 35px; margin-top: 1px; padding: 6px 12px; border-radius: 3px; }
.search select {color: #868686;}
.search select:focus { color: #222 !important;}

.search input[type="text"]:focus, .search select:focus {background-color: #fff; color: #666;}
.last-panel .tab-content ul {padding-top: 4px; padding-bottom: 4px; list-style-type: none; margin-bottom: 0;}
.last-panel .tab-content ul li {margin-bottom: 40px;padding-right: 8px;}
img.bt-play{left:50%;top:50%;transform:translate(-50%,-50%)}#ResultList{padding-top:0}.fc{border:1px solid #c5c5c5;min-height:40px;font-size:20px}
img.bt-play{width:40px!important;position:absolute;opacity:.5;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.overlay i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:3em;opacity:.4;transition:.3s}
.overlay{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3);width:100%;height:100%;transition:.5s;z-index:3}
.overlay img.bt-play{width:40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.5;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.video-preview{display:block;position:relative;background:#ddd;overflow:hidden;width:100%!important;height:152px;border-radius: 6px 6px 0 0;transition:.3s}
.video-preview:hover .overlay{opacity:0}
.last-video-info {overflow:hidden;padding:0;background-color:#22313a;color:#f1f1f1;min-height:70px;border-radius:0 0 6px 6px}
.last-video-info .col-md-6 span{padding:0 0 8px;display:inline-block;font-size:.8em}
.last-video-info .col-md-4{text-align:right}
.last-video-info div button{font-size:.8em!important;border:none;border-radius:2px}
.last-video-info div:first-child p{margin: 5px 0;}
.last-video-info div:first-child span{color:#b0aeae;font-weight:normal;font-size:12px;}
.last-video-info div:nth-child(1) {background-color:#27353e;margin-left:1px;margin-right:1px;padding-top:6px;padding-bottom:6px;border-bottom:1px solid #2e3f49;color:#94cdef;height:180px;overflow:hidden;/* line-height:18px */}
.last-video-info div:nth-child(1) strong{display:inline-block;vertical-align:middle;line-height:normal;max-height:34px;overflow:hidden}
.last-video-info div:nth-child(1):hover,.last-video-info div:nth-child(2):hover {background-color:#2a3942}
.last-video-info div:nth-child(2) {margin-left:1px;margin-right:1px;padding-top:0;padding-bottom:0;height:40px;line-height:40px}
/*.last-video-info{border-radius:0}*/
.pull-right-container{float:right}

.shortcut-buttons{overflow: hidden;}
.shortcut-buttons div button{background-color: #949494; border-radius: 6px; padding: 3px 10px; text-align: center; color: #222; border: none; font-size: 0.8em; margin-bottom: 4px; /*height: 24px;*/ } 
.shortcut-buttons div button:hover{background-color: #4caf50; color: #edeff0; } 
.shortcut-buttons .active{background-color: #4caf50!important; color: #edeff0!important; } 
.shortcut-buttons div button figure{overflow: hidden; border-radius: 50%; width: 24px; height: 24px; float: left; margin-right: 4px; margin-left: -12px; margin-top: 1px; } 
.shortcut-buttons div button span{display: block;float: left;line-height: 24px;}
.shortcut-buttons div button figure img{width: 100%; height: auto; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity: 0.7; } 
.shortcut-buttons div button.active{background-color: #e3e3e3; } 
.shortcut-buttons div button.active figure img{filter:none; opacity: 1; } 
.form-control {height: 35px!important;}

.video-js, .info-video{transition: .2s;}

#total {
    position: fixed;
    z-index: 8000;
    bottom: 7px !important;
    right: 8px !important;
    padding: 5px 5px;
    width: 98.4%;
    font-size: 14px;
    text-align: right;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #2e3f49;
    color: #fff;
    border: 1px solid #667680;
    border-radius: 4px;
    left: 7px;
    padding-right: 10px;
}

@media screen and (min--moz-device-pixel-ratio:0) {
    #seek-bar {width: 57%; margin: 2px 5px 0 0; float: left; overflow: hidden; }
    #volume-bar {width: 12%; margin: 2px 5px 0 0; float: left; overflow: hidden; }
}

.floating-buttons{
	position: fixed;
    bottom: -228px;
    left: 0;
    width: 100%;
    transition: .6s;
}
.floating-buttons.open-menu{bottom: 0;}

.floating-buttons ul{
margin: 0;
    padding: 0;
    list-style-type: none;
}

.floating-buttons ul li{
	float: left;
    display: inline-block;
    width: 50%;
    text-align: center;
    border: 1px solid #477c9c;
    font-size: 1.1em;
}

.floating-buttons ul li i{
	background-color: white;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    color: #4287b1;
    line-height: 1.6em;
}

#togglable-tabs .floating-buttons ul li a{
	display: block;
    padding: 16px 0;
    background-color: #4287b1;
}


#up-bt{
display: block;
    position: absolute;
    right: 0;
    top: -50px;
    height: 50px;
    width: 100%;
    background-color: #406277;
    text-align: center;
    font-size: 2em;
    line-height: 1.9em;
}

/*.floating-buttons ul li:nth-child(1){background-color: #1e88e5;}
.floating-buttons ul li:nth-child(2){background-color: #1e88e5;}
.floating-buttons ul li:nth-child(3){background-color: #1e88e5;}
.floating-buttons ul li:nth-child(4){background-color: #1e88e5;}
.floating-buttons ul li:nth-child(5){background-color: #1e88e5;}
.floating-buttons ul li:nth-child(6){background-color: #1e88e5;}
.floating-buttons ul li:nth-child(7){background-color: #1e88e5;}*/

.floating-buttons ul li:nth-child(7){width: 100%;}

/*Styling Selectbox*/
.selectbox {
  width: 100%;
  max-width: 500px;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 0 2px rgb(204, 204, 204);
  transition: all .5s ease;
  position: relative;
  font-size: 14px;
  color: #1e2a31;
  height: 100%;
  margin-bottom: 10px;
  text-align: left;
  outline: none;
 /* display: none;*/

}
.selectbox .select {
    cursor: pointer;
    display: block;
    padding: 10px
}
.selectbox .select > i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px
}
.selectbox:hover {

}
.active select {
    background-color:#3f5360;
}
.selectbox.active:hover,
.selectbox.active {
    border-radius: 2px 2px 0 0;
    background-color: #ffffff;
}
.selectbox.active .select > i {
    transform: rotate(-90deg)
}
.selectbox .dropdown-menu {
    position: absolute;
    background-color: #4e6c80;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 2px 2px;
    overflow: hidden;
    display: none;
    /*max-height: 144px;*/
    overflow-y: auto;
    z-index: 9
}
.selectbox .dropdown-menu li {
    transition: all .2s ease-in-out;
    cursor: pointer;
    color: #ffffff;
    border-bottom: 1px solid #1e2a31;
}
.selectbox .dropdown-menu li.active a{background-color:#3f5360 !important;} 
.selectbox .dropdown-menu {
    padding: 0;
    list-style: none
}
.selectbox .dropdown-menu li:hover {
    background-color: #3f5360;
}
.selectbox .dropdown-menu li:active {
    background-color: #3f5360;
}

table thead tr td:nth-child(4) small{margin-bottom: 10px;display: none;}

table thead tr td button{
	padding: 8px 12px !important;
    display: inline-block !important;
    margin-right: 4px !important;
}

#togglable-tabs .selectbox ul li a{background-color: transparent;padding: 14px;}

#video-info select {
    background-color: #ffffff !important;
}



@media (max-width: 1024px) {
		.media-buttons {
		    text-align: center !important;
		     top: 0px !important; 
		     right: 0px !important;  
		    width: 100% ;
		    position: inherit !important;
		    /* padding-top: 10px; */
		    /* border-top: 1px solid rgba(255, 255, 255, 0.07); */
		    /* font-size: 50px; */
		    padding: 6px;
		}
		.media-buttons button {
		    width: 10.4% !important;
		    height: 46px;
		    padding: 4px 0 0 0;
		    margin: 0px !important;
		    width: 10.4% !important;
		    font-size: 100%;
		}
		.media-buttons button:nth-child(2),
		.media-buttons button:nth-child(3) {
		    width: 14% !important;
		}
		.media-buttons .tip{display:none;}

		.info-video .nav-tabs>li.active>a, .info-video-edit .nav-tabs>li.active>a {
		    padding: 12px 14px !important;
		}

		.menu-desktop{display: none}
    	.menu-mobile{display: block !important;}

    	.content{width: 94%;}

    	.open .dropdown-menu{padding: 0}
		.open .dropdown-menu li{width: 100% !important;border-bottom: 1px solid #334a58; margin:0 !important;padding: 0 !important;}
		.open .dropdown-menu li a{display: block !important;background-color: #4e6675 !important;}

		.dropdown-backdrop {
		    display: none;
		}

}


@media (max-width: 768px) {
	body{padding-top: 50px;}
	#top-bar{
		position: fixed;
    margin: 0;
    border-radius: 0;
    padding: 5px;
    top: 0;
    width: 100% !important;
	}
    #top-bar .col-md-6:first-child{text-align: center; } 
    #top-bar .col-md-6:nth-child(2){background-color: #2e3f49; padding: 6px 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } 
    #redepbcom {float: right }
    .fancybox-slide--iframe .fancybox-content {width  : 100% !important; height : 100% !important; max-width  : 90% !important; max-height : 500px !important; margin: 0 !important; } 
    #video-player{padding-left: 0; padding-right: 0; } 
    #video-info {height: 200px; padding-right: 0px; } 
    #top-bar .sidebar-toggle {padding: 8px 14px 2px 6px; } 
    #modal .top-panel span{padding: 0 10px; font-size: 0.8em; } 
    #modal .top-panel div:first-child { float: left; width: auto;}

    .main-sidebar {
	    margin-left: -4px;
	    position: fixed;
	}
	.conteudo {
	    padding-left: 0;
	}

	.search input[type="text"], .search button, .search select {margin-bottom: 10px;}
    .open .dropdown-menu{padding: 0}
	.open .dropdown-menu li{width: 100% !important;border-bottom: 1px solid #334a58;}
	.open .dropdown-menu li a{display: block !important;background-color: #4e6675 !important;}

    

    .main-sidebar{margin-left: -5px;}
    .sidebar-open .main-sidebar{margin-left: 7px;}
    .conteudo{padding: 0;}
    .sidebar-open .conteudo{padding-left: 15px;}
    .dropdown-backdrop{display: none;}

    .col-video{width: 100% !important;display: block !important;}
    .col-video video{width: 100% !important;height: auto !important;}
    .col-content{padding-left:0px !important;display: block !important}

    #drop-mobile li{margin-left: 0;}

    .selectbox{
    	display: inline-block;
    	margin-bottom: 10px;
    }
    #weeklist{display: none;}

    #togglable-tabs .tab-body {
	    padding: 6px;
	}

	table thead tr td button {
	    padding: 8px 12px !important;
	    display: block !important;
	    margin-right: 0 !important;
	    width: 40px;
	    height: 40px;
	    margin-bottom: 4px !important;
	}

	#content .col-lg-3, #content .col-md-4, #content .col-sm-6, #content .col-xs-12, #content .col-lg-3, #content .col-md-4, #content .col-sm-6, #content .col-xs-12 {
	    max-width: 50% !important;
	    width: 50%;

	}

	.edit-desktop, #search-mobile, #mySidenav,#bt-mobile-right{display: none;}

	.content-wrapper {
 	   display: inherit !important;
 	   margin-right: 0 !important;
	}
	.marEsquerd {
	    padding:0 !important;
	}
	.media-buttons button{
		font-size: 75%;
	}
	.media-buttons button i{
		font-size: 1.8em;
    	margin-bottom: 4px;
	}

	.info-mobile{
		position: absolute;
	    right: 13px;
	    top: 119px;
	    background-color: #56707f;
	    width: 36px;
	    height: 36px;
	    color: #fff;
	    display: block;
	    text-align: center;
	    line-height: 2.7em;
	    border-radius: 4px;
	}

	.info-video, .info-view{height: auto !important;}
	#info{min-height: 100% !important;}

	.info-video h2 {
	    padding-right: 44px;
	}
	.info-desk-open{display: block !important;}

	.menu-active{background-color: #638ba2;}

	.content{width: 100%;}
	#total{
		width: 100% !important;
	    left: 0 !important;
	    border-radius: 0 !important;
	    bottom: 0 !important;
	    padding-right: 18px !important;
	}

	.video-js{height: auto !important;}
	.video-js video{position: relative !important;}

	.media-buttons .btn-group{width:13% !important;}
	.media-buttons .btn-group ul li a{color: #ffffff;padding: 10px 20px;}
	.media-buttons .btn-group button{width:100% !important;}
	.media-buttons button{width:12% !important;}

	.info-video {overflow-y: visible;}

}

@media (max-width: 520px) {
	#top-nav li:nth-child(2),
	#top-nav li:nth-child(3),
	#top-nav li:nth-child(4){display: none;}
	#top-nav .dropdown-menu li{display: block !important;}
	#top-nav .dropdown-menu li:first-child{padding-top: 0;}

	/* 
		NUNCA APLICAR CSS PRA TODO O ELEMENTO. SE NECESSÁRIO, USAR CLASSES

	table thead tr th:nth-child(2),
	table thead tr th:nth-child(3){display: none;}
	
	table thead tr td:nth-child(2),
	table thead tr td:nth-child(3),
	table thead tr td:nth-child(1) div small,
	table thead tr td button:nth-child(1),
	table thead tr td button:nth-child(2){display: none !important;}
	
	table thead tr td button{
		display: block !important;
	    	width: 100% !important;
	    	padding: 10px !important;
	    	margin-bottom: 4px !important;
	}
	
	table thead tr td:nth-child(1) div{
		width: 100% !important;
		margin:0 0 12px 0 !important;
	} */

	#content .col-lg-3, #content .col-md-4, #content .col-sm-6, #content .col-xs-12, #content .col-lg-3, #content .col-md-4, #content .col-sm-6, #content .col-xs-12 {
	    max-width: 100% !important;
	    width: 100%;

	}

	.last-video-info div:nth-child(1){
		height: auto;
	}
	
}

@media (max-width: 321px) {
    #modal .top-panel div{width: 222px !important; overflow: hidden !important; text-align: left !important; height: 16px !important; }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   #search-mobile, #mySidenav, #bt-mobile-right, .info-mobile{display: none;}
   .info-video, .right-panel {margin-top: 0!important;}
}

#top-nav li .btnUp {background-color: #f39c12; color: #fff; border: none; }
#top-nav li .btnUp:hover{background-color: #ffb642;}
#content li{position:inherit;}
#content .col-lg-3, #content .col-md-4, #content .col-sm-6, #content .col-xs-12, #content .col-lg-3, #content .col-md-4, #content .col-sm-6, #content .col-xs-12 {max-width: 302px; }
.preloader {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #162731; z-index: 99999; }
.loader {border: 4px solid #f3f3f329; border-radius: 50%; border-top: 4px solid #86ffe4; width: 50px; height: 50px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

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

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

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{left: 48px; width: 250px; }
.time-display{position: absolute; z-index: 9; color: #ffffff; background-color: rgba(0,0,0,0.7); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0px 4px 0px 4px; bottom: 2px; right: 2px; } 
.review{color:#f39c12!important}

#weeklist li{width: 14.28%}
#weeklist li a{padding: 8px 1px  !important;text-align: center;margin-right: 2px !important;}

#drop-mobile li a{
	padding: 12px;
}

#totol {display: none !important;}