/* ==================================== 
CUSTOM CSS - Stream Control
===================================== */

* {}
html, body {}
body {background: #121212; color: #8f8f8f;}

/*GERAL*/
.btn-primary {background: rgba(239,104,44,0.9); border-color: #ef682c;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {background:rgba(239,104,44,1); border-color: #ef682c;}

#page-wrapper {background: #101010;}
.white-bg {background: #242424!important;}

/* ==================================== 
COLORS
===================================== */

.ch-dark-bg-1 {background-color: #161616;}
.ch-dark-bg-2 {background-color: #242424;}
.ch-dark-bg-3 {background-color: #303030;}

.ch-text-default {color:#8f8f8f;}
.ch-text-focus {color: #ededed;}
.ch-text-muted {color: #5c5c5c;}
.ch-text-muted-2 {color: #3d3d3d;}

/* ==================================== 
BUTTONS
===================================== */
.ch-ibox-list .actionBar .ch-group-btns {text-align: right; float: right;}

.ch-ibox-list .actionBar .btn-novo {float: right; font-size: 13px; background: rgba(239,104,44,0.95)!important; border: 2px solid #ef682c; margin-right: 36px}
.ch-ibox-list .actionBar .btn-novo i {margin-right: 7px}
.ch-ibox-list .actionBar .btn-novo:hover,
.ch-ibox-list .actionBar .btn-novo:active
.ch-ibox-list .actionBar .btn-novo:focus {background: rgba(239,104,44,1)!important}

.btn-novo {color: #fff!important; margin-left: 10px!important;}
.btn-novo:hover {color: #fff!important;}

.ch-ibox-list .actionBar .btn-secondary {}
.ch-ibox-list .actionBar .btn-secondary i {margin-right: 7px;}

.btn-secondary {background: #303030; color: #8f8f8f}
.btn-secondary:hover {background: #666; color: #fff;}

.ch-btn {width: 44px; height: 44px; border: 2px solid; border-color: transparent; display: inline-block; border-radius: 5px; text-align: center; line-height: 3.4; text-transform: uppercase; font-size: 12px; z-index: 1; }
.ch-btn:hover,.ch-btn:focus, .ch-btn:active {z-index: 2;}

.ch-btn-default {background: #ededed; color: #000; border-color: #202020;}
.ch-btn-default:hover, .ch-btn-default:active,
.ch-btn-default:visited,.ch-btn-default:focus {color: #000; background: #fff;}

.ch-btn-done {background: #8f8f8f; color: #000; border-color: #202020;}
.ch-btn-done:hover,
.ch-btn-done:active,
.ch-btn-done:focus {background: #999; color: #000;}

.ch-btn-live {
    background: rgba(211,2,41,0.90); color: #fff; border-color: #7b0017;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(211,2,41,0.8);
    -moz-box-shadow: 0px 0px 16px 0px rgba(211,2,41,0.8);
    box-shadow: 0px 0px 16px 0px rgba(211,2,41,0.8);
}
.ch-btn-live:hover,
.ch-btn-live:active,
.ch-btn-live:focus {background:rgba(211,2,41,1); color: #fff;}

.ch-btn-next {
    background: rgba(42,191,76,0.9); color: #fff; border-color: #19792f;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(42,191,76,0.75);
    -moz-box-shadow: 0px 0px 12px 0px rgba(42,191,76,0.75);
    box-shadow: 0px 0px 12px 0px rgba(42,191,76,0.75);
}
.ch-btn-next:hover,
.ch-btn-next:active,
.ch-btn-next:focus { background: rgba(42,191,76,1); color: #fff;}

.ch-btn-modal {margin-top: 0px; float: left;}
.ch-btn-modal:after {width: 22px; height: 5px; border-radius: 5px; background: #2abf4c; display: block; content: ""; margin: -7px auto;}
.ch-btn-modal:hover,
.ch-btn-modal:active,
.ch-btn-modal:focus {
    color: #19792f; border-color: #19792f;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(25,121,47,1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(25,121,47,1);
    box-shadow: 0px 0px 20px 0px rgba(25,121,47,1);
}

.ch-btn-modal.ch-btn-done:after {background: #303030;}

.ch-btn-modal.ch-btn-done,
.ch-btn-modal.ch-btn-done:hover
.ch-btn-modal.ch-btn-done:active
.ch-btn-modal.ch-btn-done:focus {
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #000; border-color: #202020;
}

.ch-btn-liveNow {line-height: 1.3; padding-top: 5px; float: left; white-space: normal;}
.ch-btn-liveNow:hover,
.ch-btn-liveNow:active,
.ch-btn-liveNow:focus {
    color: #d30229; border-color: #d30229;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(211,2,41,0.8);
    -moz-box-shadow: 0px 0px 20px 0px rgba(211,2,41,0.8);
    box-shadow: 0px 0px 20px 0px rgba(211,2,41,0.8);
}

.ch-btn-stop {}
.ch-btn-stop:hover,
.ch-btn-stop:active,
.ch-btn-stop:focus {
    color: #d30229; border-color: #d30229;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(211,2,41,0.8);
    -moz-box-shadow: 0px 0px 20px 0px rgba(211,2,41,0.8);
    box-shadow: 0px 0px 20px 0px rgba(211,2,41,0.8);
}


/* ==================================== 
GERAL -> Página Instâncias
===================================== */
.border-bottom {border-color: #161616!important;}

.ibox-title {background: #242424; border-color: #303030;}
.ibox-content {background: #242424; border-color: #303030;}



.ch-ibox-list {border: 1px solid #242424; border-radius: 5px;}
.ch-ibox-list:hover {border: 1px solid #303030; border-radius: 5px;}
.ch-ibox-list .ibox-title {border: none; border-radius: 5px 5px 0 0; padding: 15px 20px; color: #ededed;}
/*.ch-ibox-list .ibox-title:hover {color: #ededed;}*/
.ch-ibox-list.border-bottom .ibox-title {border: 1px solid #242424; border-radius: 5px;}
.ch-ibox-list.border-bottom .ibox-title:hover {border: 1px solid #303030;}
.ch-ibox-list .ibox-title h5 {font-size: 18px; line-height: 1.6; margin: 0;}
.ibox-title h5 span {font-weight: 300;}

.ch-ibox-list .activeStream:before {
    content: "\025cf"; font-size: 26px; line-height: 0; margin: 0 10px 0 0; vertical-align: sub; color: #d30229;text-shadow: 0px 0px 20px rgba(211, 2, 41, 1);}

.ch-ibox-list .activeStream {
    background: #161616; color: #5c5c5c; margin-right: 15px; font-size: 12px;
    display: inline-block; width: 100%; max-width: 250px;height: 30px;
    text-align: left; padding: 6px 15px; border-radius: 5px;
    /*Truncate*/
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ch-ibox-list .activeStream:hover {color: #8f8f8f; background: #101010; cursor: pointer;}
.ch-ibox-list .activeStream i {font-size: 14px;}

.ch-ibox-list .collapse-link {color: #5c5c5c; float: right}
.ch-ibox-list .collapse-link i {line-height: 2.3}

.ch-ibox-list .actionBar {padding: 0}
.ch-ibox-list .actionBar .search {width: 100%; max-width: 250px; float: left; margin: 0 5px 0;}
.ch-ibox-list .actionBar .search span {border: none; background: #303030}
.ch-ibox-list .actionBar .search .form-control {border: none; background: #303030; color: #fff}
.ch-ibox-list .glyphicon {top: 0!important;}
.ch-ibox-list .btn-group .btn {margin-bottom: 0; padding: 7px 8px; margin: 0;}
.ch-ibox-list .btn-group .btn-default {background: none; color: #5c5c5c; border: none}
.ch-ibox-list .btn-group .btn-default:hover {background: #303030; color: #8f8f8f}

.ch-ibox-list .dropdown-menu {background: #303030; color: #8f8f8f; padding: 10px 4px}
.ch-ibox-list .dropdown-menu .dropdown-item {display: block; width: 100%; padding: 5px 10px; height: 32px; margin: 0;}

.ch-ibox-list .dropdown-menu>.active>a,
.ch-ibox-list .dropdown-menu>.active>a:focus,
.ch-ibox-list .dropdown-menu>.active>a:hover,
.ch-ibox-list .dropdown-menu>li:hover{background: #ef682c; color: #ededed; border-radius: 3px}
.ch-ibox-list .dropdown-menu .dropdown-item input {float: left; margin-right: 10px}
.ch-ibox-list .dropdown-menu .dropdown-item div {float: left}

.ch-ibox-list .bootgrid-footer .infos {margin: 20px 0; text-align: right; height: 32px; line-height: 2;}

.ch-ibox-list .table-bordered > thead > tr > th,
.ch-ibox-list .table-bordered > thead > tr > td {background: none; border: none}

.ch-ibox-list .table > thead a {color: #3d3d3d; font-size: 12px;}
.ch-ibox-list .table > thead > tr > th,
.ch-ibox-list .table > tbody > tr > th,
.ch-ibox-list .table > tfoot > tr > th,
.ch-ibox-list .table > thead > tr > td,
.ch-ibox-list .table > tbody > tr > td,
.ch-ibox-list .table > tfoot > tr > td {border: none;}

.ch-ibox-list .table > tbody> tr {background: #101010; border-spacing: 10px;}
.ch-ibox-list .table > tbody> tr:hover,
.ch-ibox-list .table > tbody> tr:active,
.ch-ibox-list .table > tbody >tr:focus {background: #101010;}

.ch-ibox-list table {border-collapse: separate;border-spacing: 0 10px;}

.ch-ibox-list .table > tbody > tr > th,
.ch-ibox-list .table > tbody > tr > td {
    padding-top: 10px; padding-bottom: 10px; height: 44px; font-weight: 600;
    font-size: 14px; color: #8f8f8f; line-height: 3;
}

/* Quebrando a Tabela - Fuck "Border-Radius" */
.ch-ibox-list.ch-quebra-tabela .table {text-align: right;}
.ch-ibox-list.ch-quebra-tabela .table td,
.ch-ibox-list.ch-quebra-tabela .table th {display: inline-block;}

.ch-ibox-list .table .ch-col-id {width: 100%; max-width: 28px; float: left; text-align: left;color: #303030!important;}

.ch-ibox-list .table .ch-col-media  {float: left; text-align: left; max-width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media screen and (max-width: 768px) {.ch-ibox-list .table .ch-col-media {max-width: 31%;}}
@media screen and (min-width: 769px) {.ch-ibox-list .table .ch-col-media {max-width: 28%;}}
@media screen and (min-width: 1024px) {.ch-ibox-list .table .ch-col-media {max-width: 42%;}}
@media screen and (min-width: 1200px) {.ch-ibox-list .table .ch-col-media {max-width: 50%;}}
@media screen and (min-width: 1366px) {.ch-ibox-list .table .ch-col-media {max-width: 60%;}}
@media screen and (min-width: 1440px) {.ch-ibox-list .table .ch-col-media {max-width: 60%;}}


.ch-ibox-list .table > tbody> tr:hover .ch-col-media,
.ch-ibox-list .table > tbody> tr:active .ch-col-media,
.ch-ibox-list .table > tbody >tr:focus .ch-col-media {color: #ededed;}

.ch-ibox-list .table .ch-col-opcoes  {width: 100%; max-width: 206px; text-align: left}
.ch-ibox-list .table .ch-col-status  {text-align: left;}

.ch-ibox-list .table .ch-col-delete  {background: #242424; text-align: center; width: 100%; max-width: 44px}
.ch-ibox-list .table .ch-col-delete a {color: #5c5c5c;}
.ch-ibox-list .table .ch-col-delete a:hover,
.ch-ibox-list .table .ch-col-delete a:active,
.ch-ibox-list .table .ch-col-delete a:focus {color: #ededed;}
.ch-ibox-list .table .ch-col-delete a.lock {color: #3d3d3d;}
.ch-ibox-list .table .ch-col-delete i {font-size: 16px;}

.ch-ibox-list .table .ch-col-edit  {background: #242424; text-align: center; width: 100%; max-width: 44px}
.ch-ibox-list .table .ch-col-edit a {color: #5c5c5c;}
.ch-ibox-list .table .ch-col-edit a:hover,
.ch-ibox-list .table .ch-col-edit a:active,
.ch-ibox-list .table .ch-col-edit a:focus {color: #ededed;}
.ch-ibox-list .table .ch-col-edit a.lock {color: #3d3d3d;}
.ch-ibox-list .table .ch-col-edit i {font-size: 16px;}

/*Ajustes*/
.bootgrid-table th:hover, .bootgrid-table th:active {background: none;}
.bootgrid-table th > .column-header-anchor > .text {margin: 0!important;}
.bootgrid-header .actionBar, .bootgrid-footer .infoBar {text-align: left!important;}
.panel-default {border: none;}

/*Pagination*/
.ch-ibox-list .pagination {margin-bottom: 5px;}
.ch-ibox-list .pagination > li > a,
.ch-ibox-list .pagination > li > span {background: #303030; border: none;}

.ch-ibox-list .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .ch-ibox-list .pagination>li>span:hover {background: #242424; color: #ededed;}
.ch-ibox-list .pagination > li.active > a {background: #444;}

.ch-ibox-list .infoBar {text-align: left;}
.ch-ibox-list .infoBar .infos {text-align: left; margin: 0}

/*TEMP*/
.breadcrumb {display: none;}


/* ==================================== 
Header (.navbar-static-top)
===================================== */
@media screen and (max-width: 480px) {
    .navbar .dropdown-menu {margin-left: -210px;}
}

.page-heading {padding: 0 10px 7px}
a.activeStream.expand-collapse-all {float: right; line-height: 5; padding: 0px 8px; color: #666;}
a.activeStream.expand-collapse-all:hover {color: #8f8f8f}
a.activeStream.expand-collapse-all i {margin-right: 7px;}

/* ==================================== 
Sidebar (.navbar-static-side)
===================================== */
body.mini-navbar .nav-header {background: #ef682c;}
.nav-header {background: #000;}
.nav-header a {color: #8f8f8f;}
.nav-header .text-muted {color: #666}
.nav > li > a {color: #8f8f8f;}
.nav > li.active {background: #242424; border-color: #ef682c}
.nav > li:hover {background: #242424}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {background: #303030;}

.mini-navbar .nav-second-level {background: #121212;}

nav.navbar-default.navbar-static-side {min-height: 100%; position: fixed;}
/*nav.navbar-default.navbar-static-side .sidebar-collapse {margin-bottom: 98px;}*/
.nav-header {padding: 40px 25px;}
.nome-sistema {text-transform: uppercase; font-size: 20px; color: #ef682c; line-height: 0.9; margin-bottom: 10px}
.nome-sistema span {font-weight: 100; font-size: 20px}

.profile-element {border-top: 1px solid #303030; border-bottom: 0px solid #303030; padding-bottom: 6px;}
.profile-element {border: none}

/* --- Assinatura Cross Host --- */
.navbar-static-side .crosshost-signature {
    position: absolute; bottom: 0;
    width: 90%; text-align: center; padding: 0 14px 18px; margin: 0 5%;

}
.navbar-static-side .crosshost-signature img {max-width: 160px;}

/* --- Mini Sidebar (.mini-navbar) --- */
.mini-navbar .crosshost-signature,
.mini-navbar .nome-sistema {display: none;}


/* --- Responsive --- */
@media screen and (max-width: 768px) {
    .navbar-right {margin-right: 0;  text-align: right;}
}

/* ==================================== 
CONTENT
===================================== */

/* === GERAL === */
.tab-description {margin-bottom: 30px}

/* === PREVIEW IMG === */
.preview-img {background: #000; text-align: center; padding: 0px; margin-bottom:
7px; width: 100%;}
.preview-img img {width: 100%;}
.preview-img i {line-height: 1.5; font-size: 100px; color: #444;}

.dragandrophandler {
    border: 1px solid rgb(190, 190, 190);
    height: auto;
    min-height: 190px;
    background: #303030;
    border: none!important;
}

.ch-media-info {padding-top: 10px; margin-bottom: 40px;}
.ch-media-info p{font-size: 11px}
.ch-media-info p span{ color: #ccc; font-weight: 600;}
.ch-media-info .btn {font-size: 11px;}

.dropdown .ch-btn-select {font-size: 12px; font-weight: 600; width: 100%; margin: 0; border-radius: 0; text-align: left;}
.dropdown .ch-btn-select i {margin-right: 5px;}

.ch-dropdown-select {margin-left: 15px; margin-bottom: 15px}
.ch-dropdown-select .dropdown-menu {background-color: #303030;}
.ch-dropdown-select:hover .dropdown-menu {
    display: block; margin: 0;
}

.ch-dropdown-select .ch-btn-select {background: #303030; color: #8f8f8f;}
.ch-dropdown-select .ch-btn-select:hover {background: #666; color: #ededed;}

/* === CONFIG TEMA === */
.thumb-theme {}
.thumb-theme-bg {background: #e1e1e1; min-height: 86px; width: 150px; margin-bottom: 10px;}
.group-colors {padding: 7px; border-radius: 10px; border: 1px solid #fff; margin-bottom: 10px}
.group-colors:hover {border: 1px solid #e1e1e1;}
.group-colors.active {background: #e1e1e1; border: 1px solid #e1e1e1;}
.group-colors .color {width: 19px; height: 19px; border-radius: 100%; float: left; margin: 0 1px; border: 1px solid #d1d1d1;}
.group-colors .secondary-color {margin-left: -10px;}

/* === TABLES === */
.line-options {opacity: 1; float: right;}
.line-description {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 270px;}
tr.privado {background: #e1e1e1!important}
td .icon-rede-social img{max-width: 22px}
td .name-locutor {line-height: 2.2; margin-left: 6px; font-weight: 600;}
td.name-noticia {text-transform: lowercase;}
td.name-noticia:first-letter {text-transform: capitalize;}
td .thumb-locutor {width: 30px; height: 30px; overflow: hidden; text-align: center; float: left;
    border-radius: 100%; background: url(../img/icons/user-small.png) #e1e1e1 no-repeat;}
td .locutor {min-width:100%; max-height: 100%}
tr .small.observacao {color: #999; opacity: 0}
tr:hover .small.observacao {opacity: 1;}
tr.gradeA:hover .line-options {opacity: 1;}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {font-family: 'FontAwesome'}
table.dataTable thead .sorting_asc:after {content: "\f160"}
table.dataTable thead .sorting_desc:after {content: "\f161"}
table.dataTable thead .sorting:after {content: "\f0dc"}

/* ==================================== 
Footer (.footer)
===================================== */
.footer {font-size: 11px; color: #303030}
.footer a {color: #8f8f8f}
.footer a:hover {color: #ededed}
.footer div {padding: 0!important;}
.footer .pull-right {text-align: right;}
.footer {background: none;  border: none;}

/* --- Responsive --- */
@media screen and (max-width: 420px) {
    .footer {text-align: center!important; font-size: 12px}
    .footer .pull-right {text-align: center; margin-bottom: 8px; font-size: 13px;}
}

@media screen and (max-height: 490px) {
    #wrapper {display: none;}
}

/* ==================================== 
Informações de Tela (.info-tela)
===================================== */
.info-tela.smartphone-landscape {display: none}

@media screen and (max-height: 490px) {
    #wrapper {display: none;}
    .info-tela.smartphone-landscape {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        color: #fff;
        width: 80%;
        height: 70%;
        text-align: center;
        font-size: 20px;

    }
    .info-tela.smartphone-landscape i {font-size: 60px; color:#1ab394}
    .info-tela.smartphone-landscape p {margin: 18px 0;}
    .info-tela.smartphone-landscape p span {font-size: 14px; color: #1ab394}
}


/* ====================================
Alterações Gian
=====================================*/

/* ===============================Login Screen==================================*/

.middle-box { max-width: 400px; margin-top: 80px; margin-bottom: 60px }

.loginscreen.middle-box { width: 100%; background-color: #fff; padding: 0 35px 0 35px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-bottom: 8px; }

.loginscreen.middle-box img { max-width: 400px; margin-left: -35px; /*ref padding*/ -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.loginscreen.middle-box h3 { margin: 30px 0 4px 0 }

.loginscreen { margin-top: 0px; border-radius: 0px 0px 6px 6px !important; -moz-border-radius: 0px 0px 6px 6px !important; -webkit-border-radius: 0px 0px 6px 6px !important; }

.loginscreen-img { background-color: transparent !important; border: none !important; padding: 0 35px; margin-bottom: 0px; margin-top: 80px; padding-bottom: 0px !important }

/* ----- Responsive ----- */

@media screen and (max-width: 480px) {

    body { background-color: #fff }

    .middle-box { margin: 0 auto; max-width: 100%; width: 100% }

    .loginscreen.middle-box { border-radius: 0px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 0 5% 0 5%; margin: 0 !important; }

    .loginscreen.middle-box img { max-width: 110%; margin-left: -5%; border-radius: 0px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

}

/*Filtros (Clockpicker/datepicker) */

#formInstancia .clockpicker, #formInstancia .date-picker { float: left; margin: 5px 10px; background: none; border: solid 1px #a7b1c2; padding: 0px; margin-top: 5px; }

#formInstancia .clockpicker { width: 96px }

#formInstancia .date-picker { width: 130px; height: 36px; }

#formInstancia .clockpicker:hover, #formInstancia .date-picker:hover { border: solid 1px #a7b1c2 }

#formInstancia .clockpicker input.form-control, #formInstancia .date-picker input.form-control { background: none; border: none; font-size: 12px }

#formInstancia .date-picker .input-group-addon { padding-top: 0px; }

#formInstancia .date-picker input { margin-top: -2px; }

#formInstancia .clockpicker input.form-control:active, #formInstancia .clockpicker input.form-control:focus, #formInstancia .date-picker input.form-control:active, #formInstancia .date-picker input.form-control:focus, { background: #23c6c8; border-color: #fff; }

#formInstancia .clockpicker span.input-group-addon, #formInstancia .date-picker span.input-group-addon { background: none; border: none; }

#formInstancia .msg_agendamento { display: none; color: #ed5565; font-weight: bold; }

#formInstancia .msg_horas { display: none; color: #ed5565; font-weight: bold; }

#formInstancia .msg_selecione_data { display: none; color: #ed5565; font-weight: bold; }

#formInstancia .msg_selecione_data_posterior { display: none; color: #ed5565; font-weight: bold; }

#formInstancia .msg_agendamento_simples { display: none; color: #ed5565; font-weight: bold; }

#formInstancia .bt_adicionaAgenda {margin-top: 16px; margin-bottom: 6px; text-align: left; padding: 0;}

#formInstancia .bt_addAgendamento {}
#formInstancia .bt_addAgendamento i {margin-right: 7px;}
#formInstancia .bt_addAgendamento:focus{ color: #FFF;}

#formInstancia .agendamentos {padding-left: 0px; padding-right: 0px;margin-top: 20px; list-style: none;}
#formInstancia .agendamentos li {background: #101010; border-radius: 10px; margin-bottom: 10px; padding: 12px 12px}
#formInstancia .agendamentos li span {display: block;}
#formInstancia .agendamentos i { font-size: 14px; }

#formInstancia .ch-infos-agendamento {}
#formInstancia .ch-infos-agendamento .ch-dias-semana {color: #ededed;}
#formInstancia .ch-infos-agendamento .ch-horarios {color: #ef682c;}
#formInstancia .ch-infos-agendamento .ch-periodo {color: #8f8f8f;}

#formInstancia .del-agendamento {float: right; color: #303030;}
#formInstancia .del-agendamento:hover {color: #8f8f8f}
.ch-col-edit  {background: #242424; text-align: center; width: 100%; max-width: 44px}
.ch-col-delete  {background: #242424; text-align: center; width: 100%; max-width: 44px}

#formInstancia .agendamento {}
#formInstancia .agendamento .panel-body {background: none; padding-top: 5px; margin-left: 5px;}

#formInstancia .horaBrasilia { margin-top: 10px; background: #8dc63f; padding: 5px; color: #fff; font-weight: bold; }

#formInstancia .ajusta-hora { padding: 0px; }

#formInstancia .ajusta-hora label {float: left; margin-top: 6px; text-align: left; padding: 0; font-size: 12px; width: 100%;}

#formInstancia .ajusta-hora input { background: #fff; }
#formInstancia .ajusta-hora .date-picker { background: #fff !important; margin-left: 0}
#formInstancia .ajusta-hora .date-picker i {line-height: 2.5}
#formInstancia .ajusta-hora .clockpicker { background: #fff !important; margin-left: 0}
#formInstancia .ajusta-hora .clockpicker i {line-height: 2.5}

.ajusta-hora .col-lg-2 { width: 14% !important;}
.ajusta-hora .titulo_agendamento { text-align: left !important; }

#formInstancia .ajusta-horario { margin-bottom: 0px; border-radius: 4px 4px 0px 0px;background: none; }

#formInstancia .horarios {margin-top: 0px; display: none; background: none; border:none;}
#formInstancia .horarios .panel-body {background: none;}

#formInstancia .horarios h4 { margin: auto; text-align: center; margin-top: 10px; }

#formInstancia .titulo_agendamento { font-size: 13px; font-weight: bold; }
#formInstancia .titulo_agendamento span { font-size: 13px; font-weight: normal; color: #bfc0c0 }

/* MODAL FILES */
#modal-files {width: 100%; height: 100%; margin: 0; padding: 0; background: rgba(0,0,0,0.9)}
#modal-files .modal-dialog {
    width: 90%!important; height: 90%;
    max-width: 800px; max-height: 600px;
}

#modal-files .modal-content {background: #171717; width: 100%; height: 100%;}

/* MODAL HEADER */
#modal-files .modal-content .modal-header {border: none; height: 150px}
#modal-files .modal-content .modal-header .modal-title {font-size: 20px; float: left}
#modal-files .modal-content .modal-header .close {font-weight: 100; color: #fff; text-shadow: none; font-size: 16px; float: right; line-height: 2}
#modal-files .modal-content .modal-header .filter {margin: 20px auto 0px; border-radius: 5px; background: #282828; padding: 10px;}
#modal-files .modal-content .modal-header .filter .btn {}
#modal-files .modal-content .modal-header .filter .btn.active,
#modal-files .modal-content .modal-header .filter .btn:active,
#modal-files .modal-content .modal-header .filter .btn:focus {background: #4285f4; color: #fff;}

#modal-files .modal-content .modal-body {overflow: hidden; overflow-x: hidden; height: auto; width: 100%; margin: 0; padding: 20px}
#modal-files .modal-content .modal-body .files {overflow: scroll; overflow-x: hidden; width: 100%; margin: 0; padding: 0;}

#modal-files .modal-content .modal-body,
#modal-files .modal-content .modal-body .files {height: 385px;}
#modal-files .modal-content .modal-body .files .file {width: 30%; background: #282828; border-radius: 5px; border-color: #282828}
#modal-files .modal-content .modal-body .files .file:hover { background: #303030; border-color: #303030}
#modal-files .modal-content .modal-body .files .file:active,
#modal-files .modal-content .modal-body .files .file:focus,
#modal-files .modal-content .modal-body .files .file.selected {background: #4285f4; border-color: #4285f4}

#modal-files .modal-content .modal-body .files .file .name-file{
    width: 90%; text-align: left; margin: 0 auto; float: none; padding: 7px 4%; font-size: 11px; font-weight: 600; color: #666;}
#modal-files .modal-content .modal-body .files .file:hover .name-file {color: #ededed;}
#modal-files .modal-content .modal-body .files .file.selected .name-file,
#modal-files .modal-content .modal-body .files .file:active .name-file,
#modal-files .modal-content .modal-body .files .file:focus .name-file {color: #fff}

#modal-files .modal-content .modal-body .files .file .c-file{
    width: 90%; text-align: left; margin: 0 auto; float: none; padding: 7px 4%; font-size: 11px; font-weight: 600; color: #666;}
#modal-files .modal-content .modal-body .files .file:hover .c-file {color: #ededed;}
#modal-files .modal-content .modal-body .files .file.selected .c-file,
#modal-files .modal-content .modal-body .files .file:active .c-file,
#modal-files .modal-content .modal-body .files .file:focus .c-file {color: #fff}

#modal-files .modal-content .modal-body .ch-midia-wrapper {background: #101010; min-height: 150px; width: 100%; position: relative; margin: 0 auto;}
#modal-files .modal-content .modal-body .ch-midia-wrapper:after { font-family: 'FontAwesome'; content: "\f03e"; position: absolute; width: 100%; height: 100%; text-align: center; line-height: 3; font-size: 40px; z-index: 1; color: #303030;}

#modal-files .modal-content .modal-body .ch-midia-wrapper .ch-midia {position: absolute; width: 100%; height: 100%; bottom: 0; overflow: hidden;}

#modal-files .modal-content .modal-body .ch-midia-wrapper .ch-midia video,
#modal-files .modal-content .modal-body .ch-midia-wrapper .ch-midia img {
    position: absolute; bottom: 0; left: 0; right: 0; z-index: 200;
}
#modal-files .modal-content .modal-body .ch-midia-wrapper .ch-midia img {top: 0; min-width: 100%;}

#modal-files .modal-content .modal-footer {border: none; background: #282828;}

#modal-files td {padding: 2px !important;}
#modal-files .file{border: 1px solid #454545; min-height: 230px; max-height: 230px; overflow: hidden;}


/* MODAL NEW FILES */
#modal-new-files {width: 100%; height: 100%; margin: 0; padding: 0; background: rgba(0,0,0,0.9)}
#modal-new-files .modal-dialog {
    width: 90%!important; height: 90%;
    max-width: 800px; max-height: 600px;
}
#modal-new-files .modal-content .modal-header {border: none; height: 150px}
#modal-new-files .modal-content .modal-header .modal-title {font-size: 20px; float: left}
#modal-new-files .modal-content .modal-header .close {font-weight: 100; color: #fff; text-shadow: none; font-size: 16px; float: right; line-height: 2}
#modal-new-files .modal-content .modal-header .filter {margin: 20px auto 0px; border-radius: 5px; background: #282828; padding: 10px;}
#modal-new-files .modal-content .modal-header .filter .btn {}
#modal-new-files .modal-content .modal-header .filter .btn.active,
#modal-new-files .modal-content .modal-header .filter .btn:active,
#modal-new-files .modal-content .modal-header .filter .btn:focus {background: #4285f4; color: #fff;}

#modal-new-files .modal-content .modal-body {overflow: hidden; overflow-x: hidden; height: auto; width: 100%; margin: 0; padding: 20px}
#modal-new-files .modal-content .modal-body .files {overflow: scroll; overflow-x: hidden; width: 100%; margin: 0; padding: 0;}

#modal-new-files .modal-content .modal-body,
#modal-new-files .modal-content .modal-body .files {height: 385px;}
#modal-new-files .modal-content .modal-body .files .file {width: 30%; background: #282828; border-radius: 5px; border-color: #282828}
#modal-new-files .modal-content .modal-body .files .file:hover { background: #303030; border-color: #303030}
#modal-new-files .modal-content .modal-body .files .file:active,
#modal-new-files .modal-content .modal-body .files .file:focus,
#modal-new-files .modal-content .modal-body .files .file.selected {background: #4285f4; border-color: #4285f4}

#modal-new-files .modal-content .modal-body .files .file .name-file{
    width: 90%; text-align: left; margin: 0 auto; float: none; padding: 7px 4%; font-size: 11px; font-weight: 600; color: #666;}
#modal-new-files .modal-content .modal-body .files .file:hover .name-file {color: #ededed;}
#modal-new-files .modal-content .modal-body .files .file.selected .name-file,
#modal-new-files .modal-content .modal-body .files .file:active .name-file,
#modal-new-files .modal-content .modal-body .files .file:focus .name-file {color: #fff}

#modal-new-files .modal-content .modal-body .ch-midia-wrapper {background: #101010; min-height: 150px; width: 100%; position: relative; margin: 0 auto;}
#modal-new-files .modal-content .modal-body .ch-midia-wrapper:after { font-family: 'FontAwesome'; content: "\f03e"; position: absolute; width: 100%; height: 100%; text-align: center; line-height: 3; font-size: 40px; z-index: 1; color: #303030;}

#modal-new-files .modal-content .modal-body .ch-midia-wrapper .ch-midia {position: absolute; width: 100%; height: 100%; bottom: 0; overflow: hidden;}

#modal-new-files .modal-content .modal-body .ch-midia-wrapper .ch-midia video,
#modal-new-files .modal-content .modal-body .ch-midia-wrapper .ch-midia img {
    position: absolute; bottom: 0; left: 0; right: 0; z-index: 200;
}
#modal-new-files .modal-content .modal-body .ch-midia-wrapper .ch-midia img {top: 0; min-width: 100%;}

#modal-new-files .modal-content .modal-footer {border: none; background: #282828;}

#modal-new-files td {padding: 2px !important;}
#modal-new-files .file{border: 1px solid #454545; min-height: 200px; max-height: 200px; overflow: hidden;}

#modal-new-files .modal-content {background: #171717; width: 100%; height: 100%;}
/*
.btn-files{
    position: fixed;
    bottom: 0px;
    display: block;
    width: 98%;
    margin-left: -30px;
    height: 60px;
    background: #fff;
    padding-top: 10px;}
*/

.statusInstancias { cursor: pointer;}

.circle-status {
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    width: 16px;
    height: 16px;
    animation-name: fa-spin;
    animation-duration: 1s; /* 3 seconds */
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.circle-success{
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #164f08, #66cc66, #3ba124);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, #164f08, #66cc66);
    background-image: radial-gradient(45px 45px 45deg, circle cover, #164f08, #66cc66, #3ba124);
}

.circle-defaut{
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #4e6170, #abbece, #4c7da5);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, #4e6170, #abbece);
    background-image: radial-gradient(45px 45px 45deg, circle cover, #4e6170, #abbece, #4c7da5);
}

.circle-defaut{
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #4e6170, #abbece, #4c7da5);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, #4e6170, #abbece);
    background-image: radial-gradient(45px 45px 45deg, circle cover, #4e6170, #abbece, #4c7da5);
}

.shadow{
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    width: 16px;
    height: 16px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
    margin: auto;
    padding: 0px;
}

.tipoInstancia{font-size: 18px;cursor: pointer;}
.question-default{width:600px !important; margin: auto; transform: translateX(-50%);}
/*.cover-login img{width: 100%;}*/
/*.progressUpload{ height: 5px; background: #006621; display: block; width: 0%;}*/

/* ==========================================================================
VIDEO-PLAYER
========================================================================== */
.video-player {
    width: 300px; height: 189px;
    position: fixed; bottom: 10px;
    padding-bottom: 20px;
    z-index: 999999999;
}

.close-preview { font-size: 20px; float: right;}
.live-preview{ font-size: 20px; color: #FF0000;}

.video-player .header-video {height: 30px; padding: 2px 6px; font-size: 12px; opacity: 1; cursor:all-scroll;}
.video-player:hover .header-video {opacity: 0.95}
.video-player .header-video:hover {opacity: 1}
.video-player .header-video span {line-height: 1.8; font-weight: 600; text-transform: uppercase;}
.video-player .header-video span i {font-size: 18px; margin-right: 3px;}
.video-player .header-video i {vertical-align: middle;}
.video-player .header-video .btn {padding: 0px; float: right;}
/*.video-player .middle-video {box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.4);}*/
.video-player .middle-video {background: #000}

.header-video{ background-color: #FFF;}
#draggable{display: none; position: fixed !important;}

/* AJUSTES DE POSIÇÃO */
/* calc = screen size - side-player size - video size - side space */
/* left: calc(100% - 320px - 320px - 10px); */
.side-player-on .video-player {left: calc(100% - 650px);}
.no-csscalc .side-player-on .video-player {left: 50%;}
.middle-video{height: 100% !important;}
/*.cover-login img{width: 100%;}*/
/*.progressUpload{ height: 5px; background: #006621; display: block; width: 0%;}*/

#modal-history .modal-content .modal-body { overflow: scroll; max-height: 500px; overflow-x: hidden; min-height: 450px;}
#modal-history .modal-dialog {width: 600px !important;}
#modal-history td {padding: 2px !important;}
#modal-history .file{border: 1px solid #454545 ; min-height: 200px; max-height: 200px; overflow: hidden;}

#modal-history-streaming .modal-content .modal-body { overflow: scroll; max-height: 500px; overflow-x: hidden; min-height: 450px;}
#modal-history-streaming .modal-dialog {width: 880px !important;}
#modal-history-streaming td {padding: 2px !important;}
#modal-history-streaming .instancia{width:250px;}
#modal-history-streaming .inicio{width: 80px; padding-left: 10px !important;}
#modal-history-streaming .fim{width: 80px; padding-left: 10px !important;}
#modal-history-streaming .tipoStart{width:60px;}
#modal-history-streaming .tipoEnd{width:60px;}

.dias-semana{margin-bottom: 25px;}

.searchFile{width: 300px;}
.typeFiles,.showAll{float: left; margin-right: 5px;}
.searchFile {float: right; border-radius: 5px; background: #101010; border: none;}

#modal-ftp .modal-content .modal-body { overflow: scroll; max-height: 290px; overflow-x: hidden; min-height: 290px;}

#streamings .nome{width:20%;}
#streamings .streaming-player{width:80%;}
/* ====================================
Goodbye!
===================================== */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){
    html {background: #101010;}
    body {display: none;}
}

.hidden {display: none}

.msg_ano{display: none;color: #ed5565; font-weight: bold;}