@font-face {
    font-family: Exo2Regular;
    src: url("../fonts/Exo2-Regular.ttf") format('truetype');
}

@font-face {
    font-family: Exo2Light;
    src: url("../fonts/Exo2-Light.ttf") format('truetype');
}

@font-face {
    font-family: Exo2Medium;
    src: url("../fonts/Exo2-Medium.ttf") format('truetype');
}

@font-face {
    font-family: Exo2SemiBold;
    src: url('../fonts/exo2-semibold.ttf') format('truetype');
}

.container-body {
    min-height: 100% !important;
}

body {
    font-family: Exo2Regular, sans-serif;
    min-width: 1270px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a:focus,
a:active,
button:focus,
button:active {
    outline: none;
}

:focus {
    outline: none;
}

.container {
    min-width: 1280px;
}

.seekable {
    cursor: pointer;
}

::-webkit-input-placeholder {
    color: #9C9C9C;
}

:-moz-placeholder { /* Firefox 18- */
    color: #9C9C9C;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #9C9C9C;
}

:-ms-input-placeholder {
    color: #9C9C9C;
}

.text-uppercase {
    text-transform: uppercase;
}

.divider-margin {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.center {
    margin: 0 auto !important;
    float: none !important;
}

.page-header {
    margin: 0px 30px 10px 20px;
    border: none;
}

.faq-page .page-header {
    padding-bottom: 9px;
    margin: 15px 30px 15px 34px;
}

.authpage-background {
    background-image: url("images/login_bg.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

.red-point {
    width: 10px;
    height: 10px;
}

.red-point:before {
    position: absolute;
    left: 23px;
    content: '';
    background-color: #FF0000;
    border-radius: 50%;
    opacity: 0.8;
    width: 10px;
    height: 10px;
    pointer-events: none;
}

.btn {
    padding: 6px 23px 6px 23px;
    letter-spacing: 1px;
    min-width: 65px;
}

.btn:hover, .btn:focus, .btn.focus {
    color: rgba(255,255,255,.75);
    border: none;
    font-size: 10px;
    text-decoration: none;
    outline: none;
}

.btn-grey {
    background-color: #b5b5b5;
    padding: 2px 10px 3px 10px;
    color: rgba(255, 255, 255, 0.7);
    font-family: Exo2Regular, sans-serif;
    font-size: 10px;
    border: transparent;
    margin-right: 25px;
    letter-spacing: 1px;
    margin-top: 6px;
}

.btn-cyan, .btn-cyan:focus, .btn-cyan:active {
    background-color: #68bdc0;
    color: rgba(255,255,255,.75);
    text-transform: uppercase;
    border: none;
    font-size: 10px;
}

.btn-cyan:hover {
    background-color: #5aa3a6;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
}

.btn-round-lg {
    border-radius: 22.5px;
}

.btn-round {
    border-radius: 17px;
    letter-spacing: 1px;
}

.btn-round-sm {
    border-radius: 15px;
}

.btn-round-xs {
    border-radius: 11px;
    padding-left: 10px;
    padding-right: 10px;
}

.avatar-paading {
    padding-top: 7px;
}

.authpage {
    text-transform: uppercase;
}

.authpage .form-control {
    font-size: 12px;
}

.authpage .panel-heading {
    background-color: #262d3d;
    padding: 15px 30px;
}

.authpage .panel-heading h3 {
    color: #fff;
    font-size: 14px;
    padding-top: 4px;
    letter-spacing: 1px;
    font-family: Exo2Light, sans-serif;
}

.authpage .panel-body {
    background-color: #f7f7f7;
    color: #333333;
    padding: 15px 30px;
}

.authpage .panel-body .form-group {
    margin-top: 20px;
}

.authpage .panel-body label {
    font-size: 10px;
    font-family: Exo2Medium, sans-serif;
    letter-spacing: 1px;
}

.authpage .panel-footer {
    background-color: #EBEBEB;
    padding: 15px 30px;
    font-size: 10px;
}

.navbar-inner {
    background-color: #262d3d;
    height: 65px;
}

.navbar-vertical-align {
    padding-top: 7px;
}

.navbar-inner .navbar-nav .divider-vertical {
    height: 20px;
    margin: 13px 6px 0px 3px;
    border-left: 1px solid #5C626E;
    border-right: 1px solid;
}

.navbar-inner .navbar-nav > li > a {
    padding-left: 1vw;
    padding-right: 1vw;
    color: #f0f0f0;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: Exo2Light, sans-serif;
}

.navbar-inner .navbar-nav > li > a:hover span,
.navbar-inner .navbar-nav > li > a:focus span {
    color: #fff;
    background-color: #262d3d;
    background-image: none;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}

.navbar-inner .navbar-nav .active > a span,
.navbar-inner .navbar-nav .active > a:hover span,
.navbar-inner .navbar-nav .active > a:focus span,
.navbar-inner .navbar-nav .active > a,
.navbar-inner .navbar-nav .active > a:hover,
.navbar-inner .navbar-nav .active > a:focus {
    color: #FFE613;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #262d3d;
    background-image: none;
    cursor: default;
    border: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #FFE613;
    text-decoration: none;
    background-color: #262d3d;
    background-image: none;
    cursor: default;
}

.nav-reference-caret {
    color: #f0f0f0 !important;
    cursor: pointer;
}

.nav-username {
    font-family: Exo2Light, sans-serif !important;
    font-size: 14px !important;
    color: #f0f0f0 !important;
    cursor: pointer;
}

.navbar-collapse.collapse {
    display: block !important;
}

.navbar-nav > li, .navbar-nav {
    float: left !important;
}

.navbar-nav.navbar-right:last-child {
     margin-right: -15px !important;
 }

.navbar-right {
    float: right !important;
}

.sm-dialog .modal-dialog {
    width: 400px;
}

.modal-dialog {
    position: relative;
    width: auto;
    max-width: 600px;
    margin: 10px;
}

.modal-sm {
    max-width: 363px;
}

.ng-hide {
    display: none;
}

.dropdown-menu {
    background-color: #ebebeb;
    padding-top: 0;
    border: none;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin-top: 20px !important;
    -webkit-box-shadow: -1px 10px 45px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: -1px 10px 45px 5px rgba(0,0,0,0.25);
    box-shadow: -1px 10px 45px 5px rgba(0,0,0,0.25);
    max-width: 222px;
}

ul.dropdown-menu {
    right: -50px;
    left: initial;
}

ul.nav-reference.dropdown-menu {
    right: -120px;
    left: -0px;
}

.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 131px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #68bdc0;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu .notification-text {
    color: red;
    overflow: hidden;
    padding-left: 10px;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    white-space: normal;
    max-width: 125px;
}

.dropdown-menu .notification-img {
    float: left;
}

.dropdown-menu > li:first-child > a:after {
    position: absolute;
    top: -6px;
    left: 131px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ebebeb;
    border-left: 6px solid transparent;
    content: '';
}

.dropdown-menu > li:first-child:hover > a:after {
    border-bottom: 6px solid #68bdc0;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #B6B6B6;
}

.dropdown-menu > li {
    padding: 0;
}

.dropdown-menu > li:hover {
    background-color: #68bdc0 !important;
}

.dropdown-menu > li > a {
    padding: 10px 40px 10px 30px;
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    color: #808080;
    overflow: hidden;
    margin-right: 12px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li a:focus {
    background-image: none;
    background-color: #68bdc0;
    color: #ffffff;
}

.dropdown-menu > li > a > span {
    padding-left: 10px;
}

.dropdown-menu > li > a:hover img {
    -webkit-filter: brightness(3);
    filter: brightness(3);
}

.modal-lg {
    max-width: 900px;
}

.table-margin-top {
    margin-top: 30px;
}

.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.search-box {
    border-radius: 25px;
    font-size: 12px;
    font-family: Exo2Regular, sans-serif;
    color: #000;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon,
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px;
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px;
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}

.journal .k-grid .k-grid-content:nth-child(even) .k-alt {
    background-color: #D9DADA;
}

.k-widget {
    border: none;
}

.k-grid-header-wrap {
    border: 0 none;
}

.k-header {
    background-color: #FFF;
    color: rgba(38, 45, 61, .75);
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    min-height: 30px;
}

.k-header.k-link {
    color: black;
}

.k-state-selected,
.k-alt.k-state-selected {
    background-color: #E8F5F6;
    background-image: none;
    color: #808080;
}

.k-grid-content .k-state-selected tr {
    border-left: 5px solid teal;
}

.k-grid tr {
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    color: #808080;
    border: 0 none;
    min-height: 21px;
}

.journal .k-grid tr {
    background-color: #E3E3E3;
}

.k-i-expand,
.k-plus,
.k-plus-disabled,
.k-icon.k-i-arrow-s.k-panelbar-expand {
    background-image: url("images/dropdown_btn.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    width: 7px !important;
    height: 16px !important;
}

.k-i-collapse,
.k-minus,
.k-minus-disabled,
.k-icon.k-i-arrow-n.k-panelbar-collapse {
    background-image: url("images/dropdown_btn_w.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    width: 13px !important;
    height: 7px !important;
}

.k-minus:active, .k-minus:focus {
    border: none;
    border-style: none;
    border-width: 0;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-plus:active, .k-plus:focus {
    border: 0 none;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}


.k-grid .k-tabstrip-items {
    background-color: #434E69;
    padding: 0;
    padding-left: 85px;
}

.k-grid-norecords-template {
    background-color: transparent;
    border: none;
}

.k-grid .k-tabstrip, .k-grid .k-tabstrip-wrapper {
    border: 0 none;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-grid .k-tabstrip-wrapper .k-tabstrip {
    background-color: #434e69;
}

.k-tabstrip-items .k-state-default {
    background-color: #70788D;
    width: 150px;
    height: 37px;
    font-size: 12px;
    font-family: Exo2Regular, sans-serif;
    margin-right: 10px;
}

.k-tabstrip-items .k-state-default > span.k-link {
    padding: 0.8em 0;
    padding-bottom: 2px;
}

.k-tabstrip-items .k-state-default.k-state-hover {
    background-color: #70788D;
    border-color: #70788D;
}

.k-tabstrip-items .k-state-default.k-state-hover > span.k-link {
    border-bottom: 1px solid;
    color: #fff !important;
}

.k-state-default, .k-state-default.k-state-hover {
    transition: none !important;
    box-shadow: none !important;
    border-radius: 3px;
}

.k-state-default.k-state-focused {
    border: 1px solid #ccc;
}

.k-tabstrip-items .k-state-active {
    background-color: #E3E3E3 !important;
}

.k-tabstrip-items .k-link {
    font-size: 12px;
    font-family: Exo2SemiBold, sans-serif;
    letter-spacing: 1px;
}

.k-tabstrip-items .k-state-default .k-link {
    color: white;
    padding-top: 9px;
}

.k-tabstrip-items .k-state-active .k-link {
    color: rgba(38,5,61, 0.75);
}

.k-tabstrip-items .k-state-hover .k-link {
    color: #434E69;
}

.k-tabstrip .k-content.k-state-active {
    padding: 0;
    padding-top: 4px;
    margin: 0;
    border: none;
    background-color: #E3E3E3;
    overflow-x: hidden;
}

.players-page .k-tabstrip .k-content.k-state-active {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.k-tabstrip-wrapper .k-header,
.k-tabstrip-wrapper .k-grid-header {
    background-color: rgba(227, 227, 227, 1);
    color: rgba(67,78,105, .75);
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    min-height: 30px;
}

.tabstrip li {
    text-transform: uppercase;
}

.k-grid .k-state-active {
    border: none;
}

.k-grid td, .k-grid tr td {
    border: 0 none;
    padding: 10px;
    vertical-align: top;
}

.licence .k-grid td, .licence .k-grid tr td {
    padding: 10px 5px;
}

.k-alt {
    background-color: rgba(247, 247, 247, 1);
    border: 1px solid #B4B5B9;
    border-style: none;
    border-width: 0;
}

.k-grid .k-grid-header th.k-header, .k-filter-row th {
    border: 0 none;
    padding: 5px;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Exo2Regular, sans-serif;
    color: rgba(38, 45, 61, .75);
    letter-spacing: 1px;
}

.k-grid td {
    padding: 0 10px;
    margin: 0;
    border-top: solid 1px #DBDEE1;
}

.k-grid-header {
    padding: 0;
    margin: 0;
    border-top: solid 1px rgba(38, 45, 61, .25);
    border-bottom: solid 1px rgba(38, 45, 61, .25);
    border-left: none;
    border-right: none;
    padding-right: 0 !important;
}

div[role=tabpanel] .k-grid-header {
    border-top: none;
}

.k-grid .row-expanded {
    background-color: #434e69;
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    color: #FFF;
}

.k-grid .row-expanded .k-hierarchy-cell .k-icon {
    -webkit-filter: brightness(3) !important;
    filter: brightness(3) !important;
}

.k-grid .k-hierarchy-col {
    width: 0;
}

.k-grid .k-hierarchy-cell + td {
    padding-left: 35px;
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 270px auto 30px;
    }
}

@media (min-width: 768px) and (max-height: 768px) {
    .modal-dialog {
        margin-top: 171px;
    }
}

@media (min-width: 320px) {
    .modal-sm {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 620px) {
    .modal-dialog {
        margin-right: auto;
        margin-left: auto;
    }

    .modal-lg {
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media (min-width: 920px) {
    .modal-lg {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 320px) {
    .auth-captha > div {
        transform: scale(0.53);
        transform-origin: 0;
        -webkit-transform: scale(0.53);
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 380px) {
    .auth-captha > div {
        transform: scale(0.7);
        transform-origin: 0;
        -webkit-transform: scale(0.7);
        -webkit-transform-origin: 0 0;
    }
}

.k-grid-content {
    overflow: visible;
}

.font-header {
    font-size: 24px;
}

.link-to-next-journal-page {
    margin-left: -625px !important;
    font-size: 12px;
    color: #9B9B9B;
}

.link-to-next-journal-page:hover {
    color: #9B9B9B;
}

.tab-border-bottom {
    border-top: 1px solid #B4B5B9;
    padding-top: 9px;
    padding-bottom: 7px;
    background-color: #E3E3E3;
    min-height: 20px;
    padding-left: 70px;
}

.info .tab-border-bottom {
    padding-top: 7px;
}

.settings .tab-border-bottom {
    padding-top: 11px;
}

.tab-border-bottom > a,
.tab-border-bottom > div {
    clear: both;
    float: none;
    display: inline-block;
}

.tab-border-bottom > a > span {
    margin-bottom: 0px;
}

.tab-border-bottom > a > span.btn-arrow-right {
    height: 11px;
}

.journal .k-grid-header {
    display: none;
}

.add-buttons,
.k-button.k-scheduler-delete,
.k-button.k-scheduler-cancel {
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    border: transparent;
    background-color: transparent;
    color: rgba(38,45,61,.75);
    margin-right: 10px;
    padding-top: 7px;
    letter-spacing: 1px;
    margin-bottom: 17px;
}

.k-button.k-scheduler-cancel {
    margin-top: 5px;
    margin-bottom: 7px;
}

.add-buttons.delete-button {
    padding-top: 0;
}

.add-buttons:hover span {
    border-bottom: 2px solid #b5b5b5;
    padding-bottom: 2px;
}

.add-buttons[disabled=disabled]:hover span {
    border: none;
}

.add-buttons > img {
    margin-top: -4px;
}

.add-modal-exit-button {
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    border: transparent;
    background-color: transparent;
    padding-top: 4px;
    color: #fff;
}

.add-modal-header {
    font-family: Exo2Regular, sans-serif;
    font-size: 20px;
    border: transparent;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.media,
.media .audio {
    height: 100%;
    min-height: 100%;
    padding: 0;
}

.media .btn-link {
    color: #808080;
    font-size: 12px;
    font-family: Exo2Regular, sans-serif;
}

.media .k-grid-header {
    border-top: 0;
}

.media .k-header {
    border-top: 0;
    padding: 15px 0;
}

.media .tab-header {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
}

.media .audio {
    background-color: #f7f7f7;
}

.media .k-tabstrip-items {
    padding-left: 110px;
    margin-bottom: 0;
}

.media .k-tabstrip-items .k-state-default {
    background-color: #fff;
    width: 150px;
    height: 37px;
    font-size: 12px;
    font-family: Exo2Regular, sans-serif;
    text-align: center;
    margin: 0;
    border-bottom: 0;
}

.media .k-tabstrip-items .k-state-active {
    background-color: #f7f7f7 !important;
    border: 1px solid #e3e3e3;
    border-bottom: 1px solid #f7f7f7;
    top: 1px;
}

.media .k-tabstrip-items .k-state-default .k-link {
    color: rgba(38,45,61,.75);
    padding-top: 9px;
}

.media .k-state-default > .k-select {
    border-color: #ccc;
    border-left: 1px solid;
}

.media .k-content {
    padding: 0;
    padding-top: 4px;
    margin: 0;
    background-color: #fff !important;
}

.media .media-content {
    padding: 15px;
    overflow: auto;
}

.media .folders-tree {
    background-color: #f7f7f7;
    min-height: 100px;
    padding: 13px 0;
    position: relative;
}

.media-content-button-default {
    height: 150px;
    width: 250px;
    background-color: #fff;
    border: 1px solid white;
    color: #808080;
    font-family: Exo2Regular, sans-serif;
    border-radius: 7px;
    margin-right: 10px;
    margin-top: 10px;
}

.media-content-button-active.media-content-files,
.media-content-button-default:hover.media-content-files {
    background-color: #68BDC0 !important;
    border: 1px solid #68BDC0 !important;
    color: white;
}

.media-content-button-active.media-content-folders,
.media-content-button-default:hover.media-content-folders {
    background-color: #68C07D;
    border: 1px solid #68C07D;
    color: white;
}

.media-content-button-active.media-content-empty,
.media-content-button-default:hover.media-content-empty {
    background-color: #BFBFBF;
    border: 1px solid #BFBFBF;
    color: white;
}

tr.k-master-row > td > .success,
tr.k-master-row > td > .warning,
tr.k-master-row > td > .error,
tr.k-master-row > td > .expired,
tr.k-master-row > td > .silent {
    border-radius: 13px;
    border: 2px solid;
    padding: 0 10px;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

tr.k-master-row > td > .success {
    border-color: #3fb15f;
}

tr.k-master-row > td > .warning {
    border-color: #f5e100;
}

tr.k-master-row > td > .error {
    border-color: #ee8723;
}

tr.k-master-row > td > .expired {
    border-color: #92278F;
}

tr.k-master-row > td > .silent {
    border-color: #7e0059;
}

tr.k-master-row.row-expanded > td > .success {
    background-color: #3fb15f;
}

tr.k-master-row.row-expanded > td > .warning {
    background-color: #f5e100;
}

tr.k-master-row.row-expanded > td > .error {
    background-color: #ee8723;
}

tr.k-master-row.row-expanded > td > .silent {
    background-color: #7e0059;
}

.k-detail-row > td.k-detail-cell {
    padding: 0;
}

.table.table-responsive {
    overflow-x: visible;
}

.k-detail-row .journal-border {
    padding: 10px;
    text-align: left;
}

.popup-add-files {
    background-color: #fff;
}

.modal-header {
    height: 60px !important;
    background-color: #68BDC0;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-bottom: none;
}

.k-window-titlebar.k-header {
    height: 40px !important;
    background-color: #33A7CD;
    border-top-right-radius: 7px !important;
    border-top-left-radius: 7px !important;
    font-family: Exo2Regular, sans-serif;
    font-size: 20px;
    border: transparent;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.k-window-title {
    padding-top: 7px;
}

.modal-footer {
    height: 60px !important;
    background-color: #EBEBEB;
    border-bottom-right-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}

.popup-add-files-button {
    border-radius: 12px;
    border: 1px solid #68BDC0;
    background-color: #68BDC0;
    width: 125px;
    height: 25px;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1px;
}

.modal-footer .k-upload-button {
    border-radius: 12px;
    border: 1px solid #68BDC0;
    background-color: #68BDC0 !important;
    width: 125px;
    height: 25px;
    color: white;
    font-size: 11px;
    font-family: ExoRegular, sans-serif;
}

.modal-footer .k-dropzone {
    position: relative;
    top: -17px;
    right: -124px;
    background-color: transparent;
}

.media-upload .k-upload-action.k-reset {
    margin-top: 10px;
}

.modal-footer .k-upload {
    background-color: transparent;
}

.manual-left-form {
    font-size: 14px;
    background-color: white;
    margin-left: 14px;
    border-radius: 10px;
    padding: 10px 30px 40px 20px;
}

.manual-right-form {
    color: black;
    border-radius: 15px;
    padding: 5px;
}

.faq-panelBar-item {
    border-radius: 10px;
    font-size: 25px;
    color: black;
}

.faq-panelBar-subitem {
    border-radius: 10px;
    font-size: 17px;
    background-color: #F7F7F7;
}

.faq-panelBar-subitem .k-item .k-header {
    line-height: 70px;
    zoom: 1;
    border-radius: 15px;
    border: 10px solid white;
    border-right-width: 5px;
    border-left-width: 5px;
}

.faq-panelBar-subitem .k-state-active .k-header .k-panelbar-collapse {
    background-image: url("images/icon_faq_cross.svg") !important;
    background-repeat: no-repeat !important;
    width: 17px !important;
    height: 16px !important;
    background-position: 0 0 !important;
}

.faq-panelBar-subitem .k-state-default .k-header .k-panelbar-expand {
    background-image: url("images/icon_faq_arrow.svg") !important;
    background-size: contain;
    background-repeat: no-repeat !important;
    width: 17px !important;
    height: 16px !important;
    background-position: 0 0 !important;
}

.faq-panelBar-subitem .k-item {
    margin-bottom: 12px;
}

.faq-panelBar-subitem .k-item .k-panel {
    border-bottom-style: none;
}

.faq-panelBar-subitem .k-item .k-state-selected {
    background-color: white;
}

.faq-panelBar-subitem li {
    margin-bottom: 10px !important;
    border-radius: 5px !important;
}

.faq-panelBar-subitem li div {
    background-color: #FFF;
}

.faq-panelBar-subitem h2 {
    color: #9E9E9E !important;
}

.faq-panelBar-subitem li[aria-expanded=true] h2 {
    color: #262D3D !important;
}

.manual-left-form a:hover {
    text-decoration: none;
    color: #68BDC0;
}

.manual-left-form a {
    text-decoration: none;
    color: #A3A0A5;
}

.faq-panelBar-subitem .k-item .k-panel .k-item .k-link {
    word-wrap: break-word;
}

.faq-panelBar-subitem .k-item .k-state-focused {
    box-shadow: inset 0 0 7px 0 white;
}

.manual-left-form a:focus {
    color: #3CA6F7;
}

.faq-panelBar-subitem .k-item .k-state-hover {
    background-color: white;
}

.k-grid-header th.k-header > .k-link,
.k-grid-header th.k-header > .k-link:active,
.k-grid-header th.k-header > .k-link:focus {
    border: 0 none;
    padding: 5px;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Exo2Regular, sans-serif;
    color: rgba(38, 45, 61, .75);
    letter-spacing: 1px;
}

.k-grid-header th.k-header > .k-link > .k-icon,
.k-grid-header th.k-header > .k-link:hover > .k-icon {
    background-image: url("images/icon_sort.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 3px 0 !important;
    width: 17px !important;
    height: 16px !important;
}

.k-grid-header th.k-header > .k-link:hover > .k-icon {
    display: inline-block !important;
}

.tab-block {
    padding: 15px 40px 0 85px;
    position: relative;
}

.player-settings .tab-block {
    overflow-y: auto;
    overflow-x: hidden;
    height: 325px;
    max-height: 325px;
}

.tab-block.info {
    padding-top: 30px;
}

.tab-block a:hover {
    text-decoration: none;
}

.tab-block a:hover > span {
    padding-bottom: 2px;
    border-bottom: 1px solid;
}

.k-tabstrip-wrapper:active,
.k-tabstrip-wrapper:focus,
.k-tabstrip:active,
.k-tabstrip:focus {
    border: 0 none;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-grid .info label {
    font-size: 12px;
    font-family: Exo2Light, sans-serif;
    color: rgba(128, 128, 128, .75);
}

.k-grid .info p {
    font-size: 14px;
    font-family: Exo2Regular, sans-serif;
    color: rgba(128, 128, 128, 1);
}

.k-grid .info a > span {
    font-size: 12px;
    font-family: Exo2Regular, sans-serif;
    color: rgba(38, 45, 61, .75);
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    padding-left: 3px;
}

.k-grid .info a > img {
    margin-bottom: 3px;
}

.k-grid .info .row {
    margin-bottom: 30px;
}

.btn-arrow-right {
    background-image: url("images/icon-arrow-right.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    width: 7px !important;
    height: 16px !important;
}

.button-music-player-folder {
    height: 60px;
    width: 190px;
    color: #808080;
    background-color: white;
    font-family: Exo2Light, sans-serif;
    font-size: 16px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 10px;
    padding: 17px 10px 10px;
    display: inline-block;
}

.button-music-player-folder:hover {
    background-color: #68C07D;
    color: white;
    font-family: Exo2Light, sans-serif;
    font-size: 16px;
}

.button-music-player-folder:hover .folder-open,
.button-music-player-folder:focus .folder-open {
    display: none;
}

.button-music-player-folder:focus {
    background-color: #68C07D;
    color: white;
    font-family: Exo2Regular;
    font-size: 16px;
}

.button-music-player-folder-active {
    background-color: #68C07D;
    color: white;
}

.button-music-player-folder.button-music-player-folder-active .folder-open {
    display: none;
}

.k-i-arrow-n {
    background-position: -16px -288px;
}

.journal-report-creator {
    background-color: #434E69;
    padding: 30px 25px 30px 20px;
}

.journal-report-creator label {
    color: #64B1B6;
    font-family: Exo2Regular, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.journal-report-creator h4 {
    color: #C2C5CC;
}

.journal-report-creator span {
    color: #C2C5CC;
}

.journal-report-creator .k-header {
    background-color: transparent;
}

.journal-report-creator .k-dropdown-wrap {
    background-color: transparent;
    height: 29px;
    box-sizing: border-box;
}

.journal-report-creator .k-input {
    background-color: transparent;
    color: #fff !important;
}

.journal-report-creator .k-dropdown-wrap .k-state-active {
    background-color: transparent;
    color: #fff;
}

.journal-report-creator .k-icon {
    color: #fff !important;
}

.journal-report-creator .k-picker-wrap {
    background-color: transparent;
}

span.k-widget.k-dropdown.k-header.k-state-border-down,
span.k-widget.k-combobox.k-header.k-state-border-down {
    background-color: #68BDC0 !important;
}

.settings {
    margin-top: 20px;
}

.settings-label {
    color: rgba(38,45,61,1) !important;
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.settings label {
    color: #000;
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    font-weight: normal;
}

.settings span {
    color: rgba(128,128,128,0.75);
}

.settings .k-header {
    background-color: transparent;
}

.settings .k-dropdown-wrap {
    background-color: transparent;
}

.settings .k-input {
    background-color: transparent;
    color: #808080 !important;
}

.settings .k-state-active .k-input {
    background-color: transparent;
    color: #fff !important;
}

.settings .k-dropdown-wrap .k-state-active, .settings .k-dropdown-wrap .k-state-border-down {
    background-color: transparent;
    color: #808080;
}

.k-state-border-down {
    background-color: transparent;
    color: #808080;
}

.settings .k-picker-wrap {
    background-color: transparent;
    height: 28px;
}

.settings span.k-widget.k-dropdown.k-header.k-state-border-down {
    background-color: #68BDC0 !important;
}

.settings .dropdown-holder {
    margin-top: 10px;
}

.dropdown-holder.open > div {
    background-color: #68bdc0;
    color: rgba(255,255,255,.75);
}

.settings .label-gray {
    color: #9C9C9C;
    font-weight: 300;
    cursor: pointer;
}

.settings .label-gray > span {
    margin-left: 5px;
}

.settings span.k-select span.k-icon.k-i-arrow-s,
.settings span.k-widget.k-dropdown.k-header span.k-icon.k-i-arrow-s,
.settings .setings-daily-reboot .k-i-clock {
    background-image: url("images/dropdown_arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 3px 5px !important;
    width: 16px !important;
    height: 16px !important;
    opacity: 0.4;
}

.settings span .k-select {
    width: 45px;
    border-left: 1px solid rgba(204, 204, 204, 1);
}

.settings span .k-select:hover {
    border-left: 1px solid rgba(204, 204, 204, 1);
}

.settings .k-state-hover {
    border: 1px solid #b4b5b9;
    cursor: pointer;
}

.settings span .k-dropdown-wrap {
    height: 28px;
}

.css-dop-st-3 {
    padding-right: 0 !important;
}

.css-dop-st-3 .media-tree-header {
    height: 41px;
    box-sizing: border-box;
}

.css-dop-st-4 {
    padding-left: 0 !important;
}

.css-dop-st-5 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

span.k-i-calendar,
.k-state-hover span.k-i-calendar {
    background-image: url("images/icon_calendar.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-size: contain !important;
    width: 16px !important;
    height: 16px !important;
}

span .k-i-clock,
.k-state-hover .k-i-clock {
    background-image: url("images/icon_clock.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    width: 16px !important;
    height: 16px !important;
    position: relative;
    left: 2px;
}

.settings a, .player-notes a,
.k-grid .info a {
    color: #68bdc0;
    text-transform: none;
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}

.settings p {
    color: #808080;
    text-transform: none;
    font-family: Exo2Regular, sans-serif;
    font-size: 14px;
}

.k-multiselect-wrap {
    border: 1px solid rgba(204, 204, 204, 1);
    min-height: 30px;
}

.dropdown-menu > .k-multiselect-item-wrapper {
    padding: 10px 30px;
}

.k-multiselect-item-wrapper > .k-multiselect-item {
    padding: 0;
    overflow: inherit !important;
}

.k-multiselect-item-wrapper > .k-multiselect-edit-input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

.k-multiselect-item > .glyphicon.k-multiselect-selected-icon {
    margin-right: 0;
    left: -5px;
}

.k-window .shedule-editor > span > span {
    top: 7px;
}

.k-window .shedule-editor .x-hidden {
    position: relative;
    top: 5px;
}

.k-window .k-multiselect-wrap {
    height: 26px;
    min-height: 26px;
    box-sizing: border-box;
}

.k-window .k-numeric-wrap {
    max-height: 26px;
    height: 26px;
    box-sizing: border-box;
}

.k-window .k-numeric-wrap input.k-formatted-value,
.k-window .k-numeric-wrap .k-recur-count.k-input {
    max-height: 24px;
    height: 24px;
    box-sizing: border-box;
    font-size: 13px;
}

.k-window .k-numeric-wrap input.k-recur-interval {
    max-height: 24px;
    height: 24px;
    box-sizing: border-box;
    font-size: 13px;
}

.k-window .k-recur-view > div:nth-of-type(4n+2) {
    margin-top: -26px;
    margin-left: 236px;
}

.k-window .k-recur-view > div:nth-of-type(4n+1) {
    margin-top: -55px;
    margin-left: 236px;
}

.k-window .k-numerictextbox .k-link {
    height: 13px;
}

.k-window .k-numeric-wrap .k-icon.k-i-arrow-n {
    background-position: 0 2px !important;
    height: 14px !important;
}

.k-window .k-numeric-wrap .k-icon.k-i-arrow-s {
    background-position: 0 -12px !important;
    height: 14px !important;
}

.k-window .k-datetimepicker .k-picker-wrap span {
    margin-bottom: 4px;
}

.k-window .k-datepicker .k-picker-wrap .k-select span.k-i-calendar {
    margin-bottom: 4px;
    margin-left: 7px;
}

.k-window .k-datepicker .k-picker-wrap .k-select {
    width: 28px;
    box-sizing: border-box;
}

.k-window .k-numeric-wrap span.k-select {
    overflow: hidden;
}

.k-window .k-multiselect .k-button span.k-icon.k-i-close {
    position: relative;
    top: -1px;
    right: 2px;
    width: 11px !important;
    height: 11px !important;
}

.css-dop-st-1 .app-accordion-group {
    min-height: 51px;
    box-sizing: border-box;
}

.css-dop-st-2 .k-grid-header {
    min-height: 52px;
    box-sizing: border-box;
}

.k-window .k-header {
    height: 26px;
    min-height: 26px;
    box-sizing: border-box;
}

.settings .k-multiselect-wrap {
    background-color: transparent;
    border: 1px solid rgba(204, 204, 204, 1);
    min-height: 23px;
    color: #808080;
    padding-left: 5px;
    padding-top: 5px;
    overflow: hidden;
}

.media-page-body {
    display: flex;
}

.table-st-1 {
    margin-bottom: 0;
}

#schedulerWrapper table.k-scheduler-layout > tbody > tr > td:first-of-type,
#schedulerWrapper table.k-scheduler-layout > tbody > tr > td:first-of-type {
    width: 70px;
}

.settings-modal-input {
    border: 1px solid #c3c4c8;
    border-radius: 3px;
    font-size: 12px;
    color: #808080;
    width: 90%;
    height: 28px;
    padding: 10px;
}

.k-list .k-state-hover {
    border: 1px solid #b4b5b9;
    cursor: pointer;
}

.k-list .k-state-selected {
    background-color: #5aa3a6;
    border-color: #5aa3a6;
}

.k-multiselect-wrap .k-button {
    background-color: #5aa3a6;
    border-color: #5aa3a6;
    color: #fff;
}

.k-multiselect-wrap .k-state-hover {
    background-color: #5aa3a6;
    color: #fff;
}

div.k-list-container.k-popup.k-group.k-reset {
    background-color: #EBEBEB;
}

span.k-widget.k-dropdown.k-header span.k-icon.k-i-arrow-s {
    background-image: url("images/dropdown_btn_w.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 12px auto;
    background-position: -1px 4px;
    width: 16px !important;
    height: 16px !important;
}

span.k-widget.k-dropdown.k-header span.k-icon.k-i-arrow-n {
    background-image: url('images/arrow-up.png') !important;
    background-position: 0 0 !important;
    background-size: 16px 16px !important;
}

.permissions input {
    float: right;
}

.border-top {
    border-top: 1px solid #B4B5B9;
    padding-top: 12px;
    padding-bottom: 7px;
    background-color: #E3E3E3;
}

/*---- Checkbox ----------------------------*/

label input[type="checkbox"] {
    display: none;
}

label input[type="checkbox"] + .custom-checkbox {
    background-color: #ffffff;
    border: 1px solid #c5c8ce;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05);
    padding: 6px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    margin-top: 4px;
}

label:active input[type="checkbox"] + .custom-checkbox, label:active input[type="checkbox"]:checked + .custom-checkbox {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);
}

label input[type="checkbox"]:checked + .custom-checkbox {
    background-color: #fafafa;
    border: 1px solid #68bdc0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

label input[type="checkbox"]:checked + .custom-checkbox:after {
    content: '\2713';
    font-size: 10px;
    position: absolute;
    top: -3.5px;
    left: 2px;
    color: #68bdc0;
    background-color: transparent;
}


label input[type="checkbox"] + .big-checkbox {
    padding: 10px;
}

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

.journal-seeall {
    margin-left: 60px;
    margin-top: 10px;
}

.journal-seeall span {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #808080;
    line-height: 10px;
}

.journal-seeall span:first-child:hover {
    border-bottom: 2px solid #b5b5b5;
    padding-bottom: 2px;
}

.playlists .row-edit,
.row-label .row-edit {
    display: none;
}

.playlist-row {
    cursor: pointer;
}

.playlist-row:hover .row-edit,
.info label:hover .row-edit,
.row-label:hover .row-edit,
.settings label:hover .row-edit {
    display: inline-block;
}

.playlists-grid input, .info input, .hover-edit input {
    border: 1px solid #68bdc0;
    border-radius: 3px;
    font-size: 12px;
    padding-left: 5px;
    color: #808080;
}

.info {
    display: inline-block;
    width: 100%;
    overflow: hidden !important;
}

.info label {
    display: block;
}

.info label .row-edit, .settings label .row-edit {
    cursor: pointer;
}

.settings p {
    color: #9C9C9C;
}

/**********************************************/
/****************  MEDIA TREE  ****************/

.app-accordion, app-accordion-group {
    background-color: #434e69;
}

.app-accordion .panel-group * {
    background-image: none;
    background-color: #434e69;
}

.app-accordion .panel-group .panel-heading, .app-accordion h4.panel-title, .app-accordion h4.panel-title * {
    background-color: #727a8f !important;
}

.app-accordion h4.panel-title {
    color: #e1e2e6;
}

.app-accordion .panel-body,
.app-accordion .panel-title {
    position: relative;
}

.app-accordion .add-folder-label {
    color: #e1e2e6;
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 10px;
    font-family: Exo2Light, sans-serif;
}

.media-folder-nav-buttons {
    position: absolute;
    top: 38px;
    right: 40px;
    width: 100px;
}

li[role="treeitem"] span {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.media-tree ul.k-group .k-item .k-state-selected .tree-item-name {
    border-bottom: 1px solid #68BDC0 !important;
    padding: 1px;
}

/********* AUDIO PLAYER ********/

.player-background {
    background-color: #3a4259;
    color: white;
    padding-bottom: 20px;
}

.player-background .controls {
    padding: 15px;
    min-height: 70px;
}

.player-background .player-buttons {
    padding: 0px 30px;
}

.player-background .player-buttons span {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.player-background #player-caption {
    text-align: center;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.player-background .player-buttons span.glyphicon {
    font-size: 1.5em;
}

.player-background .player-buttons .progress, .player-background .player-buttons .progress-bar,
.shedule-editor .progress, .shedule-editor .progress-bar {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    position: relative;
    overflow: visible;
}

.player-background .player-buttons .progress, .shedule-editor .progress {
    height: 1px;
    margin-top: 2px;
    margin-bottom: 0px;
}

.player-background .player-buttons span.glyphicon-play-circle,
.player-background .player-buttons span.glyphicon-pause {
    font-size: 2em !important;
    cursor: pointer;
}

.player-background .player-buttons span.glyphicon-volume-up {
    font-size: 2em !important;
}

.player-background .player-buttons .player-time {
    width: 65px;
    padding-left: 10px;
    margin-right: 4px;
}

.player-background .player-buttons .player-time:nth-of-type(2n+1) {
    margin-left: 4px;
    text-align: right;
}

/******************VIDEO****************/

.player-background .player-embed {
    margin: 0 auto;
    width: 65%;
}

span.glyphicon.glyphicon-remove,
.k-icon.k-i-close,
.k-window-titlebar .k-state-hover {
    background-image: url("images/icon_close.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 1px 0 !important;
    width: 17px !important;
    height: 15px !important;
}

.modal-body {
    position: relative;
    padding: 40px 20px 20px;
    max-height: calc(100vh - 200px);
    overflow: auto;
}

.no-scroll-x {
    max-height: 560px;
    overflow: hidden;
}

.modal-body .panel-body > .k-content {
    max-height: inherit !important;
    min-height: inherit !important;
}

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

.modal-body.clients .form-group {
    padding: 0 30px;
}

.modal-content {
    border-top-right-radius: 7px !important;
    border-top-left-radius: 7px !important;
}

.glyphicon-remove:before {
    content: "";
}

.player-background .player-embed video {
    height: auto;
    width: 100%;
}

span .k-state-focused {
    border: 0 none;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.glyphicon-pencil:before {
    content: none;
}

.glyphicon-pencil-important:before {
    content: "\270f";
}

.glyphicon-pencil {
    cursor: pointer;
    background-image: url('images/icon_pen.svg');
    background-size: contain;
    width: 10px;
    height: 10px;
    margin-left: 5px;
}

.k-datetimepicker {
    width: 80%;
}

.k-scheduler-edit-form .k-datetimepicker {
    width: 85%;
}

.settings-workinghours-readonly-label {
    margin-bottom: -15px;
}

.settings-workinghours-from {
    padding-top: 5px;
}

.settings-workinghours-from > span:first-child {
    padding-top: 5px;
    display: inline-block;
}

.settings-workinghours-till {
    padding-top: 5px;
}

.settings-workinghours-till > span:first-child {
    padding-top: 5px;
    display: inline-block;
}

.settings-workinghours-addnew {
    padding-top: 11px;
}

.settings-workinghours-remove {
    padding-top: 13px;
}

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

.settings-editable-input {
    margin-top: 10px;
}

.show-first-four {
}

.show-first-four-collapsed {
    display: none;
}

.show-first-four-collapsed:nth-child(-n+4) {
    display: inline-block;
}

.button-underlined {
    text-decoration: underline;
}

.settings-deleteplayer {
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    color: rgba(38,45,61,0.75);
}

.license-link {
    color: rgba(38, 45, 61, .75);
    text-transform: none;
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.license-link:hover {
    text-decoration: none;
    color: #808080;
}

.full-height {
    height: 100% !important;
}

.icon-folder {
    background-image: url("images/folder_2_300dpi.svg");
    background-repeat: no-repeat !important;
    background-position: 6px 0 !important;
    background-size: contain;
    width: 62px !important;
    height: 32px !important;
    margin-bottom: 15px !important;
    cursor: pointer !important;
}

.icon-files-folder {
    background-image: url("images/folder_1_300dpi.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 6px 0 !important;
    background-size: contain;
    width: 62px !important;
    height: 32px !important;
    margin-bottom: 15px !important;
    cursor: pointer !important;
}

.icon-folder-empty {
    background-image: url("images/folder_3_300dpi.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 6px 0 !important;
    background-size: contain;
    width: 62px !important;
    height: 32px !important;
    margin-bottom: 15px !important;
    cursor: pointer !important;
}

.media-content-button-default .media-folder-active {
    display: none;
    opacity: 0.8;
}

.media-content-button-default:hover .media-folder-default,
.media-content-button-default:active .media-folder-default,
.media-content-button-active .media-folder-default {
    display: none;
}

.media-content-button-default:hover .media-folder-active,
.media-content-button-default:active .media-folder-active,
.media-content-button-active .media-folder-active {
    display: block;
}

.icon-folder-active {
    background-image: url("images/icon_folder_hover.png") !important;
    background-size: 28px auto;
    opacity: 0.25;
    background-repeat: no-repeat !important;
    height: 32px !important;
}

.media-folder-name {
    font-size: 18px;
    font-family: Exo2Light, sans-serif;
}

.media-folder-text {
    font-size: 14px;
    font-family: Exo2Light, sans-serif;
}

.media-content-button-default:hover .row.media-folder-text, .media-content-button-active .row.media-folder-text {
    display: none;
}

.media-folder-active .media-folder-text {
    text-align: left;
}

.media-folder-active {
    padding-left: 10px;
}

.media .folder-open {
    background-image: url("images/icon_folder_media.png") !important;
    background-repeat: no-repeat !important;
    height: 17px !important;
    width: 31px !important;
    display: inline-block !important;
    margin-bottom: -4px !important;
}

.media .folder-open-empty {
    background-image: url("images/icon_folder_empty_small.png") !important;
    background-repeat: no-repeat !important;
    height: 21px !important;
    width: 31px !important;
    display: inline-block !important;
    margin-bottom: -4px !important;
}

.media .folder-open span {
    text-decoration: none;
}

.folder-pencil {
    background-image: url("images/icon_rename.svg") !important;
    background-repeat: no-repeat !important;
    height: 11px !important;
    width: 10px !important;
    display: inline-block !important;
    margin: 0 !important;
}

.breadcrumbs a, .breadcrumbs span {
    font-size: 24px;
    font-family: Exo2Regular, sans-serif;
    color: #262d3d;
}

.breadcrumbs > span > span {
    word-break: break-all;
    word-wrap: break-word;
}

.breadcrumbs a {
    cursor: pointer;
}

.alert-info {
    background-color: #434e69;
    background-image: none;
    color: #fff;
}

.volume-up {
    background-image: url("images/volume-icon.svg") !important;
    background-repeat: no-repeat !important;
    height: 16px !important;
    width: 21px !important;
    cursor: pointer !important;
}

.play-circle {
    background-image: url("images/icon_play.png") !important;
    background-repeat: no-repeat !important;
    height: 40px !important;
    width: 41px !important;
    cursor: pointer !important;
}

.step-backward {
    background-image: url("images/icon_previous.png") !important;
    background-repeat: no-repeat !important;
    height: 16px !important;
    width: 21px !important;
    cursor: pointer !important;
}

.step-forward {
    background-image: url("images/icon_next.png") !important;
    background-repeat: no-repeat !important;
    height: 16px !important;
    width: 21px !important;
    cursor: pointer !important;
    margin-left: 11px !important;
}

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

.progress-bar-info {
    background-image: none;
    background-color: #68bdc0;
}

.progress-bar-mark {
    background-image: url("images/icon_mark.png") !important;
    background-repeat: no-repeat !important;
    height: 12px !important;
    width: 12px !important;
    cursor: pointer !important;
    position: absolute !important;
    right: 0 !important;
    top: -5px !important;
}

.progress-bar-mark-small {
    background-image: url("images/icon_mark_small.png") !important;
    background-repeat: no-repeat !important;
    height: 8px !important;
    width: 8px !important;
    cursor: pointer !important;
    position: absolute !important;
    right: 0 !important;
    top: -3px !important;
}

.glyphicon-pause {
    height: 40px;
    width: 41px;
    top: 5px;
}

.icon-close {
    background-image: url("images/icon_close2.png") !important;
    background-repeat: no-repeat !important;
    height: 10px !important;
    width: 10px !important;
}

.play-circle-small {
    background-image: url("images/icon_play_small.png") !important;
    background-repeat: no-repeat !important;
    height: 10px !important;
    width: 10px !important;
    display: inline-block !important;
}

.media-tree {
    color: #fff;
    background-color: #434e69;
    overflow: auto;
}

.media-tree .media-tree-header {
    background-color: #727a8f;
}

.folders .k-state-selected {
    background: transparent;
    color: #808080 !important;
}

.folders .media-tree ul.k-group .media-tree-item {
    color: #a3a3a3 !important;
}

.folders .media-tree ul.k-group .media-tree-item:hover {
    color: #808080 !important;
}

.folders .k-treeview .k-in.k-state-hover {
    background-color: transparent;
    color: #808080;
}

.folders .k-treeview .k-in.k-state-focused {
    color: #808080;
}

body .tab-block.folders .media-tree ul.k-group .k-item .k-state-selected .media-tree-item {
    color: #808080 !important;
}


.media-tree ul.k-group .k-item {
    color: #fff !important;
    font-family: Exo2Light, sans-serif;
}

.media-tree ul.k-group .k-item .k-state-selected {
    color: #fff !important;
}

.tab-block.folders .media-tree ul.k-group .k-item, .craete-operator-step-3 .media-tree ul.k-group .k-item {
    color: white;
    font-family: Exo2Light, sans-serif;
}

.tab-block.folders .media-tree ul.k-group .k-item .k-state-selected, .craete-operator-step-3 .media-tree ul.k-group .k-item .k-state-selected {
    color: #8f8f8f !important;
}

.modal-body label.big-checkbox {
    margin: 0;
}

.media-tree li[role=treeitem], .media-tree li[role=treeitem] span {
    text-transform: none !important;
}

.k-treeview .k-plus {
    margin-left: -6px !important;
}

.media-tree .app-accordion .panel-group .panel-heading,
.media-tree .app-accordion h4.panel-title,
.media-tree .app-accordion h4.panel-title * {
    background-color: #434e69 !important;
    border: none;
    padding-top: 8px;
}

.media-tree .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    padding-top: 0;
}

.modal-body .app-accordion-group .panel-heading {
    display: none;
}

.media-tree .panel-group .panel + .panel {
    margin: 0;
    padding-bottom: 15px;
}

.media-tree .panel-group .panel {
    border-color: #727a8f;
    border-radius: 0;
    border-bottom: none;
    border-left: none;
    border-right: none;
}


.media-tree .k-treeview .k-top,
.media-tree .k-treeview .k-mid,
.media-tree .k-treeview .k-bot {
    background-image: url('images/treeview-nodes.png') !important;
    background-repeat: no-repeat !important;
    margin-left: -16px !important;
    padding-left: 16px !important;
}

.media-tree .k-treeview .k-last {
    background-image: none;
}

.media-tree .k-treeview .k-in {
    padding: 0;
}

.media-tree .k-treeview .k-top {
    background-position: -69px -22px;
}

.media-tree .k-treeview .k-bot {
    background-position: -69px -22px;
}

.media-tree .k-treeview .k-mid,
.media-tree .k-treeview .k-top {
    background-position: -47px -44px;
}

.k-treeview .k-item[aria-expanded=true] > .k-top,
.k-treeview .k-item[aria-expanded=true] > .k-mid {
    background-position: -69px -22px !important;
}

.media-tree .k-treeview .k-last {
    background-position: -25px -66px !important;
}

.media-tree .k-treeview .k-item {
    background-repeat: no-repeat;
}

.media-tree .k-treeview .k-item .glyphicon {
    height: 13px;
    background-repeat: no-repeat;
    width: 22px;
}

.media-tree .k-treeview .k-item .glyphicon.folder-open,
.media-tree .k-treeview .k-item .glyphicon.music,
.media-tree .k-treeview .k-item .glyphicon.film {
    background-image: url('images/folder_icn.svg') !important;
    opacity: 0.55;
}

.media-tree .k-treeview .k-item .k-state-selected .glyphicon.folder-open,
.media-tree .k-treeview .k-item .k-state-selected .glyphicon.music,
.media-tree .k-treeview .k-item .k-state-selected .glyphicon.film {
    opacity: 1;
}

.media-search .glyphicon {
    height: 13px !important;
    background-repeat: no-repeat;
    width: 22px;
    margin-top: -4px;
    float: left;
    margin-left: 5px;
}

.media-search .glyphicon.glyphicon-exclamation-sign,
.media-search .glyphicon.glyphicon-remove-sign {
    margin-top: 3px;
    width: 13px;
}

.media-search .glyphicon.folder {
    background-image: url('images/folder_icn.svg') !important;
    margin-top: 3px;
    opacity: 1;
}

.media-search .glyphicon.folder.empty {
    background-image: url('images/folder_icn_small_gray.png') !important;
}

.media-search .glyphicon.folder-open-with-files {
    background-image: url('images/folder_icn_blue.svg') !important;
}

.media-tree .k-treeview .k-item .glyphicon.folder-close {
    background-image: url('images/folder_icn_collapsed.png') !important;
    height: 14px !important;
}

.media-tree .k-treeview .k-item .glyphicon.folder-open.empty {
    background-image: url('images/folder_icn_small_gray.svg') !important;
    height: 14px !important;
}

.media-tree .k-treeview .k-item .glyphicon.folder-open.folder-open-with-files {
    background-image: url('images/folder_icn_blue.svg') !important;
    height: 14px !important;
}

.media-tree .k-treeview .k-item .glyphicon.option-horizontal {
    background-image: url('images/file-line.png') !important;
    background-position-y: -6px !important;
    left: -2px;
}

.media-tree .k-treeview .k-first {
    background-repeat: no-repeat;
    background-position: 0 16px;
}

.media-tree .k-state-selected {
    border-left: none !important;
}

.schedule nav-bottom {
    background-color: #ebebeb;
}

.schedule .panel-group {
    margin-bottom: 0;
}

.schedule .k-scheduler-times td,
.schedule .k-scheduler-times th {
    border-bottom: none !important;
}

.schedule .k-scheduler-times td,
.schedule .k-scheduler-times th {
    border-bottom: none !important;
}

.schedule .k-scheduler-toolbar {
    background-color: #f7f7f7;
    color: #71747b;
}

.schedule .k-scheduler-toolbar > ul.k-scheduler-views {
    background-color: transparent;
}

.schedule .k-scheduler-toolbar > ul > li,
.schedule .k-scheduler-toolbar > ul.k-scheduler-views > li,
.schedule .k-scheduler-toolbar > ul.k-scheduler-views > li > a {
    border: none !important;
    background-color: transparent !important;
    color: #71747b;
    text-transform: uppercase;
}

.schedule .k-scheduler-toolbar > ul.k-scheduler-views > li.k-state-selected > a {
    color: #68bdc0;
    border: none !important;
    text-decoration: none;
    text-transform: uppercase;
}

.schedule .k-nonwork-hour {
    background-color: #fff;
}

.schedule .k-scheduler {
    overflow: hidden;
}

.schedule .k-scheduler .k-scheduler-header {
    padding-right: 0 !important;
}

.schedule .k-scheduler .k-scheduler-content {
    overflow-x: hidden;
}

.glyphicon-volume-off {
    cursor: pointer;
}

.media-trackname {
    cursor: pointer;
    display: inline-block;
}

.media-upload .k-upload-button {
    padding: 5px 40px 5px 40px;
    background-color: #68bdc0;
    color: rgba(255,255,255,.75);
    text-transform: uppercase;
    border: none;
    font-size: 10px;
    border-radius: 17px;
}

.modal-content h3 {
    font-family: Exo2Regular, sans-serif;
    font-size: 18px;
    color: #262d3d;
}

.media .app-accordion .panel-group * {
    background-color: #fff;
    color: #808080;
}

.modal-action-text {
    font-family: Exo2Medium, sans-serif;
    font-size: 12px;
    color: #262d3d;
    margin-bottom: 25px;
}

.app-modal-window .modal-dialog {
    width: 500px;
}

.btn-fixed-140, .btn-fixed {
    width: 140px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: 2px solid #68bdc0;
}

.btn-fixed.btn-fixed-170 {
    width: 170px;
}

.btn-cyan-border, .btn-cyan-border:focus, .btn-cyan-border:active {
    background-color: #fff;
    color: #68bdc0;
    text-transform: uppercase;
    border: 2px solid #68bdc0;
    font-size: 10px;
}

.btn-cyan-border:hover {
    background-color: #68bdc0;
    color: rgba(255,255,255,.75);
    text-transform: uppercase;
    font-size: 10px;
    border: 2px solid #68bdc0;
}

.modal-steps,
.modal-steps span {
    font-family: Exo2Medium, sans-serif;
    font-size: 12px;
    color: #808080;
}

.modal-steps a {
    color: #262d3d;
    text-decoration: none;
    cursor: pointer;
    font-family: Exo2Regular, sans-serif;
    margin-right: 20px;
}

.modal-steps span {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: Exo2SemiBold, sans-serif;
}

.multi-dropdown .dropdown-holder {
    position: relative;
}

.dropdown-menu.dropdown-multi-menu {
    margin-top: 0 !important;
    width: 100%;
}

.dropdown-menu.dropdown-multi-menu:before,
.dropdown-menu.dropdown-multi-menu:after {
    display: none;
}

.dropdown-menu.dropdown-multi-menu > li.dropdown-search > input,
.dropdown-menu.dropdown-multi-menu > li.dropdown-new-category > input {
    width: 100%;
    border: none;
    padding: 10px 0;
    text-indent: 10px;
    background-color: #ebebeb;
    margin: 0;
}

.dropdown-menu.dropdown-multi-menu > li.dropdown-search:hover,
.dropdown-menu.dropdown-multi-menu > li.dropdown-new-category:hover {
    background-color: #ebebeb !important;
}

.dropdown-menu.dropdown-multi-menu > li .glyphicon-ok {
    margin-right: 5px;
}

.dropdown-menu.dropdown-multi-menu > li.dropdown-new-category.input-holder {
    padding: 5px 20px;
}

.dropdown-menu.dropdown-multi-menu > li.dropdown-new-category.input-holder > input {
    padding: 4px 0px;
    border: 1px solid #D5D6D8;
    border-radius: 4px;
}

.dropdown-menu.dropdown-multi-menu > li.dropdown-new-category > h6 {
    background-color: #CCCED2;
    text-align: center;
    cursor: pointer;
    padding: 15px;
}

.dropdown-menu.dropdown-multi-menu > li .big-checkbox {
    width: 30px;
    display: inline-block;
}

.dropdown-menu.dropdown-multi-menu {
    margin-top: 0 !important;
    width: 110%;
    left: -5%;
    top: 43px;
    max-width: 1000px;
}

.dropdown-menu.dropdown-multi-menu:after {
    position: absolute;
    top: -6px;
    right: 9%;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ebebeb;
    border-left: 6px solid transparent;
    content: '';
}

.k-window-titlebar {
    background-color: #33a7cd;
    font-size: 22px;
    padding: 5px 0;
    color: #fff;
}

.k-scheduler-edit-form {
    overflow-x: hidden !important;
}

.glyphicon-menu-left {
    top: 2px;
}

.glyphicon-menu-right {
    top: 2px;
}

input:invalid:not(.input-error), textarea:invalid:not(.input-error), select:invalid:not(.input-error) {
    border: #c3c4c8 solid 1px !important;
    border-left: 1px solid #c3c4c8 !important;
}

.input-error {
    border: #fa4733 solid 1px !important;
    border-left: 1px solid #fa4733 !important;
    color: #fa4733 !important;
}

input.input-error::-webkit-input-placeholder,
input.input-error::-moz-placeholder,
input.input-error:-moz-placeholder,
input.input-error:-ms-input-placeholder {
    color: #fa4733;
}

.modal-body .k-dropdown-wrap {
    height: 33px;
}

.modal-body .k-dropdown-wrap input,
.modal-body .k-picker-wrap input {
    height: 28px;
    font-size: 12px;
    padding-left: 0;
    font-family: Exo2Regular, sans-serif;
    color: #808080;
}

.modal-body span.k-select span.k-icon.k-i-arrow-s {
    background-image: url("images/dropdown_arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 2px 5px !important;
    width: 16px !important;
    height: 16px !important;
    opacity: 0.4;
}

.modal-body label {
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Exo2Medium, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

input {
    font-size: 12px;
    padding-left: 7px;
    font-family: Exo2Regular, sans-serif;
    color: #808080;
}

.settings a {
    cursor: pointer;
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active {
    background-color: transparent;
    background-image: none;
    background-position: 50% 50%;
    border-color: #aeaeae;
}

.k-today.k-state-selected.k-state-focused,
.k-state-selected.k-state-focused,
.k-weekend.k-state-selected.k-state-focused {
    background-image: none;
    color: #fff;
    border: none;
    border-left: none;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.text-algin-center {
    text-align: center;
}

input[type=text].ng-invalid-pattern,
input[type=email].ng-invalid-email,
input[type=password].ng-invalid-compare-to,
input.ng-invalid-required.user-notified,
input.ng-invalid-pattern.user-notified,
input.ng-invalid-minlength {
    border: 1px #fa4733 solid !important;
    color: #fa4733;
    border-left: 1px solid #fa4733 !important;
}

a[disabled=disabled] {
    pointer-events: none;
}

rzslider span.rz-bubble {
    display: none !important;
}

rzslider span.rz-bar {
    height: 2px !important;
}

rzslider span.rz-bar.rz-selection {
    background-color: #68bdc0 !important;
}

rzslider span.rz-pointer {
    background-image: url("images/icon_mark.png");
    background-repeat: no-repeat !important;
    background-position: 0 0;
    background-color: #fff;
    height: 12px !important;
    width: 12px !important;
    cursor: pointer !important;
    position: absolute !important;
    right: 0 !important;
    top: 10px !important;
}

rzslider span.rz-pointer:hover {
    background-position: -15px 0;
    width: 14px;
    height: 14px;
}

.shedule-editor rzslider {
    width: 60%;
    display: inline-block;
    margin-top: 8px;
    margin-left: 5px;
}

.shedule-editor rzslider span.rz-pointer {
    background-image: none;
    background-color: #0db9f0 !important;
    top: -5px !important;
}

rzslider span.rz-pointer:after {
    display: none !important;
}

rzslider.audio-seek {
    width: 40%;
    margin: -29px 0 0 0px !important;
}

rzslider.audio-volume {
    width: 10%;
    margin: -29px 0 0 0px !important;
}

/* ************** SCHEDULER *************** */

.schedule {
    overflow: hidden;
}

.k-scheduler-dayview .k-event {
    background: white !important;
    border-radius: 4px;
    margin-left: 10px;
    border-width: 2px;
}

.k-scheduler-weekview .k-event {
    max-width: 10px;
}

.scheduler-event {
    background-color: white;
    height: 100%;
    color: black;
    position: relative;
    padding-top: 17px;
}

.scheduler-event .scheduler-event-header {
    background-color: #226c9f;
    color: white;
    padding: 10px 0 10px 0;
}

.scheduler-event .scheduler-event-header.ads-event {
    background-color: #33a7cd;
}

.scheduler-event .scheduler-event-header.video-event,
.scheduler-event .scheduler-event-header.VideoBackground {
    background-color: #229e5c;
}

.scheduler-event .scheduler-event-header.video-event.ads-event, .scheduler-event .scheduler-event-header.VideoAds {
    background-color: #2acc89;
}

.scheduler-event .scheduler-event-header.Sound {
    background-color: #E8A30E;
}

.scheduler-event .scheduler-event-header .schedule-event-actions {
    font-size: 1.2em;
    display: none;
    margin-top: -40px;
}

.scheduler-event .scheduler-event-header:hover .schedule-event-actions,
.scheduler-event .scheduler-event-header .schedule-event-actions:hover {
    display: inline-block;
}

.scheduler-event .scheduler-event-header .schedule-event-actions span.glyphicon {
    margin: 0 7px;
    cursor: pointer;
}

.scheduler-event .scheduler-event-header h5 {
    white-space: nowrap;
    width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.scheduler-event .scheduler-event-body {
    padding: 10px 20px 10px 20px;
}

.scheduler-event .scheduler-event-body h6 {
    color: #959595;
    font-weight: bold;
}

.scheduler-event .scheduler-event-body small {
    color: #959595;
}

.scheduler-event .scheduler-event-dots {
    text-align: center;
    color: #bfbfbf;
    width: 100%;
    position: absolute;
    height: 17px;
    background: white;
    cursor: pointer;
}

.scheduler-event .scheduler-event-dots:nth-of-type(2n+1) {
    top: 0;
    left: 0;
}

.scheduler-event .scheduler-event-dots:nth-of-type(2n) {
    bottom: 17px;
    left: 0;
}

.k-event .k-event-actions {
    display: none;
}

.k-event-drag-hint .scheduler-event-dots-move {
    display: block;
}

.scheduler-event-dots-move {
    display: none;
}

.scheduler-event-dots-expanded,
.scheduler-event-expanded .scheduler-event-dots-hidden,
.scheduler-event-hidden .scheduler-event-dots-expanded {
    display: none;
}

.scheduler-event-expanded .scheduler-event-dots-expanded,
.scheduler-event-hidden .scheduler-event-dots-hidden,
.scheduler-event-dots-hidden {
    display: block;
    white-space: nowrap;
}

.scheduler-event-dots-hidden span {
    display: inline-block;
    font-size: 12px;
}

.scheduler-event-dots-hidden span.scheduler-event-title {
    max-width: 70%;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    overflow: hidden;
}

/************** FAQ ******************/

#faq, #faq * {
    color: #808080;
}

#faq h2, #faq p2 {
    color: #646870;
}

.faq-header {
    color: #a3a3a3;
}

li[aria-expanded=true] p2 {
    color: #404551;
}

/* EXPERIMENTAL DESIGN FIXES */

.k-grid-header th.k-header > .k-link { /* Fixes "The headers of the tables are shifted to left" */
    margin: 0;
}

/* SHEDULER APPOINTMENT RECURRENCE RULE EDITOR */

.k-scheduler-edit-form .container .row {
    margin-top: 10px;
}

.k-recur-view {
    position: relative;
}

.k-recur-view .k-edit-label {
    margin-left: 0;
    text-align: left;
    float: left;
    clear: both;
}

.k-recur-view > div:nth-of-type(4n+1) {
    float: left;
    margin-top: -58px;
    margin-left: 231px;
    width: 40%;
}

.k-recur-view > div:nth-of-type(4n+2) {
    width: 50%;
    margin-left: 231px;
    margin-top: -34px;
    clear: both;
    float: left;
}

.k-recur-view > div:nth-of-type(4n) {
    clear: both;
    float: left;
    width: 40%;
    margin-top: -22px;
    min-height: 120px;
}

.k-recur-view > div:nth-of-type(4n) > .k-edit-field > ul.k-reset .k-dropdown {
    width: 7.5em;
}

.k-recur-view .k-check {
    position: relative;
    margin-right: 10px;
}

.k-recur-view .k-check input[type=checkbox] {
    display: inline-block;
    position: absolute;
    top: 15px;
}


.k-recur-view > div:nth-of-type(5) {
    position: absolute;
    top: 62px;
}

.k-recur-view > div:nth-of-type(6) {
    position: absolute;
    top: 58px;
}

#recurrenceEditorLocalization, #editWindowTemplate {
    display: none;
}

/* PLAYER NOTES RESIZE */

div.player-notes table[role=grid] colgroup col:nth-of-type(4) {
    width: auto !important;
}

textarea {
    max-width: 100%;
}

span[ui-sref] {
    cursor: pointer;
}

/* GRID SORTING */

a.k-link {
    position: relative;
}

div.playlists-grid .k-grid-header th.k-header {
    vertical-align: middle;
}

/* BORDERS FIX */

tr.row-expanded td {
    border-color: #434E69;
}

.player-notes .k-grid-content table td[role=gridcell] {
    padding: 5px;
}

.player-notes div.k-grid-header {
    padding-right: 0 !important;
}

/* JOURNAL PAGE FIX */

span.word-wrap-nbsp {
    word-wrap: normal;
    white-space: nowrap;
}

span.word-wrap-nbsp * {
    margin-bottom: 5px;
}

.journal-report-creator .col-xs-1 {
    padding: 0;
}

.journal-report-creator .k-widget.k-datetimepicker {
    height: 30px !important;
    box-sizing: border-box;
}

.journal-report-creator .k-widget.k-datetimepicker > .k-picker-wrap {
    height: 30px !important;
    box-sizing: border-box;
}

.journal-grid-pdf {
    max-width: 20cm;
}

.journal-grid-pdf tr {
    min-height: 0px;
    font-size: 8px;
}

.navbar-header {
    float: left;
}

.folders-tree-row {
    width: 90%;
    margin-left: 15px;
}

.bottom-stick {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #f1f2ef;
    padding-bottom: 10px;
    padding-top: 10px;
    z-index: 6;
}

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

.k-scheduler-update,
.k-scheduler-update:hover {
    border-radius: 17px;
    background-color: #68bdc0;
    color: rgba(255,255,255,.75);
    text-transform: uppercase;
    border: none;
    font-size: 10px;
    padding: 5px 40px 5px 40px;
}

.k-scheduler-cancel {
    padding: 7px;
}

.k-edit-form-container .container label {
    color: rgba(0,0,0,1) !important;
    font-weight: 100;
    font-family: Exo2Light, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
}

.glyphicon.glyphicon-volume-up {
    background-image: url("images/icon_volume.png") !important;
    background-repeat: no-repeat !important;
    height: 16px !important;
    width: 21px !important;
    cursor: pointer !important;
}

.k-edit-field span {
    padding-right: 5px;
}

.k-reset input {
    margin-right: 5px;
}

k-state-hover .k-numeric-wrap .k-icon.k-i-arrow-s,
.k-numeric-wrap .k-icon.k-i-arrow-s {
    background-image: url("images/dropdown_btns.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0 -7px !important;
    height: 16px !important;
    width: 21px !important;
    cursor: pointer !important;
    margin-left: 8px !important;
}

k-state-hover .k-numeric-wrap .k-icon.k-i-arrow-n,
.k-numeric-wrap .k-icon.k-i-arrow-n {
    background-image: url("images/dropdown_btns.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0 5px !important;
    height: 16px !important;
    width: 21px !important;
    cursor: pointer !important;
    margin-left: 8px !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.0) {
    table {
        position: relative;
    }
}

.k-scheduler-content .k-scheduler-table td,
.k-scheduler-header-wrap .k-scheduler-table th,
.k-scheduler-table td, .k-scheduler-header th {
    border: none;
}

.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color: transparent;
}

.k-scheduler-dayview .k-scheduler-content .k-scheduler-table td,
.k-scheduler-dayview .k-scheduler-header-wrap .k-scheduler-table th,
.k-scheduler-dayview .k-scheduler-table td,
.k-scheduler-dayview .k-scheduler-header th {
    color: grey;
    font-size: 12px;
    font-family: Exo2Light, sans-serif;
}

.k-scheduler-dayview .k-scheduler-layout tr + tr .k-scheduler-times th {
    font-size: 12px;
    font-family: Exo2Light, sans-serif;
    color: #262d3d;
}

.k-scheduler-weekview .k-scheduler-content .k-scheduler-table td,
.k-scheduler-weekview .k-scheduler-header-wrap .k-scheduler-table th,
.k-scheduler-weekview .k-scheduler-table td,
.k-scheduler-weekview .k-scheduler-header th,
.k-scheduler-monthview .k-scheduler-content .k-scheduler-table td,
.k-scheduler-monthview .k-scheduler-header-wrap .k-scheduler-table th,
.k-scheduler-monthview .k-scheduler-table td,
.k-scheduler-monthview .k-scheduler-header th {
    color: grey;
    font-size: 7px;
    font-family: Exo2Light, sans-serif;
}

.k-scheduler-monthview .k-scheduler-layout tr + tr .k-scheduler-times th {
    font-size: 7px;
    font-family: Exo2Light, sans-serif;
    color: #262d3d;
}

.expand-row {
    cursor: pointer;
}

.schedule-media-title {
    font-size: 12px;
    font-family: Exo2Light, sans-serif;
    text-transform: uppercase;
}

.icon-audio {
    background-image: url("images/icon_audio_300dpi.svg") !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    height: 21px !important;
    width: 21px !important;
    cursor: pointer !important;
    top: 8px !important;
}

.icon-video {
    background-image: url("images/video-icon.svg") !important;
    background-repeat: no-repeat !important;
    height: 21px !important;
    width: 21px !important;
    cursor: pointer !important;
    top: 8px !important;
}

.schedule-media-header {
    font-size: 12px;
    font-family: Exo2Medium, sans-serif;
    text-transform: uppercase;
}

.k-state-default.k-nav-current > a,
.k-state-default.k-nav-current > a:hover,
.k-state-default.k-header.k-nav-today > a {
    font-size: 12px;
    font-family: Exo2Regular, sans-serif;
    color: rgba(38,45,61,.75);
}

.k-scheduler-table {
    border-bottom: none;
    table-layout: auto;
}

.k-icon.k-i-arrow-w,
.k-state-hover > a:hover .k-icon.k-i-arrow-w {
    background-image: url("images/dropdown_btn_left.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    width: 7px !important;
    height: 16px !important;
    cursor: pointer !important;
}

.k-icon.k-i-arrow-e,
.k-state-hover > a:hover .k-icon.k-i-arrow-e {
    background-image: url("images/dropdown_btn.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    width: 7px !important;
    height: 16px !important;
    cursor: pointer !important;
}

.k-state-default.k-scheduler-fullday,
.k-state-default.k-scheduler-fullday a {
    color: #68bdc0;
}

a.accordion-toggle {
    text-decoration: none;
}

.k-scheduler-dayview .k-scheduler-table td {
    height: 0;
    padding: 0;
    font-size: 2px !important;
}

.k-scheduler-dayview .k-scheduler-times .k-scheduler-table th {
    height: 0;
    padding: 0;
    font-size: 1px !important;
    position: relative;
}

.majorTimeHeader {
    font-size: 12px;
    position: relative;
    float: left;
    width: 50px;
}

.majorTimeHeader > span {
    position: absolute;
    left: 10px;
}

th.k-slot-cell {
    font-size: 12px !important;
}

.glyphicon-option-horizontal {
    cursor: pointer;
}

.scheduler-event-ads-parent {
    border: 2px solid #f58a8a;
}

.scheduler-event-volume-parent {
    border: 2px solid rgb(232, 163, 14);
}

.x-hidden {
    overflow-x: hidden;
}

.duplicate-event-modal .settings-modal-input {
    width: 70%;
    padding: 5px;
}

.duplicate-event-modal label {
    min-width: 20%;
}

div.modal-narrow div.modal-dialog {
    max-width: 350px;
}

/*EDIT CATEGORIES AND PLAYERS IN DROPDOWN */

am-multiselect span.am-edit-remove {
    margin-right: 10px;
    font-size: 1.2em;
    margin-top: -20px;
    visibility: hidden;
    position: relative;
}

am-multiselect span.am-edit-remove span {
    padding: 0 5px;
}

am-multiselect .k-multiselect-wrap > div {
    margin-right: 11px;
}

am-multiselect .k-multiselect-wrap > div .k-minus {
    background-image: url("images/dropdown_arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0 5px !important;
    width: 16px !important;
    height: 16px !important;
    opacity: 0.4;
}

am-multiselect .k-multiselect-wrap > div.border {
    border-right: 1px solid #cccccc;
    position: absolute;
    right: 33px;
    height: 100px;
    top: 0;
}

am-multiselect li.ng-scope:hover span.am-edit-remove {
    visibility: visible;
}

am-multiselect li.ng-scope:hover span.am-edit-remove {
    color: #ffffff;
}

am-multiselect li.ng-scope:hover > a {
    color: #ffffff;
}

am-multiselect li.ng-scope input {
    margin: 10px 30px;
    font-family: Exo2Regular, sans-serif;
    font-size: 12px;
}

am-multiselect .k-multiselect-readonly-btn {
    cursor: default;
}

.custom-icons {
    display: inline-block;
    width: 10px;
    height: 12px;
    background-repeat: no-repeat;
    background-position-y: center;
    cursor: pointer;
}

.icon-pen {
    background-image: url('/content/images/icon_pen.png') !important;
}

.icon-rename {
    background-image: url('/content/images/icon_rename.svg') !important;
}

.icon-rename.dark {
    background-image: url('/content/images/icon_rename_dark.png') !important;
}

.icon-trash {
    background-image: url('/content/images/icon_delete.png') !important;
    opacity: 0.25;
}

.k-tooltip {
    border: 1px solid #4281ac !important;
    background-color: #fff !important;
    color: #bfbfbf !important;
    margin-top: 10px !important;
}

div.scheduler-event-dots, div.scheduler-event-dots-hidden {
    position: relative;
}

div.scheduler-event-dots .k-icon, div.scheduler-event-dots-hidden .k-icon {
    position: absolute !important;
    left: 5px !important;
}

.k-scheduler-footer, li.k-scheduler-fullday, li.k-scheduler-dayview {
    display: none !important;
}

.text-danger.glyphicon.glyphicon-remove-sign {
    cursor: pointer;
}

div.k-treeview {
    overflow-y: auto;
    display: block;
}

.media-tree.k-group {
    background-color: transparent;
}

.glyphicon.glyphicon-ok {
    left: -15px;
}

.k-tabstrip-wrapper .k-grid-norecords {
    background-color: #E3E3E3;
    font-size: 12px;
    font-family: Exo2Regular, sans-serif;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.scheduler-event-header:hover .scheduler-event-header-canhide {
    visibility: hidden;
}

.scheduler-event-header h4,
.scheduler-event-header h5 {
    padding: 0 10px;
}

.config-playlist .k-combobox {
    width: 100%;
}

div.k-event[aria-selected=true] {
    border-width: 3px;
}

am-multiselect input.form-control {
    padding: 3px 12px;
    height: auto;
}

.control {
    cursor: pointer;
}

.k-scheduler .k-today.k-state-selected {
    background-color: #fff;
    border-color: #fff;
    box-shadow: none;
}

.k-scheduler-dayview .k-scheduler-header table.k-scheduler-table tr th:nth-of-type(2n+1),
.k-scheduler-dayview .k-scheduler-content .k-scheduler-table tr td:nth-of-type(2n+1) {
    width: 10%;
}

.k-scheduler-dayview .k-scheduler-header table.k-scheduler-table tr th:nth-of-type(2n),
.k-scheduler-dayview .k-scheduler-content .k-scheduler-table tr td:nth-of-type(2n) {
    width: 20%;
}

span.history-type-commercial {
    color: #5BB3D3;
}

.tabstrip .k-content,
.tabstrip .k-grid-content,
.permissions.ng-scope.k-content.k-state-active {
    overflow: auto;
}

.clients-page .tabstrip .k-content,
.clients-page .tabstrip .k-grid.k-widget {
    background-color: #E3E3E3;
    height: 240px;
    overflow: visible;
}

.tabstrip .k-content,
.tabstrip .k-grid.k-widget {
    background-color: #E3E3E3;
    height: 350px;
}

.players-page .tabstrip .k-content,
.players-page.tabstrip .k-grid.k-widget {
    height: 400px;
}

.players-page .tabstrip .k-content .empty-info {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    font-size: 2em;
}


.players-page .tabstrip .k-grid.k-widget {
    height: 344px;
    max-height: 344px;
    overflow: hidden;
    overflow-y: auto;
}

.tabstrip .k-grid-content.km-widget {
    background-color: #E3E3E3;
}

.tabstrip .k-grid.k-widget {
    background-color: #E3E3E3 !important;
    height: 290px;
}

.k-tabstrip-wrapper .folders .k-content {
    background-color: #E3E3E3;
    height: 250px;
}

.permission-checkbox {
    display: inline-block;
    float: right;
}

.permissions.ng-scope.k-content.k-state-active {
    overflow-x: hidden;
}

.permissions-block {
    height: 178px;
}

.permissions-block-footer {
    padding-left: 85px;
}

.text-algin-center.success > .file-name {
    display: inline-block;
    max-width: 65px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    float: left;
    text-align: left;
}

.text-algin-center.success > .duration {
    text-align: right;
    display: inline-block;
    float: right;
}

.success > .file-name {
    float: left;
    max-width: 65px;
}

.success > .duration {
    float: right;
}

.k-icon:not(.k-loading):not(.k-i-refresh),
.k-grouping-dropclue,
.k-drop-hint, .k-callout, .k-tool-icon, .k-state-hover .k-tool-icon,
.k-state-active .k-tool-icon, .k-state-active.k-state-hover .k-tool-icon,
.k-state-selected .k-tool-icon, .k-state-selected.k-state-hover .k-tool-icon,
.k-column-menu .k-sprite, .k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    background-size: auto;
}

/* LICENSES */

.license_active {
    color: #3fb15f;
}

.license_expired {
    color: #f66254;
}

.tab-block.info.permissions-container {
    width: auto;
    height: 267px;
    overflow-y: auto;
}

div.k-window {
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border: 0 transparent;
}

.k-scheduler-table .k-state-selected,
.k-scheduler-table .k-alt.k-state-selected {
    border-color: #FFF;
    background-color: transparent;
    box-shadow: none;
}

/* TREE VIEW */

.k-treeview .k-icon {
    visibility: hidden;
}

.media-tree-item label {
    vertical-align: middle;
    padding-right: 5px;
}

.icon-refresh {
    background-image: url("images/icon_refresh.png") !important;
    background-repeat: no-repeat !important;
    height: 16px !important;
    width: 16px !important;
}

.icon-dublicate {
    background-image: url("images/clone-regular.svg") !important;
    background-repeat: no-repeat !important;
    height: 15px !important;
    width: 15px !important;
}

/* VIDEO POPUP */

.video-popup .modal-dialog {
    max-width: 800px;
}

.video-popup .player-background .player-buttons .player-time:nth-of-type(2n+1) {
    margin-left: 5px;
}

.video-popup .player-buttons {
    padding: 0 10px;
    overflow: hidden;
    max-height: 40px;
}

.video-popup .player-embed {
    width: 100%;
}

span.folder-name {
    max-width: 145px;
    overflow: hidden;
    height: 22px;
    display: inline-block;
    text-overflow: clip;
}

span.folder-name:hover {
    border-bottom: 2px solid rgba(255,255,255,0.5);
}

.btn.media-content-button-default {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    white-space: normal;
}

.btn.media-content-button-default .media-folder-active .media-folder-name span.folder-name-underlined {
    text-decoration: underline;
    text-align: left;
    word-break: break-all;
    position: relative;
}

.btn.media-content-button-default .media-folder-active .media-folder-name span.folder-name-underlined span.custom-icons {
    position: absolute;
    right: -13px;
    bottom: 7px;
}

.btn.media-content-button-default .media-folder-active .media-folder-text, .media-folder-active {
    text-align: left;
}

.btn.media-content-button-default:hover, .btn.media-content-button-active {
    padding: 20px 30px;
}

.btn.media-content-button-default:hover input, .btn.media-content-button-active input {
    max-width: 110%;
}

.underlined {
    text-decoration: underline;
}

.row-expanded.k-master-row > td {
    border: 1px solid #434E69 !important;
    outline: 1px solid #434E69 !important;
    box-shadow: 1px 1px 1px #434E69 !important;
}

.navbar-nav > li > a.nav-username:hover {
    line-height: 17px;
}

.username-text {
    letter-spacing: normal;
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.navbar-nav > li > a.nav-username:hover .username-text {
    bottom: -1px;
}

.caret {
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
    border-top: 5px dashed !important;
    border-top: 4px solid \9 !important;
    border-right: 5px solid transparent !important;
    border-left: 5px solid transparent !important;
    opacity: 0.7 !important;
    margin-top: -10px;
    position: relative;
    top: 0;
}

a.nav-reference-caret:hover .caret {
    top: 3px;
}

a.nav-reference-caret .caret {
    top: 3px;
}

a.nav-username.nav-username:hover .caret {
    top: -3px;
}

.navbar-collapse {
    padding-right: 30px !important;
}

.language-block {
    margin-top: 10px;
    margin-bottom: 10px;
}

input, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: 1px solid #c3c4c8;
    border-radius: 3px;
    padding: 5px;
}

.navbar-brand {
    padding: 15px 20px !important;
}

.faq-background {
    background-color: #F7F7F7;
}

.faq-background .manual-left-form > p {
    margin: 20px 0;
}

.profile h3 {
    color: #808080;
    margin-bottom: 45px;
}

.profile label {
    margin-bottom: 10px;
    color: #CCCCCC;
    font-size: 12px;
}

.profile p {
    margin-bottom: 25px;
    color: #808080;
    font-size: 16px;
}

.profile button {
    margin-top: 10px;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar:horizontal {
    height: 8px;
}

::-webkit-scrollbar-button {
    width: 8px;
    height: 5px;
}

::-webkit-scrollbar-button:horizontal {
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
    background-image: url("images/scroll-track.png") !important;
    background-repeat: repeat-y;
    background-position-x: 3px;
}

::-webkit-scrollbar-track:horizontal {
    background-position-x: 0;
    background-position-y: 3px;
    background-repeat: repeat-x;
}

::-webkit-scrollbar-thumb {
    background: #999;
    border: thin solid gray;
    border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
    display: none;
    height: 0;
    width: 0;
}

.hover-edit .glyphicon-pencil {
    display: none;
}

.hover-edit:hover .glyphicon-pencil {
    display: inline-block;
}

/* USERS FOLDERS */

.users-folders-header {
    margin-bottom: 8px;
}

.users-folders-header .schedule-media-title {
    color: #8F8F8F;
}

.menu-left {
    width: 10px !important;
    cursor: pointer !important;
    vertical-align: text-bottom;
    background-image: url("images/dropdown_btn_left.svg") !important;
    background-size: contain;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    height: 13px !important;
    margin-right: 3px;
}

.menu-right {
    background-image: url("images/dropdown_btn.svg") !important;
    background-size: contain;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    height: 13px !important;
    width: 10px !important;
    cursor: pointer !important;
    vertical-align: text-bottom;
    margin-left: 3px;
}

.files-explorer {
    background-color: #F7F7F7;
    overflow: scroll;
    min-height: 200px;
}

.media-page-body .files-explorer {
    overflow: auto;
}

.files-explorer .k-grid-content {
    overflow: auto;
    overflow-x: hidden;
}

.filter-top-big {
    float: left;
    width: 530px;
}

.filter-top-big .k-datetimepicker,
.filter-top-big .k-widget {
    width: 190px !important;
}

.filter-top-small {
    float: left;
    width: 120px;
}

.filter-top-small .k-widget {
    width: 70px !important;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none !important;
}

.form-control {
    font-size: 12px !important;
}

.form-control:focus {
    border-color: #8e929a !important;
    outline: none !important;
    box-shadow: none !important;
}

.modal-body label.custom-checkbox-label {
    margin: 0;
}

.modal-body label input[type="checkbox"]:checked + .custom-checkbox:after,
.tab-block label input[type="checkbox"]:checked + .custom-checkbox:after {
    top: -2.5px;
}

h4.h4 {
    font-size: 14px;
    font-family: Exo2Medium, sans-serif;
    color: #262d3d;
}

.permissions-text {
    margin-bottom: 5px;
}

.permissions-text span {
    font-size: 12px;
    font-family: Exo2Light, sans-serif;
    color: #262d3d;
}

.permissions-all {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.permissions-selectall {
    margin-bottom: 15px;
}

.permissions-selectall label.custom-checkbox-label {
    margin-left: 42px;
}

.add-buttons > span {
    font-family: Exo2Regular, sans-serif !important;
    font-size: 12px !important;
}

/* WORKING HOURS DIRECTIVE */

working-hours {
    width: 80%;
    display: inline-block;
}

.wh-root-element {
    position: relative;
    display: block;
}

.wh-display, .wh-display > *, .wh-display .form-control[readonly] {
    max-height: 30px;
    background-color: transparent !important;
}

.wh-popover {
    display: block;
    z-index: 50;
    position: absolute;
    width: 260px;
    height: 120px;
    top: 35px;
    right: -15px;
    box-shadow: -1px 10px 30px 2px rgba(0,0,0,0.25);
    background-color: #ebebeb;
}

.player-settings .wh-popover {
    margin-bottom: 40px;
}

.wh-container {
    position: relative;
}

.wh-container:before {
    border: 10px solid transparent;
    border-bottom-color: #ebebeb;
    position: absolute;
    bottom: 100%;
    right: 30px;
    content: '';
}

.player-settings .wh-container:before {
    border: 10px solid transparent;
    border-bottom-color: #ebebeb;
    position: absolute;
    bottom: 100%;
    right: 25px;
    content: '';
}

.wh-container > div {
    padding: 10px;
}

.wh-weekday {
    display: inline-block;
    width: 10%;
    padding: 5px;
}

.wh-time-container {
    border-top: solid 1px #babbbf;
}

.dropdown-holder ul {
    background-color: #EBEBEB;
}

.glyphicon-search:before {
    content: " " !important;
    background-image: url("images/icon_search.svg") !important;
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    margin-top: -1px !important;
    margin-left: 2px !important;
    opacity: 0.7 !important;
}

.media-folders-count {
    padding-right: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #C0C0C0;
    font-family: Exo2Medium, sans-serif;
}

.player-elements {
    background-image: url("images/Player_buttons_white_300dpi.svg");
    background-size: auto 40px;
    width: 41px;
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
}

.player-element-play {
    background-position: 0 0;
}


.player-element-pause {
    background-position: -44px 0;
}

.player-element-prev {
    background-position: -132px 0;
}

.player-element-next {
    background-position: -87px 0;
}

.player-element-play:hover {
    background-position: -174px 0;
}

.player-element-pause:hover {
    background-position: -218px 0;
}

.player-element-prev:hover {
    background-position: -306px 0;
}

.player-element-next:hover {
    background-position: -261px 0;
}

.player-volume-value {
    padding-left: 20px;
}

.page-filter {
    padding-left: 50px;
}

.debug-page .k-grid td, .debug-page .k-grid tr td,
.errors-page .k-grid td, .errors-page .k-grid tr td,
.journal-page .k-grid td, .journal-page .k-grid tr td {
    padding-left: 33px;
}

.errors-page .k-grid .k-grid-header th.k-header, .errors-page .k-filter-row th,
.debug-page .k-grid .k-grid-header th.k-header, .debug-page .k-filter-row th,
.journal-page .k-grid .k-grid-header th.k-header, .journal-page .k-filter-row th {
    padding-left: 29px;
}

.k-icon.k-i-arrow-n.k-panelbar-collapse {
    background-image: url("images/icon_faq_arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    width: 16px !important;
    height: 16px !important;
}

.media-tree-full-height {
    padding-left: 0;
}

.tab-block.folders {
    height: 284px;
}

.schedule .media-tree {
    overflow: hidden;
}

.schedule .media-tree .panel-group {
    background-color: #434E69;
    overflow: auto;
}

.schedule .media-tree .panel-group::-webkit-scrollbar-track:vertical {
    margin-top: -5px;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: none;
}

.glyphicon-time {
    cursor: pointer;
}

.k-tabstrip-items .k-tab-on-top, .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active {
    margin-bottom: -1px;
    padding-bottom: 2px;
}

.faq-page .faq-panelBar-subitem li.has-sub-items > span {
    color: #262D3D !important;
    cursor: pointer !important;
}

.faq-page .faq-panelBar-subitem li.has-sub-items > ul > li {
    margin-left: 20px;
    list-style: none;
}

.faq-page .faq-panelBar-subitem li.has-sub-items > ul > li > span {
    cursor: default;
}

.faq-page .faq-panelBar-subitem li:last-child {
    padding-bottom: 10px;
}

.settings-editable#player-friendly-name {
    word-wrap: break-word;
}

.large-name-break {
    word-wrap: break-word;
    text-overflow: ellipsis;
    max-width: 85%;
    display: inline-block;
}

.breadcrumbs > .large-name-break {
    white-space: nowrap;
    overflow: hidden;
    max-width: 30%;
    vertical-align: bottom;
}

.large-name-break.break-nowrap {
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
}

.player-settings .break-nowrap {
    max-width: calc(100% - 48px);
}

.longname-ddl-holder input.k-input {
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* CSS FIXES FOR CAPTIONS */

.playlists > .page-header > h3.pull-left,
.faq-page > .page-header > .row > .col-xs-3 > h3,
.debug-page > .page-header > h3,
.errors-page > .page-header > h3,
.journal-page > .page-header > h3,
.clients-page > .page-header > h3,
.users-page > .page-header > h3 {
    margin-top: 5px;
    margin-bottom: 15px;
}

.row > .pull-left.breadcrumbs {
    height: 30px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-page {
    padding-left: 15px;
    padding-right: 15px;
}

/* TAB CAPTIONS FIX */

li[align=center] {
    text-align: center;
}

/* KENDO VALIDATION FIX */

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #4281ac;
}

.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg {
    white-space: normal;
    max-width: 245px;
}

/* Playlists grid fix */

.playlist-name-in-grid {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.playlist-row > .row-edit.glyphicon {
    top: -5px;
}

/* Page caption margins fix */

.page-header.media-page-header {
    margin-top: 30px;
    margin-bottom: 20px;
}

.page-header.faq-page-header {
    margin-top: 35px;
    margin-bottom: 15px;
}

.profile-page > .page-header {
    margin-bottom: 0;
}

/* No records fix */

.k-grid-norecords-template {
    width: auto;
    max-width: 50%;
}

/* Recurrence rule layout fix */

.k-recur-interval.k-input, .k-recur-count.k-input {
    width: 60%;
    text-overflow: ellipsis;
}

/* Create operator media tree */

.craete-operator-step-3 > .row {
    margin: -40px -20px -20px;
    background-color: #444e6a;
}

.craete-operator-step-3 .media-tree {
    min-height: 140px;
}

/* Upload "jump" fix - removing cancel button for file */

.k-upload-status > button.k-button-bare.k-upload-action {
    display: none;
}

.icon-warning, .icon-warning-strong {
    background-image: url("images/icon_warning.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.icon-warning-strong {
    background-image: url("images/promo_icon_alert_red.gif");
}

.clickable {
    cursor: pointer;
}

.css-pos-elem-1 {
    top: 2.5px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2) {
    .media-upload .k-icon:not(.k-loading),
    .media-upload .k-grouping-dropclue,
    .media-upload .k-drop-hint,
    .media-upload .k-callout,
    .media-upload .k-tool-icon,
    .media-upload .k-state-hover .k-tool-icon,
    .media-upload .k-state-active .k-tool-icon,
    .media-upload .k-state-active.k-state-hover .k-tool-icon,
    .media-upload .k-state-selected .k-tool-icon,
    .media-upload .k-state-selected.k-state-hover .k-tool-icon,
    .media-upload .k-column-menu .k-sprite,
    .media-upload .k-mobile-list .k-check:checked,
    .media-upload .k-mobile-list .k-edit-field [type=checkbox]:checked,
    .media-upload .k-mobile-list .k-edit-field [type=radio]:checked {
        background-image: url('Bootstrap/sprite_2x.png');
        background-size: 340px 336px !important;
    }

    .k-drag-clue .k-icon:not(.k-loading),
    .k-drag-clue .k-grouping-dropclue,
    .k-drag-clue .k-drop-hint,
    .k-drag-clue .k-callout,
    .k-drag-clue .k-tool-icon,
    .k-drag-clue .k-state-hover .k-tool-icon,
    .k-drag-clue .k-state-active .k-tool-icon,
    .k-drag-clue .k-state-active.k-state-hover .k-tool-icon,
    .k-drag-clue .k-state-selected .k-tool-icon,
    .k-drag-clue .k-state-selected.k-state-hover .k-tool-icon,
    .k-drag-clue .k-column-menu .k-sprite,
    .k-drag-clue .k-mobile-list .k-check:checked,
    .k-drag-clue .k-mobile-list .k-edit-field [type=checkbox]:checked,
    .k-drag-clue .k-mobile-list .k-edit-field [type=radio]:checked {
        background-image: url('Bootstrap/sprite_2x.png');
        background-size: 340px 336px !important;
    }
}

.settings input[type="number"] {
    max-width: 100%;
}

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

.settings-edit-mode {
    padding-top: 7px;
}

/* Kendo UI fixes */

.k-window-actions .k-state-hover {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-treeview {
    overflow: unset;
}

.k-grid-header:first-child {
    border-radius: unset;
}

.k-autocomplete.k-state-default .k-input,
.k-combobox .k-state-default .k-input,
.k-picker-wrap.k-state-default .k-input,
.k-numeric-wrap.k-state-default .k-input,
.k-multiselect-wrap,
.k-slider-track,
.k-slider-selection,
.k-progress-status-wrap,
.form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.k-picker-wrap .k-input {
    padding: 3px 0;
}

.permissions-block-footer, .tab-border-bottom {
    max-height: 40px;
    overflow: hidden;
}

.border-top.permissions-block-footer {
    padding-top: 12px;
}

.folders.k-content, .permissions.k-content {
    overflow: hidden !important;
}

.players-license-footer {
    margin-top: 4px;
}

.modal-body.media .panel, .modal-body.media .panel-body {
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.k-grid .k-tabstrip-wrapper .k-tabstrip.detail-template {
    background-color: #E3E3E3;
}

.k-grid .k-tabstrip-wrapper .k-tabstrip.detail-template .tab-on-top {
    z-index: 0;
}

.k-grid.licence-grid .k-grid-header th.k-header {
    padding-left: 0;
}

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

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

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

.authpage .modal-dialog.modal-sm {
    margin-top: 30px;
}

/* scheduler timeline */

.k-scheduler-layout > tbody > tr > td {
    min-width: 70px;
}

.schedule .k-scheduler-times .k-scheduler-table {
    border-bottom: none !important;
    background-image: none;
}

.k-scheduler-times .k-scheduler-table tr:nth-child(5n+1) > th {
    background-image: url('images/timeline-lines.png');
    background-position: right top;
    background-repeat: repeat-y;
    min-height: 1px;
}

.k-scheduler-times .k-scheduler-table tr:nth-child(15n+1) > th {
    background-position: right 10px;
}

.k-scheduler-times .k-scheduler-table tr:nth-child(30n+1) > th {
    background-position: right 28px;
    height: 1px;
}

.k-scheduler-layout > tbody > tr:first-child .k-scheduler-times .k-scheduler-table {
    background-image: url('images/timeline-lines.png');
    background-position: right -3px;
    background-repeat: repeat-y;
}

.k-scheduler-layout > tbody > tr:first-child .k-scheduler-times .k-scheduler-table tr:first-child > th {
    background-image: none;
}

/* media height */

.full-height-top-container:not(.audio) {
    background-color: white;
}

.full-height-top-container.table-st-1 {
    overflow-y: auto;
}

.counter-settings-modal {
    margin-top: -130px !important;
}

/*Upload spleashscreen*/

.upload-content {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 15px 100px;
}

.upload-content .k-upload-button {
    margin-left: 0;
}

.upload-content .k-upload-files,
.upload-content .k-file {
    border: none;
}

.upload-content .k-file {
    background-color:  rgba(128, 128, 128, 0.38);
}

.upload-block {
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.08);
    padding: 15px;
}

.upload-block .save-player-logo {
    margin-left: auto;
    display: block;
}

.upload-block hr {
    margin-bottom: 15px;
    border-top: 1px solid #ccc;
}

.upload-content .preview img.img-preview {
    width: 100%;
    height: 157px;
}

.upload-content .preview.pr-0 {
    padding-right: 0;
}

.upload-content .k-upload-status > button.k-button-bare.k-upload-action {
    display: block;
    outline: none;
    min-width: auto;
}

.delete-preview {
    background-color: #bababa !important;
}

.preview-tab {
    min-height: 240px;
    height: auto !important;
}

.btns-preview {
    text-align: right;
}

.k-scheduler-hide-button {
    /* display: none;*/
}

.counter-settings-link .fa-external-link {
    color: #68bdc0;
    margin-left: 5px;
}

.fa-external-link:before {
    font-size: 16px;
}

.link-to-counter-page {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.counter-settings-modal .modal-dialog {
    max-width: 1100px;
}

.counter-modal-body {
    padding: 0;
    max-height: 650px;
}

.k-input {
    background-color: transparent;
}





.event-file {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 70px 40px;
    grid-column-gap: 20px;
    height: 30px;
    align-items: center;
    border-bottom: 1px solid #eee;
}
.event-file .title {
    overflow: hidden;
    white-space: nowrap
}
.event-file .duration {}
.event-file .duration input {
    width: 100%;
    padding-left: 5px;
}
.event-file .duration span {
    margin-left: 5px;
}
.event-file .order {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.event-file .order .arrows {
    display: grid;
    grid-template-rows: repeat(2, 50%);
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-left: 10px;
}
.event-file .order .arrows .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777;
    font-size: 10px;
    cursor: pointer;
    transition: color .1s ease-in-out;
}
.event-file .order .arrows .arrow:hover {
    color: #333;
}