/********************************************
                constants
*********************************************/
/*********************************************************************
**********************************************************************
*                             COLORS 2016                            *
**********************************************************************
**********************************************************************/
/*************new-colors***************/
/*********************************************************************
**********************************************************************
*                             COLOR SETS                             *
**********************************************************************
**********************************************************************/
/*************default-colorset***************/
/********************************************/
/*********************************************************************
**********************************************************************
*                          Base CSS colors                           *
**********************************************************************
**********************************************************************/
/*****************blue***********************/
/*****************red************************/
/*@red1: rgb(255, 0, 0); //#ff0000 -> replaecd by @color_Alert*/
/****************yellow**********************/
/*****************pink***********************/
/*****************orange*********************/
/*****************green**********************/
/****************gray**********************/
/*****************black-white****************/
/*******************others******************/
/*****************color-alpha****************/
/*********************************************************************
**********************************************************************
*                     Admin Control Panel Colors                     *
**********************************************************************
**********************************************************************/
/*********************************************************************
**********************************************************************
*                              ListView                              *
**********************************************************************
**********************************************************************/
/*********************************************************************
**********************************************************************
*                               Popup                                *
**********************************************************************
**********************************************************************/
/*********************************************************************
**********************************************************************
*                             Scheduler                              *
**********************************************************************
**********************************************************************/
/*********************************************************************
**********************************************************************
*                         Cloud Control Room                         *
**********************************************************************
**********************************************************************/
/*********************************************************************
**********************************************************************
*                             VJU.UPLOAD                             *
**********************************************************************
**********************************************************************/
/*********************************************************************
**********************************************************************
*                              VJU.INPUT                             *
**********************************************************************
**********************************************************************/
/*********************************************************************
**********************************************************************
*                           VJU.COMBOBOXBIG                          *
**********************************************************************
**********************************************************************/
/*********************************************************************
**********************************************************************
*                            VJU.COMBOBOX                            *
**********************************************************************
**********************************************************************/
/********************************************
                height, width
*********************************************/
/********************************************/
/********************************************
                min-width
*********************************************/
/********************************************
                line-height
*********************************************/
/********************************************
                font
*********************************************/
/********************************************
                margin, padding
*********************************************/
/********************************************/
/********************************************
                background
*********************************************/
/***************background-url***************/
/***************background-size**************/
/**************background-position**********/
/**************position:top left************/
/********************************************
                position
*********************************************/
/********************************************
    padding for multiple similiar items
*********************************************/
/********************************************
                mixins
*********************************************/
/********************************************
                constants
*********************************************/
/**********************
    width & Height
***********************/
/*********************************
   OPERATIONS & COLOR FUNCTIONS
**********************************/
/********************************************
                mixins
*********************************************/
/* zoom: 1 needed for Video Playlist*/
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/********************************************
        paddings , margins, borders
*********************************************/
/********************************************
            background
*********************************************/
/********************************************
            position
*********************************************/
/********************************************
            font
*********************************************/
/********************************************
            visibility
*********************************************/
/********************************************
            cursor
*********************************************/
/********************************************
            measurements width, height
*********************************************/
/********************************************
                    Buttons
*********************************************/
/********************************************
                     Icons
*********************************************/
/*********************************************************************
**********************************************************************
*                         Cloud Control Room                         *
**********************************************************************
**********************************************************************/
/********************************************
                FilterTypeStyle
*********************************************/
/********************************************
            Select Hover an Message
*********************************************/
/********************************************
        body and main structure
*********************************************/
html {
  background-color: #23272B;
  height: 100%;
}
body {
  background-color: #23272B;
  height: -webkit-calc(100% -  120px);
  height: -moz-calc(100% -  120px);
  height: calc(100% -  120px);
  height: -o-calc(100% -  120px);
}
form,
#contentholder {
  height: 100%;
}
html.iframe,
html.iframe body {
  background-color: #2e3439;
  height: -webkit-calc(100% -  120px);
  height: -moz-calc(100% -  120px);
  height: calc(100% -  120px);
  height: -o-calc(100% -  120px);
}
html.iframe #main_searchfield input {
  width: 533px;
}
input:focus {
  outline-color: transparent;
  outline: none;
}
span,
infotext {
  cursor: default;
}
span.link {
  cursor: pointer;
}
span.link:hover {
  color: #ffffff;
}
/********************************************
                topbar
*********************************************/
#topbar {
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 500;
  min-width: 1500px;
}
#topbar #topbar_holder {
  height: 60px;
  background-color: #23272B;
}
#topbar ul {
  padding-top: 18px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#topbar li a {
  font-size: 20px;
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  color: #A2AAB1;
}
#topbar li a:hover {
  color: #ffffff;
}
#topbar li.active a {
  color: #ffffff;
}
#topbar li.active a:hover {
  color: #ffffff;
}
#topbar .logo {
  float: left;
  background-color: transparent;
  background-image: url('../../img/iconmap/LOGO_SF_65x60.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 65px;
  height: 60px;
}
#topbar .time-zone {
  float: right;
  color: #C82605;
  background-color: transparent;
  font-size: 22px;
  top: 71px;
  right: 155px;
  position: absolute;
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
}
#topbar .time-zone .time-zone-text {
  color: #A2AAB1;
  font-size: 16px;
  height: 20px;
  min-width: 145px;
}
#topbar .time-zone .time-zone-seperator {
  display: inline-block;
  height: 40px;
  margin-top: 0px;
  margin-right: 12px;
  margin-bottom: 0px;
  margin-left: 14px;
  min-width: 1px;
  background-color: #A2AAB1;
}
#topbar .time-zone #time-zone-timer {
  padding-right: 10px;
  cursor: default;
}
#topbar .time-zone #time-zone-select {
  top: 0px;
  width: 100px;
  position: relative;
}
#topbar .time-zone #time-zone-select option {
  width: 100px;
  empty-cells: show;
}
#topbar #user_info {
  float: right;
  padding-top: 0px;
  padding-right: 25px;
  padding-bottom: 0px;
  padding-left: 20px;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #000000;
  min-width: 350px;
  max-width: 350px;
  z-index: 10;
  position: relative;
}
#topbar #user_info .username {
  color: #A2AAB1;
  text-align: right;
  display: flex;
  line-height: 20px;
}
#topbar #user_info .username .text {
  padding-top: 7px;
  padding-right: 11px;
  cursor: pointer;
  margin-left: auto;
}
#topbar #user_info .username .icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1035px -1px no-repeat;
  width: 30px;
  height: 32px;
  display: inline-block;
  padding-left: 2px;
  cursor: pointer;
}
#topbar #user_info .username:hover .icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1035px -83px no-repeat;
}
/********************************************
                submenu
*********************************************/
#submenu {
  width: 100%;
  min-width: 1500px;
  height: 60px;
  background-color: #000000;
  position: fixed;
  top: 60px;
  left: 0px;
  z-index: 400;
}
#submenu #submenu_holder {
  height: 60px;
  width: 100%;
  background-color: #000000;
  z-index: 10;
}
#submenu #submenu_holder .subtitle {
  color: #A2AAB1;
}
#submenu #submenu_holder #submenu_ul_left {
  height: 60px;
  float: left;
  position: relative;
}
#submenu #submenu_holder #submenu_ul_right {
  height: 60px;
  float: right;
}
#submenu #submenu_holder #submenu_ul_right .element_info_box_sub {
  text-indent: 0px;
  margin-top: 44px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
#submenu #submenu_holder #submenu_ul_right li {
  float: right;
}
#submenu #submenu_holder #submenu_ul_right > li:first-child {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
#submenu ul {
  height: 60px;
}
#submenu li {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  /*??*/
  font-size: 0px;
  text-indent: -1999px;
  float: left;
  color: #000000;
}
#submenu div.subtitle {
  position: absolute;
  width: 100%;
  font-family: SourceSansPro, arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  text-indent: 0px;
  text-align: center;
  line-height: 60px;
}
#submenu div.subtitle span {
  min-width: 200px;
}
#submenu li.sub_add_icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -4px -1px no-repeat;
}
#submenu li.sub_add_icon:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -4px -83px no-repeat;
}
#submenu li.sub_add_icon:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -4px -83px no-repeat;
}
#submenu li.sub_add_icon.green {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1120px -1px no-repeat;
}
#submenu li.sub_add_icon.green:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1120px -83px no-repeat;
}
#submenu li.sub_add_icon.green:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1120px -83px no-repeat;
}
#submenu li.sub_add_icon.disabled {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1120px -41px no-repeat;
  pointer-events: none;
}
#submenu li.submen_separator {
  height: 40px;
  margin-top: 10px;
  margin-right: -4px;
  margin-bottom: 0px;
  margin-left: 15px;
  width: 1px;
  background-color: #A2AAB1;
}
#submenu li.sub_select_icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -45px -1px no-repeat;
}
#submenu li.sub_select_icon:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -45px -83px no-repeat;
}
#submenu li.sub_select_icon:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -45px -83px no-repeat;
}
#submenu li.sub_select_icon.disabled {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -45px -41px no-repeat;
}
#submenu li.sub_select_icon.active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -45px -83px no-repeat;
}
#submenu li.sub_select_icon.active:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -45px -83px no-repeat;
}
#submenu li.sub_select_icon.active:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -45px -83px no-repeat;
}
#submenu li.sub_settings_icon {
  background-color: transparent;
  background-image: url('../../img/icons/svg/icon_settings_normal.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#submenu li.sub_settings_icon:hover {
  background-color: transparent;
  background-image: url('../../img/icons/svg/icon_settings_hover.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#submenu li.sub_settings_icon:active {
  background-color: transparent;
  background-image: url('../../img/icons/svg/icon_settings_active.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#submenu li.sub_settings_icon.disabled {
  background-color: transparent;
  background-image: url('../../img/icons/svg/icon_settings_disabled.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#submenu li.sub_delete_icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -1px no-repeat;
}
#submenu li.sub_delete_icon:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -83px no-repeat;
}
#submenu li.sub_delete_icon:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -83px no-repeat;
}
#submenu li.sub_label_icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1245px -1px no-repeat;
}
#submenu li.sub_label_icon:hover,
#submenu li.sub_label_icon:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1245px -83px no-repeat;
}
#submenu li.sub_label_icon.disabled {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1245px -41px no-repeat;
}
#submenu li.sub_label_icon.disabled:active {
  pointer-events: none;
}
#submenu li.sub_delete_icon.disabled {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -41px no-repeat;
}
#submenu li.sub_delete_icon.disabled:active {
  pointer-events: none;
}
#submenu li.sub_delete_icon.inprogress {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -41px no-repeat;
}
.sub_save_icon {
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_buttons.svg');
  background-repeat: no-repeat;
  background-position: -483px -1px;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.sub_save_icon:active,
.sub_save_icon:hover {
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_buttons.svg');
  background-repeat: no-repeat;
  background-position: -483px -83px;
}
.sub_save_icon.disabled {
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_buttons.svg');
  background-repeat: no-repeat;
  background-position: -483px -41px;
  cursor: default;
  pointer-events: none;
}
.sub_save_icon.inprogress {
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_buttons.svg');
  background-repeat: no-repeat;
  background-position: -483px -41px;
}
.select_icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -45px -1px no-repeat;
}
.select_icon:hover,
.select_icon:active,
.select_icon.active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -45px -83px no-repeat;
}
.delete_icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -1px no-repeat;
}
.delete_icon:hover,
.delete_icon:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -83px no-repeat;
}
.delete_icon.inprogress {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -41px no-repeat;
}
.delete_icon.inprogress:hover,
.delete_icon.inprogress:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -41px no-repeat;
}
.delete_icon.disabled {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -41px no-repeat;
}
/********************************************
                login
*********************************************/
#loginholder {
  text-align: left;
  margin: auto;
  width: 340px;
  padding: 50px;
}
#loginholder h2 {
  color: #A2AAB1;
  font-family: SourceSansPro, arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
}
#loginholder label {
  display: block;
  color: #A2AAB1;
  height: 25px;
}
#loginholder #MainContent_btnLogin {
  text-align: left;
  height: 32px !important;
  color: #ffffff;
  background-color: #A2AAB1;
  border-color: #A2AAB1;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  width: 310px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 135px;
  margin-top: 50px;
  margin-left: 15px;
}
#loginholder #MainContent_btnLogin:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #A2AAB1;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
#loginholder .errorHolder.login_info {
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  height: 60px;
  margin-top: 20px;
}
#loginholder .errorHolder .text {
  display: block;
  padding-top: 6px;
}
#loginholder #loginheadline {
  background-color: transparent;
  background-image: url('../../img/backgrounds/SF_LOGO_LOGIN_PAGE.svg');
  background-repeat: no-repeat;
  background-position: initial;
  width: 345px;
  height: 260px;
  zoom: 0.44;
  margin: auto;
  margin-bottom: 100px;
}
#loginholder .loginfield {
  width: 340px;
  padding: 0px;
  margin-top: 10px;
}
#loginholder .login_info {
  width: 325px;
  margin: auto;
  margin-top: 20px;
  text-align: center;
}
.moderninput:-webkit-autofill,
.moderninput:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px #23272B inset !important;
  -webkit-text-fill-color: #A2AAB1 !important;
  text-shadow: none;
}
.moderninput:-webkit-autofill:active,
.moderninput:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
}
/********************************************
                general
*********************************************/
@font-face {
  font-family: SourceSansPro;
  src: url('../../font/SourceSansPro-Regular.otf');
}
@font-face {
  font-family: SourceSansPro;
  font-weight: bold;
  src: url('../../font/SourceSansPro-Bold.otf');
}
body,
html,
div,
img,
p,
ul,
li,
input,
textarea {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-color: #000;
  border-width: 0px;
  border-style: none;
  font-family: SourceSansPro, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.1px;
  color: #A2AAB1;
}
a {
  text-decoration: none;
  color: #A2AAB1;
}
.tab_li,
.tabmenu li a {
  font-size: 16px;
  color: #A2AAB1;
}
.tab_li:hover,
.tabmenu li a:hover {
  color: #ffffff;
}
.tab_li.active {
  color: #ffffff;
}
li a {
  color: #A2AAB1;
}
li.active a {
  color: #ffffff;
}
ul {
  list-style-type: none;
}
.multilinetextflow {
  overflow: hidden;
  word-wrap: break-word;
}
.textflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
}
.hidden {
  display: none;
}
.show {
  display: block;
}
.showDrawer {
  display: block;
  width: 30px;
}
/********************************************
                ID-specific
*********************************************/
/********************************************
                CLASS-specific
*********************************************/
.delwait {
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_buttons.svg');
  background-repeat: no-repeat;
  background-position: -806px -41px;
  width: 30px;
  height: 30px;
  margin: auto;
}
.pl_save_wait {
  background-color: transparent;
  background-image: url('../../img/icons/svg/icon_spinner2.svg');
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  background-size: contain;
}
.phantom_video .pl_save_wait {
  height: 50%;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.phantom_audio .pl_save_wait {
  height: 60%;
  margin-top: 3px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/*?? from*/
.sub_save_icon.inprogress .icon_progress,
.delete_icon.inprogress .icon_progress,
.sub_delete_icon.inprogress .icon_progress,
.delwait,
.upload_spinner,
.pl_save_wait {
  display: block;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1200ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 1200ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 1200ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 1200ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.sub_save_icon.inprogress:hover {
  background-color: initial;
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*?? to*/
#submenu li {
  position: relative;
  cursor: pointer;
}
#submenu li.sub_preview_icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -280px -1px no-repeat;
}
#submenu li.sub_preview_icon:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -280px -1px no-repeat;
}
#submenu li.sub_preview_icon:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -280px -1px no-repeat;
}
#submenu li.sub_preview_icon.disabled {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -280px -1px no-repeat;
}
#submenu li.sub_back_icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -280px -1px no-repeat;
}
#submenu li.sub_back_icon:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -280px -83px no-repeat;
}
#submenu li.sub_back_icon:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -280px -83px no-repeat;
}
#submenu li.sub_back_icon.disabled {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -280px -41px no-repeat;
}
#submenu li.disabled,
#submenu li.submen_separator {
  cursor: default;
}
#submenu li.sub_next_icon {
  background-color: transparent;
  background-image: url('../../img/sprites/icon_back.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#submenu li.sub_next_icon:hover {
  background-position-x: -30px;
  cursor: pointer;
}
#submenu li.sub_next_icon:active {
  background-position-x: -60px;
}
#submenu li.sub_next_icon.disabled {
  background-position-x: -90px;
}
/******************************************************************************************************************/
/************************************** From here only colors are considered **************************************/
/******************************************************************************************************************/
#submenu .sub_preview_element {
  width: 108px;
  background: transparent url('../../img/demo/icon_preview_topbar.png') 50% 50% no-repeat;
  background-size: cover;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  height: 60px;
  background-color: #000000;
  background-size: auto 60px;
}
#submenu .sub_element_name {
  text-align: right;
  font-size: 15px;
  color: #A2AAB1;
  text-indent: 0px;
  line-height: 60px;
  min-width: 200px;
  padding-right: 40px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  height: 60px;
}
#submenu .sub_element_name.element_icon_video {
  background: transparent url('../../img/icons/svg/icon_asset_type_video.svg') 212px 20px no-repeat;
}
#submenu .sub_element_name.element_icon_audio {
  background: transparent url('../../img/icons/svg/icon_asset_type_audio.svg') 212px 20px no-repeat;
}
#submenu .sub_element_name.element_icon_image {
  background: transparent url('../../img/icons/svg/icon_asset_type_image.svg') 212px 20px no-repeat;
}
#submenu .sub_element_name.element_icon_livesource {
  background: transparent url('../../img/icons/svg/icon_asset_type_livesource.svg') 212px 20px no-repeat;
}
#submenu_ul_right .playlist {
  font-size: 20px;
}
.composition_edit .sub_element_name {
  padding-right: 65px !important;
}
#contentholder {
  width: 100%;
  position: relative;
  margin-top: 120px;
}
#maincontent {
  display: block;
  float: left;
  width: 100%;
}
#leftmenu {
  display: block;
  top: 120px;
  left: 0px;
  z-index: 10;
  padding: 35px 25px 30px 20px;
  position: fixed;
  width: 170px;
}
#leftmenu .filter {
  width: 155px;
}
#topsearch {
  display: block;
  width: 623px;
  padding: 30px 0px 10px 0px;
  top: 100px;
  left: 0px;
  z-index: 10;
  margin: auto;
}
.filter_groupholder {
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
#leftmenu .filter_groupholder {
  margin-top: 12px;
  width: auto;
}
#leftmenu .filter_groupholder_first {
  margin-top: 0px;
}
#leftmenu .filter_multiopen {
  display: inline-block;
}
.filter_top .popup_holder {
  width: 170px;
  top: 32px;
}
/*
.popup_holder span.category {
    .cursor;
    display: block;
    position: relative;
    height: 15px;
    line-height: 15px;
    padding: 5px 0px 5px 6px;
    color: @color_TextOnWhite;
}
*/
.popup_holder span.category,
#leftmenu .popup_holder span.category,
#insert_topbar .popup_holder span.category {
  font-size: 13px;
  cursor: pointer;
  display: block;
  position: relative;
  height: 15px;
  line-height: 15px;
  padding: 5px 0px 5px 10px;
  background-color: #3D444B;
}
#leftmenu .popup_holder span.category.DropDownItem.active,
#insert_topbar .popup_holder span.category.DropDownItem.active,
.popup_holder .DropDownItem.active {
  background-color: #A2AAB1;
  color: #ffffff;
}
/* original design */
.popup_holder {
  margin-bottom: 18px;
  z-index: 100;
  width: 171px;
  background-color: #3D444B;
}
.opendropdown span.category {
  margin-left: 0px;
  cursor: pointer;
  display: block;
  position: relative;
  height: 15px;
  line-height: 15px;
  padding: 6px 10px 6px 35px;
  color: #A2AAB1;
  background-color: transparent;
}
.opendropdown span.genre {
  margin-left: 0px;
  cursor: pointer;
  display: block;
  position: relative;
  height: 15px;
  line-height: 15px;
  padding: 6px 10px 6px 0px;
  color: #A2AAB1;
  background-color: transparent;
}
.opendropdown span.genre .dropdowninput {
  width: 163px;
}
.opendropdown span.active,
.opendropdown span.category:hover {
  background-color: #3A4147 !important;
}
.opendropdown span.changed input.dropdowninput {
  color: #ffffff;
}
.popup_holder span.category .category_color {
  width: 3px;
  height: 25px;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}
.category_color {
  cursor: pointer;
}
.popup_holder span.category:last-child:hover,
.opendropdown span.category:last-child:hover {
  border-bottom: 0px !important;
}
#alltabs span.category .category_color,
.cat_select span.category .category_color,
.roundCheckboxes span.category .category_color {
  margin-left: 5px;
  margin-top: 6px;
  height: 10px;
  width: 10px;
  background-color: transparent;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
#alltabs .category_color.popup_selected,
.roundCheckboxes .category_color.popup_selected,
.cat_select .category_color.popup_selected {
  padding-right: 0px;
}
.filter_item {
  height: 30px;
  padding: 0px 10px;
  display: block;
  font-size: 13px;
  line-height: 30px;
  color: #A2AAB1;
  background-color: #3D444B;
}
.filter_item:hover {
  background-color: transparent;
  cursor: pointer;
}
.category.DropDownItem:hover,
.DropDownItem:hover {
  background-color: rgba(162, 170, 177, 0.4) !important;
  cursor: pointer;
}
/*.popup_holder .DropDownItem.active:hover {
    background-color:@background-color-gray155;
}*/
/* color, not needed anymore ? */
.popup_holder span.red {
  border: 2px solid #C82605;
}
.popup_holder span.active span.red {
  background-color: #C82605;
}
.popup_holder span.green {
  border: 2px solid #6FC041;
}
.popup_holder span.blue {
  border: 2px solid #0000d2;
}
.filter {
  cursor: pointer;
  display: flex;
  width: 170px;
  padding: 0px;
  line-height: 20px;
  padding: 8px;
  background-color: #3D444B;
}
.filter span {
  cursor: pointer;
}
.filter:hover {
  color: #ffffff;
}
.filter:hover .icon {
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -203px -124px;
}
.filter .icon {
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -203px -4px;
  width: 18px;
  height: 20px;
  display: inline-block;
  padding-left: 2px;
  zoom: 0.8;
  margin-top: 5px;
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(270deg);
  -webkit-transition: -webkit-transform 0.4s ease-in;
  order: 2;
  margin-left: auto;
}
.filter .text {
  display: inline-block;
  padding-top: 2px;
}
.filter.open .icon {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.4s ease-in;
}
.filter_locked {
  color: #ffffff !important;
}
.filter_locked .icon {
  background-color: transparent !important;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg') !important;
  background-repeat: no-repeat !important;
  background-position: -203px -124px !important;
}
.filter_locked:hover {
  color: #ffffff !important;
}
#topbar #user_info .popup_holder {
  margin-left: 10px;
  margin-top: 0px;
  width: 245px;
  position: absolute;
  right: 20px;
  top: 28px;
}
#topbar #user_info #user_menu_popup {
  background: transparent;
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.15s ease-out;
}
#topbar #user_info.open #user_menu_popup {
  max-height: 109px;
  transition: max-height 0.15s ease-in;
}
#topbar #user_info .popup_holder .menuitem:first-of-type {
  padding: 10px 10px 8px 15px;
}
#topbar #user_info .popup_holder .menuitem:last-of-type {
  padding: 8px 10px 10px 15px;
}
#topbar #user_info .popup_holder .menuitem,
#topbar #user_info .popup_holder a {
  font-size: 13px;
  cursor: pointer;
  display: block;
  position: relative;
  height: 15px;
  line-height: 15px;
  color: #ffffff;
  padding: 5px 10px 5px 5px;
  width: 220px;
}
#topbar #user_info .popup_holder div:hover {
  background-color: #A2AAB1;
  color: #ffffff;
}
#topbar #user_info .popup_holder a:hover {
  background-color: #A2AAB1;
  color: #ffffff;
}
#topbar #user_info .popup_holder .menuitem {
  display: flex;
  background-color: #A2AAB1;
}
#topbar #user_info .popup_holder .menuitem:hover {
  background-color: #3A4147;
  color: #A2AAB1;
}
#topbar #user_info .popup_holder .menuitem:hover .text {
  background-color: #3A4147;
  color: #A2AAB1;
}
#topbar #user_info .popup_holder .menuitem .icon {
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: inline-block;
}
#topbar #user_info .popup_holder .menuitem .icon.empty {
  width: 20px;
  height: 20px;
}
#topbar #user_info .popup_holder .menuitem.logout .icon {
  background: #A2AAB1 url('../../img/iconmap/iconmap_buttons.svg') -767px -44px no-repeat;
  zoom: 0.64;
}
#topbar #user_info .popup_holder .menuitem.logout:hover .icon {
  background: #3A4147 url('../../img/iconmap/iconmap_buttons.svg') -767px -3px no-repeat;
}
#topbar #user_info .popup_holder .menuitem.settings .icon {
  background: #A2AAB1 url('../../img/iconmap/iconmap_buttons.svg') -1456px -44px no-repeat;
  zoom: 0.64;
}
#topbar #user_info .popup_holder .menuitem.settings:hover .icon {
  background: #3A4147 url('../../img/iconmap/iconmap_buttons.svg') -1456px -4px no-repeat;
}
#topbar #user_info .popup_holder .popup_arrow_wrapper {
  height: 10px;
  display: block;
}
#topbar #user_info .popup_holder .popup_arrow {
  height: 20px;
  width: 20px;
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1670px -10px no-repeat;
  position: absolute;
  right: 12px;
  top: 0px;
}
#topbar #user_info .popup_holder .text {
  color: #3D444B;
}
#topbar #user_info .popup_holder div.logout {
  padding-top: 3px;
}
#main_searchfield {
  /*width: 170px;*/
  /*background: @gray205 @url-main-search-field 148px 7px no-repeat;*/
  height: 30px;
  position: relative;
  width: 645px;
  margin: auto;
  margin-top: 12px;
}
#main_searchfield input {
  width: 612px;
  margin-left: 32px;
}
#main_searchfield input:valid ~ .reset_search_button {
  display: block;
}
#main_searchfield input:-webkit-autofill,
#main_searchfield input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px #000000 inset !important;
  -webkit-text-fill-color: #A2AAB1 !important;
  text-shadow: none;
}
#main_searchfield .hidden_search_button {
  position: absolute;
  top: 5px;
  cursor: default;
  pointer-events: none;
}
#main_searchfield .reset_search_button {
  position: absolute;
  top: 5px;
  right: 0px;
  display: none;
}
.moderninput::-webkit-input-placeholder {
  color: #A2AAB1;
}
.moderninput:-moz-placeholder {
  color: #A2AAB1;
  opacity: 1;
}
.moderninput::-moz-placeholder {
  color: #A2AAB1;
  opacity: 1;
}
.moderninput:-ms-input-placeholder {
  color: #A2AAB1;
}
.moderninput {
  background: transparent;
  border-bottom: 1px solid #3D444B;
  height: 35px !important;
  line-height: 30px;
  padding-left: 2px;
  color: #A2AAB1;
  font-size: 18px;
}
.moderninput:focus {
  color: #ffffff;
  outline-color: transparent;
  outline: transparent;
  border-bottom: 1px solid #ffffff;
}
.moderninput:focus::-webkit-input-placeholder {
  color: #3D444B;
}
.moderninput:focus:-moz-placeholder {
  color: #3D444B;
  opacity: 1;
}
.moderninput:focus::-moz-placeholder {
  color: #3D444B;
  opacity: 1;
}
.moderninput:focus:-ms-input-placeholder {
  color: #3D444B;
}
#videoFrame {
  font-family: 'Roboto', sans-serif;
  letter-spacing: -1px;
  background: transparent;
  border-bottom: none;
  color: #c82605;
  font-size: 20px;
  padding-left: 2px;
  margin-top: 12px;
  padding: 0px;
}
input.dropdowninput {
  background: transparent;
  height: 16px !important;
  padding-left: 4px;
  position: relative;
  top: -5px;
  color: #A2AAB1;
  font-size: 14px;
}
input.dropdowninput:focus {
  background-color: #ffffff;
  color: #3D444B;
}
input.dropdowninput:focus::-webkit-input-placeholder {
  color: #3D444B;
}
input.dropdowninput:focus:-moz-placeholder {
  color: #3D444B;
  opacity: 1;
}
input.dropdowninput:focus::-moz-placeholder {
  color: #3D444B;
  opacity: 1;
}
input.dropdowninput:focus:-ms-input-placeholder {
  color: #3D444B;
}
.dropdowninput::-webkit-input-placeholder {
  color: #A2AAB1;
}
.dropdowninput:-moz-placeholder {
  color: #A2AAB1;
  opacity: 1;
}
.dropdowninput::-moz-placeholder {
  color: #A2AAB1;
  opacity: 1;
}
.dropdowninput:-ms-input-placeholder {
  color: #A2AAB1;
}
.DropDownItem .dropdowninput:focus + .edit.icon {
  display: none;
}
.DropDownItem:hover .edit.icon {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 5px;
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -692px -8px no-repeat;
  display: inline-block;
}
.DropDownItem:hover .edit.icon:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -692px -90px no-repeat;
}
.DropDownItem span.limiter {
  position: absolute;
  top: 6px;
  right: -85px;
  background-color: transparent !important;
  width: 75px;
}
span.changed input.dropdowninput:focus {
  color: #3D444B;
}
.content_col.big .popup_holder.popupInput.popupColor input.dropdowninput {
  width: 215px;
}
.content_col.big .popup_holder.popupInput input.dropdowninput {
  width: 250px;
}
.popup_holder.popupInput {
  width: 255px;
}
.hidden_search_button {
  height: 30px;
  width: 30px;
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -880px -1px no-repeat;
  cursor: pointer;
}
.hidden_search_button:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -880px -83px no-repeat;
}
.reset_search_button {
  height: 16px;
  width: 16px;
  margin-top: 8px;
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1213px -10px no-repeat;
  cursor: pointer;
}
.reset_search_button:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1213px -92px no-repeat;
}
#maincontent #maincontent_padder {
  padding: 35px 0px 0px 220px;
}
#maincontent #maincontent_padder .maincontent_bar {
  width: 100%;
}
#maincontent #maincontent_padder .maincontent_bar:first-of-type {
  padding-bottom: 20px;
}
#maincontent #maincontent_padder.noLeftMenu {
  padding: 35px 0px 0px 35px;
}
#maincontent #maincontent_padder.fullSize {
  padding: 25px;
}
.element_navbar {
  height: 30px;
  float: left;
  font-size: 12px;
}
.element_navbar span {
  float: right;
  line-height: 30px;
  /*background-color: @navbar-button-bachground-color;*/
  color: #A2AAB1;
  text-align: center;
  margin-right: 2px;
}
.element_navbar span:hover,
.element_navbar span:active {
  cursor: pointer;
}
.element_navbar span.navbar_var {
  padding-left: 10px;
  padding-right: 10px;
}
.element_navbar .disabled {
  cursor: default;
}
.element_navbar .disabled:hover,
.element_navbar .disabled:active {
  cursor: default;
}
/* Optionsbar */
.optionsbar {
  height: 25px;
  float: right;
  margin-right: 20px;
}
.optionsbar span {
  color: #A2AAB1;
  margin-top: 0px;
  height: 20px;
  padding: 0px 5px;
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
}
.optionsbar span.paging {
  padding: 0px 5px 0px 0px;
}
.optionsbar span.paging:hover {
  color: #ffffff;
  cursor: pointer;
}
.optionsbar span.paging.active {
  color: #FFFFFF;
}
.optionsbar span.iconsize {
  width: 30px;
  height: 30px;
}
.optionsbar span.grid_view {
  background: transparent url('../../img/icons/svg/icon_gridview_normal.svg') 0px 3px no-repeat;
  padding-right: 0px;
  width: 25px;
  margin-left: 5px;
}
.optionsbar span.grid_view:hover {
  background: transparent url('../../img/icons/svg/icon_gridview_hover.svg') 0px 3px no-repeat;
  cursor: pointer;
}
.optionsbar span.grid_view:active {
  background: transparent url('../../img/icons/svg/icon_gridview_active.svg') 0px 3px no-repeat;
}
.optionsbar span.grid_view.active {
  background-image: url('../../img/icons/svg/icon_gridview_active.svg');
  cursor: default;
}
.optionsbar span.grid_view.active:hover {
  background-image: url('../../img/icons/svg/icon_gridview_active.svg');
  cursor: default;
}
.optionsbar span.list_view {
  background: transparent url('../../img/icons/svg/icon_listview_normal.svg') 0px 3px no-repeat;
  padding-right: 0px;
  width: 20px;
}
.optionsbar span.list_view:hover {
  background: transparent url('../../img/icons/svg/icon_listview_hover.svg') 0px 3px no-repeat;
  cursor: pointer;
}
.optionsbar span.list_view:active {
  background: transparent url('../../img/icons/svg/icon_listview_active.svg') 0px 3px no-repeat;
}
.optionsbar span.list_view.active {
  background-image: url('../../img/icons/svg/icon_listview_active.svg');
  cursor: default;
}
.optionsbar span.list_view.active:hover {
  background-image: url('../../img/icons/svg/icon_listview_active.svg');
  cursor: default;
}
#insert_content .optionsbar {
  padding: 0px 0px 15px 0px;
  height: 15px;
}
.bc_orange {
  background-color: #de9317 !important;
}
.bc_gray2 {
  background-color: #A2AAB1 !important;
}
.bc_red {
  background-color: #C82605 !important;
}
.bc_blue {
  background-color: #A2AAB1 !important;
}
div.progress_bar {
  width: 100%;
  height: 5px !important;
  background-color: #2e3439;
}
div.progress {
  width: 0%;
  height: 5px;
  background-color: #6FC041;
}
.element_info_box_sub {
  font-size: 11px;
  color: #ffffff;
  height: 16px;
  width: 50px;
  line-height: 18px;
  text-align: center;
  font-weight: normal;
}
.element_name {
  color: #A2AAB1;
  height: 50px;
}
.element_name.small {
  height: 30px;
}
.elementholder {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  height: 128px;
  line-height: 23px;
  font-size: 15px;
  position: relative;
  background-color: #3A4147;
}
.elementholder:hover {
  background-color: #3A4147;
  cursor: pointer;
}
.elementholder.next-page {
  line-height: 80px;
  width: 184px;
  float: left;
  padding-top: 10px;
  height: 90px;
  background-color: #000000;
  margin-bottom: 0px;
  position: relative;
}
.elementholder.next-page #next-page-text {
  color: #A2AAB1;
  display: inline-block;
  zoom: 1;
  top: 8px;
  position: absolute;
  left: 50px;
}
.elementholder.next-page #next-page-logo {
  width: 30px;
  height: 30px;
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -194px -120px;
  position: absolute;
  zoom: 2;
  display: inline-block;
  right: 18px;
  top: 9px;
}
.elementholder.next-page:hover {
  background-color: #A2AAB1;
}
.elementholder.next-page:hover #next-page-text {
  color: #ffffff !important;
}
.elementholder.next-page:hover #next-page-logo {
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -194px -120px;
}
.element_message:hover {
  background-color: #000000;
  cursor: default;
}
.element_message:hover .element_messagebox,
.element_message:hover .element_messageiconbox {
  opacity: 0.4;
}
.element_message {
  background-color: #000000;
}
.element_message .element_messagebox ~ .element_edit_box {
  margin-top: 17px;
}
.element_headerbox {
  width: 160px;
  height: 30px;
  line-height: 30px;
  padding: 0px 10px;
  background-color: #3D444B;
  color: #A2AAB1;
}
.element_messagebox {
  font-size: 12px;
  height: 10px;
  padding: 10px;
  text-align: center;
  line-height: 16px;
  color: #A2AAB1;
  width: 160px;
}
.element_messagebox span.alert {
  color: #C82605;
}
.element_messageiconbox {
  padding: 0px 10px;
  text-align: center;
  height: 30px;
}
.element_messageiconbox span.alert {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent url('../../img/icons/svg/icon_messagealert_red.svg') 0px 0px no-repeat;
}
.element_buttonbox {
  text-align: center;
  height: 30px;
  margin: 0px 10px;
  line-height: 30px;
  font-size: 15px;
  background-color: transparent;
  color: #ffffff;
  border-color: #A2AAB1;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.element_buttonbox:hover {
  color: #ffffff;
  background-color: #A2AAB1;
  border-color: #A2AAB1;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.elementholder_list .element_buttonbox {
  width: 160px;
  float: left;
  margin: 0px 5px 0px 0px;
}
#playlistbuilder_dropzone .elementholder .element_edit_box {
  position: absolute;
  top: initial;
  bottom: 15px;
  left: 2px;
  background-color: transparent;
  width: 174px;
  display: block;
  height: 21px;
  padding: 3px;
  opacity: 1;
}
#playlistbuilder_dropzone .elementholder .element_edit_box span {
  margin: 0px;
}
#playlistbuilder_dropzone .elementholder .element_edit_box span.element_liveedit {
  cursor: pointer;
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -598px -7px no-repeat;
  zoom: 2.5;
  width: 18px;
  height: 18px;
  display: inline-block;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  position: absolute;
  right: 26px;
  bottom: 45px;
}
#playlistbuilder_dropzone .elementholder .element_edit_box span.element_liveedit:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -598px -89px no-repeat;
}
#playlistbuilder_dropzone .elementholder .element_edit_box span.element_liveedit:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -598px -89px no-repeat;
}
#playlistbuilder_dropzone .elementholder .element_edit_box span.element_delete {
  cursor: pointer;
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -199px -1px no-repeat;
  zoom: 0.8;
  width: 30px;
  height: 30px;
  display: inline-block;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  position: absolute;
  right: -4px;
  bottom: -8px;
}
#playlistbuilder_dropzone .elementholder .element_edit_box span.element_delete:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -199px -81px no-repeat;
}
#playlistbuilder_dropzone .elementholder .element_edit_box span.element_delete:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -199px -81px no-repeat;
}
#playlistbuilder_dropzone .elementholder .element_edit_box span.outerSwitch {
  width: 60px;
  position: absolute;
  top: 15px;
}
#playlistbuilder_dropzone .elementholder .element_edit_box span.outerSwitch .innerSwitch {
  width: 50px;
}
#playlistbuilder_dropzone .elementholder .element_edit_box span.outerSwitch.item_logo {
  left: 70px;
}
#playlistbuilder_dropzone .elementholder:hover {
  background-color: #3A4147;
}
#playlistbuilder_dropzone .elementholder:hover .element_edit_box {
  display: block;
}
#playlistbuilder_dropzone .elementholder:hover .element_edit_box span.element_delete,
#playlistbuilder_dropzone .elementholder:hover .element_edit_box span.element_liveedit {
  opacity: 1;
}
.elementholder .element {
  background-color: #000000;
  position: relative;
  overflow: hidden;
  width: 180px;
  height: 100px;
}
.elementholder .element_back {
  position: absolute;
  background-position: 50% 50%;
  background-size: contain;
  width: 184px;
  height: 104px;
  top: -2px;
  left: -2px;
  background-repeat: no-repeat;
}
.elementholder .element_selected_box {
  display: block;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  width: 178px;
  height: 126px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 2px solid #F5D327;
}
.elementholder .element_name {
  padding: 4px 6px 2px;
  width: 166px;
  font-size: 14px;
  height: 22px;
  color: #ffffff;
}
.elementholder .cat_holder {
  height: 2px;
  width: 180px;
  background-color: transparent;
}
.elementholder .element_edit_box {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 174px;
  display: block;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  height: 74px;
  padding: 3px;
  cursor: default;
}
.elementholder:hover .element_edit_box {
  opacity: 1;
}
.elementholder:hover .element_back {
  opacity: 0.2;
}
.elementholder .element_info_box {
  padding: 0px 5px;
  position: absolute;
  top: 80px;
  left: 0px;
  width: 170px;
  color: #A2AAB1;
  font-size: 12px;
  height: 20px;
  background: #000000;
  /*
        &.video {
            background: @color_Black @url-element-holder-info-box-video 158px 0px no-repeat;
        }

        &.image {
            background: @color_Black @url-element-holder-info-box-image 156px 0px no-repeat;
        }

        &.audio {
            background: @color_Black @url-element-holder-info-box-audio 156px 0px no-repeat;
        }

        &.livesource {
            background: @color_Black @url-element-holder-info-box-live-source 156px 2px no-repeat;
            background-size: 14px 15px;

            span {
                .display;
            }
        }
            */
}
.elementholder .element_info_box .element_info_box_sub {
  position: absolute;
  top: 2px;
  right: 2px;
}
.elementholder .element_info_box .element_info_box_text {
  color: #A2AAB1;
  font-size: 12px;
}
.elementholder .element_info_box .element_info_box_text .textLeft {
  float: left;
  padding-left: 0px !important;
}
.elementholder .element_info_box .element_info_box_text .textRight {
  float: right;
  padding-left: 0px !important;
}
.assetList.topselect {
  height: 200px;
}
.assetList .elementholder .element_name {
  padding: 2px 6px 2px;
}
.element_selected .element_selected_box {
  opacity: 1;
}
#_UploadBGfile0,
#_UploadLogofile0 {
  height: 34px;
  margin-right: 149px;
  margin-top: 38px;
  width: 165px;
}
#_UploadBGrow0 .ruButton.ruBrowse,
#_UploadLogorow0 .ruButton.ruBrowse {
  margin-left: 100px !important;
}
.std_navbar {
  padding: 10px 0px 20px 0px;
}
#tab_genre span.element_select {
  display: none;
}
.elementholder .element_edit_box span {
  display: inline-block;
}
.playlist_element .element_edit_box span.element_delete {
  float: right;
}
.playlist_element .element_edit_box span.element_edit {
  float: left;
}
.elementholder .element_edit_box span.icon {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 28px;
}
.elementholder .element_edit_box span.icon.element_settings {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1165px -1px no-repeat;
  left: 75px;
}
.elementholder .element_edit_box span.icon.element_settings:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1165px -83px no-repeat;
}
.elementholder .element_edit_box span.icon.element_settings:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1165px -83px no-repeat;
}
.elementholder .element_edit_box span.icon.element_select {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1552px -1px no-repeat;
  left: 15px;
}
.elementholder .element_edit_box span.icon.element_select:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1552px -83px no-repeat;
}
.elementholder .element_edit_box span.icon.element_select:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1552px -83px no-repeat;
}
.elementholder .element_edit_box span.icon.element_copy {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -525px -1px no-repeat;
  left: 15px;
}
.elementholder .element_edit_box span.icon.element_copy:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -525px -83px no-repeat;
}
.elementholder .element_edit_box span.icon.element_copy:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -525px -83px no-repeat;
}
.elementholder .element_edit_box span.icon.element_delete {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -1px no-repeat;
  right: 15px;
}
.elementholder .element_edit_box span.icon.element_delete:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -83px no-repeat;
}
.elementholder .element_edit_box span.icon.element_delete:active {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -83px no-repeat;
}
.elementholder .element_edit_box span.icon.element_delete.disabled {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -120px -41px no-repeat;
  opacity: 0.5;
  pointer-events: none;
}
.elementholder.element_selected .element_edit_box {
  width: 172px;
  top: 2px;
  left: 2px;
}
.elementholder.element_selected .element_edit_box span {
  top: 26px;
}
.elementholder.element_selected .element_edit_box span.element_settings {
  left: 73px;
}
.elementholder.element_selected .element_edit_box span.element_select {
  left: 13px;
}
.elementholder.element_selected .element_edit_box span.element_delete {
  right: 15px;
}
.elementholder .demoasset {
  background-image: url('../../img/demo/Animals_Chameleon.png');
}
.elementholder .demoasset2 {
  background-image: url('../../img/demo/Animals_Babylions.png');
}
.elementholder_list {
  background-color: #ffffff;
  height: 30px;
  margin-bottom: 2px;
  margin-right: 20px;
}
.elementholder_list:hover {
  background-color: #23272B;
}
.elementholder_list .select_element {
  float: left;
  background: transparent url('../../img/icons/svg/icon_asset_select_normal.svg') 0px 0px no-repeat;
  width: 20px;
  height: 20px;
  margin: 5px 5px 0px 10px;
}
.elementholder_list .delete_element {
  float: left;
  background: transparent url('../../img/icons/svg/icon_asset_delete_normal.svg') 0px 0px no-repeat;
  width: 20px;
  height: 20px;
  margin: 5px 5px 0px 10px;
}
.elementholder_list .element_info_box_sub {
  float: left;
  margin: 7px 15px 0px 20px;
}
.elementholder_list .element_name {
  float: left;
  line-height: 30px;
}
.elementholder_list .category_holder {
  float: left;
  width: 10px;
  height: 10px;
  margin: 10px 0px 10px 10px;
}
.elementholder_list .element_play_holder {
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px 5px 5px 10px;
}
.elementholder_list .element_play_holder div {
  background: transparent url('../../img/icons/svg/icon_asset_type_video.svg') 0px 0px no-repeat;
}
.elementholder_list .element_subinfo {
  color: #ffffff;
  float: right;
  width: 170px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  font-size: 12px;
  padding: 0px 15px;
}
.elementholder_list .element_subinfo_icon {
  width: 140px;
  padding: 0px 45px 0px 15px;
}
.elementholder_list .element_subinfo_alert_gray {
  color: #000000;
  background: transparent url('../../img/icons/svg/icon_messagealert_gray.svg') 165px 5px no-repeat;
}
.elementholder_list .element_subinfo_alert_red {
  margin: 1px 15px 0 0 !important;
  color: #000000;
  background: transparent url('../../img/icons/svg/icon_messagealert_red.svg') 165px 5px no-repeat;
}
.elementholder_list .element_info {
  color: #ffffff;
  float: right;
  width: 130px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  font-size: 12px;
  padding: 0px 15px;
}
.elementholder_list_selected {
  background-color: #23272B;
}
.elementholder_list_selected:hover {
  background-color: #ffffff;
}
.elementholder_list .selected_holder {
  float: left;
  width: 5px;
  height: 30px;
}
.elementholder_list_selected .select_element {
  background: transparent url('../../img/icons/svg/icon_asset_select_active.svg') 0px 0px no-repeat;
}
.inprogress {
  color: #A2AAB1;
}
.inprogress .element_name {
  color: #A2AAB1;
}
.inprogress .element_info {
  color: #ffffff;
}
.elementholder_list div.progress_bar {
  width: 160px;
  margin: 12px 15px 0px 25px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.settings_element {
  float: left;
  background: transparent url('../../img/icons/svg/icon_asset_settings_normal.svg') 0px 0px no-repeat;
  width: 20px;
  height: 20px;
  margin: 5px 5px 0px 10px;
}
#insert_content .elementholder_list {
  margin-left: 10px;
}
#insert_content .elementholder_list .element_subinfo_alert_red {
  display: none;
}
#insert_content .elementholder_list div.progress_bar {
  display: none;
}
#insert_content .elementholder_list .element_info {
  display: none;
}
#insert_content .element_messageiconbox span.alert {
  display: none;
}
#insert_content .element_selected_box {
  display: none;
}
#insert_content .popup_holder {
  width: 186px;
  top: 38px;
  display: none;
  margin-top: 0px;
  position: absolute;
}
.subheadline {
  margin-bottom: 30px;
}
#library_element_dropzone_holder {
  height: 180px;
  background: transparent url('../../img/backgrounds/medialibrary_dropzone.png') 0px 0px repeat-x;
  margin: 0px -25px;
  min-width: 800px;
  overflow: hidden;
  padding: 0px 25px;
}
.dropzone_element_item {
  /*margin-left:30px;*/
  border-left: 1px solid #5f5f5f;
  height: 140px;
  float: left;
  padding: 10px 0px 10px 10px;
}
.dropzone_element_item .elementholder {
  padding: 5px;
}
.dropzone_element_item .elementholder:hover {
  background-color: #3A4147;
  cursor: move;
}
#insert_content .elementholder:hover .element_name,
.elementholder:hover .element_name {
  color: #ffffff;
}
.dropzone_element_item .elementholder .element_name {
  line-height: 15px;
}
.dropzone_element_item .elementholder .element_info_box {
  top: 85px;
  left: 5px;
}
.dropzone_element_item .elementholder .element_edit_box {
  top: 5px;
  left: 5px;
}
.dropzone_element_item .dropzone {
  width: 190px;
  height: 140px;
  font-size: 22px;
  text-align: center;
  margin-right: 25px;
}
.dropzone_element_item.disabled {
  padding-right: 10px;
}
.dropzone_element_item .dropzone span {
  padding-top: 50px;
  display: inline-block;
}
#playlistbuilder_holder {
  height: 270px;
  background: transparent url('../../img/backgrounds/playlistbuilder_dropzone.png') 0px 35px repeat-x;
  margin: 0px -25px;
  margin-top: 16px;
  min-width: 800px;
  overflow: hidden;
  padding: 0px 50px 0px 25px;
}
#playlistbuilder_holder .dropzone_element_item {
  height: 230px;
}
#playlistbuilder_holder .elementholder {
  margin-top: 35px;
  height: 185px;
  background-color: transparent;
}
#playlistbuilder_holder .elementholder:hover .element_back {
  opacity: initial;
}
#playlistbuilder_holder .elementholder.live:hover .element_back {
  opacity: 0.2;
}
#playlistbuilder_holder .dropzone_element_item .elementholder .delete_overlay .text {
  margin-top: 15px;
  display: inline-block;
}
#playlistbuilder_holder .dropzone_element_item .elementholder .overlay.time .text {
  margin-top: 0px;
  display: inline-block;
}
#playlistbuilder_holder .dropzone_element_item .elementholder .overlay.time input {
  text-align: center;
  border-bottom: 1px solid #3A4147;
  width: 90px;
}
#content_info {
  height: 20px;
  padding: 0px 0px 30px;
  width: 1225px;
  cursor: default;
}
.bigger_time {
  font-size: 24px;
  color: #C82605;
  padding-right: 120px;
}
#content_info .smallheader {
  padding-right: 5px;
}
#content_info .smallheader.big {
  font-size: 24px;
  padding-right: 30px;
  width: 125px;
  display: inline-block;
}
#content_info .smallheader.big.alert {
  color: #C82605;
}
.TextWarning {
  color: #A2AAB1;
  font-size: 14px;
}
.TextWarning .icon {
  background: transparent url('../../img/iconmap/iconmap_triangle.svg') -9px -42px no-repeat;
  background-size: 160px;
  width: 28px;
  height: 20px;
  display: inline-block;
  padding-right: 2px;
}
.alert .icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1611px -83px no-repeat;
  width: 36px;
  height: 30px;
  display: inline-block;
  padding-right: 2px;
}
.alert .text {
  color: #C82605;
}
#playlistScheduledLink {
  margin-left: 50px;
  cursor: pointer;
}
/* assets in right insert */
#insert_content .elementlistholder,
#insert_content .blocklistholder {
  clear: both;
  overflow: hidden;
}
#insert_content .elementholder {
  margin-right: 0px;
  float: left;
  margin-left: 8px;
  margin-bottom: 20px;
  height: 98px;
  line-height: 23px;
  font-size: 15px;
  position: relative;
  /*
        .element_info_box.video {
            background-image: @url-insert-content-element-holder-info-box-video;
            background-position: 113px 0px;
            background-repeat: no-repeat;
        }

        .element_info_box.image {
            background-image: @url-insert-content-element-holder-info-box-image;
            background-position: 113px 0px;
            background-repeat: no-repeat;
        }

        .element_info_box.audio {
            background-image: @url-insert-content-element-holder-info-box-audio;
            background-position: 113px 0px;
            background-repeat: no-repeat;
        }

        .element_info_box.livesource {
            background-image: @url-insert-content-element-holder-info-box-live-source;
            background-position: 116px 2px;
            background-repeat: no-repeat;
            background-size: 14px 15px;
        }
        */
}
#insert_content .elementholder:hover .element_edit_box {
  display: block;
}
#insert_content .elementholder:hover .element_messagebox {
  color: #ffffff;
}
#insert_content .elementholder .element {
  width: 135px;
  height: 76px;
}
#insert_content .elementholder span {
  line-height: 13px;
  font-size: 13px;
  padding: 4px 4px;
  display: block;
  height: 20px;
}
#insert_content .elementholder .element_edit_box {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  display: none;
  height: 21px;
  padding: 3px;
}
#insert_content .elementholder .element_info_box {
  padding: 0px 5px;
  position: absolute;
  top: 56px;
  left: 0px;
  width: 125px;
  color: #A2AAB1;
  background: #000000 url('../../img/icons/asset_info_arrow.png') 162px 4px no-repeat;
  font-size: 12px;
  height: 20px;
}
#insert_content .elementholder .element_edit_box a:nth-child(2) {
  float: right;
  width: 25px;
}
#insert_content .elementholder .demoasset {
  background-image: url('../../img/demo/Animals_Chameleon.png');
}
#insert_content .elementholder .demoasset2 {
  background-image: url('../../img/demo/Animals_Babylions.png');
}
#insert_content .elementholder .elementholder .element_name {
  width: 135px;
}
#insert_content .elementholder .cat_holder {
  width: 135px;
}
#insert_content .elementholder .element_back {
  height: 78px;
  width: 139px;
  opacity: initial;
}
#insert_content .elementholder .element_name {
  color: #A2AAB1;
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  width: 115px;
  padding: 1px 6px 2px;
}
#insert_content .element_selected .element_edit_box {
  height: 19px;
  width: 170px;
  top: 2px;
  left: 2px;
}
#insert_content .element_selected .element_info_box {
  width: 125px;
  margin-left: 0px;
}
#insert_content .element_selected .element_edit_box a.element_delete {
  width: 16px;
}
#insert_content #insert_topbar {
  padding: 3px 45px 8px 3px;
}
#insert_content #insert_topbar_2 {
  height: 22px;
  padding: 0px 25px 22px 6px;
}
#insert_content #insert_topbar_3 {
  padding: 15px 25px 20px 0px;
}
#insert_content .element_navbar {
  padding-left: 6px;
}
#insert_content .element_buttonbox {
  line-height: 20px;
  height: 20px;
  font-size: 13px;
}
#insert_content .element_buttonbox {
  margin-top: -17px;
  display: none;
}
#insert_content .element_headerbox,
#insert_content .element_messagebox {
  width: 115px;
}
#insert_content .element_selected .element_selected_box {
  display: none;
}
#insert_content .assetList .elementholder .element_name {
  padding: 0px 6px 2px;
}
#MainContentHolder_ddCat .filter {
  display: none;
}
#main_searchfield.insert_right {
  width: 570px;
  height: 30px;
  padding-top: 0px;
}
.ruDropZone {
  display: none !important;
}
#maincontent_full_holder {
  background: #23272B;
  height: 100%;
  width: 100%;
  min-width: 1140px;
}
.maincontent_darker {
  background-color: #23272B !important;
}
#maincontent_full {
  padding: 25px;
}
#maincontent_full ul.tabmenu {
  height: 25px;
  padding-bottom: 25px;
  padding-top: 0px;
}
#maincontent_full ul.tabmenu li {
  float: left;
  padding-right: 40px;
  color: #000000;
}
#maincontent_full ul.tabmenu li:hover {
  color: #ffffff;
  cursor: pointer;
}
#maincontent_full ul.tabmenu li.active {
  color: #ffffff;
  cursor: default;
}
.tabmenuWrapper {
  height: 50px;
  display: block;
}
.tabmenuFakeButton {
  display: inline-block;
  float: left;
  padding-bottom: 25px;
}
div.tabmenuFakeButton {
  padding-right: 40px;
}
.content_col.big,
.content_col_big {
  display: inline-block;
  vertical-align: top;
  padding-right: 40px;
  width: 340px;
}
.content_col.big2,
.content_col_big_2 {
  display: inline-block;
  vertical-align: top;
  padding-right: 40px;
  width: 600px;
}
.content_col.big2 ul,
.content_col_big_2 ul {
  width: 300px;
  display: inline-block;
  float: left;
}
.content_col.big2 input[type="checkbox"] + label,
.content_col_big_2 input[type="checkbox"] + label {
  padding: 6px 0px 3px 0px !important;
}
.content_col.flex {
  display: inline-block;
  vertical-align: top;
  padding-right: 40px;
  width: 50%;
  min-width: 500px;
  padding-bottom: 40px;
}
.content_col.small,
.content_col_small {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 40px;
}
.content_col_filler {
  overflow: hidden;
  padding-right: 40px;
  padding-bottom: 40px;
}
.content_col_mid {
  display: inline-block;
  vertical-align: top;
  padding-right: 40px;
  width: 195px;
  padding-bottom: 40px;
}
.content_col:last-of-type {
  padding-right: 0px;
}
.content_col_row {
  margin-bottom: 20px;
}
input {
  /*border: 2px solid @gray205;*/
  color: #000000;
  /*font-weight: bold;*/
  font-size: 15px;
  height: 20px !important;
}
label {
  display: block;
  padding-bottom: 5px;
  color: #A2AAB1;
}
.chklist label {
  color: #A2AAB1;
}
textarea {
  padding: 5px;
  margin-bottom: 25px;
  /*font-weight: bold;*/
  color: #000000;
  /*border: 2px solid @gray205;*/
  font-size: 15px;
}
.content_col_big textarea.short_textarea {
  width: 326px;
  height: 76px;
}
.content_col_big textarea.short_2_textarea {
  width: 326px;
  height: 40px;
}
.content_col_big textarea.medium_textarea {
  width: 326px;
  height: 126px;
}
.content_col_big textarea.medium_2_textarea {
  width: 326px;
  height: 175px;
}
.content_col_big textarea.large_textarea {
  width: 326px;
  height: 345px;
}
.content_col_small textarea.short_textarea {
  width: 146px;
  height: 76px;
}
.content_col_small textarea.short_2_textarea {
  width: 146px;
  height: 40px;
}
.content_col_small textarea.medium_textarea {
  width: 146px;
  height: 126px;
}
.content_col_small textarea.medium_2_textarea {
  width: 146px;
  height: 175px;
}
.content_col_small textarea.large_textarea {
  width: 146px;
  height: 345px;
}
.content_col.big input,
.content_col_big input {
  width: 326px;
  padding: 5px;
  margin-bottom: 25px;
  height: 16px;
}
.content_col_big_2 input {
  width: 380px;
  padding: 5px;
  margin-bottom: 25px;
  height: 16px;
}
.content_col_small input {
  width: 146px;
  padding: 5px;
  margin-bottom: 25px;
  height: 16px;
}
.content_col input.noPadding {
  padding: 0px;
}
.content_channel_parameters {
  max-width: 400px;
  float: left;
}
.content_channel_parameters span {
  display: block;
  padding-bottom: 5px;
  color: #A2AAB1;
}
.content_channel_parameters label {
  font-family: 'SourceSansPro', 'arial', sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #A2AAB1;
}
.content_channel_parameters li ul {
  padding-bottom: 40px;
  height: 40px;
}
.content_channel_parameters li ul li {
  display: inline-block;
  margin-right: 2px;
}
.content_channel_parameters li ul li .sublabelparameters {
  margin-right: 10px;
}
.content_channel_parameters input {
  float: left;
  padding: 5px;
  height: 16px;
}
.content_channel_parameters li ul li:nth-child(1) {
  width: 60%;
}
.content_channel_parameters li ul li:nth-child(1) input {
  width: 90%;
}
.content_channel_parameters li ul li:nth-child(2) {
  width: 15%;
  text-align: right;
}
.content_channel_parameters li ul li:nth-child(2) input {
  width: 60%;
  text-align: right;
}
.content_channel_parameters li ul li:nth-child(3) {
  width: 15%;
  text-align: right;
}
.content_channel_parameters li ul li:nth-child(3) input {
  width: 60%;
  text-align: right;
}
.content_channel_parameters li ul li:nth-child(2) label {
  text-align: left;
}
.content_channel_parameters li ul li:nth-child(3) label {
  text-align: left;
}
.content_col_big .row_big_splitter {
  float: left;
  width: 160px;
}
.content_col_big .row_big_splitter:first-of-type {
  margin-right: 20px;
}
.content_col_big .row_big_splitter input {
  width: 146px;
  padding: 5px;
  margin-bottom: 25px;
  height: 16px;
}
.color_picker {
  padding: 5px;
  width: 150px;
  height: 20px;
  margin-bottom: 25px;
  background: #ffffff url('../../img/icons/svg/icon_dropdownarrow_normal.svg') 135px 8px no-repeat;
  cursor: pointer;
}
.color_picker .color {
  width: 20px;
  height: 20px;
  background: #000000;
}
.dropzone {
  text-align: center;
}
.image_preview .dropzone {
  z-index: 100;
}
.content_row_uploader {
  width: 1000px;
  color: #23272B;
  padding-right: 2px;
  margin: 0px auto 70px auto;
}
.content_row_uploader ul {
  list-style-type: disc;
  margin-left: 15px;
}
.content_row_uploader ul li {
  margin-bottom: 15px;
}
.content_row_uploader .icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1611px -1px no-repeat;
  width: 36px;
  height: 30px;
  margin: auto;
  margin-bottom: 20px;
  margin-top: 6px;
}
.content_row_uploader .text {
  text-align: center;
  font-size: 18px;
}
.content_row_uploader .text.small {
  font-size: 16px;
  margin-top: 10px;
}
.content_row_uploader .dropzone {
  margin: 15px 0px;
  height: 120px;
  font-size: 22px;
  color: #A2AAB1;
  margin: auto;
  width: 700px;
  margin-top: 40px;
}
.content_row_uploader .dropzone span {
  padding: 20px 0px 10px 0px;
  display: inline-block;
  overflow: inherit !important;
}
.content_row_uploader .dropzone .button_add {
  padding-top: 40px;
}
.content_row_uploadstatus {
  width: 730px;
  height: 300px;
  overflow: hidden;
}
.content_row_uploadstatus.elementholder_list {
  background-color: transparent;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.content_row_uploadstatus.elementholder_list .element_buttonbox {
  margin-right: 0px;
  float: right;
  width: 136px;
  margin: 2px 2px 0px 0px;
  height: 30px;
}
.content_row_uploadstatus.elementholder_list .element_buttonbox:hover {
  width: 136px;
  height: 28px;
}
.content_row_uploadstatus .element_name {
  width: 200px;
  margin: 0px 0px 0px 10px;
  line-height: 34px;
  font-size: 16px;
}
.content_row_uploadstatus .item_extension {
  float: left;
  line-height: 34px;
  width: 60px;
  font-size: 16px;
  color: #A2AAB1;
  padding-left: 10px;
}
.upload_item {
  background-color: #3D444B;
  margin-bottom: 1px;
}
#uploadinfo {
  margin: auto;
}
#uploadinfo .element_info {
  height: 33px;
  line-height: 34px;
  width: 110px;
  padding: 1px 15px 0px 15px;
  text-align: left;
}
#uploadinfo .element_info .red {
  color: #C82605;
}
#uploadinfo div.progress_bar {
  width: 140px;
  margin: 15px 0px 0px 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.content_row {
  color: #23272B;
}
/* appbuilder */
#appbuilder_dropzone {
  height: 350px;
  margin: 30px -25px 0px -25px;
}
#appbuilder_dropzone_holder {
  min-width: 850px;
  height: 360px;
  overflow: hidden;
  margin: 0px -25px;
  padding: 0px 25px;
  background: transparent url('../../img/backgrounds/appbuilder_dropzone.png') 0px 0px repeat-x;
}
#bottomline_dropitems {
  min-width: 750px;
}
#bottomline_dropitems .dropitem {
  line-height: 20px;
}
.playlistbuilder #bottomline_dropitems {
  margin-top: 5px;
  margin-right: -25px;
  padding-right: 50px;
}
.appbuilder_lib_item:first-of-type {
  margin-left: 25px;
}
.appbuilder_lib_item {
  position: relative;
  width: 200px;
  height: 300px;
  border-left: 1px solid #5f5f5f;
  float: left;
  margin-top: 10px;
}
.inner_item {
  width: 180px;
  height: 290px;
  margin: 0px 10px;
}
.inner_item.video {
  background-image: url('../../img/backgrounds/svg/media_lib_video.svg');
}
.inner_item.video .lib_item_lib_subtype {
  background: rgba(0, 0, 0, 0.7) url('../../img/icons/svg/icon_appbuilder_video_small.svg') 148px 1px no-repeat;
}
.inner_item.audio {
  background-image: url('../../img/backgrounds/svg/media_lib_audio.svg');
}
.inner_item.audio .lib_item_lib_subtype {
  background: rgba(0, 0, 0, 0.7) url('../../img/icons/svg/icon_appbuilder_audio_small.svg') 145px 0px no-repeat;
}
.inner_item.image {
  background-image: url('../../img/backgrounds/svg/media_lib_image.svg');
}
.inner_item.image .lib_item_lib_subtype {
  background: rgba(0, 0, 0, 0.7) url('../../img/icons/svg/icon_appbuilder_image_small.svg') 145px 0px no-repeat;
}
.inner_item.mediathek {
  background-image: url('../../img/backgrounds/svg/media_lib_mediathek.svg');
}
.inner_item.corporate {
  background-image: url('../../img/backgrounds/svg/media_lib_corporate.svg');
}
.inner_item.corporate .lib_item_lib_subtype {
  background: rgba(0, 0, 0, 0.7) url('../../img/icons/svg/icon_appbuilder_corporate_small.svg') 148px 3px no-repeat;
}
.inner_item.rss {
  background-image: url('../../img/backgrounds/svg/media_lib_rss.svg');
}
.inner_item.rss .lib_item_lib_subtype {
  background: rgba(0, 0, 0, 0.7) url('../../img/icons/svg/icon_appbuilder_rss_small.svg') 145px 3px no-repeat;
}
.inner_item.weather {
  background-image: url('../../img/backgrounds/svg/media_lib_weather.svg');
}
.inner_item.weather .lib_item_lib_subtype {
  background: rgba(0, 0, 0, 0.7) url('../../img/icons/svg/icon_appbuilder_weather_small.svg') 145px 2px no-repeat;
}
.inner_item.videoplaylist {
  background-image: url('../../img/backgrounds/svg/media_lib_videoplaylist.svg');
}
.inner_item.videoplaylist .lib_item_lib_subtype {
  background: rgba(0, 0, 0, 0.7) url('../../img/icons/svg/icon_appbuilder_videoplaylist_small.svg') 148px 2px no-repeat;
}
.inner_item:hover {
  background-color: #23272B;
  cursor: move;
}
.inner_item:hover .lib_item_delete {
  display: block;
}
.inner_item:hover .lib_item_edit {
  display: block;
}
.inner_item .lib_item_delete {
  display: none;
  width: 170px;
  position: absolute;
  top: 5px;
  left: 15px;
  height: 30px;
  background: rgba(0, 0, 0, 0.5) url('../../img/icons/svg/icon_asset_delete_normal.svg') 135px 5px no-repeat;
}
.inner_item .lib_item_delete:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5) url('../../img/icons/svg/icon_asset_delete_hover.svg') 135px 5px no-repeat;
}
.inner_item .lib_item_delete:active {
  background: rgba(0, 0, 0, 0.5) url('../../img/icons/svg/icon_asset_delete_active.svg') 135px 5px no-repeat;
}
.inner_item .lib_item_edit {
  display: none;
  width: 130px;
  position: absolute;
  top: 5px;
  left: 15px;
  height: 30px;
  background: transparent url('../../img/icons/svg/icon_asset_settings_normal.svg') 10px 5px no-repeat;
}
.inner_item .lib_item_edit:hover {
  cursor: pointer;
  background: transparent url('../../img/icons/svg/icon_asset_settings_hover.svg') 10px 5px no-repeat;
}
.inner_item .lib_item_edit:active {
  background: transparent url('../../img/icons/svg/icon_asset_settings_active.svg') 10px 5px no-repeat;
}
.inner_item .lib_item_lib_subtype {
  position: absolute;
  top: 240px;
  left: 15px;
  width: 170px;
  height: 20px;
  background: rgba(0, 0, 0, 0.7) url('../../img/icons/svg/icon_appbuilder_mediathek_small.svg') 148px 2px no-repeat;
}
.inner_item .lib_item_lib_name {
  position: absolute;
  top: 260px;
  left: 15px;
  width: 170px;
  height: 30px;
  text-align: center;
  color: #A2AAB1;
  font-size: 15px;
  line-height: 30px;
}
.inner_item_empty {
  height: 210px;
  padding-top: 80px;
  font-size: 30px;
  text-align: center;
  border: 1px dashed;
}
.inner_item_empty:hover {
  background-color: transparent;
  cursor: default;
}
.delete_selected {
  z-index: 350;
}
.delete_overlay,
.overlay {
  background-color: #ffffff;
  color: #000000;
  line-height: 30px;
  position: absolute;
  left: 15px;
  top: 5px;
  width: 170px;
  height: 204px;
  padding-top: 50px;
  text-align: center;
}
.delete_overlay .del_big,
.overlay .del_big {
  font-size: 18px;
}
.delete_overlay_button,
.overlay .button {
  border: 1px solid #000000;
  color: #000000;
  background-color: #ffffff;
  line-height: 28px;
  position: absolute;
  left: 10px;
  bottom: 20px;
  width: 148px;
}
.delete_overlay_button:hover,
.overlay .button:hover {
  color: #A2AAB1;
  border: 1px solid #A2AAB1;
  background-color: #ffffff;
  cursor: pointer;
}
.delete_overlay_button.del_2,
.overlay .button.del_2 {
  bottom: 56px;
}
.small_del_dialog .delete_overlay,
.small_del_dialog .overlay {
  top: 0px;
  left: 0px;
  padding-top: 10px;
  line-height: 18px;
  width: 180px;
  height: 90px;
}
.small_del_dialog .element_selected .delete_overlay,
.small_del_dialog .element_selected .overlay {
  top: 2px;
  left: 2px;
  width: 178px;
}
.element_message .delete_overlay,
.element_message .overlay {
  height: 105px;
  padding-top: 25px;
}
.small_del_dialog .delete_overlay_button,
.small_del_dialog .overlay .button {
  bottom: 10px;
  line-height: 28px;
  width: 76px;
}
.small_del_dialog .delete_overlay_button.no,
.small_del_dialog .overlay .button.no {
  bottom: 10px;
  width: 76px;
  left: 92px;
}
.small_del_dialog_replace_1 .delete_overlay,
.small_del_dialog_replace_1 .overlay {
  top: 5px;
  left: 5px;
}
.delete_tooltipp_outer {
  height: 80px;
  position: absolute;
}
.delete_tooltipp_outer.position_4_plus {
  top: 47px;
  left: 181px;
}
.delete_tooltipp_outer.position_3_plus {
  top: 47px;
  left: 131px;
}
.delete_tooltipp_outer.position_2_plus {
  top: 47px;
  left: 81px;
}
.delete_tooltipp_outer.position_1 {
  top: 47px;
  left: 21px;
}
.delete_tooltipp_top {
  width: 200px;
  height: 12px;
  background-image: url('../../img/icons/svg/iconmap_ccr.svg');
  background-position: 5px -138px;
  background-repeat: no-repeat;
  position: relative;
}
.delete_tooltipp_inner {
  width: 275px;
  padding-top: 10px;
  height: 64px;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
}
.delete_tooltipp_inner.tooltipp_wider {
  width: 335px;
}
.delete_tooltipp_inner.tooltipp_smaller_1 {
  width: 243px;
}
.delete_tooltipp_button {
  position: absolute;
  left: 10px;
  bottom: 0px;
  width: 76px;
  line-height: 28px;
}
.delete_tooltipp_button.no {
  bottom: 0px;
  width: 76px;
  left: 92px;
}
.delete_tooltipp_inner.tooltipp_wider .delete_tooltipp_button {
  left: 80px;
}
.delete_tooltipp_inner.tooltipp_wider .delete_tooltipp_button.no {
  left: 170px;
}
.delete_tooltipp_inner.tooltipp_smaller_1 .delete_tooltipp_button {
  width: 105px;
}
.delete_tooltipp_inner.tooltipp_smaller_1 .delete_tooltipp_button.no {
  left: 126px;
}
.delete_tooltipp_inner.tooltipp_smaller_2 {
  width: 305px;
}
.delete_tooltipp_inner.tooltipp_smaller_2 .delete_tooltipp_button {
  width: 136px;
}
.delete_tooltipp_inner.tooltipp_smaller_2 .delete_tooltipp_button.no {
  left: 157px;
}
.dialog_tooltipp_outer {
  position: absolute;
  white-space: nowrap;
  z-index: 120;
  text-indent: 0;
}
.dialog_tooltipp_top {
  height: 12px;
  background-image: url('../../img/icons/svg/iconmap_ccr.svg');
  background-position: 64px -138px;
  background-repeat: no-repeat;
  width: 100%;
}
.dialog_tooltipp_bottom {
  display: none;
  width: 100%;
  height: 12px;
  background-image: url('../../img/icons/svg/iconmap_ccr.svg');
  background-position: 94px -138px;
  background-repeat: no-repeat;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dialog_tooltipp_bottom.bottom2 {
  height: 12px;
  background-image: url('../../img/icons/svg/iconmap_ccr.svg');
  background-position: 151px -138px;
  background-repeat: no-repeat;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dialog_tooltipp_inner {
  background-color: #ffffff;
  color: #000000;
  padding-top: 10px;
  text-align: center;
  padding: 10px;
}
.dialog_tooltipp_button {
  border: 1px solid #000000;
  color: #000000;
  background-color: #ffffff;
  line-height: 28px;
  width: 76px;
  display: inline-block;
}
.dialog_tooltipp_button:hover {
  color: #A2AAB1;
  border: 1px solid #A2AAB1;
  background-color: #ffffff;
  cursor: pointer;
}
.dialog_tooltipp_button.add_margin {
  margin-right: 3px;
}
.dialog_tooltipp_text {
  color: #000000;
  padding: 5px 0px 15px 0px;
}
.tooltipp_outer {
  height: 42px;
  position: absolute;
}
.tooltipp_outer.position_4_plus {
  top: 47px;
  left: 181px;
}
.tooltipp_outer.position_3_plus {
  top: 47px;
  left: 131px;
}
.tooltipp_outer.position_2_plus {
  top: 47px;
  left: 21px;
}
.tooltipp_top {
  height: 12px;
  background-image: url('../../img/icons/svg/iconmap_ccr.svg');
  background-position: 64px -138px;
  background-repeat: no-repeat;
  width: 200px;
}
.tooltipp_inner {
  line-height: 36px;
  position: relative;
  width: 239px;
  height: 36px;
  background-color: #23272B;
  text-align: left;
  color: #ffffff;
  padding-left: 10px;
}
.tooltipp_inner.tooltipp_preview {
  width: 227px;
}
.tooltipp_button {
  border: 1px solid #000000;
  color: #000000;
  background-color: #ffffff;
  line-height: 28px;
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 123px;
  text-align: center;
}
.tooltipp_button:hover {
  color: #A2AAB1;
  border: 1px solid #A2AAB1;
  background-color: #ffffff;
  cursor: pointer;
}
.tooltipp_outer.green {
  /*.tooltipp_top {
        background-image: url('../../img/backgrounds/tooltipp_arrow.png');
    }*/
}
.tooltipp_outer.green .tooltipp_inner {
  background-color: #ffffff;
  color: #000000;
}
.tooltipp_outer.green .tooltipp_button {
  top: 3px;
  right: 3px;
}
#submenu_ul_right .library_icon_6 {
  background: transparent url('../../img/icons/svg/icon_appbuilder_corporate_topbar.svg') 210px 8px no-repeat;
  padding-right: 50px;
}
#submenu_ul_right .library_icon_7 {
  background: transparent url('../../img/icons/svg/icon_appbuilder_mediathek_topbar.svg') 210px 8px no-repeat;
  padding-right: 50px;
}
#submenu_ul_right .library_icon_1 {
  background: transparent url('../../img/icons/svg/icon_appbuilder_video_topbar.svg') 210px 8px no-repeat;
  padding-right: 50px;
}
#submenu_ul_right .library_icon_3 {
  background: transparent url('../../img/icons/svg/icon_appbuilder_image_topbar.svg') 210px 8px no-repeat;
  padding-right: 50px;
}
#submenu_ul_right .library_icon_2 {
  background: transparent url('../../img/icons/svg/icon_appbuilder_audio_topbar.svg') 210px 8px no-repeat;
  padding-right: 50px;
}
#submenu_ul_right .library_icon_4 {
  background: transparent url('../../img/icons/svg/icon_appbuilder_weather_bottomline.svg') 210px 8px no-repeat;
  padding-right: 50px;
}
#submenu_ul_right .library_icon_5 {
  background: transparent url('../../img/icons/svg/icon_appbuilder_rss_bottomline.svg') 210px 8px no-repeat;
  padding-right: 50px;
}
#submenu_ul_right .library_icon_9 {
  background: transparent url('../../img/icons/svg/icon_appbuilder_videoplaylist_topbar.svg') 210px 8px no-repeat;
  padding-right: 50px;
}
.inner_item .inner_item_back_image_holder {
  height: 255px;
  left: 15px;
  top: 5px;
  width: 170px;
  position: absolute;
  overflow: hidden;
}
.inner_item .inner_item_back_image_holder .inner_item_back_image {
  height: 259px;
  left: -2px;
  position: relative;
  top: -2px;
  width: 174px;
}
.dropitem {
  margin-top: 15px;
  position: relative;
  height: 30px;
  width: 60px;
  margin-right: 10px;
  float: left;
  padding: 90px 10px 0px 10px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
}
.dropitem div {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 60px;
  height: 90px;
}
.dropitem div:hover {
  cursor: move;
}
.dropitem_mediathek {
  background: #000000 url('../../img/icons/svg/icon_appbuilder_mediathek_bottomline.svg') 15px 25px no-repeat;
}
.dropitem_corporate {
  background: #000000 url('../../img/icons/svg/icon_appbuilder_corporate_bottomline.svg') 15px 25px no-repeat;
}
.dropitem_video {
  background: #000000 url('../../img/icons/svg/icon_appbuilder_video_bottomline.svg') 15px 25px no-repeat;
}
.dropitem_image {
  background: #000000 url('../../img/icons/svg/icon_appbuilder_image_bottomline.svg') 15px 25px no-repeat;
}
.dropitem_audio {
  background: #000000 url('../../img/icons/svg/icon_appbuilder_audio_bottomline.svg') 15px 25px no-repeat;
}
.dropitem_rss {
  background: #000000 url('../../img/icons/svg/icon_appbuilder_rss_bottomline.svg') 15px 25px no-repeat;
}
.dropitem_weather {
  background: #000000 url('../../img/icons/svg/icon_appbuilder_weather_bottomline.svg') 15px 25px no-repeat;
}
.dropitem_playlistVideo {
  background: #000000 url('../../img/icons/svg/icon_appbuilder_videoplaylist_bottomline.svg') 15px 23px no-repeat;
}
.playlistbuilder .dropitem {
  width: 90px;
  height: 37px;
  margin-right: 0px;
  padding: 58px 0px 0px 15px;
  overflow: hidden;
}
.playlistbuilder .dropitem div {
  height: 50px;
  left: 15px;
  width: 90px;
}
.item_state,
.item_logo {
  height: 15px;
  width: 65px;
  font-size: 10px;
  line-height: 15px;
  color: #000000;
  position: absolute;
}
.item_state:hover,
.item_logo:hover {
  cursor: pointer;
}
.item_state.state_1 {
  background: #000000 url('../../img/backgrounds/state_offair.png') 10px 0px no-repeat;
  padding-left: 18px;
  width: 47px;
}
.item_state.state_2 {
  background: #000000 url('../../img/backgrounds/state_onair.png') 0px 0px no-repeat;
  color: #ffffff;
  padding-left: 10px;
  width: 55px;
}
.item_state.state_3 {
  background: #000000 url('../../img/backgrounds/state_on.png') 0px 0px no-repeat;
  padding-left: 20px;
  width: 45px;
}
.item_state.state_4 {
  background: #000000 url('../../img/backgrounds/state_off.png') 10px 0px no-repeat;
  padding-left: 20px;
  width: 45px;
}
.item_logo.state_1 {
  background: #000000 url('../../img/backgrounds/state_offair.png') 8px 0px no-repeat;
  padding-left: 11px;
  width: 35px;
}
.item_logo.state_2 {
  background: #000000 url('../../img/backgrounds/state_onair.png') -18px 0px no-repeat;
  padding-left: 5px;
  width: 40px;
}
.item_logo.state_3 {
  background: #000000 url('../../img/backgrounds/state_on.png') -18px 0px no-repeat;
  padding-left: 4px;
  width: 42px;
}
.item_logo.state_4 {
  background: #000000 url('../../img/backgrounds/state_off.png') 8px 0px no-repeat;
  padding-left: 13px;
  width: 33px;
}
.content_col_big .item_state {
  position: relative;
  left: 0px;
  top: 0px;
}
.content_col_small .item_state {
  position: relative;
  left: 0px;
  top: 0px;
}
.playlistbuilder .item_duration {
  position: absolute;
  right: 3px;
  font-size: 18px;
  line-height: 22px;
  top: -40px;
}
.playlistbuilder .inner_item {
  width: 190px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.playlistbuilder .inner_item_empty {
  font-size: 22px;
  height: 145px;
  margin-top: 35px;
  padding-top: 50px;
}
.playlistbuilder .inner_item_empty .icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -4px -41px no-repeat;
  height: 30px;
  width: 30px;
  margin: auto;
  margin-bottom: 15px;
  margin-top: 13px;
}
.playlistbuilder .inner_item_empty .text {
  font-size: 16px;
}
.playlistbuilder .item_icon {
  position: absolute;
  bottom: -5px;
  left: 5px;
  padding: 5px 5px 5px 55px;
  width: 130px;
  height: 25px;
  font-size: 12px;
  line-height: 24px;
  display: none;
}
.playlistbuilder .item_icon {
  background-size: 45px 25px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: transparent;
}
.comp_fullscreen {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_fullscreen_bottomline.svg');
}
.comp_image {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_image_bottomline.svg');
}
.comp_video {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_video_bottomline.svg');
}
.comp_insert {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_insert_bottomline.svg');
}
.comp_text {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_text_bottomline.svg');
}
.comp_lower3rd_dyn {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_lowerthird_dynamic.svg');
}
.comp_lower3rd_t3 {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_lowerthird_t3.svg');
}
.comp_lower3rd_t2 {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_lowerthird_t2.svg');
}
.comp_preview {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_preview.svg');
}
.comp_screeninsert {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_screen_insert.svg');
}
.comp_ticker {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_ticker.svg');
}
.comp_news {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_news.svg');
}
.comp_weather {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_weather.svg');
}
.comp_half_left {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_half_left.svg');
}
.comp_half_right {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_half_right.svg');
}
.comp_branding {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_branding.svg');
}
.comp_harmonic_dynText {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_harmonic_dynText.svg');
}
.comp_harmonic_ticker {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_harmonic_ticker.svg');
}
.comp_swr_tafel {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_swr_tafel.svg');
}
.comp_swr_bauchbinde {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_swr_bauchbinde.svg');
}
.comp_harmonic_bbcrss {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_harmonic_bbcrss.svg');
}
.comp_harmonic_smallBanner {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_harmonic_smallBanner.svg');
}
.comp_harmonic_weather {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_harmonic_weather.svg');
}
.comp_harmonic_newsticker {
  background-image: url('../../img/icons/svg/icon_playlistbuilder_harmonic_newsticker.svg');
}
#submenu_ul_right .sub_element_name {
  background-size: 45px 25px;
  background-position: 210px 17px;
  background-repeat: no-repeat;
  background-color: transparent;
}
.c_hand {
  cursor: pointer;
}
/* insert from right */
#maincontent_full_holder #maincontent_insert_right {
  z-index: 300;
  position: absolute;
  right: 0px;
  top: 0px;
  /*width: 40px;*/
  overflow: hidden;
  height: 100%;
  background-color: #2e3439;
}
#maincontent_full_holder #maincontent_insert_right #insert_button {
  zoom: 1;
  height: 100%;
  height: -webkit-calc(100% - 100px);
  height: -moz-calc(100% - 100px);
  height: calc(100% - 100px);
  height: -o-calc(100% - 100px);
  cursor: pointer;
  margin-top: 10px;
  margin-left: 6px;
}
#maincontent_full_holder #maincontent_insert_right #insert_button:before,
#maincontent_full_holder #maincontent_insert_right #insert_button:after {
  content: "";
  display: table;
}
#maincontent_full_holder #maincontent_insert_right #insert_button:after {
  clear: both;
}
#maincontent_full_holder #maincontent_insert_right #insert_button div {
  zoom: 1;
  width: 30px;
  height: 30px;
}
#maincontent_full_holder #maincontent_insert_right #insert_button div:before,
#maincontent_full_holder #maincontent_insert_right #insert_button div:after {
  content: "";
  display: table;
}
#maincontent_full_holder #maincontent_insert_right #insert_button div:after {
  clear: both;
}
#maincontent_full_holder #maincontent_insert_right #insert_button .content-holder-open,
#maincontent_full_holder #maincontent_insert_right #insert_button #content-holder-open {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1505px -1px no-repeat;
}
#maincontent_full_holder #maincontent_insert_right #insert_button .content-holder-open:hover,
#maincontent_full_holder #maincontent_insert_right #insert_button #content-holder-open:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1505px -83px no-repeat;
}
#maincontent_full_holder #maincontent_insert_right #insert_button.insert_open .content-holder-open,
#maincontent_full_holder #maincontent_insert_right #insert_button.insert_open #content-holder-open {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -730px -1px no-repeat;
  margin-left: 5px;
}
#maincontent_full_holder #maincontent_insert_right #insert_button.insert_open .content-holder-open:hover,
#maincontent_full_holder #maincontent_insert_right #insert_button.insert_open #content-holder-open:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -730px -83px no-repeat;
}
#maincontent_full_holder #maincontent_insert_right #insert_button .content-holder-close,
#maincontent_full_holder #maincontent_insert_right #insert_button #content-holder-close {
  display: none;
}
.drawer.hide {
  display: none;
}
.drawer_buttons {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 100%;
  margin-top: 10px;
  margin-left: 5px;
}
.drawer_buttons .drawer_button {
  margin-bottom: 10px;
  cursor: pointer;
}
.drawer_buttons .drawer_button .icon {
  zoom: 1;
  width: 30px;
  height: 30px;
}
.drawer_buttons .drawer_button .icon:before,
.drawer_buttons .drawer_button .icon:after {
  content: "";
  display: table;
}
.drawer_buttons .drawer_button .icon:after {
  clear: both;
}
.drawer_buttons.options.opened .drawer_button.open {
  display: none;
}
.drawer_buttons.options.closed .drawer_button.close {
  display: none;
}
.drawer_buttons.options.opened.insert_option1 .insert_option1 .icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1505px -41px no-repeat;
}
.drawer_buttons.options.opened.insert_option2 .insert_option2 .icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1505px -41px no-repeat;
}
.drawer_button .icon.close {
  margin-left: 5px;
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -730px -1px no-repeat;
}
.drawer_button .icon.close:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -730px -83px no-repeat;
}
.drawer_button .icon.drawer {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1505px -1px no-repeat;
}
.drawer_button .icon.drawer:hover {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1505px -83px no-repeat;
}
.drawer_content {
  position: relative;
  display: inline-block;
  width: 600px;
  height: 100%;
}
/* DEL JUST FOR TEST  #contentholder  #maincontent_full_holder #maincontent_insert_right{width:644px;}*/
.insert_content_holder,
#insert_content_holder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #2e3439;
  background-color: #2e3439;
  padding: 0px;
}
.insert_content_holder.withMarginLeft {
  left: 10px;
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  width: calc(100% - 10px);
  width: -o-calc(100% - 10px);
}
.insert_content_holder.withMarginLeftRight {
  left: 10px;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  width: -o-calc(100% - 40px);
}
.insert_content_holder.hide {
  display: none;
}
.content_row_holder .dropzone,
.image_upload .dropzone {
  height: 120px;
  font-size: 25px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 25px;
}
.content_row_holder .dropzone span,
.image_upload .dropzone span {
  padding-top: 70px;
  display: block;
  color: #A2AAB1;
  font-size: 18px;
  height: 110px;
}
.content_row_holder .dropzone span.button_add,
.image_upload .dropzone span.button_add {
  padding-top: 30px;
  font-size: 18px;
}
.content_row_holder .dropzone .dropzone.double,
.image_upload .dropzone .dropzone.double {
  height: 255px;
}
.content_row_holder .dropzone .dropzone.double span.button_add,
.image_upload .dropzone .dropzone.double span.button_add {
  padding-top: 70px;
}
.browse_button,
.content_row_holder .content_col_big input.browse_button {
  font-size: 18px;
  margin-left: 90px;
  font-weight: normal;
  width: 140px;
  height: 30px;
  line-height: 25px;
  padding: 0px 10px !important;
  display: inline-block;
  text-align: center;
  background-color: transparent;
  color: #ffffff;
  border-color: #A2AAB1;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.rad_overwrite .RadUpload .ruButton,
.RadUploadProgressArea .ruButton {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-weight: normal;
  width: 140px;
  height: 25px !important;
  line-height: 25px;
  padding: 0px 10px;
  background-color: transparent;
  color: #ffffff;
  border-color: #A2AAB1;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.rad_overwrite .RadUpload .ruFileWrap {
  margin-top: 15px;
  margin-left: 98px;
  height: 25px;
}
.rad_overwrite .ruRemove {
  display: none;
}
.rad_overwrite .ruUploadProgress {
  color: #ffffff;
}
.upload_background_tmp {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 340px;
  height: 52px;
  background-color: rgba(61, 68, 75, 0.4);
}
input[type=radio],
input[type=checkbox] {
  display: none;
}
input[type=radio].defaultCheckbox,
input[type=checkbox].defaultCheckbox {
  display: initial;
}
.radiolabel {
  width: auto !important;
  display: inline-block !important;
  padding: 0px 25px 0px 25px !important;
  line-height: 30px;
  background: transparent url('../../img/icons/radio_unchecked.png') 0px 7px no-repeat;
}
.radiolabel:hover {
  cursor: pointer;
}
.radio label {
  width: auto !important;
  display: inline-block !important;
  padding: 0px 25px 0px 25px !important;
  line-height: 30px;
  background: transparent url('../../img/icons/radio_unchecked.png') 0px 7px no-repeat;
}
.radio label:hover {
  cursor: pointer;
}
.content_row_holder span.radio {
  display: block;
  margin-bottom: 25px;
}
input[type="radio"]:checked + label {
  background: transparent url('../../img/icons/radio_checked.png') 0px 7px no-repeat;
}
input[type="checkbox"] + label .icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  padding: 0px 5px 0px 0px !important;
  cursor: pointer;
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -849px -8px no-repeat;
}
input[type="checkbox"]:checked + label .icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -849px -89px no-repeat;
}
input[type="checkbox"] + label {
  padding: 5px 0px 0px 0px !important;
}
input[type="checkbox"] + label:hover {
  cursor: pointer;
}
/* placeholder stuff needs rework => new style moved to dotzone == > */
.dotted_placeholder {
  border: 1px dashed #A2AAB1;
}
#tab_cover .image_preview {
  height: 450px;
  width: 300px;
  position: relative;
}
#tab_cover .image_preview .preview {
  height: 450px;
  width: 300px;
}
#tab_cover .image_preview .dotted_placeholder {
  height: 450px;
  width: 300px;
}
#tab_cover .image_preview .upload_background_tmp {
  width: 300px;
}
#tab_cover .rad_overwrite .RadUpload .ruFileWrap {
  margin-left: 80px;
}
#tab_cover.audioCover .image_preview {
  height: 198px;
  width: 352px;
  position: relative;
}
#tab_cover.audioCover .image_preview .preview {
  height: 198px;
  width: 352px;
}
#tab_cover.audioCover .image_preview .dotted_placeholder {
  height: 198px;
  width: 352px;
}
#tab_cover.audioCover .image_preview .upload_background_tmp {
  width: 352px;
}
#tab_cover.audioCover .rad_overwrite .RadUpload .ruFileWrap {
  margin-left: 106px;
}
#tab_poster .image_preview {
  height: 198px;
  width: 352px;
  position: relative;
}
#tab_poster .image_preview .preview {
  height: 198px;
  width: 352px;
}
#tab_poster .image_preview .preview .dotted_placeholder {
  height: 198px;
  width: 352px;
}
#tab_poster .image_preview .upload_background_tmp {
  width: 352px;
}
#tab_poster .rad_overwrite .RadUpload .ruFileWrap {
  margin-left: 106px;
}
.content_col_big .image_preview {
  height: 260px;
  width: 340px;
  position: relative;
}
.content_col_big .image_upload {
  height: 180px;
  width: 340px;
  position: relative;
}
.image_upload .remove_button {
  position: absolute;
  top: 187px;
  right: 0px;
}
.content_col_big .image_preview .preview {
  background-size: contain;
  background-repeat: no-repeat;
  height: 240px;
  background-position: 50% 50%;
  width: 340px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.content_col_double .media_preview {
  height: 395px;
  width: 700px;
  position: relative;
}
.content_col_double .media_preview .preview {
  width: 700px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.content_col_double .media_preview .dotted_placeholder {
  height: 395px;
  width: 700px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.content_col_big .dotted_placeholder {
  height: 180px;
  width: 340px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.content_col_big .channel_logo_image .dotted_placeholder,
.content_col_big .image_upload .dotted_placeholder {
  height: 180px;
  width: 340px;
}
.content_col_big .image_preview.channel_image {
  height: 275px;
  width: 340px;
}
.content_col_big .image_preview.channel_image .dotted_placeholder {
  height: 255px;
  width: 170px;
}
.content_col_big .image_preview.channel_image .preview {
  background-size: cover;
  background-repeat: no-repeat;
  height: 255px;
  background-position: 50% 50%;
  width: 170px;
  position: absolute;
  top: 0px;
  left: 0px;
}
#tab_cover .image_preview {
  height: 450px;
  width: 300px;
  position: relative;
}
#tab_cover .image_preview .preview {
  height: 450px;
  width: 300px;
}
#tab_cover .image_preview .dotted_placeholder {
  height: 450px;
  width: 300px;
}
#tab_cover .image_preview .dotted_placeholder {
  height: 450px;
  width: 300px;
}
#tab_cover .image_preview .upload_background_tmp {
  width: 300px;
}
#tab_cover .rad_overwrite .RadUpload .ruFileWrap {
  margin-left: 80px;
}
#tab_addprogram .channel_image,
#tab_channel_settings .channel_image,
#tab_appsettings .channel_image {
  height: 180px;
  width: 340px;
  position: relative;
}
#tab_channel_settings .content_col_big .image_upload {
  height: 130px !important;
  width: 340px !important;
  position: relative !important;
  top: -180px;
}
#tab_addprogram .channel_image .preview,
#tab_channel_settings .channel_image .preview {
  height: 180px;
  width: 340px;
}
#tab_appsettings .channel_image .preview {
  width: 340px;
  height: 180px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
}
#tab_addprogram .channel_image .dotted_placeholder,
#tab_channel_settings .channel_image .dotted_placeholder {
  height: 180px;
  width: 340px;
}
#tab_addprogram .channel_image .dotted_placeholder,
#tab_channel_settings .channel_image .dotted_placeholder {
  height: 180px;
  width: 340px;
}
#tab_addprogram .channel_image .upload_background_tmp,
#tab_channel_settings .channel_image .upload_background_tmp {
  width: 340px;
}
#tab_addprogram .rad_overwrite .RadUpload .ruFileWrap,
#tab_channel_settings .rad_overwrite .RadUpload .ruFileWrap {
  margin-left: 80px;
}
#tab_addprogram .channel_image .spinner_holder,
#tab_channel_settings .channel_image .spinner_holder,
.spinner_holder_upload340 {
  position: absolute;
  height: 180px;
  width: 340px;
  top: 0px;
}
#_UploadChannelImage {
  width: 148px;
}
#_UploadChannelBackgroundImage,
#_UploadChannelLogoImage {
  width: 148px;
}
#channel_prev_image,
#channel_logo_prev_image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 180px;
  width: 340px;
  position: absolute;
  margin-top: 1px;
}
#_UploadChannelLogoImage {
  width: 148px;
}
#tab_addprogram .channel_logo_image,
#tab_channel_settings .channel_logo_image {
  height: 180px;
  width: 340px;
  position: relative;
}
#tab_addprogram .channel_logo_image .preview,
#tab_channel_settings .channel_logo_image .preview {
  height: 180px;
  width: 340px;
}
#tab_addprogram .channel_logo_image .dotted_placeholder,
#tab_channel_settings .channel_logo_image .dotted_placeholder {
  height: 180px;
  width: 340px;
}
#tab_addprogram .channel_logo_image .dotted_placeholder,
#tab_channel_settings .channel_logo_image .dotted_placeholder {
  height: 180px;
  width: 340px;
}
#tab_addprogram .channel_logo_image .upload_background_tmp,
#tab_channel_settings .channel_logo_image .upload_background_tmp {
  width: 340px;
}
#tab_addprogram .channel_logo_image .spinner_holder,
#tab_channel_settings .channel_logo_image .spinner_holder {
  position: absolute;
  height: 180px;
  width: 340px;
  top: 0px;
}
#_UploadLogoImage {
  width: 148px;
}
.upload_background_tmp_remove {
  width: 340px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 52px;
  background-color: rgba(61, 68, 75, 0.4);
}
.remove_button:hover {
  background-color: #C82605;
  color: #ffffff;
  border-color: #C82605;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.remove_button {
  font-size: 16px;
  font-weight: normal;
  width: 70px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  padding: 0px 10px !important;
  background-color: transparent;
  color: #C82605;
  border-color: #C82605;
  border-width: 1px;
  border-style: solid;
}
.remove_button.disabled {
  background-color: black;
  opacity: 0.5;
  pointer-events: none;
}
.remove_image_inactive {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 90px;
  height: 34px;
}
#tab_cover.audioCover .image_preview {
  height: 198px;
  width: 352px;
  position: relative;
}
#tab_cover.audioCover .image_preview .preview {
  height: 198px;
  width: 352px;
}
#tab_cover.audioCover .image_preview .dotted_placeholder {
  height: 198px;
  width: 352px;
}
#tab_cover.audioCover .image_preview .upload_background_tmp {
  width: 352px;
}
#tab_cover.audioCover .rad_overwrite .RadUpload .ruFileWrap {
  margin-left: 106px;
}
#_UploadLogoImageListContainer {
  width: 95px;
}
#tab_poster .image_preview {
  height: 198px;
  width: 352px;
  position: relative;
}
#tab_poster .image_preview .preview {
  height: 198px;
  width: 352px;
}
#tab_poster .image_preview .dotted_placeholder {
  height: 198px;
  width: 352px;
}
#tab_poster .image_preview .upload_background_tmp {
  width: 352px;
}
#tab_poster .rad_overwrite .RadUpload .ruFileWrap {
  margin-left: 130px;
}
/* <== placeholder stuff needs rework => new style moved to dotzone  */
.dotzone {
  width: 100%;
  height: 188px;
  position: relative;
  margin-bottom: 25px;
}
.dotzone .inner {
  background-image: url('../../img/backgrounds/dotted_box_horizontal.png'), url('../../img/backgrounds/dotted_box_horizontal.png'), url('../../img/backgrounds/dotted_box_vertical.png'), url('../../img/backgrounds/dotted_box_vertical.png');
}
.dotzone .inner {
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
}
.dotzone .inner {
  background-position: -5px 0px, -5px 100%, 0px -3px, 100% -3px;
}
.dotzone .inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.dotzone span {
  position: absolute;
  top: 76px;
  text-align: center;
  width: 100%;
  font-size: 20px;
}
.opendropdown .popup_holder {
  display: block !important;
  position: relative;
  top: 0px;
  left: 0px;
  background-color: transparent;
}
.sortable-placeholder {
  background: rgba(61, 68, 75, 0.3);
  width: 211px;
  height: 250px;
  float: left;
  background: none;
  border-left: 1px solid #23272B;
}
li.sortable-placeholder {
  margin-top: 10px;
  height: 300px;
}
.sortable-dragging {
  border: 1px solid transparent;
}
.sortable-dragging .inner_item:hover .lib_item_delete,
.sortable-dragging .inner_item:hover .item_state {
  display: none;
}
/* general designhelper */
.clearer {
  height: 0px;
  clear: both;
}
/* temp */
.tmp_searchfield {
  background: transparent url('../../img/demo/searchfield.png') 0px 0px no-repeat;
  width: 165px;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.tmp_searchfield2 {
  background: transparent url('../../img/demo/searchfield.png') 0px 0px no-repeat;
  float: right;
  width: 165px;
  height: 30px;
  margin-top: -20px;
  margin-bottom: 0px;
}
.thumb .end,
.thumb {
  background-color: #6FC041;
}
.scrollbar {
  position: relative;
  float: right;
  width: 15px;
}
.track {
  background-color: #3D444B;
  height: 100%;
  width: 13px;
  position: relative;
  padding: 0 1px;
}
.thumb {
  height: 20px;
  width: 13px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.thumb .end {
  overflow: hidden;
  height: 5px;
  width: 13px;
}
.disable {
  display: none;
}
.noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
/* RADCONTROLS */
.ruFakeInput {
  display: none !important;
}
/* Scroller overwrite */
.mCustomScrollBox > .mCSB_scrollTools {
  width: 28px;
}
.elementFileItem_Line {
  margin-bottom: 4px;
  line-height: 30px;
  display: flex;
}
.elementFileItem_Line a {
  /*color: @color_TextNormal;*/
  margin-right: 5px;
  padding: 0px 20px;
  background-color: transparent;
  color: #ffffff;
  border-color: #A2AAB1;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  height: 30px;
}
.elementFileItem_Line a:hover {
  color: #ffffff;
  background-color: #A2AAB1;
  border-color: #A2AAB1;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.elementFileItem_ElementName {
  width: 300px;
  color: #A2AAB1;
  padding-left: 10px;
  padding-right: 10px;
}
.elementFileItem_elementDownload {
  /*width: 100px;*/
}
.slider {
  background-color: #23272B;
  margin-top: 50px;
}
/*!
 * jQuery UI Slider 1.8.19
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 42px;
  cursor: pointer;
  /*background: transparent @url-ui-slider-handle no-repeat;*/
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  line-height: 14px;
}
.ui-slider .ui-slider-handle span {
  background-color: #A2AAB1;
  line-height: 27px;
}
.ui-slider .ui-slider-handle {
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -360px 0px;
}
.ui-slider .ui-slider-handle + .ui-slider-handle {
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -400px 0px;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: 5px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -42px;
  margin-left: -29px;
}
.ui-slider-horizontal .ui-slider-handle + .ui-slider-handle {
  top: -42px;
  margin-left: -1px;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-corner-left,
.ui-corner-bl,
.ui-corner-tr,
.ui-corner-top,
.ui-corner-tl {
  border-radius: 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-slider-handle ui-state-default ui-corner-all,
.ui-slider-handle ui-state-default ui-corner-all ui-state-hover {
  border: 0px;
}
.ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all {
  border-color: #000;
  border-width: 0px;
  border-style: none;
}
.ui-slider-range {
  background: none !important;
  background-color: #A2AAB1 !important;
}
.ui-widget-content {
  border-color: #000;
  border-width: 0px;
  border-style: none;
}
.hider {
  display: none;
}
#comp_media {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.imageButton {
  border: none;
  display: block;
}
.hide_text {
  color: transparent !important;
}
.shadow_text {
  color: #000000 !important;
  text-shadow: 1px 1px #ffffff;
}
.ajaxInfoElement {
  margin-left: 25px;
  float: left;
  color: #3D444B;
  padding-top: 6px;
}
.limiter {
  color: #A2AAB1;
  font-size: 12px;
  padding-left: 10px;
  display: block;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  float: right;
}
.addtextlimiter:focus ~ .limiter.active,
.addtextlimiter:hover ~ .limiter.active {
  opacity: 1;
}
.label_right {
  float: right;
}
.disabled_field {
  color: #3D444B;
}
.sublabel a,
.sublabel {
  color: #23272B;
}
.sublabel {
  margin-top: -16px;
  text-align: right;
  margin-bottom: -3px;
}
.sublabel a:hover,
.sublabel a.hover {
  color: #ffffff;
}
.spinner_holder {
  position: relative;
}
.upload_spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: transparent url('../../img/icons/svg/icon_spinner2.svg') center no-repeat;
  background-size: 20%;
}
#tab_cover .image_preview .spinner_holder {
  position: absolute;
  height: 450px;
  width: 300px;
}
#tab_poster .image_preview .spinner_holder {
  position: absolute;
  height: 198px;
  width: 352px;
}
#logo_spinner.upload_spinner {
  width: 35%;
  background-size: 35%;
}
.content_col_big .image_preview.channel_image .spinner_holder {
  position: absolute;
  height: 255px;
  width: 170px;
}
.z20 {
  z-index: 20 !important;
}
.z330 {
  z-index: 330 !important;
}
.vodlogo_remove,
.vodbg_remove,
.image_remove_button {
  text-align: center;
  position: absolute;
  top: 20px;
  left: 50%;
  font-size: 18px;
  padding: 3%;
  width: 80%;
  margin-left: -43%;
  color: #ffffff;
  background-color: rgba(162, 170, 177, 0.8);
  display: none;
  cursor: pointer;
}
.vodlogo_remove {
  top: 13px;
  left: 140px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 180px;
}
.colFirstHide {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
}
.colFirstHide.show {
  opacity: 1;
}
.seekVideo {
  cursor: pointer;
}
.seekVideo:hover {
  color: #ffffff;
}
#frame_metadata_header {
  width: 98%;
  height: 30px;
  text-align: left;
  line-height: 30px;
  margin-top: 40px;
  cursor: pointer;
  display: none;
}
#frame_metadata {
  width: 98%;
  height: 600px;
  background-color: #23272B;
  display: none;
  border-top: 1px solid #23272B;
}
#i_frame_metadata {
  border: 0px;
  border: none;
}
#frame_metadata_header_link:hover {
  cursor: pointer;
}
.hider {
  display: none;
}
#meta_no_data {
  display: none;
}
.main_programs .elementholder .element_info_box {
  display: none;
}
.main_programs .elementholder .element_edit_box {
  height: 94px;
}
.main_programs .elementholder .element_edit_box span.icon {
  top: 38px;
}
.main_programs .elementholder .element.default_channel {
  background-color: #000000;
}
.listelementholder {
  background-color: #ffffff;
  margin: 0px 0px 2px 0px;
  padding: 2px 2px 2px 5px;
  cursor: pointer;
}
.listelementholder .listelement_title {
  width: 80px;
  display: inline-block;
  text-overflow: ellipsis;
}
.listelementholder .listelement_col {
  padding-left: 20px;
}
.position_asset_list {
  top: 26px;
  left: 79px;
  position: relative;
  width: 200px;
}
.position_asset_list .delete_tooltipp_inner {
  position: absolute;
  width: 180px;
}
.position_asset_list .delwait {
  position: absolute;
  top: 20px;
  width: 180px;
}
/*
.optionsbar span.list_view {
    display: none !important;
}

.optionsbar span.grid_view {
    display: none !important;
}
    */
#tab_properties .blackout_zone_new_line {
  padding-left: 57px;
  display: block;
  padding-top: 9px;
}
#tab_properties .blackout_zone {
  padding-right: 8px;
}
#tab_properties .saveCheckBoxList label {
  color: #A2AAB1;
  line-height: 20px;
}
#tab_properties #cblBlackoutHours,
#tab_properties #cblBlackoutDays {
  padding-top: 10px;
}
#tab_properties .blackout_desc {
  padding-top: 4px;
  line-height: 22px;
}
.dropimage_holder_big {
  width: 320px;
  height: 180px;
  position: relative;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.dropimage_image_big {
  width: 320px;
  height: 180px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.dropimage_dotted_big {
  width: 320px;
  height: 180px;
  top: 0px;
  left: 0px;
  position: absolute;
  border: 0px;
  padding: 0px;
}
.dropimage_placeholder_big {
  height: 180px !important;
  width: 320px !important;
}
.dropimage_dropzone {
  font-size: 15px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 25px;
}
.dropimage_dropzone span {
  padding-top: 70px !important;
  display: block;
  color: #A2AAB1;
  font-size: 20px;
}
.dropimage_holder_big .dropimage_infobox {
  height: 22px;
  width: 304px;
}
.dropimage_infobox {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 0px 8px 2px 8px;
  position: absolute;
  bottom: 0px;
}
.dropimage_infobox_sub {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  position: absolute;
}
.dropimage_holder_big .dropimage_infobox_sub {
  bottom: 24px;
  left: 0px;
}
.dropimage_holder_big .dropimage_infobox_sub .airstate {
  padding: 0px 8px 0px 8px;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
}
.dropimage_holder_big .dropimage_infobox .dropimage_infobox_text {
  font-size: 15px;
  padding-top: 2px;
}
.dropimage_infobox_text .textLeft {
  color: #ffffff;
}
#playlistTitle {
  padding-top: 20px;
}
.VodPlaylistCommentInfo {
  display: none;
}
.VodPlaylistCommentInfo {
  color: #23272B;
}
.VodPlaylistCommentInfo div {
  color: #23272B;
}
.plEmptyComment_text,
.plEmptyComment_head {
  padding-top: 12px;
  line-height: 22px;
}
.VodPlaylistCommentInfo.active {
  display: block;
}
.saveCheckBoxList {
  border-spacing: 0px;
  float: left;
  width: 300px;
}
.saveCheckBoxList input[type="checkbox"] + label {
  padding: 6px 0px 3px 0px !important;
}
.saveCheckBoxList tbody tr td {
  padding: 2px 0px;
}
#tab_channel_settings .empty,
.empty {
  display: none;
}
#tab_channel_settings .z_index_upper {
  z-index: 2000;
}
#tab_channel_settings .z_index_lower {
  z-index: 1999;
}
#tab_channel_settings .content_row_holder .dropzone span.button_add {
  padding-top: 70px;
  font-size: 18px;
  width: 100%;
  text-align: center;
  color: #A2AAB1;
}
#tab_channel_settings .image_remove_button {
  text-align: center;
  position: absolute;
  top: 9px;
  left: 78% !important;
  font-size: 18px;
  padding: 6px !important;
  width: 25% !important;
  color: #ffffff;
  background-color: rgba(162, 170, 177, 0.8);
  display: none;
  cursor: pointer;
}
#tab_channel_settings .button_placeholder {
  position: absolute;
  width: 100%;
  height: 52px;
  background-color: rgba(35, 39, 43, 0.5);
}
.validation-error-red {
  color: #C82605 !important;
}
.validation-error-red-border {
  border: 2px solid #C82605;
}
.validation-error-red-border:focus {
  outline: none;
  border: 2px solid #C82605;
}
.validation-error-message {
  background-color: #23272B;
  color: #3D444B;
  width: 330px;
  padding: 5px;
  display: inline-block;
  top: -25px;
  position: relative;
}
.saving-validation {
  position: absolute;
  top: 32px;
  left: 97px;
  display: table;
}
.saving-validation .message {
  display: block;
  width: 300px;
  line-height: 40px;
  padding-left: 40px;
  background: #ffffff url(../../img/icons/svg/iconmap_ccr.svg) 5px -155px no-repeat;
  color: #C82605 !important;
}
.saving-validation .arrow {
  display: block;
  width: 300px;
  height: 20px;
  background: url(../../img/icons/svg/iconmap_ccr.svg) -10px -130px no-repeat;
}
.invisible {
  display: none;
}
.invisibleImportant {
  display: none !important;
}
.seekVideo#noseek1m {
  background-color: red;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -158px 0px;
}
.farme-holder {
  zoom: 1;
  width: 338px;
  margin: 5px 0px;
}
.farme-holder:before,
.farme-holder:after {
  content: "";
  display: table;
}
.farme-holder:after {
  clear: both;
}
.farme-holder .frame-control-label {
  width: 98px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  display: inline-block;
}
.farme-holder .seekVideo#seek1m {
  background-color: #000000;
  float: left;
  width: 120px;
  height: 30px;
  line-height: 30px;
}
.farme-holder .seekVideo#seek1m .icon {
  height: 30px;
  width: 30px;
  background-color: #000000;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -158px 0px;
  margin-left: 45px;
}
.farme-holder .seekVideo#seek1m:hover {
  background-color: #A2AAB1;
}
.farme-holder .seekVideo#seek1m:hover .icon {
  background-color: #A2AAB1;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -158px -120px;
}
.farme-holder .seekVideo#seek1m.disabled {
  cursor: default;
  background-color: #000000;
}
.farme-holder .seekVideo#seek1m.disabled .icon {
  background-color: #000000;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -158px -40px;
}
.farme-holder .seekVideo#seek1 {
  background-color: #000000;
  float: right;
  width: 120px;
  height: 30px;
  line-height: 30px;
}
.farme-holder .seekVideo#seek1 .icon {
  height: 30px;
  width: 30px;
  background-color: #000000;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -198px 0px;
  margin-left: 45px;
}
.farme-holder .seekVideo#seek1:hover {
  background-color: #A2AAB1;
}
.farme-holder .seekVideo#seek1:hover .icon {
  background-color: #A2AAB1;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -198px -120px;
}
.farme-holder .seekVideo#seek1.disabled {
  cursor: default;
  background-color: #000000;
}
.farme-holder .seekVideo#seek1.disabled .icon {
  background-color: #000000;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -198px -40px;
}
.farme-holder .seekVideo#seek10m {
  background-color: #000000;
  float: left;
  width: 120px;
  height: 30px;
  line-height: 30px;
}
.farme-holder .seekVideo#seek10m .icon {
  height: 30px;
  width: 30px;
  background-color: #000000;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -240px 0px;
  margin-left: 45px;
}
.farme-holder .seekVideo#seek10m:hover {
  background-color: #A2AAB1;
}
.farme-holder .seekVideo#seek10m:hover .icon {
  background-color: #A2AAB1;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -240px -120px;
}
.farme-holder .seekVideo#seek10m.disabled {
  cursor: default;
  background-color: #000000;
}
.farme-holder .seekVideo#seek10m.disabled .icon {
  background-color: #000000;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -240px -40px;
}
.farme-holder .seekVideo#seek10 {
  background-color: #000000;
  float: right;
  width: 120px;
  height: 30px;
  line-height: 30px;
}
.farme-holder .seekVideo#seek10 .icon {
  height: 30px;
  width: 30px;
  background-color: #000000;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -278px 0px;
  margin-left: 45px;
}
.farme-holder .seekVideo#seek10:hover {
  background-color: #A2AAB1;
}
.farme-holder .seekVideo#seek10:hover .icon {
  background-color: #A2AAB1;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -278px -120px;
}
.farme-holder .seekVideo#seek10.disabled {
  cursor: default;
  background-color: #000000;
}
.farme-holder .seekVideo#seek10.disabled .icon {
  background-color: #000000;
  background-image: url('../../img/iconmap/iconmap_additional-options.svg');
  background-repeat: no-repeat;
  background-position: -278px -40px;
}
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/*********************************************************************
**********************************************************************
*                             Inline CSS                             *
**********************************************************************
**********************************************************************/
.inline-background-color-gray204 {
  background-color: #23272B !important;
}
.inline-background-color-green6 {
  background-color: #6FC041 !important;
}
.inline-background-color-white {
  background-color: #ffffff !important;
}
.inline-background-color-black {
  background-color: #000000 !important;
}
.inline-background-color-gray-4 {
  background-color: #23272B !important;
}
.inline-color-blue1 {
  color: #c81517 !important;
}
.inline-color-gray204 {
  color: #23272B !important;
}
.ui-datepicker-title {
  color: #3D444B;
}
#playlistbuilder_holder.listview {
  height: 350px;
  background: none;
  max-width: 1500px;
}
#playlistbuilder_holder.listview .dropzone_element_item {
  float: none;
  display: flex;
  height: 48px;
  padding: 0px 0px 0px 10px;
  border: none;
}
#playlistbuilder_holder.listview .dropzone_element_item.disabled {
  margin-bottom: 50px;
}
#playlistbuilder_holder.listview .elementholder {
  float: none;
  display: flex;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 35px;
  margin: 0px 20px 0px 0px;
}
#playlistbuilder_holder.listview .elementholder:hover {
  background-color: #3A4147;
}
#playlistbuilder_holder.listview .elementholder:hover .element_back {
  opacity: initial;
}
#playlistbuilder_holder.listview .elementholder .element_back {
  width: 64px;
  height: 36px;
}
#playlistbuilder_holder.listview .item_duration {
  position: relative;
  top: auto;
  right: auto;
  height: 25px;
  order: -10;
  color: #A2AAB1;
  padding: 6px 15px 0px 6px;
  font-size: 15px;
  flex-grow: 0;
}
#playlistbuilder_holder.listview .elementholder .element {
  flex-basis: 62px;
  flex-grow: 0;
  height: 34px;
  order: -9;
  margin-right: 3px;
}
#playlistbuilder_holder.listview .item_icon {
  position: relative;
  top: auto;
  order: -8;
  flex-basis: 70px;
  flex-grow: 0;
  padding: 2px 5px 5px 55px;
}
#playlistbuilder_holder.listview .elementholder .element_info_box {
  position: relative;
  top: auto;
  right: auto;
  flex-basis: 70px;
  flex-grow: 0;
  font-size: 14px;
  color: #A2AAB1;
  order: -7;
  padding-top: 6px;
  background: transparent;
}
#playlistbuilder_holder .elementholder .element_name {
  line-height: 15px;
  height: 45px;
}
#playlistbuilder_holder.listview .elementholder .element_name {
  flex-basis: 600px;
  flex-grow: 1;
  padding-left: 30px;
  order: -6;
  height: 14px;
  padding-top: 10px;
  line-height: 15px;
}
#playlistbuilder_holder.listview .item_state {
  position: relative;
  top: auto;
  margin: 10px 0px 0px 0px;
  order: -5;
}
#playlistbuilder_holder.listview .item_logo {
  position: relative;
  top: auto;
  left: auto;
  margin: 10px 15px 0px 25px;
  order: -4;
}
#playlistbuilder_holder.listview .elementholder .element_edit_box {
  position: relative;
  top: auto;
  right: auto;
  display: block;
  background-color: transparent;
  left: auto;
  margin-top: 2px;
  order: -3;
  bottom: 0px;
  flex-basis: 240px;
  flex-grow: 0;
}
#playlistbuilder_holder.listview .elementholder .element_edit_box span {
  float: right;
  margin: 0px;
}
#playlistbuilder_holder.listview .elementholder .element_edit_box span.outerSwitch {
  top: 7px;
}
#playlistbuilder_holder.listview .elementholder .element_edit_box span.item_logo {
  left: 85px;
}
#playlistbuilder_holder.listview .elementholder .element_edit_box span.element_edit {
  margin-left: 13px;
}
#playlistbuilder_holder.listview .elementholder .element_edit_box span.element_delete {
  position: relative;
  left: -6px;
  top: 2px;
}
#playlistbuilder_holder.listview .elementholder .element_edit_box span.element_liveedit {
  position: relative;
  left: -10px;
  top: 0px;
  zoom: 1.5;
}
#playlistbuilder_holder.listview .inner_item_empty {
  width: 100%;
  height: 45px;
  margin-top: 0px;
  margin-right: 20px;
  padding-top: 0px;
  background-color: rgba(0, 0, 0, 0.2);
}
#playlistbuilder_holder.listview .inner_item_empty .icon {
  display: inline-block;
  position: relative;
  top: 7px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#playlistbuilder_holder.listview .inner_item_empty .text {
  display: inline-block;
  position: relative;
  top: -3px;
  padding-left: 8px;
}
/*
.sortable-dragging {
    border: none;
    display: block;
}*/
#playlistbuilder_holder.listview .sortable-placeholder {
  background: none;
  height: 50px;
  border: none;
  width: 100%;
}
#playlistbuilder_holder.listview .elementholder .delete_overlay,
#playlistbuilder_holder.listview .elementholder .overlay {
  right: 50px;
  top: 0px;
  z-index: 3;
  left: initial;
  height: 35px;
  text-align: left;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#playlistbuilder_holder.listview .elementholder .delete_overlay .text,
#playlistbuilder_holder.listview .elementholder .overlay .text {
  position: absolute;
  bottom: initial;
  margin-top: 15px;
}
#playlistbuilder_holder.listview .elementholder .delete_overlay .delete_overlay_button,
#playlistbuilder_holder.listview .elementholder .overlay .delete_overlay_button,
#playlistbuilder_holder.listview .elementholder .delete_overlay .button,
#playlistbuilder_holder.listview .elementholder .overlay .button {
  bottom: 8px;
  line-height: 28px;
  width: 76px;
  text-align: center;
  left: initial;
  right: 94px;
}
#playlistbuilder_holder.listview .elementholder .delete_overlay .delete_overlay_button.no,
#playlistbuilder_holder.listview .elementholder .overlay .delete_overlay_button.no,
#playlistbuilder_holder.listview .elementholder .delete_overlay .button.no,
#playlistbuilder_holder.listview .elementholder .overlay .button.no {
  right: 8px;
}
#playlistbuilder_holder.listview .elementholder .delete_overlay .delwait,
#playlistbuilder_holder.listview .elementholder .overlay .delwait {
  position: absolute;
  width: 34px;
  top: 3px;
  left: 140px;
}
#playlistbuilder_holder.listview .elementholder .delete_overlay {
  width: 300px;
}
#playlistbuilder_holder.listview .elementholder .delete_overlay .text {
  top: -2px;
}
#playlistbuilder_holder.listview .elementholder .overlay.time {
  width: 380px;
}
#playlistbuilder_holder.listview .elementholder .overlay.time .text {
  top: 14px;
  left: 5px;
}
#playlistbuilder_holder.listview .elementholder .overlay.time input {
  top: 11px;
  position: absolute;
  left: 115px;
}
.button_blue {
  background-color: transparent;
  color: #ffffff;
  border-color: #A2AAB1;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.button_blue:hover {
  color: #ffffff;
  background-color: #A2AAB1;
  border-color: #A2AAB1;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.button_red,
.button.red {
  background-color: transparent;
  color: #C82605;
  border-color: #C82605;
  border-width: 1px;
  border-style: solid;
}
.button_red:hover,
.button.red:hover {
  background-color: #C82605;
  color: #ffffff;
  border-color: #C82605;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.button_green,
.button.green {
  background-color: transparent;
  color: #6FC041;
  border-color: #6FC041;
  border-width: 1px;
  border-style: solid;
}
.button_green:hover,
.button.green:hover {
  background-color: #6FC041;
  color: #ffffff;
  border-color: #6FC041;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.assetFileList .elementFileItem_assetFilename {
  visibility: hidden;
  display: none;
}
.assetFileList.admin .elementFileItem_assetFilename {
  visibility: initial;
  display: table-cell;
}
/*
.drawer_filter_1 { width:175px;float:left; padding-left: 8px; padding-top: 8px; }
#insert_content .drawer_filter_1 .popup_holder {     left: 6px; width: 169px; }
.drawer_filter_2 { width:175px;float:left; padding-left: 15px; padding-top: 8px; }
#insert_content .drawer_filter_2 .popup_holder { left:14px; width: 167px; }
.drawer_filter_3 { width:100px;float:left; padding-left: 23px; padding-top: 8px; }
#insert_content .drawer_filter_3 .popup_holder { left:23px; width: 165px; }
    */
.icon_progress {
  width: 30px;
  height: 30px;
  display: none;
  position: absolute;
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_buttons.svg');
  background-repeat: no-repeat;
  background-position: -806px -1px;
}
.sub_delete_icon .icon_progress,
.icon_progress.delete {
  width: 30px;
  height: 30px;
  display: none;
  position: absolute;
  background-color: transparent;
  background-image: url('../../img/iconmap/iconmap_buttons.svg');
  background-repeat: no-repeat;
  background-position: -806px -41px;
}
.previewField.imageVisible {
  opacity: 1;
}
.previewField.imageUploading {
  opacity: 0.3;
}
.previewField.imageUploading ~ .dropzone > span,
.previewField.imageVisible ~ .dropzone > span {
  visibility: hidden;
}
#playlistTotalTime,
#playlistOnAirTime {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 30px;
}
.popupContent {
  height: 740px;
}
.popupInnerContent {
  margin: 0px 60px 0px 70px;
  height: 100%;
}
.popupInnerContent .content_col {
  float: left;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 70px 50px 40px 50px;
  margin-right: 40px;
  height: 300px;
  position: relative;
}
.popupInnerContent .content_col.end {
  margin-right: 0px;
}
.popupInnerContent .content_col.big2 {
  width: 600px;
}
.popupInnerContent .content_col.small {
  width: 200px;
}
#lightbox_headline {
  padding-left: 2px;
  font-size: 16px;
  padding-bottom: 12px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 70px;
  margin-right: 30px;
}
#lightbox_center {
  height: 100%;
}
#lightbox_bottom {
  text-align: center;
  margin-top: 4px;
  margin-right: 30px;
}
#lightbox_menu.rightButtonMenu {
  position: absolute;
  right: 22px;
  width: 30px;
  top: 62px;
}
.information {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -webkit-animation-delay: 2s;
  /* Safari 4.0 - 8.0 */
  animation-delay: 2s;
  -webkit-transition-delay: 2s;
  /* Safari 4.0 - 8.0 */
  transition-delay: 2s;
}
.information .icon {
  margin: auto;
}
.information .text {
  font-size: 16px;
  margin-top: 15px;
}
.information.show {
  opacity: 1;
}
.information.warning .icon {
  background: transparent url('../../img/iconmap/iconmap_buttons.svg') -1611px -41px no-repeat;
  width: 36px;
  height: 30px;
}
.information.warning .text {
  color: #F5D327;
}
.switch {
  position: relative;
}
.outerSwitch {
  margin-top: 2px;
  height: 18px;
  width: 70px;
  background-color: #000000;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.outerSwitch .innerSwitch {
  cursor: pointer;
  width: 60px;
  height: 17px;
  padding-top: 3px;
  top: -1px;
  position: absolute;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  user-select: none;
}
.outerSwitch.singleState {
  width: initial;
  background-color: initial;
}
.outerSwitch.singleState.state_OFF {
  display: none;
}
.outerSwitch.state_ON .innerSwitch {
  right: 0px;
  background-color: #C82605;
}
.outerSwitch.red.state_ON .innerSwitch {
  right: 0px;
  background-color: #C82605;
}
.outerSwitch.green.state_ON .innerSwitch {
  right: 0px;
  background-color: #6FC041;
}
.outerSwitch.yellow.state_ON .innerSwitch {
  right: 0px;
  background-color: #F5D327;
  color: #000000;
}
.outerSwitch.state_OFF .innerSwitch {
  left: 0px;
  background-color: #A2AAB1;
  color: #000000;
}
.switch .text {
  position: absolute;
  top: 1px;
  left: 90px;
  font-size: 16px;
}
.informationText {
  font-size: 16px;
  margin-top: 50px;
  margin-bottom: 30px;
}
#emailInfo {
  margin-bottom: 40px;
}
.popupInnerContent .content_col .box_head {
  position: absolute;
  top: 15px;
  left: 15px;
}
.box_head {
  font-size: 20px;
  margin-bottom: 15px;
}
.select_counter {
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0px;
  font-size: 11px;
  color: white;
  text-indent: initial;
  background-color: red;
  padding: 0px 3px 0px 2px;
  border-radius: 17%;
  opacity: 0.7;
}
.content_col {
  vertical-align: top;
  display: inline-block;
  margin-right: 10px;
}
.content_col.double {
  width: 760px;
}
.content_col.triple {
  width: 1175px;
}
.content_col .content_row.full {
  width: auto;
}
.content_col.medium {
  width: 400px;
}
.content_col.medium .content_inner.column {
  width: 165px;
  margin-right: 0px;
}
.content_col.medium .content_inner.column:first-of-type {
  margin-right: 10px;
}
.content_col.small {
  width: 240px;
}
.content_row.height_large {
  min-height: 810px;
}
.content_row.height_medium {
  min-height: 475px;
}
.content_row.height_small {
  min-height: 300px;
}
.content_row {
  margin-top: 15px;
}
.content_row:first-of-type {
  margin-top: 0px;
}
.content_col.double .content_row {
  width: 700px;
}
.padding_bg .content_row {
  padding: 10px 30px;
}
.colored_bg.black .content_row {
  background-color: rgba(0, 0, 0, 0.3);
}
.content_col .content_inner.header {
  margin: auto;
  margin-bottom: 15px;
}
.content_col .content_inner.header .text {
  margin: auto;
  font-size: 18px;
  text-align: center;
  display: block;
}
.content_inner.row {
  display: flex;
}
.content_inner.row .content_inner.column.right {
  margin-left: auto;
}
.content_inner.row.paragraph {
  margin-bottom: 30px;
}
.content_inner .media_preview {
  padding: 10px 0px;
}
.content_inner .columnholder {
  display: flex;
}
.content_inner.column {
  display: inline-block;
  vertical-align: top;
}
.content_inner label {
  padding-bottom: 0px;
}
.content_inner textarea.short {
  height: 60px;
}
.content_inner textarea.medium {
  height: 120px;
}
.content_inner .saveTextfield {
  margin-bottom: 25px;
}
.content_inner .saveTextfield.last {
  margin-bottom: 0px;
}
.content_inner input,
.content_inner label,
.content_inner textarea {
  padding: 4px 2px;
  width: 98%;
  width: calc(100% - 4px);
  width: -webkit-calc(100% - 4px);
  width: -moz-calc(100% - 4px);
}
.content_inner .image_preview,
.content_inner .image_preview .preview,
.content_inner .image_preview .spinner_holder,
.content_inner .image_preview .dotted_placeholder {
  width: 340px;
  height: 191px;
}
.content_inner .image_preview {
  position: relative;
}
.content_inner .image_preview .preview {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.content_inner .image_preview .preview,
.content_inner .image_preview .spinner_holder {
  position: absolute;
  top: 1px;
  left: 1px;
}
.content_inner .image_preview .dotted_placeholder {
  position: absolute;
  top: 0px;
  left: 0px;
}
.content_inner.column .popup_holder {
  width: 160px;
}
.content_inner.column .opendropdown span.category {
  padding: 6px 10px 6px 25px;
}
.content_inner .rad_overwrite .RadUpload .ruFileWrap {
  margin-left: 125px;
}
.content_wrapper {
  position: relative;
}
.content_wrapper .limiter {
  position: absolute;
  top: 9px;
  right: 0px;
}
.meta_row {
  width: 345px;
  padding: 2px 0px;
  cursor: default;
}
.meta_row_key {
  float: left;
  width: 140px;
  color: #A2AAB1;
  text-align: right;
  margin-right: 10px;
}
.meta_row_value {
  float: right;
  width: 195px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.noCursor {
  cursor: default !important;
}
#playout_iframe_holder {
  margin-top: 100px;
  margin: auto;
  width: 960px;
}
.content_col .attribute {
  display: flex;
}
.content_col .attribute .label {
  margin-right: auto;
}
.content_col .attribute .text {
  margin-right: 5px;
}
.content_inner.table .tablename {
  font-weight: bold;
}
.content_inner.table div {
  display: flex;
}
.content_inner.table .header {
  margin: 5px 0px;
}
.content_inner.table .entry {
  margin: 2px 0px;
}
.content_inner.table div .column {
  padding: 0px 10px;
  margin: auto;
}
.content_inner.table .column.small {
  flex-basis: 60px;
  flex-grow: 0;
}
.content_inner.table .column.main {
  flex-basis: 200px;
  flex-grow: 1;
}
.right-align {
  text-align: right;
}
.hoverHide span.hoverHidden {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
}
.hoverHide:hover span.hoverHidden {
  opacity: 1;
}