/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {background-color: #1e2a31; font-family: 'Roboto', sans-serif; }
.content {margin-top: -6px; }
.content-wrapper {min-height: 100%; background-color: #1e2a31; z-index: 800; }
.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 {padding-top: 60px; background-color: #2e3f49; /*padding: 70px 14px 10px;*/ } 
.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; } 
.sidebar form {padding: 0px 20px; } 
.sidebar form label {color: #fff; font-weight: normal } 
.sidebar 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; } 
.sidebar form input.form-control:focus {border-color: rgb(255, 255, 255); outline: 0; } 
.sidebar figure {overflow: hidden; margin-bottom: 20px; } 
.sidebar figure img {width: 100%; height: auto; } 
.sidebar p {color: #fff; padding: 10px 20px 10px 0; display: block; clear: both; } 
.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; } 
#list .search-form {width: 70%; border-radius: 3px; /* border: 1px solid #374850;*/ margin: 8px 4px 0px; float: right; text-align: right; padding-right: 10px; } 
#list .search-form input[type="text"] {color: #666; border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; width: 30%; } 
#list .search-form input[type="text"], #list .search-form .btn {box-shadow: none; background-color: #374850; border: 1px solid transparent; height: 35px; margin-right: -4px; } 
#list .search-form .btn {color: #999; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } 
#list .search-form input[type="text"]:focus, #list .search-form input[type="text"]:focus+.input-group-btn .btn {background-color: #fff; color: #666; } 
.search-panel .search-form {width: 100%; margin-bottom: 16px; } 
.search-panel .search-form input[type="text"] {color: #666; border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; } 
.search-panel .search-form input[type="text"],.search-panel .search-form .btn {box-shadow: none; background-color: #374850; border: 1px solid transparent; height: 35px; } 
.search-panel .search-form .btn {color: #999; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } 
.search-panel .search-form input[type="text"]:focus, .search-panel .search-form input[type="text"]:focus+.input-group-btn .btn {background-color: #fff; color: #666; } 
.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: inline-block; z-index: 999; position: relative; width: 100%; } 
#top-bar .col-md-6:nth-child(2){padding: 14px 20px 10px; } 
.top-bar-logo {/* background-color: #364e5c;*/ height: 39px; width: 47%; padding-top: 8px; } 
.top-bar-logo a {color: #fff; padding: 0px 10px; width: 385px; 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: 160px; 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; padding-bottom: 40px; /*    margin-bottom: 20px;*/ overflow: hidden; position: relative; min-height: 620px; } 
.tab-content .tab-pane {padding: 20px 40px 30px; } 
.last-panel .tab-content ul {padding: 0; list-style-type: none; margin-bottom: 0px; } 
.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; } 
.last-video-info {overflow: hidden; padding: 6px 0; background-color: #22313a; color: #f1f1f1; min-height: 70px; } 
.last-video {/* height: 167px;*/ position: relative; } 
.last-video video {width: 100%; } 
.last-video-info div:first-child{/* font-size: 0.9em;*/ } 
.last-video-info .col-md-6 span{padding: 0px 0px 8px 0; display: inline-block; font-size: 0.8em; } 
.last-video-info div:first-child span{color: #4ebeff;font-weight: bold;} 
.last-video-info div:nth-child(2){text-align: right; } 
.last-video-info div:nth-child(3){font-size: 0.9em; font-weight: bold; overflow: hidden; height: 34px; } 
.last-video-info div:nth-child(4) span{float: right; padding: 3px 6px; } 
.last-video-info div:nth-child(4){font-size: 0.8em; padding: 10px 15px; color: #d2d2d2; overflow: hidden; height: 43px; margin-bottom: 10px; } 
.last-video-info div:nth-child(5) span:first-child{font-size: 0.8em; color: #d2d2d2; font-style: italic; } 
.last-video-info .col-md-4{text-align: right; } 
.last-video-info div button {font-size: 0.8em !important; border: none; border-radius: 2px; /* padding: 2px 6px; */ } 
.overlay{position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; transition:.5s; } 
.overlay i{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: rgb(255,255,255); font-size: 3em; opacity: 0.4; transition:.3s; } 
.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); } 
.last-video:hover #video-controls {opacity: .9; } 
#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; } 
#list li.active>a:after {-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 
#list li>a:after {content: ""; height: 2px; position: absolute; width: 100%; left: 0; bottom: -2px; background: #edeff0; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 
#list li:nth-child(1) a {border-radius: 4px 0 0 0; } 
#list li:nth-child(n+2) a {border-radius: 0 0 0 0; } 
.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; } 
#video-player {overflow: hidden; /* border-bottom: 1px solid #3e5665;*/ padding-bottom: 10px; padding-left: 0px; } 
.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: 160px; 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 */ 
#redepbcom {list-style: outside none none; margin: 0px; /* margin-left: 20px;*/ overflow: hidden; } 
#redepbcom li {float: left; padding-right: 10px; } 
#redepbcom li a {background: url("dist/img/redes.png") no-repeat; opacity: 0.6; transition: opacity 0.3s linear 0s; text-indent: -99999px; overflow: hidden; display: block; text-decoration: none; height: 60px; } 
#redepbcom li.tvcabobranco a {width: 60px; background-position: -4px 0px; } 
#redepbcom li.tvparaiba a {width: 60px; background-position: -59px 0px; } 
#redepbcom li.g1paraiba a {width: 60px; background-position: -115px 0px; } 
#redepbcom li.globoesportepb a {width: 60px; background-position: -178px 0px; } 
#redepbcom li.jornaldaparaiba a {width: 60px; background-position: -240px 0px; } 
#redepbcom li.cabobrancofm a {width: 62px; background-position: -303px 0px; } 
#redepbcom li.cbnjp a {width: 60px; background-position: -364px 0px; } 
#redepbcom li.tvcabobranco a:hover {width: 60px; background-position: -6px -54px; } 
#redepbcom li.tvparaiba a:hover {width: 60px; background-position: -61px -54px; } 
#redepbcom li.g1paraiba a:hover {width: 60px; background-position: -117px -54px; } 
#redepbcom li.globoesportepb a:hover {width: 60px; background-position: -180px -54px; } 
#redepbcom li.jornaldaparaiba a:hover {width: 60px; background-position: -242px -54px; } 
#redepbcom li.cabobrancofm a:hover {width: 62px; background-position: -305px -54px; } 
#redepbcom li.cbnjp a:hover {width: 60px; background-position: -366px -54px; } 
.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;}
.shortcut-buttons{overflow: hidden;}
.shortcut-buttons div button{background-color: #949494; border-radius: 6px; padding: 0px 14px; text-align: center; color: #222; border: none; font-size: 0.8em; margin-right: 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; } 
#programs{width: 100%;overflow: hidden;} 
.news{padding: 8px; background-color: #26343c; border: 1px solid #374954; margin-bottom: 4px; color: #fff; } 
.news p {background-color: #212d33; font-size: 0.9em; border: 1px solid #374954; padding: 4px 8px; margin-bottom: 4px; color: #fff; } 
.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-right: 6px; } 
#top-nav li a{color: #fff; background-color: #3f5360; padding: 8px 20px; } 
#top-nav li a.active{box-shadow: inset 0px -2px 0px 0px #c1b79b; } 
#top-nav li a:hover{background-color: #597486; } 
.interim {color: gray; }

/*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;}
#status,#istatus,#estatus{border:0px; border-radius: 50%; float: right; width: 18px; margin-top: 1px;}
#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; }


@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; }
}

@media (max-width: 768px) {
    #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: 4px 22px 2px 6px; } 
    #modal .top-panel span{padding: 0 10px; font-size: 0.8em; } 
    #modal .top-panel div:first-child { float: left; width: auto;}
}

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

.page-header h3{
	color: #fff;
}