.clear{
    clear: both;
}

ul li, ol li{
    list-style: none;
    color: #000 !important;
}

li.dropdown-label{
    color: #62a8ea;
    font-weight: 500;
    padding: 0.5rem 0px;
    user-select: none;
    margin-bottom: 0.5rem;
    border-bottom: .1rem solid #e0e0e0;
}

.no-margin{
    margin: 0px !important;
}

.margin-right-10{
    margin-right: 10px !important;
}
.margin-bottom-30{
    margin-bottom: 30px;
}
.margin-bottom-10{
    margin-bottom: 10px;
}

.margin-left-10{
    margin-left: 10px;
}

.margin-right-15{
    margin-right: 15px;
}

.margin-right-35{
    margin-right: 35px !important;
}

.margin-left-15{
    margin-left: 15px;
}

.margin-right-18{
    margin-right: 18px;
}

.no-padding{
    padding: 0px !important;
}

.no-padding-top{
    padding-top: 0px !important;
}

.no-padding-right{
    padding-right: 0px !important;
}

.no-padding-left{
    padding-left: 0px !important;
}

.padding-5{
    padding: 5px !important;
}

.padding-10{
    padding: 10px !important;
}

.width-100{
    width: 100%;
}

.padding-top-5{
    padding-top: 5px;
}

.padding-top-10{
    padding-top: 10px;
}

.padding-top-15{
    padding-top: 15px;
}

.padding-top-55{
    padding-top: 55px;
}
.padding-top-100{
    padding-top: 100px;
}

.padding-right-0{
    padding-right: 0px;
}

.padding-right-5{
    padding-right: 5px;
}

.padding-right-10{
    padding-right: 10px;
}

.padding-right-15{
    padding-right: 15px;
}

.padding-left-0{
    padding-left: 0px !important;
}

.padding-left-5{
    padding-left: 5px;
}

.padding-left-8{
    padding-left: 8px;
}

.padding-left-10{
    padding-left: 10px;
}

.padding-left-15{
    padding-left: 15px;
}

.padding-top-20{
    padding-top: 20px;
}

.padding-top-30{
    padding-top: 30px;
}

.padding-top-40{
    padding-top: 40px;
}

.padding-top-47{
    padding-top: 47px;
}

.padding-top-60{
    padding-top: 60px;
}

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

.padding-bottom-20{
    padding-bottom: 20px;
}

.padding-bottom-50{
    padding-bottom: 50px;
}

.as_client .tim-icons{
    padding: 0;
}

.chart-area-overview{
    text-align: center;
}

.chart-area-overview span{
    display: block;
    padding-top: 15px;
}
body[data="primary"] .btn-primary,
.main-panel[data="primary"] button.btn-primary,
.main-panel[data="primary"] .btn-primary,
.main-panel[data="primary"] a.btn-primary,
.main-panel[data="primary"] .fc-button.fc-button-primary{
    border: 1px solid #8b8b8b;
    transition: all .15s ease;
    box-shadow: none;
}
.btn,
.btn.active,
.fc-button{
    background: none !important;
    background-image: none !important;
}
.btn-primary.btn-simple{
    color: white;
}
.fc-button:hover,
.fc-button:active,
.fc-button:focus,
.fc-button:active:focus,
.btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus,
.btn.active:hover,
.btn.active:active,
.btn.active:focus,
.btn.active:active:focus,
.btn-primary.btn-simple.active:hover,
.btn-primary.btn-simple.active
{
    border-color: white !important;
    background: none !important;
    background-image: none !important;
    color: white !important;
}

.data-filter-btn{
    border:1px solid transparent;
}


.white-content .btn:hover,
.white-content .btn:active,
.white-content .btn:focus,
.white-content .btn:active:focus,
.swal2-container .btn:hover,
.swal2-container .btn:active,
.swal2-container .btn:focus,
.swal2-container .btn:active:focus,
.bootstrap-datetimepicker-widget .btn.btn-primary:hover,
.bootstrap-datetimepicker-widget .btn.btn-primary:active,
.bootstrap-datetimepicker-widget .btn.btn-primary:focus,
.bootstrap-datetimepicker-widget .btn.btn-primary:active:focus,
.white-content .fc-button:hover,
.white-content .fc-button:active,
.white-content .fc-button:focus,
.white-content .fc-button:active:focus,
.white-content .btn-primary:not(:disabled):not(.disabled):active, 
.white-content .btn-primary:not(:disabled):not(.disabled).active, 
.white-content .show > .btn-primary.dropdown-toggle{
    border-color: #1e1e2f !important;
    background: none !important;
    background-image: none !important;
    color: #595959 !important;
}
.white-content .btn-primary.btn-simple{
    color: #1e1e2f !important;
}
.main-panel[data="primary"] .primary-color{
    color: #23ba8c;
}
body[data="blue"] .btn-primary,
.main-panel[data="blue"] button.btn-primary,
.main-panel[data="blue"] a.btn-primary,
.main-panel[data="blue"] .btn-primary,
.main-panel[data="blue"] .fc-button.fc-button-primary{
    background: none;
    border:1px solid #1d8cf8;
    transition: all .15s ease;
    box-shadow: none;
}

.main-panel[data="blue"] .primary-color{
    color: #1d8cf8;
}

.main-panel[data="blue"] .form-control:focus{
    border-color: #1d8cf8;
}
body[data="green"] .btn-primary,
.main-panel[data="green"] button.btn-primary,
.main-panel[data="green"] a.btn-primary,
.main-panel[data="green"] .btn-primary,
.main-panel[data="green"] .fc-button.fc-button-primary{
    background: none;
    border:1px solid #00f2c3;
    transition: all .15s ease;
    box-shadow: none;
}

.main-panel[data="green"] .primary-color{
    color: #00f2c3;
}

.main-panel[data="green"] .form-control:focus{
    border-color: #00f2c3;
}
body[data="orange"] .btn-primary,
.main-panel[data="orange"] button.btn-primary,
.main-panel[data="orange"] a.btn-primary,
.main-panel[data="orange"] .btn-primary,
.main-panel[data="orange"] .fc-button.fc-button-primary{
    background: none;
    border: 1px solid #f84b33;
    transition: all .15s ease;
    box-shadow: none;
}

.main-panel[data="orange"] .primary-color{
    color: #f84b33;
}
body[data="red"] .btn-primary,
.main-panel[data="red"] button.btn-primary,
.main-panel[data="red"] a.btn-primary,
.main-panel[data="red"] .btn-primary,
.main-panel[data="red"] .fc-button.fc-button-primary{
    background: none;
    border: 1px solid #eb0d55;
    transition: all .15s ease;
    box-shadow: none;
}

.main-panel[data="red"] .primary-color{
    color: #eb0d55;
}

.main-panel[data="red"] .form-control:focus{
    border-color: #eb0d55;
}

.main-panel[data="red"] .form-check-radio input[type="radio"]:checked + .form-check-sign::before{
    border-color: #eb0d55;
}
.main-panel[data="red"] .form-check-radio input[type="radio"]:checked + .form-check-sign::after{
    background-color: #eb0d55;
    border-color: #eb0d55;
}

.main-panel[data="orange"] .form-check-radio input[type="radio"]:checked + .form-check-sign::before{
    border-color: #f84b33;
}
.main-panel[data="orange"] .form-check-radio input[type="radio"]:checked + .form-check-sign::after{
    background-color: #f84b33;
    border-color: #f84b33;
}

.main-panel[data="green"] .form-check-radio input[type="radio"]:checked + .form-check-sign::before{
    border-color: #00f2c3;
}
.main-panel[data="green"] .form-check-radio input[type="radio"]:checked + .form-check-sign::after{
    background-color: #00f2c3;
    border-color: #00f2c3;
}

.main-panel[data="blue"] .form-check-radio input[type="radio"]:checked + .form-check-sign::before{
    border-color: #1d8cf8;
}
.main-panel[data="blue"] .form-check-radio input[type="radio"]:checked + .form-check-sign::after{
    background-color: #1d8cf8;
    border-color: #1d8cf8;
}


.wowza-engine-row .card{
    height: 90%;
}


.fixed-plugin .dropdown-menu{
    height: 220px;
}

.fixed-plugin .dropdown-menu .header-title{
    color: #ffffff !important;
}


.margin10{
    margin: 10px 0px;
}

.margin24{
    margin: 24px 0px;
}
.margin-top-28{
    margin-top: 28px;
}

.margin-top-60{
    margin-top: 60px;
}

.progress{
    height: 1.5rem;
    border-radius: 0px !important;
}


.progress p{
    padding-top: 5px;
    position: absolute;
    left: 0;
    right: 0;
}

.tim-icons {
    display: block;
    float: left;
    padding-right: 3px;
}

.services-table .tim-icons{
    padding-right: 0px;
}

.btn span{
    display: inline;
}

body.white-content .breadcrumb,
body.white-content .modal-content{
    background: #ffffff;
}

body.white-content .modal-content h4.modal-title{
    color: #000 !important;
}

.breadcrumb li {
    display: inline-block;
    float: none;
    margin: 0 0 0 0.2rem;
    padding: 0;
    color: #fff !important;
}

body.white-content .breadcrumb li{
    color: #000 !important;
}

body.white-content .navigation .nav-item a{
    color: #000;
}

body.white-content .nav-tabs > .nav-item > .nav-link:hover{
    background-color: transparent;
    border: 1px solid #191f31;
    color: #000;
}

body.white-content .navigation .nav-tabs > .nav-item > .nav-link.active{
    border: 1px solid #000;
    border-radius: 30px;
}

.breadcrumb li::before {
    display: inline-block;
    color: #62a8ea;
    content: "\/";
    margin-right: 0.4rem;
}

.breadcrumb li:first-child::before {
    display: none;
}

select.form-control option{
    color: #000;
}

.attach-file a{
    margin: 0 !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    cursor: pointer !important;
    height: 38px;
    padding-top: 8px !important;
}
.btn--input-height{
    height: 38px;
}

.login-wrap-container{
    width: 40rem;
    height: auto;
    padding-top: 15%;
    margin: 0 auto;
}


.input-prepend, .input-append {
    position: relative;
}

.input-prepend .prepend,
.input-append .prepend{
    color: #8c8c8c;
    position: absolute;
    left: 1.1rem;
    top: 0.8rem;
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.6rem;
    text-align: center;
    overflow: hidden;
    z-index: 3;
}

.input-prepend.input-prepend .form-control,
.input-append.input-prepend .form-control {
    padding-left: 3rem;
    z-index: 1;
}

.login-footer{
    text-align: center;
}

.login-ico{
    float: right;
    padding-left: 10px;
}

.notification-logs {
    position: fixed;
    right: 0;
    bottom: 0;
    max-height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99;
}

.modal.show .modal-dialog{
    transform: none !important;
    -webkit-transform: none !important;
}

.hidden {
    display: none !important;
}

.modal-content{
    background: #282c32;
}

.modal-search .modal-content{
    background: #fff;
}

h4.modal-title{
    color: #fff !important;
}

.view-box {
    position: relative;
    font-weight: 500;
    font-size: 0.9rem;
    padding: 0.4rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    border-radius: 0.25rem;
    background: #ea5395;
    transition: opacity 150ms ease-out;
}

.view-box.darken {
    background: #32bd90;
}

.view-box.red {
    background: #e74c3c;
}

.view-box.blue {
    background: #eaae53;
}

.view-box.violet {
    background: #ff3939;
}

.view-box .icon {
    position: absolute;
    top: 0.8rem;
    right: 5%;
}

.view-box .icon .ico {
    opacity: 0.6;
    vertical-align: middle;
    font-size: 2.3rem;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    color: #1e1e2f;
    background-color: #fff;
}

.tab-content .content {
    padding: 2rem 0;
}

.aspect-content {
    height:790px;
}

.view-player-container {
    position: relative;
}

.view-player-container>video {
    width: 100%;
    height: 100%;
}

.mojo-card-title{
    /*font-weight: bold !important;*/
    text-transform: uppercase !important;
}

.number-card .card-footer{
    padding: 10px 15px;
}

.wowza-engine .card-footer{
    padding: 0 15px;
}

.wowza-engine .card-footer hr{
    margin: 10px 0px !important;
}

.wowza-icon{
    background: none !important;
}

.wowza-title{
    color: #0080bc;
    /*font-weight: bold;*/
}

.wowza-buttons .btn{
    padding: 4px !important;
    font-size: 0.630rem !important;
    width: 100%;
    margin-bottom: 10px;
}

.wowza-buttons .dropdown-toggle{
    margin: 4px 1px !important;
}

.wowza-buttons .col:last-child .btn{
    width: 100%;
}

.progress-label{
    position: absolute;
    padding-left: 15px;
    font-weight: bold;
}

.text-green, .text-success {
    color: #00a829;
}

.hide-on-desk{
    display: none;
}

.dash-panel-icon{
    width: 50px;
    min-width: 50px;
}

.white-content .card:not(.card-white).card-login,
.white-content .card:not(.card-white).card-register{
    background: #ffffff;
    box-shadow: 0 1px 15px 0 rgb(123 123 123 / 5%);
}

#mojo-settings .attach-file,
.form-group .col-sm-7,
.form-group .col-sm-8,
.form-group .col-sm-12,
.form-group .col-sm-6,
#save-client .attach-file{
    padding: 0px;
}

.input-prepend .append, .input-append .append {
    color: #8c8c8c;
    position: absolute;
    right: 0.1rem;
    top: 0;
    width: 3.6rem;
    height: 3.6rem;
    line-height: 2.5rem;
    text-align: center;
    overflow: hidden;
    z-index: 3;
}

.status_enabled{
    display: block;
    width: 10px;
    border-radius: 5px;
    height: 10px;
    float: left;
    background-color: #00a829;
    margin-top: 5px;
    margin-right: 5px;
}

.status_disabled{
    display: block;
    width: 10px;
    border-radius: 5px;
    height: 10px;
    float: left;
    background-color: #eb0d55;
    margin-top: 5px;
    margin-right: 5px;
}

.transrate_table .checkbox{
    width: 100%;
}

.status-cell{
    text-transform: capitalize;
    line-height: 14px;
}

.multiple-select option{
    color: rgba(255, 255, 255, 0.8) !important;
}

.white-content .multiple-select option{
    color: #222a42 !important;
}


.appName{
    float: left;
    width: 85%;
}

.appNameBtn{
    padding: 10px;
}

.modal-content .modal-body  p.text-content{
    color:rgba(255, 255, 255, 0.8) !important;
}

.white-content .modal-content .modal-body p.text-content{
    color: #1d253b !important;
}

.encoder_wrapper{
    text-align: center;
}

.encodes_os{
    padding-top: 20px;
}

.encodes_os_item{
    padding-bottom: 20px;
}
.encoder_logo_img{
    max-width: 60px;
}

.logo{
    margin:0 auto 40px auto;
    padding: 6px 10px;
    max-width: 400px;
}

.title-edit{
    font-size: small;
    color: rgba(255, 255, 255, 0.5);
}

.encodes_add_wrap{
    padding: 10px 0px;
    text-align: center;
}

.encodes_add_wrap i{
    float: none;
    cursor: pointer;
}

.remove-icon{
    cursor: pointer;
}

.encoder_wrapper a{
    color: rgba(255, 255, 255, 0.5);
}

.white-content .encoder_wrapper a{
    color: #444444;
}

.encoder-edit{
    display: inline-block;
    float: right;
    cursor: pointer;
    color: white;
    font-size: 16px;
    transition: all 0.2s ;
    position: absolute;
    right: 20px;
    top:5px;
}
.encoder-edit:hover span{
    opacity: 0.8;
}
.white-content .encoder-edit{
    color: black;
}
.white-content .encoder-edit path{
    fill: black;
}
.encoderEditBtn{
    margin: 0 !important;
}

#countries_list .flag,
#countries_count .flag{
    display: block;
    width: 30px;
}

#countries_count tbody>tr>td:nth-child(3),
#countries_count tbody>tr>td:nth-child(4) {
    text-align:right;
}

.bitrate_wrap{
    padding-top: 30px;
    padding-bottom: 23px;
}

.wowza-uptime{
    font-size: 1rem;
}

/* SVG Preloader */
.preloading{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(41, 46, 49, 0.61);
    z-index: 1001;
    color:#fff;
}

.preloader-circle {
    position: absolute;
    display: inline-block;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    margin:auto auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #f44336;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    width: 6rem;
    height: 6rem;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
/*    transform: translate(-50%, -50%);*/
}

.preloading-text{
    padding-bottom: 40px !important;
}

#encoders input{
    color:rgba(255, 255, 255, 0.8);
}

body.white-content #encoders input{
    color:#222a42
}

.navbar-minimize-fixed{
    margin-left: 30px !important;
    margin-top: 12px !important;
}

.download-stat{
    padding-top: 25px;
}

.chart-title{
    padding-top: 15px;
    text-align: center;
}

.embedded-code{
    border: 1px solid #8d929d !important;
    border-radius: 0.4285rem !important;
    padding-left: 10px !important;
}

.players-save-btn{
    padding-top: 25px;
    float: right;
}

.player_volume_opt{
    padding-left: 0px !important;
    padding-top: 10px;
}

.apply_player_key{
    width: 100%;
    display: flex;
    justify-content: center;
}

.remove_logo{
    padding: 8px 5px 15px!important;
    width: 100%;
    max-width: 170px !important;
}

.fluid_opt,
.shoutcast2_opt,
.opts_versioning,
.segment_size,
.segment_duration,
.segment_schedule{
    display: none;
}

.edit-enc-pass{
    cursor: pointer;
    text-align: center;
    padding-right: 0;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.edit-enc-pass:hover{
    opacity: 0.8;
}
#recording_tab,
#segmentation_tab{
    padding: 2rem 1rem 0 1rem !important;
}

.plugin_faq blockquote,
.plugin_faq{
    font-size: 0.75rem !important;
    line-height: 1.9;
}

.files_filter{
    padding: 9px 20px !important;
}

#drop_zone{
    border: #999 1px dashed;
    width: 100%;
}
.fileinput_videos{
    display: block;
    margin: 0 auto;
}

body.white-content .btn-nav-active{
    border: 1px solid #000;
    border-radius: 30px;
    color: #000;
}

body.white-content .btn-nav-active:hover{
    background-color: #fff;
    color: #1e1e2f;
}

.btn-nav-active:hover{
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8);
}

.btn-nav-active{
    border: 1px solid #ffffff;
    border-radius: 30px;
    color: #1e1e2f;
    background-color: #fff;
    display: block;
    padding: 11px 23px;
    line-height: 1.5;
}

.folder_list_item{
    padding-top: 10px;
    padding-bottom: 10px;
}

.video-filter-item,
.folder-filter-item,
.move-to-item,
.move-to-item,
.trash_filter{
    cursor: pointer;
}

body.white-content #timeline_visualization,
body.white-content #timeline_overview_visualization{
    background: rgba(0, 0, 0, 0.3);
}

#timeline_visualization,
#timeline_overview_visualization{
    background: #343a40;
}

body.white-content .vis-time-axis .vis-text,
body.white-content .vis-label{
    color: #444444 !important;
}

body.white-content .on_air{
    color: #444444 !important;
}

.vis-label .vis-inner{
    height: 125px !important;
}

.vis-time-axis .vis-text,
.vis-label{
    color: #fff !important;
}

.plylist_list_item{
    cursor: move;
    padding-bottom: 20px;
}

.vis-item-overflow{
    background: #000;
}

.vis-item.vis-selected,
.vis-item{
    border-color: #000 !important;
}

.vis-item-content{
    width: 100%;
    padding: 0 !important;
}

.vis-item-content div:first-child{
    display: block;
    width: 100%;
    height: 20px;
    color: #fff;
    background: #0089ba;
}

.vis-item-content div:last-child{
    display: block;
    width: 100%;
    height: 20px;
    color: #fff;
    background: #214a94;
}

.fc-day-grid-container{
    height: 100% !important;
    border: 1px solid #9499a7;
}

body.white-content span.fc-day-number,
body.white-content .fc-day-header span{
    color: #9499a7 !important;
}

.selected_event{
    background-color: #f8b51d !important;
}

#items_panel{
    overflow-y: scroll;
    overflow-x: hidden;
    height: 300px;
    border: 1px solid #444444;
}

#items_panel::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#items_panel::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

.main-panel[data="primary"] #items_panel::-webkit-scrollbar-thumb
{
    background-color: #e14eca;
}

.main-panel[data="blue"] #items_panel::-webkit-scrollbar-thumb
{
    background-color: #1d8cf8;
}

.main-panel[data="green"] #items_panel::-webkit-scrollbar-thumb
{
    background-color: #00f2c3;
}

.main-panel[data="orange"] #items_panel::-webkit-scrollbar-thumb
{
    background-color: #f84b33;
}

.main-panel[data="red"] #items_panel::-webkit-scrollbar-thumb
{
    background-color: #eb0d55;
}

.vis-drag-left,
.vis-drag-right {
    pointer-events: none !important;
}

.folder_header{
    display: block;
    height: 55px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}


.content-demand{
    padding: 80px 30px 30px 80px !important;
}

.demand-modal{
    width: 95% !important;
    max-width: 95% !important;
    height: 90% !important;
}

.demand-modal .modal-content{
    height: 100% !important;
}


#ondemand-videos-wrap .splide__slide{
    transition: all 0.3s ease-in;
    padding-right: 30px;
}

#ondemand-videos-wrap{
    overflow: hidden;
    padding-bottom: 80px;
}

#ondemand-videos-wrap .splide__track{
    overflow: inherit;
}

#ondemand-videos-wrap .splide__slide:hover {
    /*transform: scale(1.5, 2);*/
    transform: scale(1.1, 1.2);
/*    margin-left: 3%;*/
/*    margin-right: 3%;*/
/*    display: block;*/
}

#ondemand-videos-wrap .splide__slide__container{
    border:1px solid black;
}

#ondemand-videos-wrap .splide__slide__container img{
    width: 100%;
    border-radius: 0 !important;
}

#ondemand-videos-wrap .splide__arrow svg{
    fill: #fff;
}

#ondemand-videos-wrap .splide__arrow{
    opacity: 0.8;
}

#ondemand-videos-wrap .splide__arrow:hover{
    opacity: 1;
}

#ondemand-videos-wrap .splide__arrow:disabled,
#ondemand-videos-wrap .splide__arrow[disabled]{
    opacity: 0;
    pointer-events: none;
}

.ondemand-panel{
    background: none !important;
}

.demand-icon{
    top: 0 !important;
    display: inherit !important;
    float: none;
}

.field-description{
    font-size: 0.75rem;
}

.ondemand_social_links a{
    display: inline-block;
    padding: 0 5px;
}

.ondemand_social_links a i{
    font-size: 1.5rem;
    color: #eee;
}

.white-content .ondemand_social_links i{
    color: #1d253b;
}

.white-content .ondemand-nav-wrap li a{
    color: #1d253b;
}

.ondemand_footer{
    text-align: center;
}

.ondemand_footer .copyright{
    float: none;
}

.ondemand-nav a{
    color:#fff;
}

.ondemand-nav li{
    font-size: 1.2rem;
}

.ondemand-nav li.active a{
    color:#e14eca;
}

.ondemand-video-description{
    display: block;
    width: 100%;
    margin-top: 40px;
}

.demand_cat_name{
    margin-bottom: 0px !important;
}

.search-icon-wrap{
    display: block;
    float: left;
}

.search-icon-wrap i{
    float: none;
    font-size: 1.2rem;
    padding-top: 10px;
    padding-right: 20px;
}

.search-field-wrap{
    display: block;
    float: left;
    width: 93%;
}

.ondemand-modal-header{
    display: block;
}

.ondemand-player-description{
    display: block;
    color: #fff;
    z-index: 200;
}

.white-content .ondemand-player-description{
    color: #222a42;
}

.ondemand-panel[data="primary"] .ondemand-nav li.active a,
.ondemand-panel[data="primary"] .ondemand-nav li a:hover,
.ondemand-footer[data="primary"] .ondemand_social_links a:hover i,
.ondemand-panel[data="primary"] #demand-modal .close > span{
    color: #e14eca;
}

.main-panel[data="primary"] #mojo-abuse-settings .bootstrap-switch-container{
    background-color:#363f49 !important;
}

.ondemand-panel[data="primary"] #folderSearch:focus{
    border-color: #e14eca;
}

.ondemand-panel[data="blue"] .ondemand-nav li.active a,
.ondemand-panel[data="blue"] .ondemand-nav li a:hover,
.ondemand-panel[data="blue"] .ondemand_social_links a:hover i,
.ondemand-panel[data="blue"] #demand-modal .close > span{
    color: #1d8cf8;
}

.ondemand-panel[data="blue"] #folderSearch:focus{
    border-color: #1d8cf8;
}

.main-panel[data="blue"] #mojo-abuse-settings .bootstrap-switch-container{
    background-color:#1d8cf8 !important;
}

.ondemand-panel[data="green"] .ondemand-nav li.active a,
.ondemand-panel[data="green"] .ondemand-nav li a:hover,
.ondemand-footer[data="green"] .ondemand_social_links a:hover i,
.ondemand-panel[data="green"] #demand-modal .close > span{
    color: #00f2c3;
}

.ondemand-panel[data="green"] #folderSearch:focus{
    border-color: #00f2c3;
}

.main-panel[data="green"] #mojo-abuse-settings .bootstrap-switch-container{
    background-color:#00f2c3 !important;
}

.ondemand-panel[data="orange"] .ondemand-nav li.active a,
.ondemand-panel[data="orange"] .ondemand-nav li a:hover,
.ondemand-footer[data="orange"] .ondemand_social_links a:hover i,
.ondemand-panel[data="orange"] #demand-modal .close > span{
    color: #f84b33;
}

.ondemand-panel[data="orange"] #folderSearch:focus{
    border-color: #f84b33;
}

.main-panel[data="orange"] #mojo-abuse-settings .bootstrap-switch-container{
    background-color:#f84b33 !important;
}
.main-panel[data="orange"] .form-control:focus{
    border-color: #f84b33;
}
.ondemand-panel[data="red"] .ondemand-nav li.active a,
.ondemand-panel[data="red"] .ondemand-nav li a:hover,
.ondemand-footer[data="red"] .ondemand_social_links a:hover i,
.ondemand-panel[data="red"] #demand-modal .close > span,
.ondemand-panel[data="red"] #mojo-abuse-settings .bootstrap-switch-container{
    color: #eb0d55;
}

.ondemand-panel[data="red"] #folderSearch:focus{
    border-color: #eb0d55;
}

.main-panel[data="red"] #mojo-abuse-settings .bootstrap-switch-container{
    background-color:#eb0d55 !important;
}

.ondemand-logo{
    display: block;
    float: left;
    padding-right: 20px;
}

.ondemand-logo img{
    max-width: 200px;
}

.ondemand-slider-head-row{
    padding-top: 60px;
}

.ondemand-modal-body{
    padding: 0;
}

.ondemand-wrapper{
    height: 100% !important;
    overflow: hidden;
}

.description-title{
    display: flex;
    width: 100%;
}

.head-icon{
    font-size: 1.2rem !important;
    padding-top: 7px !important;
}

.backup-card{
    background: #4a525c;
    border-color: #0a0a10;
}

.white-content .backup-card{
    background: #f5f6fa !important;
    border: rgba(29, 37, 59, 0.5) !important;
    color: #1d253b !important;
}

.backup-label{
    color:rgba(255, 255, 255, 0.8) !important;
}

.white-content .backup-label{
    color: #9b9d9c !important;
}

.backup-label i{
    padding-top: 4px !important;
}

.backup-io-radio{
    display: inline-block !important;
    width: 11%;
}

.backup-info-icon{
    cursor: pointer;
}

.template_badges .badge {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin-right: 5px;
    position: relative;
    width: 23px;
}

.template_badges .badge.active{
    border: 2px solid #ffffff;
}

.template_body{
    width: 100%;
    min-height: 200px;
    border-color: #2b3553;
    border-radius: 0.4285rem;
    background-color: transparent;
}

.abuse_card_label{
    text-align: center !important;
    border-radius: 5px;
    padding: 20px 0px;
}

.abuse_card_general{
    background-color: #37404a;
}

.abuse_card_bitrate{
    background-color: #37404a;
}

.abuse_card_overage{
    background-color: #37404a;
}

.abuse_card_traffic{
    background-color: #37404a;
}

.abuse_card_disk{
    background-color: #37404a;
}

.abuse_card_label i{
    float: none !important;
    font-size: 1.5rem !important;
}

.noUi-marker-horizontal.noUi-marker{
    display: none !important;
}

#sliderRegular{
    margin-top: 4%;
    width: 95%;
}

#templates_datatable_wrapper i{
    color: rgba(255, 255, 255, 0.7);
}

.white-content #templates_datatable_wrapper i{
    color: rgba(34, 42, 66, 0.7);
}

.template_body{
    color: rgba(255, 255, 255, 0.8);
}

.white-content .template_body{
    color: black;
}

#templates_datatable{
    width: 100% !important;
}

.template-icons{
    padding-top: 3px !important;
}

.mojo-total-label{
    background: #fa5c7c;
    color: #fff;
    border-radius: .875rem;
    height: 20px;
    width: 25px;
    position: absolute;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    top: -2px;
    right: -2px;
    border: 1px solid #eb0d55;
}

.dropdown-mojo-item{
    display: block;
    width: 100%;
    clear: both;
}

.mojo-dropdown-wrap{
    background-color: transparent !important;
    min-width: 30rem;
    box-shadow: none !important;
}

.mojo-timeline{
    /*max-height: 350px;*/
    overflow-x: scroll;
}

.mojo-timeline:before{
    left: 4% !important;
    background-color:#1f8cf8 !important;
}

.mojo-timeline .timeline-badge{
    left: 4% !important;
}

.mojo-timeline .timeline-panel{
    width: 85% !important;
    float: left !important;
    margin-left: 10% !important;
}

.mojo-timeline .timeline-badge .tim-icons{
    padding: 15px !important;
}

.card.card-timeline .timeline-badge.primary{
    background-color:#e14eca !important;
}

.white-content .noUi-value-sub,
.white-content .noUi-pips{
    color: black !important;
}

.web_page_head_blocks{
    margin-top: 0px !important;
    text-align: justify !important;
    min-height: 150px;
}

.web_page_head_blocks .block{
    height:135px !important;
    width: 35% !important;
    margin-top: 0px !important;
}
.web_page_head_blocks h3{
    margin-bottom: 0;
}

.content-web-page .card-user .author .block.block-three{
    right: -25px;
}
.content-web-page .card-user .author .block.block-four{
    right: 20px !important;
}

.content-web-page{
    padding: 20px 30px 30px 30px !important;
}

.date_wrapper{
    padding-top: 5%;
    padding-left: 75%;
}

#tv_splide_list li{
    border: 1px rgba(255, 255, 255, 0.1) solid;
    padding: 40px;
    text-align: center;
    border-radius: unset !important;
}

#tv_splide_list li.is-active{
    border-bottom: 1px red solid !important;
}

#tv_splide_list li a{
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    font-size: 22px;
}

#daysSlider .splide__arrow svg{
    fill: rgba(255, 255, 255, 0.7) !important;
}

.schedule-header{
    text-align: center;
}

.schedule-header h2{
    margin-bottom: 0px;
}

#dayCalendar{
    padding: 0px 40px;
}

#dayCalendarTable td{
    padding: 25px 0px;
}

.record_circle{
    display: block;
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 8px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

.record_link{
    display: block;
    width: 210px;
    padding: 10px;
    border: 1px rgba(255, 255, 255, 0.1) solid;
}

.record_link a{
    color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
}
.white-content .record_link a{
    color: black;
}
.white-content .record_link{
    border: 1px solid rgb(0,0,0,0.1);
}

.schedule_start_time{
    font-weight: bold;
}

.schedule_on_air{
    color: red;
    font-size: 11px;
}

.mobile_link{
    display: none;
}

.web_page_title{
    display: table;
    height: 100%;
    width: 100%;
    line-height: 100%;
    text-align: center !important;
}

.web_page_title span{
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
}

.web_page_title h3{
    margin-bottom: 0;
}

.white-content #daysSlider a{
    color: rgba(34, 42, 66, 0.7) !important;
}

.white-content #tv_splide_list li{
    border-color: rgba(34, 42, 66, 0.7);
}

.white-content #daysSlider .splide__arrow svg{
    fill:rgba(34, 42, 66, 0.7) !important;
}

.white-content .card:not(.card-white).card-login .form-control, .white-content .card:not(.card-white).card-register .form-control{
    color:black !important;
}

.graph-reseller-label{
    float: left;
    padding-right: 10px;
    width: 160px;
    text-align: center;
}

.modal .modal-header .close span{
    color: #fff !important;
}

.white-content .modal .modal-header .close span{
    color: rgba(0, 0, 0, 0.6) !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.players_wrap .embed-responsive-16by9::before{
    padding-top: 0px !important;
}


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

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

@media (min-width: 992px) {
    .table-responsive{
        overflow: hidden;
    }

    .content-demand{
        padding-left: 40px !important;
    }

    .search-field-wrap{
        width: 90%;
    }
}

@media(min-width:1024px) and (max-width: 1366px) {

    .hide-on-mob{
        display: none;
    }

    .mob-padding-top-20{
        padding-top: 20px;
    }
}

@media(min-width:768px) and (max-width: 1024px) {
    .search-field-wrap{
        width: 88%;
    }

    .ondemand-logo img{
        max-width: 100px;
    }

    .ondemand_copyright{
        text-align: center !important;
    }

    #ondemand-videos-wrap .splide__slide:hover {
        transform: none;
        margin-left: 0;
        margin-right: 0;
    }

   

    .hide-on-mob{
        display: none !important;
    }

    .mob-padding-top-20{
        padding-top: 20px;
    }

    .btn-sm{
        padding: 5px 13px !important;
    }
}

@media (max-width: 992px) {
    .login-wrap-container{
        width: auto;
    }

}


@media (max-width: 720px) {
    .download-stat{
        padding-top: 0px !important;
    }

    .graph-tab-label{
        font-size: 0.49rem !important;
    }

    .hide-on-desk{
        display: block;
    }

    .hide-on-mob{
        display: none !important;
    }

    .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }

    .status-cell{
        padding-right: 15px;
    }

    .clients-table img{
        max-width: none;
    }

    .card-body .content,
    .card-body .col-sm-12,
    .card-body .col-sm-7,
    .card-body .col-sm-6,
    .card-body .col-sm-8{
        padding-right: 0px;
        padding-left: 0px;
    }

    #overview .col-sm-6,
    #overview .col-sm-12{
        padding-right: 15px;
        padding-left: 15px;
    }

    #overview .col-sm-6{
        width: 50%;
        margin-bottom: 20px;
    }

    .mobile-padding-left-15{
        padding-left: 15px !important;
    }

    .content-demand{
        padding-top: 40px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ondemand-logo img{
        max-width: 100px;
    }

    .ondemand-slider-head-row{
        padding-top: 30px;
    }

    #ondemand-videos-wrap .splide__slide:hover {
        transform: none;
        margin-left: 0;
        margin-right: 0;
    }

    .search-field-wrap{
        padding-top: 20px;
        width: 89%;
    }

    .search-icon-wrap{
        padding-top: 20px;
    }

    .mobile-padding-20{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-minimize-fixed{
        display: none !important;
    }

    .content-web-page{
        padding: 20px !important;
    }

    .date_wrapper{
        padding-left: 0px !important;
    }

    .mobile_link{
        display: block;
    }

    .desctop_link{
        display: none;
    }

    .record_link{
        width: 130px;
        padding: 5px;
        font-weight: normal !important;
    }

    #players .row,
    #recording_tabs .row,
    #security .row,
    #live_webpage .row,
    #encoders .row,
    #statistics .row,
    #view_folders .row,
    #view_playlists .row,
    #view_trash .row,
    #view_videos .row,
    #view_tv_page .row,
    .plans-form .row,
    .login-content .row,
    .form-service-card .card-body .row{
        display: block !important;
        margin-right: 0px;
        margin-left: 0px;
    }

    .services-table-head__plan,
    .services-table-head__right-btn{
        display: none !important;
    }

    #all_folder_files,
    #view_ondemand{
        padding: 0px 20px !important;
    }

    #all_folder_files .nav-tabs .nav-item{
        display: inline-block;
    }

    .players_wrap #preview-container{
        /*height: auto !important;*/
        height: 200px !important;
    }

    .players_wrap .embed-responsive-16by9::before{
        padding-top: 0px !important;
    }

    .players-buttons-wrapper{
        margin-top: 4.5rem !important;
    }

    .fluid_adv_opt{
        margin-top: 8.5rem !important;
    }

}

@media (max-width: 1503px) {
    .wowza-restart,
    .wowza-start,
    .wowza-add-btn{
        white-space: nowrap;
    }

    .wowza-add-btn{
        width: 100% !important;
    }

    .wowza-buttons .col-7{
        padding-left: 0px;
    }

    .wowza-buttons .col-5{
        padding-right: 10px;
    }
}

.btn{
    /* Fixed styles on safari */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* Disabled bounce btn */
.btn:hover,
.fc-button {
    transform: translateY(0px) !important;
}

.color-title{
    background: #4b5862;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.2857rem;
    height: 50px;
    margin-bottom: 10px;
}
.color-title.color-title--gray{
    background: #4b5862;
}
.color-title.hint-block-btn {
    justify-content: center;
    position: relative;
}
.color-title.hint-block-btn .tim-icons{
    color: white !important;
    position: absolute;
    right: 20px;
}
.color-title.hint-block-btn label{
    cursor: pointer;
}
.main-panel[data="primary"] .color-title.color-title--theme-color{
    background: #4b5862;
}

.main-panel[data="red"] .color-title.color-title--theme-color{
    background: #eb0d55;
}

.main-panel[data="orange"] .color-title.color-title--theme-color{
    background: #f84b33;
}

.main-panel[data="green"] .color-title.color-title--theme-color{
    background: #118175;
}

.main-panel[data="blue"] .color-title.color-title--theme-color{
    background: #1d8cf8;
}

.color-title .tim-icons{
    font-size: 27px;
    color: white;
}
.color-title label
{
    color: white !important;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0;
}

.icon{
    display: inline-block;
}
.icon--services{
    width: 37px;
    height: 40px;
    background: url(../img/services-icon.png) no-repeat center;
    background-size: contain;
}
.icon--mojo{
    width: 37px;
    height: 40px;
    background: url(../img/mojo-icon.png) no-repeat center;
    background-size: contain;
}
.color-title__icon{
    margin-right: 20px;
    margin-bottom: 2px;
}

@media (max-width: 1199.98px){

    .mobile-hide-switch-sidebar-mini{
        display: none;
    }
}
/*empty buttons */
.btn-success{
    background: #2a2f33;
    border:1px solid #abacad;
}
.btn-default{
    background: none;
    border: 1px solid #B9BABB;
}
.btn-danger{
    background: none;  
    border:1px solid #8b8c8f;
}
.btn-info{
    background: none;
    border:1px solid #50d59b;
}
.btn-warning{
    background: none;
    border:1px solid #f84b33;
}
.btn-info.disabled, 
.btn-info.disabled:hover, 
.btn-info.disabled:focus, 
.btn-info.disabled.focus, 
.btn-info.disabled:active, 
.btn-info.disabled.active, 
.btn-info:disabled, 
.btn-info:disabled:hover, 
.btn-info:disabled:focus, 
.btn-info:disabled.focus, 
.btn-info:disabled:active,
.btn-info:disabled.active, 
.btn-info[disabled], 
.btn-info[disabled]:hover, 
.btn-info[disabled]:focus, 
.btn-info[disabled].focus, 
.btn-info[disabled]:active, 
.btn-info[disabled].active, 
fieldset[disabled] .btn-info, 
fieldset[disabled] .btn-info:hover, 
fieldset[disabled] .btn-info:focus, 
fieldset[disabled] .btn-info.focus, 
fieldset[disabled] .btn-info:active, 
fieldset[disabled] .btn-info.active{
    background: none;
}
.white-content .btn,
.swal2-container .btn,
.white-content .fc-button,
.bootstrap-datetimepicker-widget .btn.btn-primary {
    color: #595959;
}
.swal2-container .btn:hover,
.swal2-container .btn:focus,
.white-content .btn:hover,
.white-content .btn:focus{
    color: white;
}
.fc-button-group .fc-button{
    opacity: 1 !important;
}
.fc-button:disabled{
    opacity: 0.5 !important;
    pointer-events: none;
}
/*empty buttons */
.notifications-area .dropdown-menu {
    max-height: calc(100vh - 70px);
    overflow-y: scroll;
}

.notifications-area .dropdown-menu:before{
    top: 0;
}
.hint-block-btn{
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    transition: all 0.2s;
}

.hint-block-btn:hover{
    opacity: 0.8;
}

.hint-block-btn .tim-icons{
    float: none;
    padding-right: 0;
    transform: rotate(180deg);
    transition: all 0.2s;
}

.hint-block-btn.active .tim-icons{
    transform: rotate(0deg);
}

.main-panel[data="primary"] .hint-block-btn .tim-icons{
    color: #42c823;
}

.main-panel[data="orange"] .hint-block-btn .tim-icons{
    color: #f84b33;
}
.main-panel[data="red"] .hint-block-btn .tim-icons{
    color: #eb0d55;
}
.main-panel[data="orange"] .hint-block-btn .tim-icons{
    color: #f84b33;
}

.main-panel[data="green"] .hint-block-btn .tim-icons{
    color: #00f2c3;
}

.main-panel[data="blue"] .hint-block-btn .tim-icons{
    color: #1d8cf8;
}

.block-padding-bg{
    border-bottom: 20px solid #353a41;
    padding-bottom: 20px;
    border-top: 10px solid #353a41;
    padding-top: 30px;
}
.block-padding-bg:last-child{
    border-bottom: none;
}
.icon-lock-svg path{
    fill: white;
}

.white-content .icon-lock-svg path{
    fill: black;
}
.relative{
    position: relative;
}

.big-btn{
    max-width: 222px;
    width: 100%;
    background: #2a3034;
    padding: 20px 20px 15px;
    text-align: center;
    color: white;
    font-size: 13px;
    height: 122px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: all 0.2s;
}
.big-btn[disabled]{
    opacity: 0.4;
    pointer-events: none;
}

.main-panel[data="primary"] .big-btn:hover,
.main-panel[data="primary"] .big-btn.active{
    background: #0ED095;
}

.main-panel[data="blue"] .big-btn:hover,
.main-panel[data="blue"] .big-btn.active {
    background:#1d8cf8 ;
}

.main-panel[data="green"] .big-btn:hover,
.main-panel[data="green"] .big-btn.active{
    background:#00f2c3 ;
    color: #525f7f;
}
.main-panel[data="green"] .big-btn.active .big-btn__icon i,
.main-panel[data="green"] .big-btn:hover .big-btn__icon i{
    color: #525f7f;
}
.main-panel[data="orange"] .big-btn:hover,
.main-panel[data="orange"] .big-btn.active {
    background: #f84b33;
}

.main-panel[data="red"] .big-btn:hover,
.main-panel[data="red"] .big-btn.active {
    background: #eb0d55;
}
.big-btn__icon{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
}
.big-btn__icon i{
    float: none;
    padding-right: 0;
    color: white;
    font-size: 23px;
    transition: all 0.2s;
}
.white-content .big-btn{
    background: #f5f6fa;
    color: #1b1b26;
}
.white-content .big-btn__icon i,
.white-content .hint-block .big-btn__icon i{
    color: #525f7f;
}

.big-btn-container{
    display: flex;
    justify-content: space-between;
}
.big-btn-container .big-btn{
    margin-right: 10px;
}
.big-btn-container .big-btn:last-child{
    margin-right: 0 !important;
}
@media (max-width: 767px){
    .big-btn-container{
        flex-direction: column;
        align-items: center;
    }
    .big-btn-container .big-btn{
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
}
.folders-actions,
.videos-actions{
    display: flex;
    margin-bottom: 20px;
}
.videos-actions{
    justify-content: flex-end;
}
.folders-actions__search,
.videos-actions__search{
    width: 100%;
    display: flex;
}
.folders-actions__search i,
.videos-actions__search i{
    color: white;
    font-size: 22px;
    margin-top: 10px;
    margin-right: 5px;
}
.white-content .folders-actions__search i,
.white-content .videos-actions__search i{
    color: #000;
}
.videos-actions__search{
    max-width: 400px;
}
.folders-actions>*,
.videos-actions>*{
    margin-right: 20px;
}
.folders-actions>*:last-child,
.videos-actions>*:last-child{
    margin-right: 0px;
}
@media (max-width: 767px){
    .folders-actions,
    .videos-actions{
        margin-bottom: 20px;
        flex-direction: column;
        align-items: center;
    }
    .folders-actions .btn.dropdown-toggle[data-toggle="dropdown"]{
        width: 100%;
    }
    .folders-actions>*,
    .videos-actions>*{
        margin-right: 0;
        margin-bottom: 20px;
    }
    #view_folders .folders-row{
        display: flex !important;
        flex-direction: column-reverse;
    }
}

.on_air__btn{
    width: 98px;
    height: 35px;
    background: url(../img/on-air.png) no-repeat center;
    background-size: contain;   
    margin-right: 10px;
}
.card .on_air
{
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 15px;
}
.nowrap{
    white-space: nowrap;
}
.hint-block{
    background: #2e343a;
    padding: 10px;
    border-radius: 10px;
    margin-top: 50px;
}
.white-content .hint-block{
    background: #f5f6fa;
}
.white-content .hint-block .big-btn{
    background: white;
}
.hint-block__title{
    background: #37404a;
    text-align: center;
    padding: 10px 20px;
    color: white;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 80px;
}
.hint-block__title span{
    margin-right: 10px;
}
.hint-block .big-btn{
    background: #37404a;
    max-width: 143px;
    padding-left: 10px;
    padding-right: 10px;
}

.hint-block .big-btn__icon{
    margin-bottom: 25px;
}

.big-btn-container{
    justify-content: center;
}
.hint-block .big-btn-container .big-btn{
    margin-right: 40px;
}

.hint-block__text
{
    color: white;
    max-width: 800px;
    margin: 100px auto 100px;
    font-size: 15px;
    line-height: 28px;
    display: none;
}
.white-content .hint-block__text{
    color: #1b1b26;
}
.hint-block__text.active{
    display: block;
}
.icon-exclamation-circle{
    width: 20px;
    height: 20px;
    background:url(../img/exclamation-circle.svg) center no-repeat ;
}

.icon-honeycomb{
    width: 20px;
    height: 20px;
    background:url(../img/honeycomb.svg) center no-repeat ;
}
.icon-wowza-uptime{
    background: url(../img/Wowza-Uptime-White.png) no-repeat center;
    background-size: contain !important;
    width: 43px;
    height: 43px;
}
.white-content .icon-wowza-uptime{
    background: url(../img/Wowza-Uptime-Black.png) no-repeat center;
}
.icon-clients{
    background: url(../img/Clients-White.png) no-repeat center;
    background-size: contain !important;
    width: 43px;
    height: 43px;
}

.white-content .icon-clients{
    background: url(../img/Clients-Black.png) no-repeat center;
}
.card-footer__container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-stats .stats{
    margin: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s;
}
.card-stats .stats:hover{
    color: white;
}

.white-content .card:not(.card-pricing).card-stats .stats:hover{
    color: black;
}
.card-footer__container .card-title{
    margin-bottom: 0;
}

.icon-resellers{
    background: url(../img/Resellers-White.png) no-repeat center;
    background-size: contain !important;
    width: 43px;
    height: 43px;
}

.white-content .icon-resellers{
    background: url(../img/Resellers-Black.png) no-repeat center;
}

.icon-total-services-online{
    background: url(../img/Total-Services-Online-White.png) no-repeat center;
    background-size: contain !important;
    width: 55px;
    height: 55px;
}

.white-content .icon-total-services-online{
    background: url(../img/Total-Services-Online-Black.png) no-repeat center;
}

.icon-total-services-offline{
    background: url(../img/Total-Services-Offline-White.png) no-repeat center;
    background-size: contain !important;
    width: 55px;
    height: 55px;
}

.white-content .icon-total-services-offline{
    background: url(../img/Total-Services-Offline-Black.png) no-repeat center;
}

.icon-total-services-suspended{
    background: url(../img/Total-Services-Suspended-White.png) no-repeat center;
    background-size: contain !important;
    width: 55px;
    height: 55px;
}

.white-content .icon-total-services-suspended{
    background: url(../img/Total-Services-Suspended-Black.png) no-repeat center;
}


.icon-total-customer-login-today{
    background: url(../img/Total-Customer-Login-Today-White.png) no-repeat center;
    background-size: contain !important;
    width: 55px;
    height: 55px;
}

.white-content .icon-total-customer-login-today{
    background: url(../img/Total-Customer-Login-Today-Black.png) no-repeat center;
}

.card-chart.card-chart-pie .chart-area{
    padding: 15px 0;
}
.card-chart.card-chart-pie .chart-area canvas{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.pie-chart-icon{
    position: relative;
}
.pie-chart-icon:after{
    content: "";
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    top: 50%;
    left: 50%;
    margin-left: -22.5px;
    margin-top: -22.5px;
    pointer-events: none;
    background-size: contain !important;
    z-index: 0;
}
@media(min-width:768px) and (max-width: 1024px) {
    .pie-chart-icon:after{
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }
}


.pie-chart-icon--total-online:after{
    background: url(../img/Total-Connections-White.png) no-repeat center;
}
.white-content .pie-chart-icon--total-online:after{
    background: url(../img/Total-Connections-Black.png) no-repeat center;
}

.pie-chart-icon--total-traffic:after{
    background: url(../img/Traffic-MBPS-White.png) no-repeat center;
}
.white-content .pie-chart-icon--total-traffic:after{
    background: url(../img/Traffic-MBPS-Black.png) no-repeat center;
}

.pie-chart-icon--total-transferred:after{
    background: url(../img/Data-Transferred-White.png) no-repeat center;
}
.white-content .pie-chart-icon--total-transferred:after{
    background: url(../img/Data-Transferred-Black.png) no-repeat center;
}

.pie-chart-icon--network-in:after{
    background: url(../img/Network-in-White.png) no-repeat center;
}
.white-content .pie-chart-icon--network-in:after{
    background: url(../img/Network-in-Black.png) no-repeat center;
}

.mojo-card-title.card-title .icon{
    width: 20px;
    height: 20px;
    background-size: contain !important;
}

.mojo-card-title.card-title .icon,
.card-chart .card-header .card-title i{
    margin-right: 10px;
    margin-bottom: 0;
}

.icon--utilization{
    background: url(../img/System-Utilization-White.png) no-repeat center;
}
.white-content .icon--utilization{
    background: url(../img/System-Utilization-Black.png) no-repeat center;
}
.icon--strem-connections
{
    background: url(../img/Stream-Connections-7days-White.png) no-repeat center;
}
.white-content .icon--strem-connections{
    background: url(../img/Stream-Connections-7days-Black.png) no-repeat center;
}
.icon--country
{
    background: url(../img/Country-White.png) no-repeat center;
}
.white-content .icon--country{
    background: url(../img/Country-Black.png) no-repeat center;
}


.icon--map
{
    background: url(../img/Map-White.png) no-repeat center;
}
.white-content .icon--map{
    background: url(../img/Map-Black.png) no-repeat center;
}
@media (max-width: 1680px){
    .realtime-title{
        display: none;
    }
}

@media (max-width: 750px){
    .realtime-title-client{
        display: none;
    }
}
.sidebar[data="green"] .nav li.active > a:not([data-toggle="collapse"]) i, 
.sidebar[data="green"] .nav li.active > a:not([data-toggle="collapse"]) p, 
.off-canvas-sidebar .sidebar[data="green"] .nav li.active > a:not([data-toggle="collapse"]) i, 
.off-canvas-sidebar .sidebar[data="green"] .nav li.active > a:not([data-toggle="collapse"]) p,
.sidebar[data="green"] .nav i,
.sidebar[data="green"] .nav p{
    color: #ffffff;
}
.sidebar[data="green"] .nav li.active > a:not([data-toggle="collapse"]):before, 
.off-canvas-sidebar .sidebar[data="green"] .nav li.active > a:not([data-toggle="collapse"]):before{
    background: #ffffff;
}
.text-danger{
    color: #eb0d55 !important;
}
.flex-align{
    display: flex;
    align-items: center;
}
.services-table .status-cell .tim-icons{
    margin-right: 5px;
}
.nav-tabs > .nav-item > .nav-link{
    display: flex;
    align-items: center;
}
.nav-tabs > .nav-item > .nav-link i.tim-icons{
    top:0;
}
.nav-tabs > .nav-item > .nav-link{
    line-height: 1.6;
}
.icon-hint-page{
    font-weight: 600;
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
    color: white;
}
.white-content .icon-hint-page{
    color: #344675;
}
.icon-hint-page i
{
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 1px;
}
.card.card--no-margin-label form label + .form-control{
    margin-bottom: 0;
}
.nav-tabs--small.nav-tabs > .nav-item > .nav-link{
    padding: 2px 17px;
}
#preview-container>div{
    max-height: 470px;
}

#preview-container .jw-reset {
    max-height: 100% !important;
}

#preview-container .jw-overlay{
    max-height: none !important;
}

.input-button{
    display: flex;
}
.input-button .btn{
    white-space: nowrap;
    display: flex;
    align-items: center;
    height: 38px;
    padding-left: 5px;
    padding-right: 5px;
    width: 160px;
    margin: 0;
    margin-left: 20px;
    min-width: 160px;
}
@media (max-width: 450px){
    .input-button{
        flex-direction: column;
    }
    .input-button .btn{
        margin-left: 0;
        margin-top: 20px;
    }
    
}

.main-panel[data="blue"] .card-user .author .block.block-one,
.main-panel[data="blue"] .card-user .author .block.block-two,
.main-panel[data="blue"] .card-user .author .block.block-three,
.main-panel[data="blue"] .card-user .author .block.block-four{
    background: rgba(29, 140, 248, 0.6);
    background: linear-gradient(to right, rgba(29, 140, 248, 0.6) 0%, rgba(225, 78, 202, 0) 100%);
}

.main-panel[data="green"] .card-user .author .block.block-one,
.main-panel[data="green"] .card-user .author .block.block-two,
.main-panel[data="green"] .card-user .author .block.block-three,
.main-panel[data="green"] .card-user .author .block.block-four{
    background: rgba(0, 242, 195, 0.6);
    background: linear-gradient(to right, rgba(0, 242, 195, 0.6) 0%, rgba(225, 78, 202, 0) 100%);
}

.main-panel[data="orange"] .card-user .author .block.block-one,
.main-panel[data="orange"] .card-user .author .block.block-two,
.main-panel[data="orange"] .card-user .author .block.block-three,
.main-panel[data="orange"] .card-user .author .block.block-four{
    background: rgba(255, 141, 114, 0.6);
    background: linear-gradient(to right, rgba(255, 141, 114, 0.6) 0%, rgba(225, 78, 202, 0) 100%);
}

.main-panel[data="red"] .card-user .author .block.block-one,
.main-panel[data="red"] .card-user .author .block.block-two,
.main-panel[data="red"] .card-user .author .block.block-three,
.main-panel[data="red"] .card-user .author .block.block-four {
    background: rgba(253, 93, 147, 0.6);
    background: linear-gradient(to right, rgba(253, 93, 147, 0.6) 0%, rgba(225, 78, 202, 0) 100%);
    
}
.video-slider .splide__slide__container{
    padding-right: 10px;
}
.video-slider .splide__slide__container a{
    display: block;
    border-radius: 0.2857rem;
    overflow: hidden;
    height: 132px;
}
.video-slider .splide__slide__container a img {
    border-radius: none;
    width: 100%;
    max-width: 236px !important;
}

.video-file {
    background-color: #4d555d;
    border-radius: 0.2857rem;
    overflow: hidden;
}

.video-file>span {
    display: inline-block;
    padding:5px 10px;
    white-space: nowrap
}

.video-file>div.description-title{
    padding: 5px 10px;
    position: absolute;
    z-index: 100;
}

.video-file>.file-icons {
    z-index:999!important;
    color: #000;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right:5px;
}

.video-file>.file-icons>.tim-icons {
    padding: 0px!important;
}

.video-file>.file-icons:hover {
    background: #fff;
}

.white-content .video-file>span,
.white-content .video-file>div.description-title{
    color: #fff;
}

.white-content .encoder_wrapper .logo{
    color: #1d253b;
}

.ondeamnd-preview-image{
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
    border-radius: 0.2857rem;
    display: block;
}
.ondeamnd-preview-image img{
    position: absolute;
}
@media (min-width: 1000px){ 
    .extensions-row{
        display: flex;
    }
    .extensions-row__btn{
        padding-right: 30px;
        display: flex;
        align-items: start;
        white-space: nowrap;
    }
    .extensions-row__content{
        width: 100%;
    }

}
.search-with-text{
    display: flex;
    align-items: center;
}
.search-with-text .search-icon-wrap{
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 20px;
    color: white;
}
.white-content .search-with-text .search-icon-wrap{
    color: #000;
}
.search-with-text .search-icon-wrap i{
    padding-top: 5px;
}
.white-text{
    color: white;
}

.white-content .white-text{
    color: black;
}
.font-18{
    font-size: 18px;
}
.table.table--border-header thead th{
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.1);
}
.status-text{
    display: flex;
}
.status-text .status-text__status{
    min-width: 136px;
}
@media (max-width: 767px){ 
    .status-text{
        flex-direction: column;
    }
}
@media (min-width: 768px){ 
    .tv-station-header{
        display: flex;
        align-items: center;
    }
}
.gender-radio{
    width: 140px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.gender-radio__radio{
    display: flex;
}

.actions-btn-container{
    display: flex;
    margin-left: 30px;
}
.action-btn{
    display: flex;
    text-transform: uppercase;
    padding-right: 20px;
    padding-left: 15px;
    cursor: pointer;
    transition: all 0.2s;
}
.action-btn:hover{
    opacity: 0.8;
}
.action-btn span{
    width: 19px;
    height: 19px;
    margin-right: 10px;
}
.action-btn--start span{
    background:url(../img/start.png) center no-repeat;
}

.action-btn--stop span{
    background:url(../img/stop.png) center no-repeat;
}

.action-btn--restart span{
    background:url(../img/restart.png) center no-repeat;
}

.action-btn--suspend span{
    background:url(../img/suspend.png) center no-repeat;
}

.action-btn--unsuspend span{
    background:url(../img/unsuspend.png) center no-repeat;
}

.action-btn--delete span{
    background:url(../img/delete.png) center no-repeat;
}
.actions-btn-container .action-btn:not(:last-child){
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.service-sub-container,.service-top-container{
    display: flex;
    align-items: center;
}
.service-top-container{
    justify-content: space-between;
}
@media (max-width: 1050px) {
    .service-top-container{
        flex-direction: column;
    }
    .service-sub-container{
        margin-bottom: 20px;
    }
}

@media (max-width: 950px) {
    .service-sub-container{
        flex-direction: column;
    }
    .actions-btn-container{
        margin-left: 0;
        display: block;
        margin-top: 20px;
    }
    .service-top-container .actions-btn-container .action-btn{
        margin-bottom: 20px;
        border-right: none;
        border-right: 0;
        display: inline-flex;
    }
}
.services-table-head{
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
    background: #343a40;
    color: white;
}
.services-table-head__left{
    display: flex;
    align-items: center;
}

.services-table-head .services-table-head__left>div:first-child {
    width: 75px;
}


.services-table-head .services-table-head__left>*:not(:last-child){
    padding-right: 20px;
    margin-right: 50px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.services-table-head__nickname {
    min-width:175px;
}

.services-table-head__nickname,
.services-table-head__plan {
    display: flex;
    align-items: center;
}

.white-content .services-table-head,
.white-content .users-table-head{
    color: black;
    background: #f5f6fa;
}

.services-table-head__nickname .tim-icons{

    font-size: 20px;
}
.services-table-head__right-btn>*{
    margin-left: 26px;
    margin-right: 5px;
}

.users-table-head{
    padding: 10px;
    align-items: center;
    justify-content: space-between;
    color: white;
    font-size: 17px;
    background: #343a40;
    border-top: none;
}

.users-table-head th{
    font-weight: normal !important;
    color: black;
    font-size: 17px !important;
}

.white-content .users-table-head th{
    color: white;
}


.main-panel[data="green"] .form-check .form-check-sign::after{
    color: black;
}

.datatable-bottom{
    justify-content: space-between;
    border: 1px solid #8181816b;
    border-radius: 4px;
    padding: 10px 20px 10px 30px;
    display: flex;
    align-items: center;

}
.datatable-bottom__length{
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.7);
}
.white-content .datatable-bottom__length{
    color: black;
}
.datatable-bottom__length .tim-icons{
    font-size: 19px;
    color: white;
}
.white-content .datatable-bottom__length .tim-icons{
    color: black;
}
.datatable-bottom__length select
{
    margin: 0 10px;
}

.services-table>table>tbody>tr>td:nth-child(1) {
    width:2.5%;
}

.services-table>table>tbody>tr>td:nth-child(2) {
    width:5%;
    text-align: center;
}

.services-table>table>tbody>tr>td:nth-child(3) {
    width:12.5%;
}

.services-table>table>tbody>tr>td:nth-child(4) {
    width:10%;
}

.services-table>table>tbody>tr>td:nth-child(5) {
    width:14%;
}

.services-table>table>thead>tr>th,
.services-table>table>tbody>tr>td small{
    /*color:rgba(255, 255, 255, .35)!important;*/
    color: #6c757c!important;
    font-weight: bold;
}

.text-btn{
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 400;
    color: white;
    transition: color 0.2s;
   
}
.text-btn .tim-icons{
    font-size: 20px;
}
.text-btn span{
    margin-left: 5px;
}

.main-panel[data="primary"] .text-btn:hover{
    color: #23ba8c;
}

.main-panel[data="blue"] .text-btn:hover{
    color: #1d8cf8;
}

.main-panel[data="green"] .text-btn:hover{
    color:#00f2c3 ;
}
.main-panel[data="orange"] .text-btn:hover{
    color: #f84b33;
}

.main-panel[data="red"] .text-btn:hover {
    color: #eb0d55;
}

.white-content .text-btn{
    color: black;
}

.table .form-check--table.form-check label .form-check-sign::before{
    top:0;
    left: 0;
    transition: none;
}
.table .form-check-radio input[type="radio"]:checked + .form-check-sign::after{
    top:6px
}
.table .form-check-radio.form-check--table label .form-check-sign::before, 
.table .form-check-radio.form-check--table .form-check-sign::after{
left: 0;
top:0;
}

.main-panel[data="primary"] .btn-warning.btn-link{
    border-color: #8B8C8F;
}

.main-panel[data="blue"] .btn-warning.btn-link{
    border-color: #1d8cf8;
}

.main-panel[data="green"] .btn-warning.btn-link{
    border-color:#00f2c3 ;
}
.main-panel[data="orange"] .btn-warning.btn-link{
    border-color: #f84b33;
}

#eb0d55 .btn-warning.btn-link {
    border-color: #eb0d55;
}
.btn-warning.btn-link i{
    padding-right: 0px;
}
.width-60{
    width: 60px;
    max-width: 60px;
    min-width: 60px;
}
.show-encoders-form .encoder-form-content{
    display: block !important;
}
.show-encoders-form .encoder-form-content{
    padding-top: 30px !important;
}
.show-encoders-form .encoder-form-view{
    display: none;
}
@media (min-width: 768px) {
    .show-encoders-form .edit-encoder-form{
        display: flex;
    }
    .show-encoders-form .edit-encoder-form__left{
        width: 50%;
        padding-right: 15px;
    }
    
    .show-encoders-form .edit-encoder-form__right{
        width: 50%;
        padding-left: 15px;
    }
}
.show-encoders-form .encoderCancelBtn{
    display: none;
}
.splide.is-active .splide__list{
    min-width: 100%;
}

.main-panel[data="primary"] .modal-theme-color .modal-content{
    background: #2b2f33;
}

.main-panel[data="blue"] .modal-theme-color .modal-content{
    background: #1d8cf8;
}

.main-panel[data="green"] .modal-theme-color .modal-content{
    background:#00f2c3 ; 
}
.main-panel[data="orange"] .modal-theme-color .modal-content{
    background: #f84b33;
}

.main-panel[data="red"] .modal-theme-color .modal-content {
    background: #eb0d55;
}

.main-panel[data="primary"] .modal-theme-color .modal-content .modal-body p,
.main-panel[data="blue"] .modal-theme-color .modal-content .modal-body p,
.main-panel[data="orange"] .modal-theme-color .modal-content .modal-body p,
.main-panel[data="red"] .modal-theme-color .modal-content .modal-body p{
    color: white;
}
.main-panel[data="green"] .modal-theme-color .modal-content .modal-footer button{
    color: #222a42;
}
.content-web-page .player_wrap
{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.content-web-page .player_wrap #сlappr [data-player]{
    max-height: 800px;
}
.content-web-page .player_wrap #fluid_video_wrapper_fluidPlayer{
    max-width: 100%;
    max-height: 803px;
    width: 100%;
}
.content-web-page .player_wrap #wowza-player{
    position:relative;
    width:100%;
    padding-bottom: 56.25%; 
    height: 0;
} 
@media (min-width: 1500px) {
    .content-web-page .player_wrap #wowza-player,
    .content-web-page .player_wrap .jwplayer.jw-flag-aspect-mode .jw-aspect,
    .content-web-page .player_wrap .videojs-dimensions.vjs-fluid{
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        height: 803px;
    }
}
.content-web-page .player_wrap #wowza-player-container{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

/* */
.navbar-expand-lg .navbar-nav {
    align-items: center!important;
}

.alert .alert-content,
.alert .content {
    display: inline-block;
}

.btn.dropdown-toggle[data-toggle="dropdown"] {
    text-align: center;
    padding: 5px 15px;
}

.btn.dropdown-toggle[data-toggle="dropdown"]:after {

}

.navbar-expand-lg .navbar-nav .btn.dropdown-toggle[data-toggle="dropdown"] {
    margin-bottom: 0px!important;
}

th.default_down,
th.default_up,
th.default_down_demand,
th.default_up_demand{
    width: 1% !important;
}

.w-serv-title{
    font-size: 0.700rem;
}

.stats_action i{
    margin-top: 3px;
}

.nav-item.folder>a {
    opacity: 0.65;
}

.nav-item.folder>a {
   border: none!important;
}

.nav-item.folder>a:first-of-type {
    padding: 0px!important;
}

.nav-item.folder>a.active,
.nav-item.folder:hover,
.nav-item.folder:focus
{
    border: none!important;
    color:#fff;
    background: transparent!important;
}

.nav-item.folder>a.active {
    opacity: 1!important;
}

body.white-content .nav-item.folder img {
    filter: invert(1);
}

.switcher-flag{
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
}

#selectActiveLanguage::after{
    margin-left: 5px !important;
}

.config-settings-table th{
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.1) !important;
}

.white-content .config-settings-table th{
    border-top: 0.0625rem solid rgba(34, 42, 66, 0.2) !important;
}

.has-danger:after{
    display: none !important;
}


.services-submenu,
.service-submenu{
    padding-left: 10px;
}

.services-submenu .nav-item a{
    margin-top: 0px;
}

.sidebar-app-nav{
    display: none;
}

.client-account-settings-nav{
    display: block;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        left: -145px
    }
}

.sidebar-mini .service-sub-item ul.services-submenu{
    padding-left: 0px !important;
}