@charset "utf-8";

/* CSS Document */

html, body,
a, img,
p, h1, h2, h3, h4, h5, h6,
ul, ol, li,
div, span,
fieldset, form, label, legend, textarea,
table, tbody, tfoot, thead, tr, th, td,
object, iframe,
header, footer, section, article, nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-decoration: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 100%;
}

:focus,
.btn:focus,
a:focus,
.form-control:focus {
    outline: thin dotted #ddd;
    outline: thin dotted rgba(0, 0, 0, 0.2);
    outline-offset: 2px;
}

.clearFix {
    font-size: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
    height: 1px;
    content: "";
    clear: both;
    display: block;
}

/* --------------  reset list end ------------ */

/* --------------  font-family define ------------ */
body, p, ul, ol, table {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

h1 {
    font-family: Arial, Helvetica, Sans-Serif;
}

/*------------font-----------------*/
body, p, ul, ol {
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 10px;
    line-height: 140%;
    letter-spacing: 0;
}

    p strong {
        color: #000;
    }

.cms ul,
.cms ol {
    padding-left: 20px;
}

    .cms ul li {
        list-style: circle;
        padding-bottom: 10px;
    }

    .cms ol li {
        list-style: decimal;
        padding-bottom: 10px;
    }

a {
    color: #0089bf;
    text-decoration: none;
}

a, input, button, :hover, :after, :before {
    -o-transition: background linear 0.15s, color linear 0.15s;
    -webkit-transition: background linear 0.15s, color linear 0.15s;
    -moz-transition: background linear 0.15s, color linear 0.15s;
    transition: background linear 0.15s, color linear 0.15s;
}

    a:focus, a:active, a:hover {
        text-decoration: none;
    }

    a:hover,
    #header li a:hover,
    input[type=button]:hover, button:hover,
    #header input[type=button]:hover,
    ul.dropdown-menu li > a:hover,
    ul.ui-menu li > a:hover,
    h2 a:hover {
        color: #00aef2;
        cursor: pointer;
        text-decoration: underline;
    }

img {
    font-size: 9px;
    color: #aaa;
}

a img {
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    padding-bottom: 10px;
    line-height: 120%;
    letter-spacing: -1px;
}

h1 {
    font-size: 29px;
    font-weight: 300;
    color: #888;
    padding: 0px 0 20px 0;
    clear: both;
}

    h1 strong {
        color: #111;
        font-weight: 600;
    }

h2 {
    font-size: 21px;
    font-weight: 600;
    color: #111;
    padding: 0px 0 10px 0;
    margin-bottom: 0;
    line-height: 120%;
}

    h2 a {
        color: #aaa;
    }

        h2 a:last-of-type {
            color: #111;
        }

h3 {
    font-size: 17px;
    font-weight: 800;
    color: #111;
    padding: 0px 0 5px 0;
    margin-bottom: 15px;
    line-height: 120%;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

fieldset h3 {
    padding: 5px 0 5px 0;
    margin-bottom: 0;
}

h4 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 0px 0 25px 0;
    line-height: 120%;
}

h5 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 0px 0 25px 0;
    line-height: 120%;
}

h6 {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    padding: 0px 0 5px 0;
    line-height: 120%;
}

.more {
    font-size: 90%;
    float: right;
    clear: both;
    margin-bottom: 10px;
}

/* --------------  font-family define end ------------ */
html {
    height: 100%;
}

body {
    height: 100%;
}

#logo {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#header {
    padding: 0;
    overflow: hidden;
}

#body {
    position: relative;
    min-height: 80%;
    text-align: left;
}

#footer {
    padding: 10px 0 80px 0;
    border-top: 1px solid #eee;
    text-align: center;
    font-size: 12px;
}

#content {
    min-height: 800px;
    padding-top: 20px;
    padding-right: 10px;
    z-index: 1;
}

/*-----------user_menu------------------*/

#header .user_menu {
    display: block;
    float: right;
    white-space: nowrap;
    padding: 0;
    text-align: left;
}

    #header .user_menu > ul > li {
        position: relative;
        float: left;
    }

    #header .user_menu li > a,
    #header .user_menu li > span {
        display: block;
        padding: 5px 10px;
        -o-transition: linear 0.15s;
        -webkit-transition: linear 0.15s;
        -moz-transition: linear 0.15s;
        transition: linear 0.15s;
        cursor: pointer;
    }

    #header .user_menu > ul > li > a:hover,
    #header .user_menu > ul > li > span:hover {
        color: #aaa;
        background: #111;
    }

    #header .user_menu li ul.dropdown-menu {
        right: 0;
        left: auto;
    }

    #header .user_menu ul.dropdown-menu li.active > a {
        color: #aaa;
        background: #FAFAFA;
    }

    #header .user_menu .fa {
        margin: 3px;
        min-width: 16px;
    }

/*-----------footer------------------*/
#footer ul {
    margin: 3px 0;
    padding: 0;
    line-height: 100%;
    font-size: 11px;
    display: inline;
    border-right: 1px dotted #BED9E0;
}

#footer li {
    display: inline;
    padding: 0;
    margin: 0;
    line-height: 100%;
    font-size: 11px;
}

#footer a {
    font-size: 11px;
    padding: 0 5px 0 8px;
    color: #286E8C;
    border-left: 1px dotted #BED9E0;
}

/* --------------  menu  ------------ */
#menu {
    display: block;
    position: relative;
    background: #f3f3f3;
    text-align: left;
    z-index: 10;
    margin-left: -10px;
    margin-right: -10px;
    -o-transition: width 0.15s;
    -webkit-transition: width 0.15s;
    -moz-transition: width 0.15s;
    transition: width 0.15s;
}

@media screen and (min-width: 768px) {
    #menu {
        margin-right: 0;
    }
}

#menu:hover,
#menu:focus {
    min-width: 200px;
    z-index: 200;
}

#menu ul {
    padding: 0px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

#menu li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e5e5e5;
}

    #menu li .fa {
        color: #bbb;
        display: inline-block;
        width: 22px;
        text-align: center;
    }

#menu a,
#menu span {
    display: block;
    padding: 10px 10px 10px 5px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #444;
    position: relative;
    cursor: pointer;
}

#menu li li a,
#menu li li span {
    color: #666;
}

#menu a:hover,
#menu a:active {
    color: #444;
    background: #fafafa;
    text-decoration: none;
}

#menu span:hover,
#menu span:active {
    background: #f5f5f5;
}

#menu .active > a {
    color: #aaa;
    background: #fafafa;
}

#menu .active > span,
#menu li.open.active > span,
#menu .active > a,
#menu li.active > * > i {
    color: #E60050;
}

    #menu .active > a:after {
        border-bottom: 15px solid transparent;
        border-right: 10px solid #fff;
        border-top: 15px solid transparent;
        content: "";
        display: block;
        width: 1px;
        position: absolute;
        right: 0px;
        top: 5px;
        z-index: 10;
    }

#menu ul ul .active > a:after {
    border-bottom: 14px solid transparent;
    border-right: 8px solid #fff;
    border-top: 14px solid transparent;
    top: 1px;
}

#menu li.open {
    background: #e5e5e5;
}

    #menu li.open span:hover,
    #menu li.open span:active {
        background: #e0e0e0;
    }

    #menu li.open > a,
    #menu li.open > span {
        color: #999;
    }

#menu a i.fa-angle-left,
#menu span i.fa-angle-left,
#menu a i.fa-angle-down,
#menu span i.fa-angle-down {
    position: absolute;
    right: 5px;
    top: 12px;
    width: 15px;
}

#menu ul ul {
    padding: 0;
    border-bottom: 0px solid #e5e5e5;
    background: #ededed;
    padding-left: 20px;
}

    #menu ul ul.submenu {
        display: none;
    }

#menu ul .open > ul.submenu {
    display: block;
}

#menu ul ul li {
    font-size: 12px;
    border: 0px solid #e5e5e5;
}

#menu ul ul a,
#menu ul ul span {
    padding: 5px 5px;
}

#menu ul ul ul {
    padding-left: 20px;
}

    #menu ul ul ul a,
    #menu ul ul ul span {
        padding: 2px 5px;
    }

    #menu ul ul ul .active > a:after {
        border-bottom: 10px solid transparent;
        border-right: 6px solid #fff;
        border-top: 10px solid transparent;
        top: 1px;
    }

#menu li:not(.open) > .submenu-toggle .fa.fa-angle-down,
#menu li.open > .submenu-toggle .fa.fa-angle-left {
    display: none;
}

.menu-search .fa.fa-search {
    position: absolute;
    padding-top: 14px;
    color: #bbb;
}

.menu-search .js-menu-search {
    padding: 10px 0px 10px 17px;
}


/*-----------nav-tabs------------------*/
.nav-tabs {
    padding: 0;
    width: auto;
    margin-bottom: 10px;
}

    .nav-tabs > li {
        margin-bottom: -2px;
        margin-top: 5px;
        padding: 0;
    }

        .nav-tabs > li > a {
            border: none;
            border-bottom: 3px solid transparent;
            border-radius: 0;
            line-height: 20px;
            padding: 2px 8px 0px 8px;
            margin-right: 15px;
            position: relative;
        }

            .nav-tabs > li > a:hover,
            .nav-tabs > li > a:active,
            .nav-tabs > li > a:focus {
                background: none;
                border-bottom: 3px solid #00B4F8;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover {
            border: none;
            border-bottom: 3px solid #ffd800;
            background: #ffd800;
            background: #fff;
            color: #111;
        }

            .nav-tabs > li.active > a:after {
                position: absolute;
                border-radius: 6px;
                width: 10px;
                height: 10px;
                display: block;
                background: #fff;
                border: 3px solid #ffd800;
                bottom: -7px;
                left: -7px;
                content: "";
            }

/*-----------form------------------*/

fieldset {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    padding-bottom: 25px;
}

.form-inline > form {
    display: inline-block;
}

form.inline {
    display: inline;
}

.form-inline .btn {
    vertical-align: middle;
}

label {
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 5px;
    line-height: 120%;
}

.radio label,
.checkbox label,
.thumbnail-list__item label {
    padding-top: 0;
    padding-bottom: 0;
}


.modal--images .type_ImagesCheckBoxList > label,
.form--file-upload label {
    display: none;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.popover input,
.editor_element > span.text,
.form-control,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #f2f2f2;
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-top: 1px solid #f9f9f9;
    border-right: 1px solid #f9f9f9;
    -o-transition: background linear 0.15s, color linear 0.15s, padding linear 0.15s;
    -webkit-transition: background linear 0.15s, color linear 0.15s, padding linear 0.15s;
    -moz-transition: background linear 0.15s, color linear 0.15s, padding linear 0.15s;
    transition: background linear 0.15s, color linear 0.15s, padding linear 0.15s;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    box-shadow: none;
    border: none;
    padding: 13px;
    padding-left: 0;
    margin: 0;
}

    select:hover,
    textarea:hover,
    input[type="text"]:hover,
    input[type="password"]:hover,
    input[type="datetime"]:hover,
    input[type="datetime-local"]:hover,
    input[type="date"]:hover,
    input[type="month"]:hover,
    input[type="time"]:hover,
    input[type="week"]:hover,
    input[type="number"]:hover,
    input[type="email"]:hover,
    input[type="url"]:hover,
    input[type="search"]:hover,
    input[type="tel"]:hover,
    input[type="color"]:hover,
    .uneditable-input:hover,
    .popover input:hover,
    .form-control:hover {
        background: #f9f9f9;
        background: #eee;
        padding-left: 13px;
        -o-transition: background linear 0.15s, color linear 0.15s, padding linear 0.15s;
        -webkit-transition: background linear 0.15s, color linear 0.15s, padding linear 0.15s;
        -moz-transition: background linear 0.15s, color linear 0.15s, padding linear 0.15s;
        transition: background linear 0.15s, color linear 0.15s, padding linear 0.15s;
    }

.page__clear-cache .form-control,
.page__clear-cache input[type="text"] {
    background: #eee;
    padding-left: 13px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-control:focus,
.popover input:focus {
    background: #f2f2f2;
    border-color: #f2f2f2;
    box-shadow: none;
    outline: 1px dotted #ddd;
    outline: 1px dotted rgba(0, 0, 0, 0.2);
    outline-offset: 2px;
    padding-left: 13px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: #444;
}

input[type="search"],
.search input {
    padding-left: 13px;
}

.radio,
.checkbox {
    margin-bottom: 5px;
}

input[type="radio"],
input[type="checkbox"] {
    margin-top: 0;
}

fieldset .form__date-from-to input,
.form--file-upload input[type="file"] {
    background-color: #f7f7f7;
    padding-left: 13px;
}

.form--file-upload input[type="file"] {
    padding-top: 6px;
    padding-bottom: 7px;
}

input.hidden {
    display: none;
}

option {
    background: #f2f2f2;
    border: none;
    font-size: 13px;
}

td select,
.thumbnail-list__item select {
    font-size: 13px;
    color: #333;
    height: 20px;
    padding: 0px;
    min-width: 70px;
}

.thumbnail-list__item select {
    width: auto;
    background: #f2f2f2;
}

td option,
.thumbnail-list__item option {
    padding-right: 15px;
}

.editor_element span.text {
    padding: 5px 0;
    color: #000;
    display: block;
}

fieldset .sticky {
    z-index: 4;
    padding-bottom: 30px;
    padding-top: 30px;
    background: #ffffff;
}

fieldset .sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    border-bottom: 1px solid #ccc;
}

fieldset .sticky-shadow {
    -webkit-box-shadow: 0 10px 10px -10px #ccc;
    -moz-box-shadow: 0 10px 10px -10px #ccc;
    box-shadow: 0 10px 10px -10px #ccc;
}

fieldset .sticky-footer {
    position: fixed;
    width: 100%;
    bottom: 0px;
    border-top: 1px solid #ccc;
    -webkit-box-shadow: 0 -10px 10px -10px #ccc;
    -moz-box-shadow: 0 -10px 10px -10px #ccc;
    box-shadow: 0 -10px 10px -10px #ccc;
}

fieldset .form-group {
    display: block;
    clear: both;
    overflow: visible;
    position: relative;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px dashed #ccc;
}

@media screen and (min-width: 768px) {
    fieldset .form-group {
        display: flex;
    }
}

@media screen and (min-width: 992px) and (max-width: 1059px) {
    fieldset .col-md-8 .form-group {
        display: block;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1329px) {
    fieldset .col-lg-6 .form-group {
        display: block;
    }
}

fieldset .full .form-group,
fieldset .type_ImagesCheckBoxList,
fieldset .custom-fields .form-group {
    display: block;
}

fieldset .buttons .form-group {
    border: none;
    padding: 10px 0;
}

fieldset .media-files__details .form-group:last-of-type {
    border-bottom: none;
}

fieldset .custom-fields__item:last-of-type .form-group {
    border-bottom: none;
    margin-bottom: -10px;
}

fieldset .form__date-from-to .form-group {
    margin-right: 10px;
}

fieldset .epg-channel__available-panel .controls:last-of-type .form-group {
    border-bottom: none;
}

fieldset .mediafilesCategoriesSelector,
fieldset .imagesSelector {
    border-bottom: 1px dashed #ccc;
    padding: 25px 0 0 0;
}

fieldset .form-group .imagesSelector {
    border-bottom: none;
}

fieldset .imageSelectorHeader,
fieldset .live-streams {
    padding: 10px 0 0 0;
}

fieldset .logo-images small {
    color: #bbb;
}

fieldset .logo-image .header {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}

fieldset .logo-image .image-selector {
    border-bottom: 1px dashed #ccc;
    padding: 10px 0 0 80px;
}

.addImageModal fieldset {
    padding-bottom: 0px;
}

.uploadMediaFileModal .upload-files .upload-frame {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    gap: 3px;
    border: 1px solid #ccc;
}

.mediafilesCategoriesSelector .info,
.extendedAutocompleteMulitpleSelection .info,
.form-group .editor_element .info {
    color: #aaa;
    font-size: 11px;
}

fieldset .form-group > label {
    width: 190px;
}

fieldset .form__date-from-to .form-group > label {
    width: 60px;
}

fieldset .editor_element {
    flex: auto;
    margin: auto 0;
    overflow: hidden;
}

textarea {
    display: block;
    height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    resize: vertical;
    text-indent: 0px;
}

fieldset .long textarea {
    height: 200px;
}

.embed-iframe .long textarea {
    height: 90px;
}

.html5editor textarea,
.type_Html textarea {
    padding: 0;
    padding-left: 5px;
}

.html5editor textarea,
.full textarea {
    height: 450px;
    background: #fafafa;
    padding-left: 13px;
}

textarea.htmlEditor {
    background: #eee;
}

td textarea {
    min-height: 20px;
    height: auto;
    font-size: 13px;
    line-height: 130%;
    padding: 3px;
}

fieldset .type_Boolean {
    position: relative;
    display: block;
}

    fieldset .type_Boolean > label {
        float: none;
        width: auto;
        max-width: none;
        padding-left: 20px;
        min-height: 20px;
        margin-bottom: 5px;
    }

    fieldset .type_Boolean > .editor_element {
        position: absolute;
        margin-left: 0;
        top: 10px;
    }

fieldset h2 {
    border-bottom: none;
    padding: 0;
    margin: 0;
}

    fieldset h2 .form-group {
        padding-bottom: 0;
    }

        fieldset h2 .form-group label {
            display: none;
        }

    fieldset h2 .editor_element {
        margin-left: 0;
    }

    fieldset h2 .form-control,
    fieldset h2 .ui-autocomplete-input {
        font-size: 27px;
        line-height: 100%;
        font-weight: 700;
        color: #111;
        width: 100%;
        letter-spacing: -1px;
        border-color: #eee;
        border: none;
        margin: 0;
        padding: 5px 0;
        -o-transition: padding 0.15s;
        -webkit-transition: padding 0.15s;
        -moz-transition: padding 0.15s;
        transition: padding 0.15s;
    }

        fieldset h2 .form-control:focus,
        fieldset h2 .form-control:hover {
            padding-left: 15px;
            -o-transition: padding 0.15s;
            -webkit-transition: padding 0.15s;
            -moz-transition: padding 0.15s;
            transition: padding 0.15s;
        }

fieldset .form__date-from-to {
    display: flex;
    margin-right: -10px;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: .5;
}

    .hr-text:before {
        content: '';
        background-color: #E60050;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
    }

    .hr-text:after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        color: black;
        padding: 0 .5em;
        line-height: 1.5em;
        background-color: #fcfcfa;
        text-transform: uppercase;
    }

}

/*----------------------*/
.permission-selector {
    padding-top: 10px;
}

.permission-selector__select-all {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.permission-selector .unselect-all-checkboxes,
.permission-selector .select-all-checkboxes {
    -o-transition: background linear 0.15s, color linear 0.15s;
    -webkit-transition: background linear 0.15s, color linear 0.15s;
    -moz-transition: background linear 0.15s, color linear 0.15s;
    transition: background linear 0.15s, color linear 0.15s;
}

    .permission-selector .unselect-all-checkboxes:hover,
    .permission-selector .select-all-checkboxes:hover {
        cursor: pointer;
        color: #00aef2;
    }

.permission-selector .unselect-all-checkboxes {
    margin-right: 5px;
}

.permission-selector__element .info {
    margin-left: 10px;
}

/*------header__date-----------*/
.buttons .header__date {
    position: relative;
    width: 210px;
    height: 36px;
    margin-right: 4px;
}

    .buttons .header__date label {
        position: absolute;
        top: -16px;
        font-size: 12px;
        white-space: nowrap;
        padding: 0;
    }

    .buttons .header__date .form-group {
        padding: 0;
    }

    .buttons .header__date .editor_element {
        margin-left: 0;
    }

    .buttons .header__date .form-control,
    .buttons .header__date .datetime {
        height: 36px;
        background-color: #f7f7f7;
        padding: 13px;
    }

    .buttons .header__date .info {
    }

/*------platform__dates-----------*/
.platform__dates {
    min-height: 70px;
    padding-top: 15px;
}

    .platform__dates .header__date {
        position: relative;
        max-width: 150px;
        height: 36px;
        margin-right: 4px;
    }

        .platform__dates .header__date label {
            position: absolute;
            top: -16px;
            font-size: 12px;
            white-space: nowrap;
            padding: 0;
        }

        .platform__dates .header__date .form-group {
            padding: 0;
        }

        .platform__dates .header__date .editor_element {
            margin-left: 0;
        }

        .platform__dates .header__date .form-control,
        .platform__dates .header__date .datetime {
            height: 36px;
            background-color: #f7f7f7;
            padding: 13px;
        }

        .platform__dates .header__date .info {
        }

/*-----------platformicons----------------*/
.platform-icons {
    white-space: nowrap;
}

    .platform-icons i {
        padding-right: 5px;
    }

    .platform-icons .published {
        color: black;
    }

    .platform-icons .unpublished {
        color: rgb(210, 210, 210);
    }

/*-----------SpaceImages----------------*/
.space-images {
    white-space: nowrap;
    filter: drop-shadow(0 0 1px #000);
}

.space-image-size-small {
    max-width: 16px;
    max-height: 16px;
}

.space-image-size-medium {
    max-width: 32px;
    max-height: 32px;
}

/*-----------tableFilter------------------*/
.tableFilter {
    padding-bottom: 20px;
}

    .tableFilter .form-group {
        display: block;
    }

    .tableFilter .search .form-control {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }

    .tableFilter .search .form-group > label {
        display: none;
        float: none;
        margin-left: 20px;
    }

    .tableFilter .search .form-group {
        border: none;
    }

    .tableFilter .search .editor_element {
        margin-left: 0;
    }

@media screen and (min-width: 768px) {
    .tableFilter .form-group {
        display: flex;
    }

    .tableFilter .type_Boolean {
        display: block;
    }
}

[type="search"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

input::-webkit-input-placeholder {
    color: #aaa;
    font-style: italic;
    text-transform: lowercase;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

input:-moz-placeholder {
    color: #aaa;
    font-style: italic;
    text-transform: lowercase;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

input::-moz-placeholder {
    color: #aaa;
    font-style: italic;
    text-transform: lowercase;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

input:-ms-input-placeholder {
    color: #aaa;
    font-style: italic;
    text-transform: lowercase;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

.placeholder {
    color: #bbb;
    font-style: italic;
    text-transform: lowercase;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    padding: 10px 0;
    text-align: center;
}

    .placeholder.inline {
        display: inline;
    }

/*-----------label------------------*/
.label {
    font-size: 11px;
    font-weight: normal;
    background-color: #E6E6E6;
    color: #999999;
    text-shadow: none;
    border-radius: 2px;
    text-transform: lowercase;
}

.label-error,
.label-denied,
.label-missing,
.label-blocked,
.label-canceled,
.label-failed {
    background: #C40000;
    color: #fff;
}

.label-warning,
.label-new,
.label-running,
.label-pending,
.label-cannotreach,
.label-transcoding,
.label-uploading {
    background: #ffdc19;
    color: #5a3c1e;
}

.label-success,
.label-confirmed,
.label-subscribed,
.label-ready,
.label-published,
.label-active,
.label-ok,
.label-completed {
    background: #7dbe00;
    color: #fff;
}

.label-graceperiod {
    background: #199fff;
    color: #fff;
}

.label-onhold {
    background: #ff9100;
    color: #fff;
}

.label-refunded {
    background: #ff4400;
    color: #fff;
}

.label-info,
.label-disabled {
    background: #00b4f8;
    color: #fff;
}

.fa-toggle-on,
.text-colour-on {
    color: #7dbe00;
}

.text-colour-off {
    color: #ccc;
}

/*-----------button------------------*/
.btn,
.btn-primary,
.btn-secondary,
.btn-tetriary,
.plupload_button,
.btn input {
    font-size: 18px;
    line-height: 100%;
    height: 36px;
    text-align: center;
    padding: 8px 10px;
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: none;
    color: #999999;
    margin-right: 4px;
    margin-bottom: 6px;
    border: none;
    border-radius: 0;
    text-shadow: none;
    text-indent: 0;
    text-transform: lowercase;
    letter-spacing: 0;
    -o-transition: ease-in-out 0.15s;
    -webkit-transition: ease-in-out 0.15s;
    -moz-transition: ease-in-out 0.15s;
    transition: ease-in-out 0.15s;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
}

    .btn input {
        margin-right: 0;
        margin-bottom: 0;
    }

    .btn form,
    .btn div.btnwrapper {
        margin: -8px -10px;
    }

    .btn.pull-right {
        margin-right: 0px;
        margin-left: 4px;
    }

    input[type=submit],
    button[type=submit],
    input.btn,
    input.btn-primary,
    input.btn-secondary,
    input.btn-tetriary,
    .btn input,
    button.btn {
        height: 36px;
        padding: 0px 10px 2px 10px;
        text-indent: 0;
    }

.btn-sm {
    font-size: 14px;
    height: 22px;
    line-height: 13px;
    padding: 4px 6px 5px 6px;
    letter-spacing: 0px;
}

input.btn-sm,
button.btn-sm {
    font-size: 14px;
    height: 22px;
}

.btn-lg {
    font-size: 22px;
}

.btn i {
    margin-right: 10px;
}

    .btn i.fa-2x {
        margin-top: -13px;
        position: relative;
        top: 5px;
    }

button.btn i.fa-2x {
    margin-top: -10px;
}

.btn .fa-hidden {
    display: none;
}

.btn[disabled] i.fa-hidden {
    display: inline-block !important;
}

.btn[disabled] i.fa-visible {
    display: none;
}

.btn-primary,
.btn-primary input,
.plupload_add {
    background-color: #E60050;
    color: #FFFFFF;
}

.btn-secondary,
.btn-secondary input,
.plupload_start {
    background-color: #00B4F8;
    color: #FFFFFF;
}

.btn-tetriary,
.btn-tetriary input {
    background-color: #FFD800;
    color: #874F00;
}

    .btn:hover, .btn:focus,
    .btn-primary:hover,
    .btn-secondary:hover,
    .btn-tetriary:hover,
    .plupload_button:hover,
    .btn input:hover,
    .btn:hover .editor_element select,
    button.btn:hover,
    input.btn:hover {
        background-color: #008ec4;
        color: #FFFFFF;
        cursor: pointer;
    }

    .btn.disabled, .btn[disabled],
    .btn-primary.disabled, .btn-primary[disabled],
    .btn-secondary.disabled, .btn-secondary[disabled],
    .btn-tetriary.disabled, .btn-tetriary[disabled],
    .btn.disabled:hover, .btn[disabled]:hover,
    .btn-primary.disabled:hover, .btn-primary[disabled]:hover,
    .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover,
    .btn-tetriary.disabled:hover, .btn-tetriary[disabled]:hover {
        background-color: #ccc;
        color: #FFFFFF;
        cursor: default;
    }

.fa-info {
    background-color: #FFD800;
    color: #874F00;
    border-radius: 7px;
    padding: 1px 5px;
    margin-left: 5px;
}

.btn label,
fieldset .btn .form-group > label {
    display: none;
}

fieldset .btn .form-group {
    padding: 0;
}

fieldset .btn .editor_element {
    margin: 0;
    display: block;
    float: none;
    width: auto;
}

.btn .editor_element select {
    border: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    letter-spacing: -0.5px;
    background-color: #FFD800;
    color: #874F00;
    height: auto;
}

.btn .editor_element option,
.btn:hover .editor_element option {
    color: #333;
    background: #fff;
    font-size: 13px;
}

.thumbnail-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

    .thumbnail-list .spinner,
    .thumbnail-single .spinner {
        width: auto;
    }

.spinner {
    display: none;
    vertical-align: baseline;
}

/*------------tooltip-----------------*/
.tooltip-btn {
    cursor: pointer;
}

.tooltip-inner {
    text-transform: none;
    background-color: #eee;
    color: #111;
    padding: 5px 10px;
    max-width: 300px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #eee;
}

.tooltip-icon-overlay {
    position: absolute; /* to align it to right and positon it over the input */
    top: 30%;
    right: 10px;
}

select + .tooltip-icon-overlay {
    right: 25px;
}

.wide-tooltip {
    min-width: 280px;
}

.validation-movie-helper {
    color: gray;
}

.validation-movie-counter {
    color: gray;
    float: right;
    display: flex;
}

.validation-warning {
    color: red;
}

.validation-success {
    color: green;
}
/*------------timedescriptor-----------------*/
.timedescriptor-legend {
    min-width: 280px;
}

    .timedescriptor-legend .current {
        font-weight: bold;
    }

/*------------wysihtml5-----------------*/
ul.wysihtml5-toolbar {
    margin: 0 0 5px 0;
    border-radius: 3px;
    background: #f2f2f2;
    padding: 0 10px;
}

    ul.wysihtml5-toolbar > li > .btn {
        margin: 0;
        font-size: 17px;
        color: #333;
        background-color: #f2f2f2;
        border-left: 1px solid #ddd;
        border-right: 1px solid #fff;
        display: block;
        float: left;
    }

    ul.wysihtml5-toolbar .btn[data-wysihtml5-command-value="p"],
    ul.wysihtml5-toolbar .btn[data-wysihtml5-command-value="h1"],
    ul.wysihtml5-toolbar .btn[data-wysihtml5-command-value="h2"],
    ul.wysihtml5-toolbar .btn[data-wysihtml5-command-value="h3"] {
        min-width: 20px;
    }

    ul.wysihtml5-toolbar .btn:hover {
        background-color: #00B4F8;
        border-color: #00B4F8;
        color: #FFFFFF;
    }

    ul.wysihtml5-toolbar > li {
        margin: 0;
        padding: 0;
        float: left;
        position: relative;
    }

        ul.wysihtml5-toolbar > li:first-of-type {
            border-left: 1px solid #fff;
        }

        ul.wysihtml5-toolbar > li:nth-last-of-type(2) {
            border-right: 1px solid #ddd;
        }

        ul.wysihtml5-toolbar > li:last-of-type {
            border-right: 1px solid #ddd;
            border-left: 1px solid #fff;
            float: right;
        }

    ul.wysihtml5-toolbar a.btn.wysihtml5-command-active,
    ul.wysihtml5-toolbar a.btn.wysihtml5-action-active {
        box-shadow: none;
        background-color: #ffec82;
        color: #874F00;
        border-right-color: #ffec82;
    }

.wysihtml5-toolbar .popover {
    display: block;
    max-width: 400px;
    top: 35px;
    left: -40px;
}

    .wysihtml5-toolbar .popover .arrow {
        left: 58px;
        border-bottom-color: #fff;
    }

    .wysihtml5-toolbar .popover input {
        width: 350px;
    }

.wysihtml5-sandbox {
    background: #eee !important;
    overflow: auto;
}

/*------------jsoneditor-----------------*/
.jsoneditor__holder {
    width: 100%;
    height: 700px;
}

.jsoneditor {
    color: #000;
    border: none;
}

    .jsoneditor .menu {
        color: #000;
        height: 38px;
        border: none;
        background: #f2f2f2;
        border-bottom: 4px solid #fff;
        margin: 0;
        border-radius: 3px;
        padding: 0 10px;
    }

        .jsoneditor .menu button {
            margin: 0;
            height: 100%;
            width: auto;
            color: #000;
            background: #f2f2f2;
            border: none;
            border-left: 1px solid #ddd;
            border-right: 1px solid #fff;
            text-align: center;
            padding: 8px 10px;
            border-radius: 0;
        }

            .jsoneditor .menu button:hover {
                background-color: #00B4F8;
                border-color: #00B4F8;
                color: #FFFFFF;
            }

            .jsoneditor .menu button:before {
                font-family: FontAwesome;
                font-size: 17px;
            }

            .jsoneditor .menu button.format:before {
                content: "\f038";
            }

            .jsoneditor .menu button.compact:before {
                content: "\f039";
            }

    .jsoneditor textarea.text {
        background: #eee;
    }

    .jsoneditor div.outer {
        margin: -40px 0 0 0;
        padding: 40px 0 0 0;
    }

/* -------------- jsoneditor 6.3.0 ------------ */


/* Tree mode */
.jsoneditor-tree button.jsoneditor-expanded {
    background-image: none !important;
    color: #333;
}

    .jsoneditor-tree button.jsoneditor-expanded:before {
        font-family: FontAwesome;
        font-size: 15px;
        content: "\f107";
    }

.jsoneditor-tree button.jsoneditor-collapsed {
    background-image: none !important;
    color: #333;
}

    .jsoneditor-tree button.jsoneditor-collapsed:before {
        font-family: FontAwesome;
        font-size: 15px;
        content: "\f105";
    }

.jsoneditor-tree button.jsoneditor-contextmenu {
    background-image: none !important;
    color: #828282;
}

    .jsoneditor-tree button.jsoneditor-contextmenu:hover {
        color: #333;
    }

    .jsoneditor-tree button.jsoneditor-contextmenu:before {
        font-family: FontAwesome;
        font-size: 17px;
        content: "\f142";
    }

.jsoneditor-tree button.jsoneditor-dragarea {
    background-image: none !important;
    color: #828282;
}

    .jsoneditor-tree button.jsoneditor-dragarea:hover {
        color: #333;
    }

    .jsoneditor-tree button.jsoneditor-dragarea:before {
        font-family: FontAwesome;
        font-size: 17px;
        content: "\f07d";
    }

/* Path separator */

.jsoneditor-treepath-seperator {
    font-family: FontAwesome !important;
}

/* Menu */

.jsoneditor-menu button {
    background-image: none !important;
}

    .jsoneditor-menu button:hover {
        background-color: #dcdcdc !important;
    }

    .jsoneditor-menu button:before {
        font-family: FontAwesome;
        font-size: 17px;
    }

    .jsoneditor-menu button.jsoneditor-format:before {
        content: "\f038";
    }

    .jsoneditor-menu button.jsoneditor-compact:before {
        content: "\f039";
    }

    .jsoneditor-menu button.jsoneditor-repair:before {
        content: "\f0ad";
    }

    .jsoneditor-menu button.jsoneditor-expand-all:before {
        content: "\f065";
    }

    .jsoneditor-menu button.jsoneditor-collapse-all:before {
        content: "\f066";
    }

    .jsoneditor-menu button.jsoneditor-undo:before {
        content: "\f0e2";
    }

    .jsoneditor-menu button.jsoneditor-redo:before {
        content: "\f01e";
    }

/* Additional css */

.jsoneditor-tree table {
    margin: 0px !important;
    min-width: 0% !important;
}

.jsoneditor-tree input[type="checkbox"] {
    margin-top: 4px !important;
}

.jsoneditor .jsoneditor-menu button:hover {
    text-decoration: none;
}

.jsoneditor .jsoneditor-tree button:hover {
    text-decoration: none;
}
/*------------iframe-----------------*/
iframe {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
}

.modal--images iframe {
    min-height: 500px;
}

.modal--mediafileupload iframe {
    min-height: 400px;
}

/*------------thumbnails-----------------*/
.thumbnail-list,
.thumbnail-single {
    padding: 0;
    clear: both;
    overflow: visible;
}

.modal-body .thumbnail-list {
    margin: 0 -2px;
}

.thumbnail-list__item {
    margin-left: 0;
    margin-right: 20px;
    padding: 2px;
    margin-left: -2px;
    float: left;
    overflow: visible;
}

.thumbnail-list__container {
    background: #fafafa;
}

.modal-body .thumbnail-list__item {
    width: 220px;
    margin: 2px;
}

.imagesSelector .thumbnail-list__item {
    width: 50%;
    padding: 0;
    margin: 0;
    margin-right: 0;
    margin-bottom: 0;
}

@media screen and (min-width: 1170px) {
    .imagesSelector .thumbnail-list__item {
        width: 33.33%;
    }
}

.thumbnail-list__item label {
    padding: 3px;
    display: block;
    cursor: pointer;
}

.thumbnail-list img,
.thumbnail-single img {
    width: 100%;
    display: block;
    margin: 0;
}

.thumbnail-list__item {
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    display: block;
    overflow: visible;
    padding: 0;
    position: relative;
}

    .thumbnail-list__item .list-inline .form_row {
        padding-left: 5px;
    }

.thumbnail-list--checkboxes .thumbnail-list__item:hover {
    box-shadow: 1px 1px 5px #98e3ff;
    border-color: #00b4f8;
}

.thumbnail-list__item .radio,
.thumbnail-list--checkboxes .thumbnail-list__item .radio {
    position: relative;
    padding: 0;
    margin: 0;
}

    .thumbnail-list__item .radio input {
        position: absolute;
        opacity: 0.2;
    }

.thumbnail-list__item .detachImage,
.imageItem .image .detachImage {
    margin: 0;
    padding: 2px;
    color: #ccc;
    background: #fff;
    display: block;
    width: 21px;
    height: 21px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    line-height: 10px;
}

    .thumbnail-list__item .detachImage:hover,
    .imageItem .image .detachImage:hover {
        color: #00AEF2;
        cursor: pointer;
    }

.thumbnail-list__item .thumbnail__options {
    position: absolute;
    top: 0;
    left: 0;
    right: 26px;
    height: 21px;
    display: block;
    line-height: 17px;
    vertical-align: baseline;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

    .thumbnail-list__item .thumbnail__options > span {
        margin-left: 5px;
        position: relative;
        height: 23px;
        display: block;
    }

    .thumbnail-list__item .thumbnail__options select {
        height: 21px;
        background: #fff;
        background: rgba(255, 255, 255, 0.9);
        padding: 1px 5px;
        font-size: 12px;
    }

    .thumbnail-list__item .thumbnail__options input {
        margin: 5px;
    }

.thumbnail-list__item .thumbnail__option-main {
    height: 21px;
    padding: 0px;
    z-index: 3;
    display: block;
    white-space: nowrap;
    line-height: 17px;
    vertical-align: baseline;
    font-size: 12px;
}

    .thumbnail-list__item .thumbnail__option-main label {
        display: block;
        line-height: 17px;
        height: 21px;
        padding: 2px 5px;
        padding-left: 20px;
        padding-right: 20px;
        background: #fff;
        background: rgba(255, 255, 255, 0.9);
    }

    .thumbnail-list__item .thumbnail__option-main .thumbnail__tooltip {
        margin-left: 7px;
    }

        .thumbnail-list__item .thumbnail__option-main .thumbnail__tooltip .tooltip-icon-overlay {
            top: 19%;
        }

    .thumbnail-list__item .thumbnail__option-main:hover label {
        color: #666;
    }

    .thumbnail-list__item .thumbnail__option-main input {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0.3;
    }

        .thumbnail-list__item .thumbnail__option-main input:checked {
            opacity: 1;
        }

        .thumbnail-list__item .thumbnail__option-main input + input + label {
        }

        .thumbnail-list__item .thumbnail__option-main input:checked + input + label {
            background: #bbbbbb;
            color: #000;
        }

.thumbnail-list__item .thumbnail__role {
    z-index: 1;
}

/*
    -----------------------Custom dropdown box-----------------
*/

.custom-dropdown {
    background: rgba(255, 255, 255, 0.9);
    padding: 0pt;
    margin-block-end: 0;
}

    .custom-dropdown .selected-item {
        cursor: pointer;
        padding: 2pt;
    }

    .custom-dropdown .select-arrow {
        font-size: 10px;
    }

    .custom-dropdown dt {
        padding: 1pt;
    }

    .custom-dropdown .select-items {
        background: white;
        border: 1px solid #000;
        position: absolute;
    }

        .custom-dropdown .select-items .item-border {
            background: white;
            padding: 3px;
        }

        .custom-dropdown .select-items .item {
            cursor: pointer;
            margin: 10px;
            padding-bottom: 10px;
            overflow: visible;
        }

            .custom-dropdown .select-items .item .item-image {
                width: 115px;
                align-items: center;
                justify-content: center;
                margin-left: 10px;
                display: flex;
            }

            .custom-dropdown .select-items .item .item-description {
                width: 150px;
                min-height: 60px;
            }

            .custom-dropdown .select-items .item .item-small-description {
                color: gray;
            }

            .custom-dropdown .select-items .item .item-border:hover {
                background: #29ABE2;
            }

            .custom-dropdown .select-items .item .item-container {
                display: flex;
                padding: 10px;
                background: rgba(255, 255, 255, 0.9);
            }

        .custom-dropdown .select-items li.item:not(:last-child) {
            border-bottom: 1px dashed;
        }


/* ----------------------------------------------*/

.imagesSelector .thumbnail-list__item .image,
.imageItem .image {
    position: relative;
    display: block;
    overflow: hidden;
}

.imagesSelector .thumbnail-list__item .title {
    display: block;
}

.imagesSelector .thumbnail-list__item .details {
    color: #888;
    font-size: 12px;
    position: absolute;
    bottom: -150px;
    left: 0;
    background: #fff;
    padding: 2px 5px;
    z-index: 3;
    display: block;
    -o-transition: linear 0.15s;
    -webkit-transition: linear 0.15s;
    -moz-transition: linear 0.15s;
    transition: linear 0.15s;
}

.imagesSelector .thumbnail-list__item .image:hover .details {
    bottom: 0px;
}


.thumbnail-list-wrapper {
    display: grid;
    grid-gap: 5px;
}

.thumbnail-list-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.thumbnail-list-wrapper {
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: minmax(150px, auto);
}

.thumbnail-list__panel {
    margin-left: 5px;
    margin-right: 5px;
    flex: 1 1 200px;
}

.thumbnail-list .additional-information {
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
}

    .thumbnail-list .additional-information .arrow {
        font-size: 10px;
    }

    .thumbnail-list .additional-information .arrow-container {
        display: flex;
        margin-top: 4px;
        margin-left: 5px;
    }

@supports (display: grid) {
    .thumbnail-list-wrapper > * {
        margin: 0;
    }
}

/*------------dropdown-----------------*/
ul.dropdown-menu {
    background: #f2f2f2;
    position: absolute;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 10;
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 0;
    min-width: 0;
}

    ul.dropdown-menu:before {
        border-bottom: 5px solid #f2f2f2;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        content: "";
        display: block;
        width: 1px;
        position: absolute;
        right: 12px;
        top: -5px;
    }

    ul.dropdown-menu li {
        margin: 0;
        padding: 0;
        float: none;
        display: block;
    }

        ul.dropdown-menu li > a,
        ul.dropdown-menu li > span {
            display: block;
            padding: 5px 5px 5px 10px;
            -o-transition: linear 0.15s;
            -webkit-transition: linear 0.15s;
            -moz-transition: linear 0.15s;
            transition: linear 0.15s;
            color: #333;
        }

        ul.dropdown-menu li.separator {
            border-top: 1px dashed #ddd;
        }

        ul.dropdown-menu li > a:hover {
            background: #e5f8ff;
        }

/*-----------submenu-----------------*/
ul.dropdown-submenu::before {
    border-bottom: 7px solid transparent;
    border-left: 7px solid #f2f2f2;
    border-top: 7px solid transparent;
    content: "";
    display: block;
    position: absolute;
    right: -11px;
    top: 10px;
}


#header .user_menu li ul.dropdown-submenu {
    right: 106%;
    top: 0px;
}

/*-----------login------------------*/
body.login-page__body {
    background: url(../images/login-bg.jpg) center -100px no-repeat #bfdbe3;
    text-align: center;
    padding-top: 120px;
    height: auto;
}

.login-page__body #header,
.login-page__body #footer {
    display: none;
}

.login-page__body #body {
    background: url(../images/wstazka-login-rpt.jpg) center 130px repeat-x;
}

    .login-page__body #body .container-fluid {
        background: url(../images/wstazka-login.jpg) center 130px no-repeat;
        height: 350px;
        margin: 0 auto;
        padding: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

.login-page__body--nobranding #body .container-fluid {
    background: url(../images/wstazka-login-no-branding.jpg) center 130px no-repeat;
}

.login-page__body #body .login__wrapper {
    margin: 0 auto;
    max-width: 530px;
    text-align: center;
}


.login-page__body #login header {
    display: none;
}

.login-page__body #login fieldset {
    padding-bottom: 0;
}

.login-page__body #content h1 {
    background: none;
    padding-bottom: 40px;
}

    .login-page__body #content h1 small {
        display: inline;
        padding: 0 4px;
        color: #a3bbc2;
        font-size: 22px;
        letter-spacing: -1px;
        font-weight: 200;
        text-transform: lowercase;
    }

#login {
    max-width: 700px;
}

.login-page__body #create-root,
.login-page__body #login {
    margin: 0 auto;
    border: 5px solid #fff;
    border: 5px solid rgba(255, 255, 255, 0.5);
    box-shadow: 10px 0 35px rgba(0, 120, 150, 0.2);
    padding: 30px;
    display: block;
    text-align: left;
    background: #f4f9fa;
    background: rgba(255, 255, 255, 0.8);
    background: url(../images/login-box-bg.png) top center repeat-y;
}

    .login-page__body #create-root .form-group,
    .login-page__body #login .form-group {
        position: relative;
        border: none;
        margin-bottom: 15px;
    }

    .login-page__body #create-root .form-control,
    .login-page__body #login .form-control {
        display: block;
        font-size: 26px;
        height: 50px;
        line-height: 100%;
        color: #000;
        font-weight: bold;
        letter-spacing: -1px;
        background: #e6f0f5;
        border: none;
        border-top: 1px solid #cadee3;
        text-indent: 85px;
        border-radius: 0;
        box-shadow: none;
    }

    .login-page__body #create-root label,
    .login-page__body #login label {
        position: absolute;
        top: 2px;
        left: 0px;
        z-index: 5;
        padding: 14px 15px 10px 15px;
        width: 80px;
        font-style: italic;
        color: #8bb7c5;
        text-transform: lowercase;
        font-size: 15px;
        background: #e6f0f5;
        background: rgba(230, 240, 245, 0.9);
    }

    .login-page__body #create-root label {
        width: 160px;
    }

    .login-page__body #create-root .form-control {
        text-indent: 165px;
    }

    .login-page__body #create-root input:hover,
    .login-page__body #create-root input:focus,
    .login-page__body #login input:hover,
    .login-page__body #login input:focus {
        padding-left: 0;
    }

    .login-page__body #create-root .btn,
    .login-page__body #login .btn {
        float: right;
        margin-right: 0;
    }

/*------------player---video-page--------------*/

/*

.videoGreyStripe {
}

    .videoGreyStripe.main_video_bg,
    .videoGreyStripe .main_video_bg {
        background: url(/Content/images/movie-player640-bg.png) top center no-repeat;
    }

.videoImageBg {
}

    .videoImageBg.main_video_bg,
    .videoImageBg .main_video_bg {
        background: url(/Content/images/tmp-movie-bg.jpg) bottom center no-repeat #f9f7f8;
    }

        .videoImageBg .main_video_bg .container,
        .videoImageBg.main_video_bg .container {
            background: url(/Content/images/tmp-movie-bg.jpg) bottom center no-repeat;
        }

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

        .videoImageBg .main_video .player {
            border: 1px solid #fff;
            border: 1px solid rgba(255,255,255,0.8);
            box-shadow: 0 3px 15px #000;
            box-shadow: 0 3px 15px rgba(0,0,0,0.5);
            position: relative;
            left: -1px;
        }

        .videoImageBg .main_video .description {
            background: #fff;
            background: rgba(255,255,255,0.8);
            padding: 10px;
            padding-bottom: 0;
        }

.main_video_bg {
    margin-bottom: 20px;
}

    .main_video_bg .container {
        text-align: center;
        padding-bottom: 0;
    }

.main_video {
    display: block;
    width: 640px;
    margin: 0 auto;
    text-align: left;
    -o-transition: ease-in-out 500ms;
    -webkit-transition: ease-in-out 500ms;
    -moz-transition: ease-in-out 500ms;
    transition: ease-in-out 500ms;
}

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

    .main_video h2 {
        padding-bottom: 10px;
    }

    .main_video .time {
        display: block;
        color: #666;
    }

    .main_video .social {
        padding-bottom: 10px;
    }

        .main_video .social li {
            display: inline;
            padding-right: 30px;
            vertical-align: text-bottom;
        }


.player {
    display: block;
    width: 640px;
    height: 360px;
    overflow: hidden;
    background: #000;
    position: relative;
    -o-transition: ease-in-out 500ms;
    -webkit-transition: ease-in-out 500ms;
    -moz-transition: ease-in-out 500ms;
    transition: ease-in-out 500ms;
}

#playerHostParent,
#playerHost,
#player {
    display: block;
    width: 100%;
    height: 100%;
}



/*------------pager-----------------*/
.pager {
    clear: both;
    padding: 15px 0;
    text-align: right;
    text-transform: lowercase;
}

    .pager a, .pager span {
        background: #fff;
        border-radius: 0;
        color: #bbb;
        line-height: 16px;
        margin: 0 1px;
        padding: 0px 5px;
        text-decoration: none;
    }

    .pager span {
        background: #fff;
        color: #333;
        text-decoration: none;
    }

    .pager a:hover {
        background: #eee;
        color: #111;
        text-decoration: none;
    }

    .pager .prevPage,
    .pager .nextPage {
        margin: 0 20px;
        padding: 2px 8px;
        background-color: #FFD800;
        color: #874F00;
        font-size: 15px;
        letter-spacing: -0.5px;
        line-height: 15px;
    }

        .pager .prevPage:hover,
        .pager .nextPage:hover {
            background-color: #008EC4;
            color: #FFFFFF;
            cursor: pointer;
        }

/*------------categories-list----------------*/

/*
.categoriesList {
}

    .categoriesList li {
        padding-bottom: 10px;
        line-height: 110%;
    }

        .categoriesList li.active a {
            color: #aaa;
        }

        .categoriesList li a span {
            color: #bbb;
            border-left: 1px solid #ddd;
            padding-left: 5px;
            margin-left: 4px;
        }
/*------------table-----------------*/
table {
    margin: 5px 0 35px 0;
}

.table__wrapper {
    width: 100%;
    overflow-x: auto;
}

tfoot td {
    color: #aaa;
    font-style: italic;
    text-align: center;
}

.tfoot__sum td {
    letter-spacing: 0;
    border-top: 1px solid #000;
    color: #000;
    font-style: normal;
    text-align: left;
}

th, td {
    padding: 5px 5px;
}

    th:first-of-type, td:first-of-type {
        padding-left: 0;
    }

    th:last-of-type, td:last-of-type {
        padding-right: 0;
    }

tr {
    border-bottom: 1px solid #eee;
}

    tr.not-active {
        color: #aaa;
    }

tbody tr:hover {
    background: #f5fcff;
    border-color: #bbe3f2;
}

th {
    font-weight: 400;
    color: #aaa;
    text-transform: uppercase;
    font-size: 12px;
}

    th a {
        display: inline-block;
        width: auto;
        color: #aaa;
        position: relative;
        padding-right: 15px;
    }

        th a i {
            position: absolute;
            right: 2px;
            font-size: 12px;
            color: #ccc;
        }

        th a:hover i {
            color: #333;
        }

    th .fa-angle-up {
        top: 2px;
        line-height: 10px;
        height: 10px;
    }

    th .fa-angle-down {
        top: 8px;
        line-height: 10px;
        height: 10px;
    }

    span.ascending .fa-angle-up,
    span.descending .fa-angle-down,
    th.ascending .fa-angle-up,
    th.descending .fa-angle-down {
        font-size: 19px;
        color: #333;
        right: 0px;
    }

td form {
    display: inline;
}

td small {
    font-size: 80%;
    color: #aaa;
}

    td small a.no-color {
        color: #aaa;
    }

td.image {
    min-width: 0;
    max-width: 100px;
}

    td.image img {
        height: 50px;
        width: auto;
    }

    td.image.image__movie img {
        height: auto;
        max-height: 90px;
        max-width: 100%;
    }

td.title {
    width: 40%;
}

td.buttons {
    white-space: nowrap;
}

    th.buttons > a,
    th.buttons > span,
    th.buttons input,
    th.buttons .iconLink,
    td.buttons > a,
    td.buttons > span,
    td.buttons input,
    td.buttons .iconLink,
    .connectedPlatformsWithAvailabilityModel .iconLink {
        margin: 0;
        margin-top: 2px;
        padding: 0;
        color: #ccc;
        width: 21px;
        height: 21px;
        text-align: center;
        vertical-align: text-top;
        display: inline-block;
    }

    th.buttons .iconLink,
    td.buttons .iconLink,
    .connectedPlatformsWithAvailabilityModel .iconLink {
        position: relative;
    }

        th.buttons .iconLink input,
        td.buttons .iconLink input {
            background: url(/Content/images/1px.png) top left repeat;
            border: none;
            width: 21px;
            height: 21px;
            z-index: 2;
            position: relative;
        }

        th.buttons > a:hover,
        th.buttons > span:hover,
        th.buttons input:hover,
        th.buttons .iconLink form:hover + i,
        td.buttons > a:hover,
        td.buttons > span:hover,
        td.buttons input:hover,
        td.buttons .iconLink form:hover + i,
        .connectedPlatformsWithAvailabilityModel .iconLink:hover {
            color: #00AEF2;
            cursor: pointer;
        }

        th.buttons .iconLink i,
        td.buttons .iconLink i,
        .connectedPlatformsWithAvailabilityModel .iconLink i {
            z-index: 1;
            position: absolute;
            top: 3px;
            left: 5px;
        }



.is-deleted,
.is-used {
    text-decoration: line-through;
}

/* -----price-form---------*/

.price-form {
    position: relative;
    margin-top: -5px;
}

    .price-form fieldset {
        padding-bottom: 0;
    }

.mediaFileList .editMediaFile:hover {
    color: #00AEF2;
    cursor: pointer;
}

.price-form__table td,
.price-form__table th {
    vertical-align: top;
    width: 100px;
}

.price-form__table .price-form__platform {
    width: 15%;
}

.price-form .form-group > label {
    flex: 70px;
}

.price-form fieldset .price-form__price input,
.price-form fieldset .price-form__price select {
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    height: 30px;
    flex: 60px;
}

.price-form fieldset .editor_element select {
    height: 34px;
    padding-left: 7px;
    flex: 60px;
}

.price-form .form-group .radio input {
    position: static;
    margin-left: 10px;
}

.price-form .form-group .radio label {
    padding-left: 5px;
    margin-right: 10px;
    min-height: 16px;
}

.price-form__table td {
    position: relative
}

/*------product-matrix------------*/
.product-matrix {
}

    .product-matrix th {
        vertical-align: bottom;
    }

.product-matrix__type {
    border-bottom-color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.product-matrix .product-matrix__in-transaction,
.product-matrix .product-matrix__product {
    width: 25px;
    height: 125px;
    text-align: right;
    vertical-align: top;
    line-height: 110%;
}

.product-matrix .product-matrix_product-textbox {
    width: 125px;
    height: 10px;
    vertical-align: top;
    line-height: 110%;
}

.product-matrix .product-matrix__in-transaction {
    width: 40px;
}

.product-matrix__label {
    width: 40px;
    height: 40px;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.product-matrix__in-transaction .product-matrix__label {
    width: 40px;
    height: 40px;
}

.product-matrix__label span {
    display: block;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-matrix__label:hover {
    color: black;
}

.product-matrix__product .product-matrix__label span {
    max-height: 40px;
}

.product-matrix__title {
}

.product-matrix__product-checkbox {
    text-align: right;
}

.product-matrix .toggle-all-checkboxes {
    float: right;
    color: #ccc;
}

.product-matrix .float-left {
    float: left;
}

.product-matrix .small-checkbox {
    width: 5px;
}

/*------media-files------------*/

.media-files {
    margin-bottom: 0;
}

.media-files__item {
}

    .media-files__item .title {
        width: 75%;
    }

.media-files__details-wrapper td {
    padding: 0;
}

.media-files__details {
    margin-left: 50px;
}

/*------files------------*/
.files__folder i {
    color: #FFD800;
    margin-right: 5px;
}

.files__folder:hover i {
    color: #00aef2;
}

/*------------settings-table----------------*/
.settings-table {
}

    .settings-table td {
        word-wrap: break-word;
        word-break: break-all;
        min-width: 151px;
    }

    .settings-table .buttons {
        min-width: 20px;
    }

    .settings-table .settings-table__value {
        width: 60%;
    }

.highlight {
    background-color: yellow;
}

.settings-table.sortable th:not(.sorttable_nosort) {
    cursor: pointer;
}

.settings-table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    content: " \25B4\25BE";
}

.settings-mask {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    filter: blur(1px);
    -ms-filter: blur(1px);
}

/*------------------tagList----autocomlpete--------------------*/
.tagList:empty {
    display: none;
}

.tagList {
    padding-top: 0;
    padding-bottom: 0;
}

    .tagList li {
        white-space: nowrap;
        overflow: hidden;
        display: block;
        background: #f2f2f2;
        padding: 0;
        margin: 0 0 4px 0;
    }

        .tagList li > span {
            padding: 4px;
            font-size: 14px;
            line-height: 16px;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .tagList li:first-of-type .fa-chevron-left,
        .tagList li:last-of-type .fa-chevron-right,
        .tagList li:first-of-type .fa-chevron-up,
        .tagList li:last-of-type .fa-chevron-down {
            visibility: hidden;
        }

    .tagList i {
        font-size: 12px;
        display: block;
        float: left;
        vertical-align: top;
        color: #ccc;
        width: 18px;
        height: 24px;
        margin: 0;
        line-height: 24px;
        cursor: pointer;
        text-align: center;
    }

    .tagList li:hover i {
        background: #FFD800;
        color: #874F00;
    }

        .tagList li:hover i.icon-remove {
            color: #ccc;
            background: #f2f2f2;
        }

    .tagList i.icon-remove {
        font-size: 13px;
    }

    .tagList li i:hover,
    .tagList li i.icon-remove:hover {
        color: #fff;
        background: #008EC4;
    }

.inputSubstitute {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .inputSubstitute > i {
        position: absolute;
        top: 25px;
        left: 0px;
        font-size: 16px;
        z-index: 1;
        color: #aaa;
    }

    .inputSubstitute input {
        position: relative;
        z-index: 2;
    }

/*-------------------autocomlpete--------------------*/
.ui-autocomplete {
    z-index: 5;
}

.ui-corner-all {
    border-radius: 0;
}

.ui-widget-content {
    background: #F2F2F2;
    background: #eee;
    border: none;
    color: #333333;
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.7);
    text-align: left;
    border-top: 1px solid #fff;
}

.ui-menu {
    padding: 0;
    max-height: 200px;
    overflow: auto;
}

ul.ui-menu:before {
    border-bottom: 7px solid #f2f2f2;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: block;
    width: 0px;
    position: absolute;
    left: 12px;
    top: -7px;
}

ul.ui-menu li,
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    float: none;
    display: block;
}

    ul.ui-menu li > a,
    ul.ui-menu li > span,
    .ui-menu .ui-menu-item a {
        display: block;
        padding: 5px 10px;
        -o-transition: linear 0.15s;
        -webkit-transition: linear 0.15s;
        -moz-transition: linear 0.15s;
        transition: linear 0.15s;
        color: #333;
        border: none;
        font-weight: normal;
    }

        ul.ui-menu li > a:hover,
        ul.ui-menu .ui-state-focus {
            background: #e5f8ff;
            font-weight: normal;
        }

.ui-state-highlight {
    border: 1px solid #e60050 !important;
}

.ui-menu {
    width: 250px;
    max-height: 500px;
}

.ui-contextmenu {
    z-index: 100;
}

    .ui-contextmenu .context-icon {
        float: right;
    }

.autocomplete-ajax-loader {
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: 3;
}

/*------------------calendar--------------------------*/
.datePicker,
.datePickerWithClock,
.datePickerOffsetWithClock {
    z-index: 3;
    position: relative;
}

.ui-datepicker {
    padding: 0;
    width: auto;
    border: none;
    z-index: 9999 !important;
    background: none;
}

#ui-datepicker-div {
    background: #ccc;
    padding: 5px 10px;
}

.ui-datepicker .ui-datepicker-header {
    text-align: center;
    border: none;
    background: none;
    padding: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #5D8196;
    border-radius: 0;
    line-height: 100%;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: static;
    display: inline;
    height: auto;
    width: auto;
    border: none;
    border-radius: 0;
    font-weight: normal;
    font-size: 12px;
    text-indent: 0;
    top: 0;
    left: 0;
    right: 0;
}

    .ui-datepicker .ui-datepicker-prev:hover,
    .ui-datepicker .ui-datepicker-next:hover {
        background: none;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: inline;
        margin: 0;
        position: static;
        background: none;
        font-weight: normal;
    }

.ui-datepicker .ui-datepicker-prev {
    float: left;
}

.ui-datepicker .ui-datepicker-next {
    float: right;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 17px;
    margin: 0;
    font-weight: normal;
    display: inline;
    line-height: 100%;
    color: #333333;
}

.ui-datepicker-calendar {
    width: 100%;
    margin-bottom: 15px;
}

#ui-datepicker-div .ui-datepicker-calendar {
    margin-bottom: 0px;
}

.ui-datepicker-calendar th {
    width: 13%;
    padding: 0px 3px;
    text-align: right;
    font-weight: normal;
    font-size: 11px;
}

    .ui-datepicker-calendar th span {
        border-bottom: 1px dashed #5D8196;
        display: block;
        color: #5D8196;
    }

    .ui-datepicker-calendar th.ui-datepicker-week-end span {
        color: #E00F0F;
    }

.ui-datepicker-calendar td {
    width: 13%;
    padding: 3px;
}

    .ui-datepicker-calendar td a,
    .ui-datepicker-calendar td span {
        padding: 3px;
        font-size: 14px;
        line-height: 100%;
        color: #000;
        border: none;
    }

.ui-widget-content .ui-state-default {
    border: none;
    font-weight: normal;
}

.ui-datepicker-calendar td a:hover {
    color: #E00F0F;
}

/*-----------modal-----ui-dialog-----------------*/
.modal {
    text-align: left;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    background: #fff;
}

.modal {
    border: 0px solid #eee;
    box-shadow: 0 3px 25px rgba(0, 0, 0, 0.3);
}

.selectImage {
    width: 60%;
    margin-left: 0;
    left: 20%;
    top: 3%;
}

.modal--player .modal-dialog,
.modal--images .modal-dialog,
.modal--changeNextPaymentDate .modal-dialog,
.modal--epg .modal-dialog {
    width: 80%;
    margin-left: 0;
    left: 10%;
    top: 3%;
}

.modal--mediafileupload .modal-dialog {
    width: 60%;
    margin-left: 0%;
    left: 20%;
    top: 3%;
}

.modal-body {
    max-height: 460px;
    padding: 15px 20px;
    overflow-y: auto;
}

.embed-iframe .modal-body {
    overflow: visible;
}

.modal--images .modal-body,
.modal--player .modal-body {
    max-height: 600px;
}

.modal-header h3,
.modal-header h1 {
    padding: 0;
    clear: none;
}

#selectRolesDialog {
    top: 3%;
}

.no_first_label .modal-body > .form_row > label {
    display: none;
}

.fancybox-overlay {
    background: rgba(255, 255, 255, 0.6) !important;
}

/*-------- error -----*/

.sysMsg {
    clear: both;
    display: block;
    padding: 0;
    width: 400px;
    position: fixed;
    top: 10px;
    left: 0;
    right: 300px;
    margin: 0 auto;
    text-align: left;
    z-index: 20;
}

    .sysMsg li,
    .sysMsg ul {
        margin: 0;
        padding: 0;
    }

    .sysMsg ul {
        padding: 5px 20px 5px 10px;
        color: #6B6356;
        border-radius: 5px;
    }

        .sysMsg ul:before {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            content: "";
            display: block;
            width: 0px;
            position: absolute;
            left: 10px;
            top: -6px;
        }

        .sysMsg ul a {
            border-radius: 3px;
            display: inline-block;
            padding: 0 3px;
            background: rgba(255, 255, 255, 0.9);
        }

            .sysMsg ul a:hover {
                color: #fff;
                background-color: #008ec4;
            }

    .sysMsg > span {
        position: relative;
        display: block;
    }

        .sysMsg > span > i {
            position: absolute;
            display: block;
            width: 16px;
            height: 16px;
            top: 1px;
            right: 1px;
            color: #fff;
            border-radius: 8px;
            text-align: center;
            vertical-align: text-top;
            opacity: 0.5;
            cursor: pointer;
        }

            .sysMsg > span > i:hover {
                opacity: 1;
                background: rgba(255, 255, 255, 0.3);
            }

#errorList {
    background: #fad7cd;
    background: rgba(250, 215, 205, 0.92);
    color: #C40000;
    background: #C40000;
    background: rgba(204, 0, 0, 0.85);
    color: #fff;
}

    #errorList:before {
        border-bottom: 6px solid rgba(204, 0, 0, 0.85);
    }

#warningList {
    background: #ffdc19;
    background: rgba(255, 220, 25, 0.94);
    color: #5a3c1e;
}

    #warningList:before {
        border-bottom: 6px solid rgba(255, 220, 25, 0.94);
    }

#confirmList {
    color: #577F00;
    background: #7dbe00;
    background: rgba(124, 190, 0, 0.94);
    color: #fff;
}

    #confirmList:before {
        border-bottom: 6px solid rgba(124, 190, 0, 0.94);
    }

#infoList {
    background: #00b4f8;
    background: rgba(0, 180, 248, 0.92);
    color: #fff;
}

    #infoList:before {
        border-bottom: 6px solid rgba(0, 180, 248, 0.92);
    }

#specialList {
    background: none;
    padding-left: 10px;
}

.error label {
    color: #CC0000 !important;
}

.input-validation-error:focus {
    outline: 1px dotted rgba(204, 0, 0, 0.5);
}

.input-validation-error,
.login .error label {
    background-color: #faebe6 !important;
    border-color: #faebe6 !important;
}

.field-validation-valid {
    position: absolute;
}

.field-validation-error {
    background: none repeat scroll 0 0 #CC0000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    line-height: 110%;
    padding: 3px 5px;
    width: 230px;
    position: absolute;
    right: 0px;
    top: -20px;
    z-index: 12;
    opacity: 0.8;
    filter: Alpha(opacity = 80);
    letter-spacing: 0;
}

.login .field-validation-error {
    right: 10px;
    left: auto;
    top: -10px;
}

fieldset h2 .field-validation-error {
    right: 20px;
    top: 17px;
}

input:focus + .field-validation-error {
    opacity: 1;
    filter: Alpha(opacity = 100);
}

.field-validation-error:before {
    border-top: 6px solid #CC0000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    left: 15px;
    bottom: -6px;
}

.radioInput .field-validation-error {
    -webkit-border-radius: 0px 3px 3px 3px;
    -moz-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;
}

.autocomplete-control .detach-autocomplete-value {
    margin: 0;
    padding: 15px 2px 2px 2px;
    color: #ccc;
    display: block;
    width: 17px;
    height: 17px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    line-height: 10px;
}

    .autocomplete-control .detach-autocomplete-value:hover {
        color: #00AEF2;
        cursor: pointer;
    }

/*.autocomplete-control.inputSubstitute input {
    padding-left: 13px;
}*/

/*------------------------noSL--------------------*/
.noSL {
    background: url("../images/noSL-player.png") no-repeat center right rgba(255, 255, 255, 0);
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
}

/*------------------------byInsysPlay--------------------*/

#byInsysPlay,
#footer #byInsysPlay {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0;
    display: inline;
    color: #aaa;
}

    #byInsysPlay.darkBg,
    #footer #byInsysPlay.darkBg {
        color: #555;
    }

    #byInsysPlay.smaller,
    #footer #byInsysPlay.smaller {
        font-size: 10px;
    }

    #byInsysPlay.bigger,
    #footer #byInsysPlay.bigger {
        font-size: 14px;
    }

    #byInsysPlay a,
    #footer #byInsysPlay a {
        color: #333;
        text-decoration: none;
        border: none;
        background: none;
        outline: none;
        margin: 0;
        padding: 0;
    }

        #byInsysPlay a .grey,
        #footer #byInsysPlay a .grey {
            color: #aaa;
        }

    #byInsysPlay.darkBg a,
    #footer #byInsysPlay.darkBg a {
        color: #ccc;
    }

    #byInsysPlay a strong,
    #footer #byInsysPlay a strong {
        font-weight: bold;
        color: #333;
        padding-right: 9px;
        margin-right: 1px;
        background: url(/Content/images/icon-by-insysplay.png) right 1px no-repeat;
    }

    #byInsysPlay.darkBg a strong,
    #footer #byInsysPlay.darkBg a strong {
        color: #ccc;
    }

    #byInsysPlay.bigger a strong,
    #footer #byInsysPlay.bigger a strong {
        background-position: right 3px;
        margin-right: 0px;
    }

    #byInsysPlay a:hover,
    #footer #byInsysPlay a:hover {
        border-bottom: 1px dotted #ccc;
    }

    #byInsysPlay.darkBg a:hover,
    #footer #byInsysPlay.darkBg a:hover {
        border-color: #555;
    }

    #byInsysPlay a:hover,
    #byInsysPlay a:hover strong,
    #footer #byInsysPlay a:hover,
    #footer #byInsysPlay a:hover strong {
        color: #000;
    }

    #byInsysPlay.darkBg a:hover,
    #byInsysPlay.darkBg a:hover strong,
    #footer #byInsysPlay.darkBg a:hover,
    #footer #byInsysPlay.darkBg a:hover strong {
        color: #fff;
    }

/* -------------- file grid  ------------ */

/*

#list > li.thumbnail {
    max-width: 160px;
    max-height: 200px;
    overflow: visible;
}

#list > li > div.selectable.image {
    width: 160px;
    max-height: 160px;
    overflow: hidden;
}

#list > li > div.selectable.image > img {
    width: auto;
    height: auto;
    cursor: pointer;
}

#stillTab input[type=checkbox] {
    top: 0;
    left: 4px;
    opacity: 1;
}

.input-group-addon{
    border: none;
    -moz-border-radius: 0px 0px;
    -webkit-border-radius: 0px 0px;
    border-radius: 0px 0px;
}

#clearQuery {
    cursor: pointer;
}

#DescriptionselectImageDialog {
    z-index: 1070;
} */

.ui-autocomplete {
    z-index: 2147483647;
}

.input-inverted {
    background: #f2f2f2;
    border-color: #f2f2f2;
    box-shadow: none;
    outline: 1px dotted #ddd;
    outline: 1px dotted rgba(0, 0, 0, 0.2);
    outline-offset: 2px;
    padding-left: 13px;
}

.panel-parent {
    padding-bottom: 0;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-default {
    background: #fff;
    box-shadow: none;
    border: 0 none;
}

    .panel-default > .panel-heading {
        background: #fff;
        border: 0 none;
        text-transform: uppercase;
        font-size: 17px;
        font-weight: 800;
        color: #111;
        padding: 0px 0 5px 0;
        margin-bottom: 15px;
        line-height: 120%;
        letter-spacing: -0.5px;
        text-transform: uppercase;
    }

        .panel-default > .panel-heading a {
            color: black;
            display: block;
        }

            .panel-default > .panel-heading a:hover {
                text-decoration: none;
            }

.panel-heading .fa-chevron-right,
.panel-heading .fa-chevron-down {
    font-size: 10px;
}


.panel-body {
    border-top: 0 none !important;
}

    .panel-body h3 {
        display: none;
    }


/*------------------------extendedAutocompleteMulitpleSelection--------------------*/

.extendedAutocompleteMulitpleSelection table {
    margin-bottom: 0;
}

    .extendedAutocompleteMulitpleSelection table > tbody.ui-state-highlight {
        display: block;
        width: 100%;
    }

.extendedAutocompleteMulitpleSelection .sort-buttons {
    height: 17px;
    display: inline-block;
}

    .extendedAutocompleteMulitpleSelection .sort-buttons .fa {
        font-size: 12px;
        display: block;
        float: left;
        vertical-align: top;
        color: #ccc;
        width: 18px;
        height: 24px;
        margin: 0;
        line-height: 24px;
        cursor: pointer;
        text-align: center;
    }

        .extendedAutocompleteMulitpleSelection .sort-buttons .fa:hover {
            color: #00AEF2;
            cursor: pointer;
        }

.extendedAutocompleteMulitpleSelection .item-title {
    cursor: pointer;
}

.extendedAutocompleteMulitpleSelection > tbody.ui-state-highlight {
    display: block;
    width: 100%;
}

.hidden-button {
    visibility: hidden;
}


td.buttons > span.draggable:hover {
    cursor: -webkit-grab;
    cursor: grab;
}

td.buttons > span.draggable:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.small-margin-top {
    margin-top: 1rem;
}

.small-margin-left {
    margin-left: 1rem;
}

/*------------------------MediaContentIgnoredInAlgorithmsField--------------------*/

.mediacontent-ignored-in-algorithms-text {
    font-style: italic;
    padding: 5px;
}

/*------------------------MediaContentIgnoredInAlgorithmsField--------------------*/

/*--------------------------------VideoTableWidget--------------------------------*/

table.video-table-widget {
    border: none;
}

table.video-table-widget tr {
    border-bottom: 1px solid black;
}

table.video-table-widget .text-bold {
    font-weight: bolder;
}

table.video-table-widget tr.no-border {
    border: none;
}

/*--------------------------------VideoTableWidget--------------------------------*/