@charset "UTF-8";
/*14bce3*/
@font-face {
  font-family: "Arial";
  src: url("../UserContent/system/fonts/Arial/arial.ttf"); }

@font-face {
  font-family: "Lato";
  src: url("../UserContent/system/fonts/Lato/Lato-Light.ttf"); }

@font-face {
  font-family: "Anton";
  src: url("../UserContent/system/fonts/Anton/Anton-Regular.ttf"); }

@font-face {
  font-family: "Bauhaus";
  src: url("../UserContent/system/fonts/Bauhaus/BauhausStd-Medium.otf"); }

@font-face {
  font-family: "Frank_Ruhl_Libre";
  src: url("../UserContent/system/fonts/Frank_Ruhl_Libre/FrankRuhlLibre-Regular.ttf"); }

@font-face {
  font-family: "Verdana";
  src: url("../UserContent/system/fonts/Verdana/Verdana.ttf"); }

@font-face {
  font-family: "Gloria Hallelujah";
  src: url("../UserContent/system/fonts/Gloria_Hallelujah/GloriaHallelujah.ttf"); }

@font-face {
  font-family: "Nunito";
  src: url("../UserContent/system/fonts/Nunito/Nunito-Regular.ttf"); }

@font-face {
  font-family: "Oswald";
  src: url("../UserContent/system/fonts/Oswald/Oswald-Regular.ttf"); }

@font-face {
  font-family: "Overpass Mono";
  src: url("../UserContent/system/fonts/Overpass_Mono/OverpassMono-Regular.ttf"); }

@font-face {
  font-family: "OpenSans";
  src: url("../UserContent/system/fonts/Opensans/OpenSans-Regular.ttf"); }

@font-face {
  font-family: "Raleway";
  src: url("../UserContent/system/fonts/Raleway/Raleway-Regular.ttf"); }

@font-face {
  font-family: "Roboto";
  src: url("../UserContent/system/fonts/Roboto/Roboto-Regular.ttf"); }

@font-face {
  font-family: "Rubik";
  src: url("../UserContent/system/fonts/Rubik/Rubik-Regular.ttf"); }

@font-face {
  font-family: "Amatica";
  src: url("../UserContent/system/fonts/Amatica_SC/AmaticaSC-Regular.ttf"); }

@font-face {
  font-family: "Audiowide";
  src: url("../UserContent/system/fonts/Audiowide/Audiowide-Regular.ttf"); }

@font-face {
  font-family: "Bevan";
  src: url("../UserContent/system/fonts/Bevan/Bevan-Regular.ttf"); }

@font-face {
  font-family: "Chewy";
  src: url("../UserContent/system/fonts/Chewy/Chewy.ttf"); }

@font-face {
  font-family: "Fredericka_the_Great";
  src: url("../UserContent/system/fonts/Fredericka_the_Great/FrederickatheGreat-Regular.ttf"); }

@font-face {
  font-family: "Lobster";
  src: url("../UserContent/system/fonts/Lobster/Lobster-Regular.ttf"); }

@font-face {
  font-family: "Luckiest_Guy";
  src: url("../UserContent/system/fonts/Luckiest_Guy/LuckiestGuy.ttf"); }

@font-face {
  font-family: "Nixie_One";
  src: url("../UserContent/system/fonts/Nixie_One/NixieOne-Regular.ttf"); }

@font-face {
  font-family: "Playfair_Display_SC";
  src: url("../UserContent/system/fonts/Playfair_Display_SC/PlayfairDisplaySC-Regular.ttf"); }

@font-face {
  font-family: "Russo_One";
  src: url("../UserContent/system/fonts/Russo_One/RussoOne-Regular.ttf"); }

@font-face {
  font-family: "Shrikhand";
  src: url("../UserContent/system/fonts/Shrikhand/Shrikhand-Regular.ttf"); }

@font-face {
  font-family: GraublauWeb;
  src: url("../UserContent/system/fonts/Shrikhand/Shrikhand-Regular.ttf") format("opentype"); }

@font-face {
  font-family: "SansaPro";
  src: url("../UserContent/system/fonts/SansaPro/SansaPro-Normal.otf"); }

@font-face {
  font-family: "Tvh";
  src: url("../UserContent/system/fonts/Tvh/TVHPro.ttf"); }

@font-face {
  font-family: "DJB-Chalk-It-Up";
  src: url("../UserContent/system/fonts/DJB/DJBChalkItUp.ttf"); }

@font-face {
  font-family: "Herdrey";
  src: url("../UserContent/system/fonts/Herdrey/herdrey.ttf"); }

@font-face {
  font-family: "Times New Roman";
  src: url("../UserContent/system/fonts/Times/times.ttf"); }

@font-face {
  font-family: "Avant_Garde_Book";
  src: url("../UserContent/system/fonts/AvantGarde/itc-avant-garde-gothic-std-book.otf"); }

@font-face {
  font-family: "Avant_Garde_Bold";
  src: url("../UserContent/system/fonts/AvantGarde/itc-avant-garde-gothic-std-bold.otf"); }

@font-face {
  font-family: "Gotham";
  src: url("../UserContent/system/fonts/Gotham/gotham-extra-narrow-book.otf"); }

@font-face {
  font-family: "Tofino_book";
  src: url("../UserContent/system/fonts/Tofino/Tofino-Book.otf"); }

@font-face {
  font-family: "Tofino_bold";
  src: url("../UserContent/system/fonts/Tofino/Tofino-Bold.otf"); }

@font-face {
  font-family: "Tofino_medium";
  src: url("../UserContent/system/fonts/Tofino/Tofino-Medium.otf"); }

@font-face {
  font-family: "Knockout";
  src: url("../UserContent/system/fonts/Knockout/Knockout.otf"); }

@font-face {
  font-family: "Avenir";
  src: url("../UserContent/system/fonts/avenir/AvenirNextCondensed-Medium.ttf"); }

@font-face {
  font-family: "Century_Gothic";
  src: url("../UserContent/system/fonts/CenturyGothic/gothic.ttf"); }

@font-face {
  font-family: "Century_Gothic_Bold";
  src: url("../UserContent/system/fonts/CenturyGothic/gothicb.ttf"); }

@font-face {
  font-family: "Dax";
  src: url("../UserContent/system/fonts/Dax/daxcondensed-medium-webfont.ttf"); }

@font-face {
  font-family: "Helvetica";
  src: url("../UserContent/system/fonts/Helvetica/Helvetica.ttf"); }

@font-face {
  font-family: "DIN";
  src: url("../UserContent/system/fonts/DIN/DINCondensed-Bold.ttf"); }

@font-face {
  font-family: "Aharoni";
  src: url("../UserContent/system/fonts/Aharoni/ahronbd.ttf"); }

@font-face {
  font-family: "Corbert";
  src: url("../UserContent/system/fonts/Corbert/Corbert-Regular.otf"); }

@font-face {
  font-family: "DK Cool Crayon";
  src: url("../UserContent/system/fonts/DK_cool_crayon/DK Cool Crayon.ttf"); }

@font-face {
  font-family: "Zapf Dingbats";
  src: url("../UserContent/system/fonts/ZapfDingbats/ITCZapfDingbats.ttf"); }

@font-face {
  font-family: "Noto Sans";
  src: url("../UserContent/system/fonts/NotoSans/NotoSans-Regular.ttf"); }

@font-face {
  font-family: "Bitter";
  src: url("../UserContent/system/fonts/Bitter/Bitter-Regular.otf"); }

@font-face {
  font-family: "Garamond Pro Bold";
  src: url("../UserContent/system/fonts/GaramondPro/agaramondpro-bold.otf"); }

@font-face {
  font-family: "Garamond Pro";
  src: url("../UserContent/system/fonts/GaramondPro/agaramondpro-regular.otf"); }

@font-face {
  font-family: "Lucida Grande";
  src: url("../UserContent/system/fonts/lucida_grande/LucidaGrande.ttf"); }

/*@font-face {
    font-family: "Lato";
    src: url("../UserContent/system/fonts/Lato/Lato-Regular.ttf");
    font-weight: bold; 
}*/
/*
@font-face {
    font-family: "24Display";
    src: url(../fonts/24Display.ttf) format("truetype");
}
@font-face {
    font-family: "leaguegothic";
    src: url(../fonts/leaguegothic-regular-webfont.ttf) format("truetype");
}*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, iframe {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

body {
  font-family: "Lato", sans-serif; }

#myVideo {
  display: none; }

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

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none;
  color: #000; }

body {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f6f7f9; }

#standby {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

.noWhiteBG {
  background-color: #000; }

.onlineGreen svg circle {
  fill: #00963d; }

.offlineRed svg circle {
  fill: #df171a; }

/*NavigationBar*/
.normalMenuItem img {
  height: 28px;
  margin: 5px 0px; }

.flagMenuItem img {
  height: 28px;
  margin: 5px 0px; }

.flagMenuItem {
  position: relative;
  z-index: 110; }

.flagMenuItem .MenuFlagsList {
  position: absolute;
  /*width: 300px;*/
  background-color: #fff;
  right: 0;
  display: none;
  top: 40px; }

.MenuFlagsList img {
  margin-left: 0%;
  float: left; }

.MenuFlagsList div {
  margin-left: 1%;
  float: left; }

.MenuFlagsList li:hover {
  background-color: #dedede; }

/*
.normalMenuItem:hover{
	background-color: #bbb;
}*/
.MenuItem:hover {
  background-color: #009FE3;
  color: #fff;
  cursor: pointer; }

.MenuItemUser {
  height: 38px;
  color: #fff;
  float: right;
  position: relative;
  line-height: 38px;
  padding: 0 10px;
  background-color: #009FE3;
  /*border-left: 1px solid #ccc;*/ }

/*Content*/
.content {
  height: 100%;
  overflow: hidden;
  position: relative; }

.container {
  overflow-x: auto !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px; }

.containerSmall {
  max-width: 550px;
  /*margin: 0 auto;*/ }

.containerMedium {
  max-width: 860px;
  /*margin: 0 auto;*/ }

/*Sidebar*/
.sidebar {
  width: 200px;
  height: 100%;
  background-color: #2F4050;
  float: left;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none; }

.sidebar ul li img {
  width: 100%;
  padding: 15%; }

.SidebarBottom {
  height: 100%;
  overflow: hidden;
  /* position: relative; */ }

.SidebarLogo {
  width: 200px;
  height: 85px;
  background-color: #222c38;
  padding-top: 5px; }

.SidebarItem {
  font-size: 0.75em;
  width: 80%;
  height: auto;
  margin: 3px auto 0 auto; }

.SidebarItem span {
  color: #fff;
  width: 100%;
  height: 29px;
  line-height: 29px;
  padding-left: 15px;
  cursor: pointer;
  display: block;
  background-color: #4a545d; }

.sidebar a {
  color: #dddddd; }

.SidebarItem span:hover {
  /*background-color: #fff;
    color: #243b4a;*/
  border-bottom: 2px solid #009FE3; }

.sidebarItemCollapsed {
  display: none; }

.sidebarItemNoCollapsed {
  display: block; }

.CurrentSubPage {
  border-left: 2px solid #009FE3; }

.CurrentHeadPage {
  /*border-left: 2px solid #2E92BE;*/
  /*background-color: #233646;*/ }

.currentSubclassHeader {
  /*background-color: #233646;
	border-left: 2px solid #2E92BE;*/ }

.SidebarSubItem {
  background-color: #5d666e;
  margin-top: 2px;
  color: #fff;
  width: 100%;
  height: 27px;
  line-height: 27px;
  padding-left: 15px;
  cursor: pointer;
  display: block; }

.SidebarSubItem:hover {
  /*background-color: #aaa;
    color: #243b4a;*/
  border-bottom: 1px solid #009FE3; }

.leftUser {
  position: absolute;
  display: block;
  vertical-align: middle;
  line-height: 1em;
  height: 35px;
  padding-left: 20px;
  bottom: 45px; }

.leftMenuContainer {
  position: absolute;
  padding-left: 20px;
  height: 45px;
  bottom: 0px; }

.leftMenuContainer .leftMenu {
  float: right;
  border: 0px solid #df171a;
  font-size: 0.7em; }

.navHolder {
  position: absolute;
  bottom: 20px; }

nav {
  /*	height: 40px;
    border-bottom: 2px solid $hightlight-color;
    position: absolute;
    width: 100%;*/
  position: relative;
  bottom: 0;
  width: 200px;
  height: 100px;
  background-color: rgba(47, 64, 80, 0.8); }

.showHideNavbar {
  bottom: 45px;
  height: 50px;
  background-color: #2F4050;
  width: 20px;
  text-align: center;
  color: #fff;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  line-height: 38px;
  cursor: pointer;
  position: absolute;
  z-index: 2000; }

.showHideNavbarMobile {
  display: none; }

.mfHeader {
  font-size: 1.5em;
  line-height: 2.5em;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #009FE3;
  border: 0px solid yellow; }

.mfHeader::first-letter {
  text-transform: uppercase; }

.mfLink {
  cursor: pointer;
  text-decoration: underline; }

.mfStripe {
  background-image: url("../UserContent/system/line.png"), url("../UserContent/system/subline.png");
  background-repeat: repeat-x, no-repeat;
  width: calc(100% + 80px);
  height: calc(60px + 2.5em);
  margin-left: -60px;
  padding-left: 60px;
  border: 0px solid #df171a; }

.mfTopButtons {
  width: 100%;
  height: 38px;
  overflow: hidden;
  margin: 0px 0px 20px 0px;
  padding-left: 0px;
  border: 0px solid #df171a; }

.mfButton {
  /*background-color: $hightlight-color;*/
  /*color: $tabs-background-color;*/
  font-size: 1.5em;
  padding: 6px 10px;
  float: left;
  margin: 0px 10px 0px 0px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none;
  background-color: #343d49;
  border: 1px solid #bfd1d9;
  font-family: "Lato", sans-serif !important;
  font-weight: 300 !important;
  color: #bfd1d9;
  font-size: 0.8em;
  text-transform: uppercase;
  fill: #bfd1d9; }

.mfButton_a {
  position: relative;
  float: left;
  color: #bfd1d9 !important;
  padding: 0px 10px;
  line-height: 22px;
  margin: 0px !important;
  text-align: center;
  width: 95px; }

.mfButton_a:hover {
  color: #fff !important;
  padding: 0px 10px; }

.div_sendcommand {
  position: relative;
  float: left;
  width: 100%;
  display: block; }

.div_sendcommand label {
  padding-top: 15px !important;
  padding-bottom: 5px !important;
  margin-bottom: 0 !important;
  line-height: 20px;
  display: block; }

.mfButtonCommand {
  position: relative;
  float: left;
  width: 180px;
  text-align: center;
  margin-bottom: 10px; }

.mfRedButton {
  background-color: #df171a; }

.mfGreenButton {
  background-color: #00963d; }

.mfButton:hover,
.mfButton:hover svg {
  fill: #fff;
  color: #fff; }

.mfButton100 {
  width: 100%;
  text-align: center; }

.mfButtonRight {
  float: right;
  margin: 0px 0px 0px 10px; }

.mfButtonCenter {
  float: none;
  margin: 10px auto 0px auto !important;
  width: 250px; }

.mfButtonPressed {
  /*box-shadow: inset 2px 2px 1px #888888;*/
  border: 1px solid #bfd1d9;
  fill: #fff; }

.mfSelectFiles {
  float: none;
  margin: 0px 10px 0px 10px; }

.mfTable {
  width: 100%;
  margin-top: 0px; }

.mfTable th {
  text-align: left;
  /*font-size: 1.3em;*/
  /*font-weight: bold;*/
  /*padding-bottom: 1%;*/
  line-height: 34px; }

.mfTable th[data-orderby] {
  cursor: pointer; }

.mfTable th[data-orderby]:hover {
  color: rgba(47, 64, 80, 0.8) !important; }

.mfTable td {
  text-align: left;
  /*font-size: 1.2em;*/
  padding: 7px 0px 7px 5px;
  vertical-align: middle; }

.mfTable_small td,
.mfTable_small th {
  padding: 3px !important;
  font-size: 12px !important;
  line-height: 20px; }

.devicesTablePopup tr {
  border-width: 1px !important;
  background: #fff;
  border-bottom: 0px; }

.devicesTablePopup td {
  font-size: 13px;
  line-height: 24px;
  padding: 3px 3px 3px 3px !important;
  vertical-align: middle; }

.mfTable_small tr {
  border-top: none !important;
  border-bottom: 1px solid #f6f7f9 !important; }

.nopadding {
  padding: 0px 0px 0px 0px; }

.mfTable td:first-child {
  /*padding-top: 20px;*/
  padding: 0px 0px 0px 0px;
  text-align: center; }

.mfTable th:first-child, td:first-child, .pad10 {
  padding-left: 10px; }

.mfTable th:first-child, td:first-child, .pad0 {
  padding-left: 0px !important; }

.mfTable th:first-child, td:first-child, .pad20 {
  padding-left: 20px; }

.mfTable th:first-child, td:first-child, .pad30 {
  padding-left: 30px; }

.mfTable tr {
  border-top: 8px solid #f6f7f9; }

.mfTable_small_border tr {
  border-top: 1px solid #f6f7f9; }

.mfTable tr.tr_recording_total td,
.mfTable tr.tr_recording_total th {
  background: #f6f7f9;
  border-top: 1px solid #fff; }

.mfTable tr:first-child {
  border-top: 0px; }

#devicesPopupTableDiv {
  margin-left: 0%;
  margin-right: 0%; }

#devicesPopupTableDivPopup {
  margin-left: 3%;
  margin-right: 3%; }

.orderBy {
  cursor: pointer; }

.mfIcon {
  cursor: pointer;
  text-align: center !important;
  background-color: #343e4a;
  width: 45px;
  border-left: 2px solid #fff;
  padding: 0px 0px 0px 0px !important;
  fill: #bfd1d9; }

.mfIcon:hover .svgIcon {
  fill: #fff; }

.svgIcon {
  /*fill: #b7c7cf;*/ }

.mfIcon img {
  height: 1em; }

.mfLabel {
  display: block;
  /*font-size: 1.2em;*/
  margin-bottom: 5px;
  font-weight: 500 !important; }

.mfLabel_error {
  position: relative;
  float: left;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 500 !important; }

.smallLabel {
  font-size: 1em;
  font-weight: 300 !important;
  margin: 0 0 0 10px; }

.mfInput_filter {
  width: 90%; }

.mfInput {
  max-width: 500px;
  /*font-size: 1.1em;
font-weight: 200;*/
  background-color: #e8e8e8;
  border-radius: 0px;
  border: 1px solid #c3c3c3;
  margin-bottom: 10px;
  display: block;
  /*block*/
  padding: 3px 3px 3px 3px; }

.td_double_date {
  width: 170px !important; }

.mfInput_small,
.mfPopupContent .mfInput_small {
  position: relative;
  width: 70px !important;
  margin-right: 5px;
  float: left; }

.mfInput_error {
  border: 1px solid #df171a; }

#table_playlist_special_settings {
  margin-left: 2%;
  margin-top: 2%; }

#table_playlist_special_settings label {
  padding-top: 0;
  line-height: 33px; }

#table_playlist_special_settings td {
  vertical-align: middle; }

#table_playlist_special_settings td.td_padding_right_8 {
  padding-right: 8px; }

#table_playlist_special_settings .mfInput {
  margin-top: 5px !important; }

.mfInput_error,
.mfInput_left {
  position: relative;
  float: left; }

.mfInput_checkbox {
  width: 30px;
  position: relative;
  float: left; }

.mfInput_checkbox_device {
  margin-top: 7px; }

.div_row_sub {
  width: auto;
  max-width: 90%;
  margin-left: 20px; }

.mfInput:focus {
  border: 1px solid #009FE3;
  outline: none; }

.mfButton img {
  height: 0.8em; }

.mfFullscreenDark {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(100, 100, 100, 0.3);
  z-index: 120; }

.fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 120;
  top: 0;
  left: 0; }

.mfPopup {
  border: 5px solid #2F4050;
  background-color: #f6f7f9;
  box-shadow: 3px 3px 10px #000;
  /* padding: 10px 10px;*/
  text-align: center;
  position: fixed;
  top: 10%;
  left: 15%;
  width: 70%;
  height: 80%;
  z-index: 122;
  overflow: hidden; }

.mfPopup .mfPopupLeftAlign {
  text-align: left !important; }

.mfPopupScheduler {
  padding: 20px;
  top: 10%;
  left: 25%;
  width: 50%;
  height: 460px;
  min-width: 600px; }

.mfPopup .mfButton {
  font-size: 1.5em;
  padding: 6px 10px;
  margin: 0px 10px 0px 0px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none;
  background-color: #343d49;
  border: 1px solid #bfd1d9;
  font-family: "Lato", sans-serif !important;
  font-weight: 300 !important;
  color: #bfd1d9;
  font-size: 0.8em;
  text-transform: uppercase;
  fill: #b7c7cf; }

.mfPopup .mfButton:hover {
  /*background-color: $hightlight-color;
	color: white;*/
  /*box-shadow: inset 2px 2px 1px #888888;*/ }

.mfPopup .mfButtonPressed {
  box-shadow: inset 2px 2px 1px #888888;
  background-color: transparent; }

.flexboxCenter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.mfNewPopup {
  border-radius: 3px;
  background-color: #f4f4f4;
  box-shadow: 3px 3px 10px #000;
  text-align: center;
  position: relative;
  min-width: 400px;
  min-height: 50px;
  z-index: 122;
  overflow: hidden; }

.mfNewPopup .mfcTopBar {
  background-color: #2F4050;
  color: #fff;
  height: 30px; }

.mfPopupSmall {
  right: 0;
  left: 0;
  /*height: 550px!important;  */
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: auto;
  top: 10%; }

.mfPopupLogger {
  right: 0;
  left: 0;
  height: 600px !important;
  margin-right: auto;
  margin-left: auto;
  width: 550px;
  height: auto;
  top: 10%; }

.mfPopupLogger .mfPopupNotification {
  overflow: scroll;
  height: 500px !important; }

.mfPopupLogger .mfPopupNoScroll {
  margin-bottom: 50px; }

.mfPopupContent_table {
  width: 100%; }

.mfPopupContent_table tr td {
  padding: 2px; }

.mfPopupContent_table tr td.td_label {
  width: 35%; }

.mfPopupContent_table tr td.td_label label {
  display: block; }

.mfPopupContent_table tr td.td_input {
  width: 60%; }

.mfPopupBottemButtonsDiv {
  width: 100%;
  bottom: 0px;
  right: 0px;
  position: absolute;
  text-align: right;
  height: 3.4em;
  padding: 15px 10px 0px 0px;
  background-color: #f6f7f9;
  z-index: 100000; }

.mfPopupContent {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  height: auto;
  min-height: 8em;
  margin-bottom: 60px;
  /**/
  overflow-x: auto; }

.mfPopupContentMultiple {
  margin-bottom: 160px; }

.mfPopupNoScroll {
  position: relative; }

.mfPopupScroll {
  position: relative;
  min-height: 500px; }

.mfPopup .mfTable {
  /*padding: 20px;*/
  margin-top: 0; }

.mfPopup h3 {
  font-size: 1.5em;
  margin: 10px; }

.channelLogo {
  height: 1.7em; }

.channelLogoPreview {
  max-height: 100px;
  max-width: 100px;
  margin: 0 20px;
  border: 1px solid #343d49; }

.channelLogoDiv {
  background-color: #dddddd !important; }

#channelPreview {
  position: absolute;
  top: 65px;
  right: 25px;
  width: 450px;
  /*   float: right;
    width: 90%;*/ }

.channelsTable.mfTable tr td:first-child {
  padding-left: 20px; }

.mfNewChannelRow {
  background-color: rgba(0, 80, 10, 0.2); }

.mfOldChannelRow {
  background-color: rgba(80, 10, 0, 0.2); }

.mfList {
  margin-bottom: 40px;
  /*font-size: 1.2em;*/ }

.mfListHeader {
  font-size: 1.5em;
  /*padding-bottom: 10px;*/
  border-bottom: 1px solid #009FE3;
  margin-bottom: 10px;
  overflow: hidden; }

.mfFieldset {
  display: block;
  /* 
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
*/
  -webkit-padding-start: 0.75em;
  -webkit-padding-end: 0.75em;
  -webkit-padding-before: 0.35em;
  -webkit-padding-after: 0.625em;
  border: 1px solid #c2c2c2;
  border-radius: 0px;
  background-color: #eee;
  margin-bottom: 10px;
  margin-top: 5px; }

.mfImageDiv {
  width: 150px;
  height: 150px;
  float: left;
  margin-right: 0.45em;
  margin-left: 0.45em;
  margin-top: 0.9em;
  background-color: #2f4050;
  opacity: 0.8;
  border-radius: 10px;
  vertical-align: middle;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  /* align horizontal */
  -ms-flex-align: center;
  align-items: center;
  /* align vertical */ }

.mfImageDivImg {
  max-width: 70%;
  max-height: 70%;
  margin: 15%; }

.mfCursor {
  cursor: pointer; }

.mfFieldset legend {
  /*font-weight: bold;*/ }

.mfListHeaderImageSpan {
  float: right; }

.mfListHeader .mfInput {
  padding: 3px 3px 3px 3px !important;
  margin-bottom: 10px; }

.mfListHeaderImageDiv {
  position: relative;
  float: right;
  height: 38px !important;
  width: 42px;
  line-height: 38px;
  display: block; }

.mfIconMargin {
  margin: 5px; }

.mfListHeader .mfInput {
  font-weight: 300;
  /*border-bottom: none;*/
  margin-bottom: 0px;
  padding: 0;
  float: left; }

.mfPopupContent .td_left {
  text-align: left; }

.td_right {
  text-align: right !important;
  padding-right: 5px; }

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

th {
  font-weight: bold; }

.mfPopupContent .mfInput {
  box-sizing: border-box;
  width: 96%;
  margin-left: 2%;
  margin-bottom: 5px; }

.mfPopupContent .mfInput_checkbox {
  width: 30px !important;
  position: relative;
  float: left;
  margin-bottom: 0;
  margin-top: 5px; }

.mfPopupContent .mfLabel_error {
  margin: 3px !important; }

.mfPopupRenewLicense {
  height: 400px; }

.mfFilterLabel {
  float: left;
  width: 30%; }

.mfPopupContent_table tr td.td_label label.mfFilterLabel {
  width: 100%; }

.mfFilterSelect {
  width: 50% !important;
  margin-top: 10px; }

.mfPopupError {
  color: #df171a; }

.mfPopupContent .mfLabel {
  text-align: left;
  margin: 2% 2% 2% 2%; }

.ChannelIsNotSelected {
  background-color: transparent; }

.mfNoActiveText {
  color: #bbb; }

.packageLabel {
  display: inline; }

.downloadDiv {
  position: absolute;
  left: 90%;
  top: 95%; }

.mfDashboard {
  float: left;
  /*height: 20%;*/
  display: block;
  border-radius: 7px 20px;
  margin: 10px;
  padding: 5px;
  background-color: #2F4050;
  width: 200px;
  height: 150px;
  color: #fff;
  overflow: hidden;
  position: relative;
  font-size: 1em; }

.mfDashboardItem {
  font-weight: bold;
  height: 100%;
  text-align: right;
  border: 0px solid #df171a;
  padding-top: 10px;
  padding-right: 10px;
  font-size: 4em; }

.mfDashboard:hover {
  background-color: #009FE3;
  cursor: pointer; }

.mfDashboard h2 {
  font-size: 1.3em;
  text-align: right;
  font-weight: bold;
  padding-right: 5px; }

.mfDashboard .alert {
  color: #ee0000; }

.mfDashboard li {
  text-indent: 2em; }

.mfDashboardSign {
  float: left;
  min-width: 14%;
  background-color: #009FE3;
  border-radius: 3px 7px;
  margin-right: 15px;
  margin-bottom: 15px; }

.mfDashboardSignNumber {
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 3em;
  line-height: 1em;
  font-weight: bold;
  padding: 0px 5px 0px 5px; }

.green {
  color: #00963d; }

.red {
  color: #df171a; }

.orange {
  color: #EABE81; }

.mfDashboardSignText {
  text-align: center;
  width: 100%;
  color: #fff;
  line-height: 1.5em;
  font-size: 1em; }

/*=====content====*/
.mfcTopBar {
  width: 100%;
  height: 50px;
  /*background-color: #ce4;*/
  border-bottom: 1px solid #009FE3;
  cursor: pointer; }

.mfcOneBread {
  /*line-height: 50px;
	margin: 0 10px 0 0;
	font-weight: 400;*/
  padding-right: 10px;
  cursor: pointer;
  float: left; }

.mfcOneBread:last-child {
  /*font-weight: 500 !important;*/
  cursor: default; }

.mfcOneBreadArrow {
  padding-right: 10px;
  cursor: default;
  float: left; }

.mfcPopupTitle {
  margin-left: 20px;
  line-height: 30px;
  margin-right: 20px;
  text-align: left; }

.mfPopupLabelInput {
  width: 100%;
  position: relative;
  line-height: 30px;
  padding: 0 10px; }

.mfPopupLabel {
  width: 190px;
  margin-right: 10px;
  float: left;
  text-align: left; }

.mfPopupInput {
  width: 300px; }

.mfPopupSlider {
  width: 300px;
  display: inline-block; }

.mfcBread {
  margin: 0 0 0 0px;
  /*width: 60%;*/
  float: left; }

.mfcDiv {
  transition: background-color 0.5s ease;
  transition: color 0.5s ease;
  background-color: white;
  width: 10%;
  height: 150px;
  /*background-color: grey;*/
  float: left;
  cursor: pointer;
  margin: 5px;
  position: relative; }

.mfDeviceRemote {
  float: left;
  width: 200px;
  height: 400px;
  padding: 10px;
  position: relative; }

.mfDeviceVolumeSlider {
  position: relative;
  float: left;
  width: 75px;
  margin-top: 30px;
  height: 395px;
  padding: 10px;
  text-align: center;
  margin-right: 0px; }

.mfDeviceCommands {
  float: left;
  width: 200px;
  margin-top: 0px;
  height: 365px;
  padding: 10px;
  text-align: center;
  margin-right: 0px; }

.mfDeviceQr {
  float: left;
  width: 100%; }

.mfDeviceMeasuredVolume {
  float: left;
  width: 75px;
  margin-top: 30px;
  height: 395px;
  padding: 10px;
  text-align: center;
  margin-right: 20px; }

.mfDevicePreview {
  position: relative;
  float: left;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 360px;
  height: 200px;
  text-align: center; }

.mfDeviceTitle {
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 10px; }

.mfDeviceParameters {
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  line-height: 1.5em; }

.mfDeviceParamsCommands {
  min-width: 300px;
  width: 50%;
  margin-right: 0 !important; }

.mfDeviceParamsCommandsSmall {
  float: left;
  width: 30%;
  min-width: 300px;
  margin-right: 0 !important; }

.mfDeviceParamsCommandsLarge {
  float: left;
  width: 70%;
  margin-right: 0 !important; }

.div_device_commands_title {
  position: relative;
  width: 100%;
  float: left;
  font-weight: bold;
  margin-bottom: 10px; }

.sendCode {
  float: right;
  margin-right: 0 !important; }

#sliderValue {
  color: #009FE3;
  font-size: 1.3em;
  font-weight: bold; }

.measuredVolumeValue {
  color: #009FE3;
  font-size: 1.3em;
  font-weight: bold; }

#slider {
  border-radius: 5px !important; }

.ui-slider-vertical .ui-state-default {
  background: #fff url(../UserContent/system/icon/volume.jpg) no-repeat scroll 50% 50% !important;
  width: 23px !important;
  height: 50px !important;
  margin-left: -2px !important;
  border: 0px solid #df171a !important; }

.ui-widget-header {
  background: #f6f7f9 !important;
  border: 0px solid #df171a !important; }

.remote {
  border: 3px solid #009FE3;
  border-radius: 10px;
  width: 150px;
  height: 350px;
  box-shadow: 5px 5px 2px #888888; }

.mfDeviceParams {
  float: left;
  padding-right: 20px; }

.mfSendToDevices {
  text-align: left;
  padding: 0.5%;
  padding-left: 1%;
  margin-left: 3%;
  margin-right: 3%;
  margin-bottom: 1px; }

.mfSendToDevicesCheckAll {
  text-align: left;
  margin-left: 4%;
  margin-top: 1%; }

#scaled .mfSlideDesigner {
  /*display: none;*/
  background-color: transparent; }

.custom-menu {
  display: none;
  z-index: 1000;
  position: absolute;
  overflow: hidden;
  border: 1px solid #CCC;
  white-space: nowrap;
  font-family: "Lato", sans-serif;
  background: #FFF;
  color: #333;
  border-radius: 5px;
  padding: 0; }

/* Each of the items in the list */
.custom-menu li {
  padding: 8px 12px;
  cursor: pointer;
  list-style-type: none;
  transition: all .3s ease; }

.custom-menu li:hover {
  background-color: #DEF; }

/*.mfcDiv:hover > {
	background-color: $sidebar-background-color;
	color: white;
    z-index: 1000;
}*/
.mfcDiv:hover > .mfcFile {
  background-size: 120%; }

.mfcDiv:hover > .mfcFile img {
  transform: scale(1.2); }

.mfcFile {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center; }

.mfcFile img {
  transition: all .2s ease-in-out;
  max-width: 110%;
  max-height: 110%;
  text-align: center; }

.mfcSelected {
  background-color: #2F4050;
  color: #fff; }

.mfcSelectOverlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  border: 1px solid blue; }

.verticalCentered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

#mfUploadPopup .mfcDiv:hover {
  background-color: rgba(255, 255, 255, 0);
  color: #000;
  cursor: default; }

#mfUploadPopup .mfcDiv {
  background-color: rgba(255, 255, 255, 0);
  color: #000;
  cursor: default; }

.mfcCont {
  width: 100%;
  height: 65%;
  position: absolute;
  top: 0; }

.mfcFile {
  /*background-color: #4e79a9;*/
  transition: background-size 0.4s ease;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat; }

.mfcFolder {
  background-image: url("../UserContent/system/icon/folder.svg");
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat; }

.IconCross {
  padding: 5% 20% 0% 0%; }

.IconEdit {
  padding: 5% 35% 0% 0%; }

.IconSend {
  padding: 5% 35% 0% 0%; }

.mfcDivButton {
  height: 20px;
  width: 20px;
  /*overflow: hidden;*/
  float: right;
  cursor: pointer; }

.mfcDivButtons {
  position: absolute;
  top: 80%;
  width: 100%;
  height: 20%;
  z-index: 5;
  background-color: #bfd1d9; }

.mfcDiv:hover .mfcDivButtons {
  display: block; }

.mfcText {
  height: 15%;
  width: 100%;
  margin: 0 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  top: 65%;
  z-index: 5;
  background-color: #2F4050;
  color: #fff;
  padding: 1% 1% 1% 3%;
  font-size: 0.8em; }

.mfcLoading {
  width: 100%;
  height: 400px;
  font-size: 4em;
  /*color: grey;*/
  line-height: 400px;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

.mfcNewFolder {
  display: none; }

.mfcUpload {
  display: none; }

.mfcNewSlide {
  display: none; }

.mfcNewPlaylist {
  display: none; }

.mfcListView {
  display: none; }

.mfcIconView {
  display: none; }

.mfcClose {
  background-image: url("../UserContent/system/icon/cross_white.svg");
  width: 20px !important; }

.mfcSlidesClose {
  background-image: url("../UserContent/system/icon/cross.svg");
  /*display: none;*/ }

.mfcSlidesSave {
  background-image: url("../UserContent/system/icon/save.svg");
  display: none; }

.mfcPreview {
  background-image: url("../UserContent/system/icon/eye.svg");
  display: none; }

.mfcPreviewDisabled {
  background-image: url("../UserContent/system/icon/eye_disabled.svg");
  display: none; }

.mfcChangeBg {
  background-image: url("../UserContent/system/icon/bg.svg");
  display: none; }

.mfcAddWidget {
  background-image: url("../UserContent/system/icon/addWidget.svg");
  display: none; }

.mfcAddExcel {
  background-image: url("../UserContent/system/icon/addExcel.svg");
  display: none; }

.mfcAddCalendar {
  background-image: url(../UserContent/system/icon/addCalendar.svg);
  background-repeat: no-repeat;
  display: none; }

.mfcAddImage {
  background-image: url("../UserContent/system/icon/addImage.svg");
  display: none; }

.mfcAddActivity {
  background-image: url("../UserContent/system/icon/addActivity.svg");
  display: none; }

.mfcAddImageList {
  background-image: url("../UserContent/system/icon/addImageList.svg");
  display: none; }

.mfcAddText {
  background-image: url("../UserContent/system/icon/addText.svg");
  display: none; }

.mfcAddBasicText {
  background-image: url("../UserContent/system/icon/addText.svg");
  display: none; }

.mfcAddWeather {
  background-image: url("../UserContent/system/icon/addWeather.svg");
  display: none; }

.mfcAddClock {
  background-image: url("../UserContent/system/icon/addDigitalClock.svg");
  display: none; }

.mfcAddTwitter {
  background-image: url("../UserContent/system/icon/addTwitter.svg");
  display: none; }

.mfcAddMeetingRoom {
  background-image: url("../UserContent/system/icon/addCalendar.svg");
  /*background-color: blue;*/
  display: none; }

.mfcAddAnalogClock {
  background-image: url("../UserContent/system/icon/addClock.svg");
  display: none; }

.mfcAddVideo {
  background-image: url("../UserContent/system/icon/addVideoNew.svg");
  display: none; }

.mfcAddChannel {
  /*background-image: url('../UserContent/system/channelLogo/backup.png');*/
  background-image: url("../UserContent/system/icon/addChannel.png");
  display: none; }

.mfcAddRadio {
  background-image: url("../UserContent/system/icon/addRadio.svg");
  display: none; }

.mfcAddWebpage {
  background-image: url("../UserContent/system/icon/addWebsite.svg");
  display: none; }

.mfcAddHtml {
  background-image: url("../UserContent/system/icon/addWebpage.svg");
  display: none; }

.mfcAddShape {
  background-image: url("../UserContent/system/icon/addShape.svg");
  display: none; }

.mfcGrid {
  background-image: url("../UserContent/system/icon/grid.svg");
  display: none; }

.mfcSettings {
  background-image: url("../UserContent/system/icon/settings.svg");
  display: none; }

.mfcAddTable {
  background-image: url("../UserContent/system/icon/table.svg");
  display: none; }

.mfcAddRss {
  background-image: url("../UserContent/system/icon/addRSS.svg");
  display: none; }

.mfcAddQr {
  background-image: url("../UserContent/system/icon/addQr.svg");
  display: none; }

.mfcAddVanlandschoot {
  background-image: url("../UserContent/system/icon/addVanlandschoot.svg");
  display: none; }

.mfcAddExternalData {
  background-image: url("../UserContent/system/icon/addExternalData.svg");
  display: none; }

.mfcAddImmo {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoExpert {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoFrancois {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoNouvelleAgence {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoTermote {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoArthur {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoGlorieux {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoEasyhome {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoPp {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoRSHomes {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoFineHomes {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoDelaet {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoLantmeeters {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoIPA {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoJenJ {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoBeHome {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoEra {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoTopshome {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoIfac {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoCFinance {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoVDB {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoNelis {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddImmoAlbert {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddDate {
  background-image: url("../UserContent/system/icon/addDate.svg");
  display: none; }

.mfcAddImmoTrybou {
  background-image: url("../UserContent/system/icon/addHome.svg");
  display: none; }

.mfcAddDatagrid {
  background-image: url("../UserContent/system/icon/addExternalData.svg");
  display: none; }

.mfcAddSoenen {
  background-image: url("../UserContent/system/icon/addExternalData.svg");
  display: none; }

.mfcAddDatagridTyphoon {
  background-image: url("../UserContent/system/icon/addTyphoon.svg");
  display: none; }

.mfcAddPortalAAGent {
  background-image: url("../UserContent/system/icon/logo_aagent.png");
  display: none; }

.mfcAddRSLTemp {
  background-image: url("../UserContent/system/icon/rsl_temp.svg");
  display: none; }

.mfcAddTicker {
  background-image: url("../UserContent/system/icon/addTicker.svg");
  display: none; }

.mfcAddMenu {
  background-image: url("../UserContent/system/icon/addMenu.svg");
  display: none;
  width: 48px !important; }

.mfcAddSignalisation {
  background-image: url("../UserContent/system/icon/addSignalisation.svg");
  display: none;
  /*width: 48px!important;*/ }

.mfcAddTouch {
  display: none;
  background-image: url("../UserContent/system/icon/addTouch.svg"); }

.mfcAddTouchLink {
  display: none;
  background-image: url("../UserContent/system/icon/addTouchLink.svg"); }

.mfcAddTouchIframe {
  display: none;
  background-image: url("../UserContent/system/icon/addTouchIframe.svg"); }

.ActivitiesWidget {
  width: 100%;
  height: 100%; }

.tickerWidget {
  width: 100%;
  height: 100%; }

.videoPoster,
.radioPoster {
  width: 100%;
  height: 100%;
  display: none; }

.mfSelectbox {
  display: none;
  position: absolute;
  top: 70px;
  color: #fff;
  max-height: 300px;
  overflow-y: auto;
  padding: 2px;
  background-color: #ccc; }

.mfSelectboxSelection {
  padding: 5px;
  min-width: 150px;
  text-align: center;
  position: relative;
  cursor: pointer;
  background-color: #009FE3;
  margin: 1px; }

.mfSelectboxSelection:hover {
  background-color: #fff;
  color: #000; }

.mfcButtons {
  height: 100%;
  width: 100%;
  float: right; }

.mfcButton {
  height: 100%;
  width: 40px;
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
  cursor: pointer;
  float: right; }

.mfcButtonLeft {
  float: left; }

.SlideWidget iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.noOutline {
  outline: none !important; }

.widgetIframeBlocker {
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0);
  z-index: 1;
  position: absolute; }

.widgetCodeBlocker {
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0);
  z-index: 1;
  position: absolute; }

.WeatherWidget,
.dateWidget {
  width: 100%;
  height: 100%; }

.dateWidget {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 3em; }

.MenuWidget,
.ShapeWidget,
.TouchWidget,
.TouchLinkWidget,
.SignalisationWidget {
  width: 100%;
  height: 100%; }

.TouchLinkWidget {
  display: inline-block; }

.aTouchLinkWidget,
.aTouchIframeWidget {
  display: block;
  width: 100%;
  height: 100%; }

.SignalisationWidget {
  position: absolute;
  left: 0;
  top: 0; }

.SignalisationWidget_inner {
  position: relative;
  width: 100%;
  height: 100%; }

/*Analog clock*/
.AnalogClockWidget {
  width: 100%;
  height: 100%; }

.clockbg {
  stroke: none;
  fill: none; }

.fc {
  stroke: none;
  fill: #fff; }

.h1 {
  stroke: none;
  fill: #fff; }

.h2 {
  stroke: none;
  fill: #fff; }

.h3 {
  stroke: none;
  fill: #fff; }

.rssTitle {
  font-size: 3em;
  padding: 1%; }

.rssType2 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  white-space: nowrap; }

.rssType2 p.rssTicker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.rssDescription {
  font-size: 2em;
  padding: 1%; }

.WeatherToday {
  /*position: relative;*/
  height: 9em;
  width: 36em;
  /*margin: 1% 1% 0 1%;*/
  /*background-color: yellow;*/ }

.WeatherForecastAll {
  height: 10em;
  width: 36em;
  margin: 1%; }

.WeatherIcon {
  width: 25%;
  height: 100%;
  float: left; }

/*.WeatherIcon img{
  height: 100%;
}*/
.WeatherText {
  font-size: 3em;
  float: left;
  width: 25%;
  margin-top: 5%; }

.SlideWidget .time {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 100%;
  position: relative;
  display: inline-block;
  display: block; }

.WeatherToday .Conditions {
  width: 45%;
  float: left;
  height: 100%;
  font-size: 1.3em;
  padding-top: 4%; }

.Conditions {
  width: 50%;
  float: left;
  height: 100%;
  font-size: 1.3em;
  padding-top: 4%; }

.WeatherForecast1, .WeatherForecast2, .WeatherForecast3, .WeatherForecast4 {
  margin: 1%;
  width: 23%;
  height: 100%;
  float: left;
  box-sizing: border-box;
  position: relative; }

.weatherType1 .WeatherToday {
  width: 100%;
  height: 40%; }

.weatherType1 .description0 {
  position: relative;
  width: 100%;
  text-align: center; }

.weatherType1 .WeatherToday .WeatherText {
  font-size: 8em; }

.weatherType1 .WeatherToday .Conditions {
  font-size: 3em;
  margin-left: 5%; }

.weatherType1 .WeatherToday .WeatherIcons {
  height: auto;
  width: 100%;
  position: relative;
  display: inline-block; }

.weatherType1 .WeatherToday .description0 {
  font-size: 4em;
  display: block;
  margin-top: 4%; }

.weatherType1 .WeatherToday .WeatherIcon {
  width: 50%;
  height: 60%; }

.weatherType1 .WeatherToday .WeatherText {
  width: 50%;
  height: 60%;
  float: left; }

.weatherType1 .WeatherToday .Conditions .WeatherDay0 {
  font-weight: bold; }

.weatherType1 .WeatherToday .weatherImg0 {
  width: 80%;
  height: auto;
  margin-left: 10%;
  margin-top: auto;
  margin-bottom: auto; }

.weatherType1 .WeatherForecastAll .WeatherIcon {
  position: relative;
  width: 80%;
  padding-left: 10%;
  height: auto;
  max-height: 40%; }

.weatherType1 .WeatherForecastAll1 .WeatherForecast1 .WeatherIcon {
  position: relative;
  width: 50% !important;
  margin-left: 25%;
  margin-right: 25%;
  /*padding-left:20%;*/
  max-height: 50%;
  padding-left: 0; }

.weatherType1 .WeatherForecastAll1 .WeatherIcon,
.weatherType1 .WeatherForecastAll2 .WeatherIcon,
.weatherType1 .WeatherForecastAll3 .WeatherIcon,
.weatherType1 .WeatherForecastAll4 .WeatherIcon {
  margin-bottom: 4%; }

/*.weatherType1 .WeatherForecastAll .WeatherIcon img
{
    width: 100%;
}*/
.weatherType1 .WeatherForecastAll1 .WeatherForecast1 .WeatherIcon img {
  max-width: 100%;
  max-height: 100%; }

.weatherType1 .WeatherIcon .description0 {
  width: 100%;
  text-align: center; }

.weatherType1 .WeatherForecastAll {
  width: 98%;
  height: 54%;
  margin: 6% 1% 1% 1%; }

.weatherType1 .WeatherForecastAll1 .WeatherForecast1,
.weatherType1 .WeatherForecastAll1 .WeatherForecast2,
.weatherType1 .WeatherForecastAll1 .WeatherForecast3,
.weatherType1 .WeatherForecastAll1 .WeatherForecast4 {
  width: 98%; }

.weatherType1 .WeatherForecastAll2 .WeatherForecast1,
.weatherType1 .WeatherForecastAll2 .WeatherForecast2,
.weatherType1 .WeatherForecastAll2 .WeatherForecast3,
.weatherType1 .WeatherForecastAll2 .WeatherForecast4 {
  width: 48%; }

.weatherType1 .WeatherForecastAll3 .WeatherForecast1,
.weatherType1 .WeatherForecastAll3 .WeatherForecast2,
.weatherType1 .WeatherForecastAll3 .WeatherForecast3,
.weatherType1 .WeatherForecastAll3 .WeatherForecast4 {
  width: 31%; }

.weatherType1 .WeatherForecastAll4 .WeatherForecast1,
.weatherType1 .WeatherForecastAll4 .WeatherForecast2,
.weatherType1 .WeatherForecastAll4 .WeatherForecast3,
.weatherType1 .WeatherForecastAll4 .WeatherForecast4 {
  width: 23%; }

.weatherType1 .WeatherForecast1 .WeatherDay,
.weatherType1 .WeatherForecast2 .WeatherDay,
.weatherType1 .WeatherForecast3 .WeatherDay,
.weatherType1 .WeatherForecast4 .WeatherDay {
  font-weight: bold;
  font-size: 2.5em; }

.weatherType1 .WeatherForecast1 .WeatherDay,
.weatherType1 .WeatherForecast2 .WeatherDay,
.weatherType1 .WeatherForecast3 .WeatherDay,
.weatherType1 .WeatherForecast4 .WeatherDay {
  font-weight: bold;
  font-size: 2.5em; }

.weatherType1 .WeatherForecastAll .WeatherText {
  width: 100%;
  font-size: 1.3em;
  text-align: center; }

.weatherType1 .WeatherIconTemp {
  position: relative;
  width: 50%;
  float: left; }

.weatherType1 .WeatherForecastAll .WeatherText {
  margin-top: 0px; }

.weatherType1 .WeatherForecastAll .WeatherIcon {
  width: 100%;
  height: 60%;
  text-align: center;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.weatherType1 .WeatherForecastAll .WeatherIcon img {
  position: relative;
  height: 60%;
  width: auto !important; }

.weatherType3 .WeatherForecastAll {
  width: 100%;
  height: 82%;
  margin: 3% 0 0 0;
  padding: 0; }

.weatherType3 .WeatherForecast0,
.weatherType3 .WeatherForecast1,
.weatherType3 .WeatherForecast2,
.weatherType3 .WeatherForecast3,
.weatherType3 .WeatherForecast4 {
  height: 100%;
  position: relative;
  float: left;
  margin: 1%; }

.weatherType3 .WeatherLocation {
  padding-top: 2%;
  text-align: center;
  font-size: 4em;
  font-weight: bold;
  width: 100%;
  position: relative;
  height: 10%; }

.weatherType3 .WeatherDay {
  font-size: 3em;
  text-align: center;
  margin-top: 4%; }

.weatherType3 .WeatherIcon {
  width: 80%;
  max-height: 45%;
  height: auto;
  margin-left: 10%; }

.weatherType3 .WeatherForecastAll .WeatherText,
.weatherType3 .WeatherForecastAll .WeatherText div {
  position: relative;
  width: 100%;
  font-size: 3.2em;
  text-align: center; }

.weatherType3 .WeatherForecastAll .WeatherText div {
  margin-top: 10px;
  font-size: 0.8em; }

.weatherType3 .WeatherForecast0 .WeatherIcon img,
.weatherType3 .WeatherForecast1 .WeatherIcon img,
.weatherType3 .WeatherForecast2 .WeatherIcon img,
.weatherType3 .WeatherForecast3 .WeatherIcon img,
.weatherType3 .WeatherForecast4 .WeatherIcon img {
  width: 100%;
  height: auto; }

.weatherType3 .WeatherForecastAll0 .WeatherForecast0,
.weatherType3 .WeatherForecastAll0 .WeatherForecast1,
.weatherType3 .WeatherForecastAll0 .WeatherForecast2,
.weatherType3 .WeatherForecastAll0 .WeatherForecast3,
.weatherType3 .WeatherForecastAll0 .WeatherForecast4 {
  width: 98%; }

.weatherType3 .WeatherForecastAll1 .WeatherForecast0,
.weatherType3 .WeatherForecastAll1 .WeatherForecast1,
.weatherType3 .WeatherForecastAll1 .WeatherForecast2,
.weatherType3 .WeatherForecastAll1 .WeatherForecast3,
.weatherType3 .WeatherForecastAll1 .WeatherForecast4 {
  width: 48%; }

.weatherType3 .WeatherForecastAll2 .WeatherForecast0,
.weatherType3 .WeatherForecastAll2 .WeatherForecast1,
.weatherType3 .WeatherForecastAll2 .WeatherForecast2,
.weatherType3 .WeatherForecastAll2 .WeatherForecast3,
.weatherType3 .WeatherForecastAll2 .WeatherForecast4 {
  width: 31%; }

.weatherType3 .WeatherForecastAll3 .WeatherForecast0,
.weatherType3 .WeatherForecastAll3 .WeatherForecast1,
.weatherType3 .WeatherForecastAll3 .WeatherForecast2,
.weatherType3 .WeatherForecastAll3 .WeatherForecast3,
.weatherType3 .WeatherForecastAll3 .WeatherForecast4 {
  width: 23%; }

.weatherType3 .WeatherForecastAll4 .WeatherForecast0,
.weatherType3 .WeatherForecastAll4 .WeatherForecast1,
.weatherType3 .WeatherForecastAll4 .WeatherForecast2,
.weatherType3 .WeatherForecastAll4 .WeatherForecast3,
.weatherType3 .WeatherForecastAll4 .WeatherForecast4 {
  width: 18%; }

.weatherType1 .WeatherForecast1 .WeatherDay {
  position: relative;
  width: 100%;
  text-align: center;
  font-weight: bold; }

.weatherType1 .WeatherForecastAll .WeatherIcon {
  text-align: center; }

.weatherType1 .WeatherForecastAll .WeatherText {
  font-size: 2.4em; }

.weatherType2 .WeatherToday {
  height: 100% !important; }

.weatherType3 .WeatherIcon {
  height: 40%;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.weatherType2 .WeatherIcon {
  position: relative;
  height: 40%;
  width: 100%;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }

.WeatherForecastAll .WeatherDay {
  width: 100%;
  text-align: center; }

/*
.WeatherForecastAll .WeatherIcon{
    position: relative;
    width: 100%;
    height: 70%;
}*/
/*.WeatherForecastAll .WeatherText{
    position: absolute;
    width: 100%;
    bottom:25%;
    font-size: 1.3em;
    box-sizing: border-box;
    text-align: center;
}
*/
.weatherType2 .WeatherToday {
  width: 100%;
  position: relative;
  font-size: 4em; }

.weatherType2 .WeatherToday .city {
  position: relative;
  width: 100%;
  text-align: center;
  left: 0;
  top: none;
  font-size: 2em;
  padding-top: 3%; }

.weatherType2 .description0 {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  margin-top: 4%; }

.weatherType2 .weatherImg0 {
  position: relative;
  width: 60%;
  margin-left: 20%;
  left: 0;
  top: 0; }

.weatherType2 .weatherTemp0 {
  margin-top: 3%;
  width: 100%;
  font-size: 2em;
  font-weight: bold;
  text-align: center; }

.weatherType2 .WeatherToday .wind0 {
  position: relative;
  width: 100%; }

.weatherType2 .WeatherToday .WeatherDay {
  margin-top: 3%;
  position: relative;
  text-align: center;
  width: 100%;
  left: 0;
  top: none;
  font-size: 1.5em; }

.weatherType2 div, .weatherType2 span {
  font-weight: bold; }

/*.weatherType2 .WeatherToday{
	height: 20em;
    width: 36em;
}*/
/*.weatherType2 .weatherImg0{
position: absolute;
width: 30%;
left: 30%;
top: 25%;
}
.weatherType2 .city{
position: absolute;
left: 4%;
top: 7%;
font-size: 3.3em;
}

.weatherType2 .date0{
	position: absolute;
	left: 4%;
top: 27%;
font-size: 1.6em;
}
.weatherType2 .wind0{
	position: absolute;
	left: 4%;
top: 38%;
font-size: 1.2em;
}
.weatherType2 .weatherTemp0{
	position: absolute;
	left: 60%;
top: 35%;
font-size: 6em;
width: 2.4em;
text-align: center;
}
.weatherType2 .description0{
	position: absolute;
left: 15%;
top: 83%;
font-size: 2em;
text-align: center;
width: 60%;
}
*/
.weatherType3 {
  background-image: url("../UserContent/system/cloudsbg.jpg");
  background-size: 100% 100%; }

.weatherType4 .WeatherForecastAll {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 !important; }

.weatherType4 .WeatherForecastAll .WeatherForecast0,
.weatherType4 .WeatherForecastAll .WeatherForecast1,
.weatherType4 .WeatherForecastAll .WeatherForecast2,
.weatherType4 .WeatherForecastAll .WeatherForecast3,
.weatherType4 .WeatherForecastAll .WeatherForecast4 {
  width: 98% !important;
  position: relative;
  float: left;
  margin: 0 1% 0 1%; }

.weatherType4 .WeatherForecastAll0 .WeatherForecast0,
.weatherType4 .WeatherForecastAll0 .WeatherForecast1,
.weatherType4 .WeatherForecastAll0 .WeatherForecast2,
.weatherType4 .WeatherForecastAll0 .WeatherForecast3,
.weatherType4 .WeatherForecastAll0 .WeatherForecast4 {
  height: 98%; }

.weatherType4 .WeatherForecastAll1 .WeatherForecast0,
.weatherType4 .WeatherForecastAll1 .WeatherForecast1,
.weatherType4 .WeatherForecastAll1 .WeatherForecast2,
.weatherType4 .WeatherForecastAll1 .WeatherForecast3,
.weatherType4 .WeatherForecastAll1 .WeatherForecast4 {
  height: 48%; }

.weatherType4 .WeatherForecastAll2 .WeatherForecast0,
.weatherType4 .WeatherForecastAll2 .WeatherForecast1,
.weatherType4 .WeatherForecastAll2 .WeatherForecast2,
.weatherType4 .WeatherForecastAll2 .WeatherForecast3,
.weatherType4 .WeatherForecastAll2 .WeatherForecast4 {
  height: 31.33%; }

.weatherType4 .WeatherForecastAll3 .WeatherForecast0,
.weatherType4 .WeatherForecastAll3 .WeatherForecast1,
.weatherType4 .WeatherForecastAll3 .WeatherForecast2,
.weatherType4 .WeatherForecastAll3 .WeatherForecast3,
.weatherType4 .WeatherForecastAll3 .WeatherForecast4 {
  height: 23%; }

.weatherType4 .WeatherForecastAll4 .WeatherForecast0,
.weatherType4 .WeatherForecastAll4 .WeatherForecast1,
.weatherType4 .WeatherForecastAll4 .WeatherForecast2,
.weatherType4 .WeatherForecastAll4 .WeatherForecast3,
.weatherType4 .WeatherForecastAll4 .WeatherForecast4 {
  height: 18%; }

.weatherType4 .WeatherForecastAll .WeatherForecast0,
.weatherType4 .WeatherForecastAll .WeatherForecast1,
.weatherType4 .WeatherForecastAll .WeatherForecast2,
.weatherType4 .WeatherForecastAll .WeatherForecast3,
.weatherType4 .WeatherForecastAll .WeatherForecast4 {
  display: table; }

.weatherType4 .WeatherForecastAll .WeatherDay {
  position: relative;
  /*float: left;*/
  width: 70% !important;
  height: 100%;
  text-align: left;
  display: table-cell;
  vertical-align: middle; }

.weatherType4 .WeatherForecastAll .WeatherIcon {
  /*position: relative;
    float: left;*/
  position: absolute;
  top: 0;
  right: 0;
  width: 30% !important;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

/*
.WeatherForecastAll{
  height: 145px;
  width: 580px;
  position: relative;
  margin: 10px;
  bottom: 5px;
}

.WeatherToday{
  height: 130px;
  width: 580px;
  position: relative;
  margin: 10px;
  border-bottom: 1px solid #ccc;
  margin-top: 0px;
}

.WeatherForecast1, .WeatherForecast2, .WeatherForecast3, .WeatherForecast4{
  padding: 1%;
  width: 25%;
  height: 100%;
  float: left;
  box-sizing: border-box;
  position: relative;
}


.WeatherIcon{
  position: relative;
width: 100%;
height: 70%;
}

.WeatherIcon img{
  height: 90%;
  margin: auto;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
}

.WeatherForecastAll .WeatherDay{
  width: 100%;
  text-align: center;
}

.WeatherForecastAll .WeatherText{
  width: 100%;
  text-align: center;
  bottom: 0;
  position: absolute;
  left: 0;
}

.WeatherToday .WeatherIcon{
  height: 100%;
width: 30%;
}

.WeatherToday .WeatherIcon img{
  left: 0;
  margin: 0;
}

.WeatherToday .Conditions{
  position: absolute;
right: 1em!important;
top: 25px;
font-size: 0.8em!important;
}

.WeatherToday .WeatherText{
  position: absolute;
top: 35px;
left:30%;
font-size: 3em;
}



.WidgetMedium .WeatherForecastAll{
  width: 380px;
  height:110px;
}

.WidgetMedium .WeatherToday{
  width: 380px;
height: 80px;
}

.WidgetMedium .WeatherToday .Conditions{
right: 0;
top: 5px;
font-size: 1em;
}

.WidgetMedium .WeatherToday .WeatherText{
  position: absolute;
top: 10px;
left:25%;
font-size: 2.5em;
}

.WidgetMedium .WeatherToday .WeatherIcon img{
  top:0px;
  height: 100%;
}

.WidgetMedium .WeatherIcon img{
  top: 0px;
}*/
.mfcImageToUpload {
  width: 50%;
  padding: 1%;
  float: left; }

.mfcImageToUpload img {
  width: 100%; }

.outputdata {
  width: 100%;
  position: relative;
  overflow: hidden;
  color: #df171a; }

.outputdata h1 {
  font-size: 1.2em;
  text-decoration: underline; }

.mfFullscreenImages {
  z-index: 11;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.mediaDiv {
  z-index: 9999; }

.mfFullscreenImage {
  max-width: 80%;
  /*min-width:70%;*/
  position: absolute;
  max-height: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/*LoginPage*/
.mfLogin {
  width: 500px;
  background-color: #2F4050;
  border-radius: 6px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  box-shadow: 0px 5px 20px #000; }

.mfLogin .alert {
  color: #fff;
  font-weight: bold;
  text-align: center; }

.loginLogo {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  width: 200px;
  margin: 40px 0 30px 0;
  overflow: hidden; }

.loginlabel {
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  margin: 10px 0;
  display: block;
  display: none; }

#text_content {
  display: none; }

.logininput {
  width: 70%;
  margin: 20px 15% 0px 15%;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 1.2em;
  outline: none;
  border: none;
  text-align: center; }

::-webkit-input-placeholder {
  text-align: center;
  font-size: 0.8em;
  padding: 0.1em; }

:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
  font-size: 0.8em;
  padding: 0.1em; }

::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
  font-size: 0.8em;
  padding: 0.1em; }

:-ms-input-placeholder {
  text-align: center;
  font-size: 0.8em;
  padding: 0.1em; }

.loginButton {
  background-color: #009FE3;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 1.2em;
  width: 70%;
  margin: 20px 15% 60px 15%;
  padding: 5px;
  cursor: pointer; }

.loginButton:hover {
  background-color: #4ea2be; }

.loginBG {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.loginBG img {
  position: absolute;
  min-width: 110%;
  min-height: 110%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-filter: blur(20px);
  filter: blur(20px); }

.mfContentMovPreview {
  width: 100%;
  height: 100%; }

.mfContent {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.mfPopupScheduler .mfContent {
  width: calc(100% - 40px); }

.mfContent > div {
  padding: 20px; }

.mfPopup .mfContent > div {
  padding: 0; }

.video100 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 101; }

.mfSlides {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 20px;
  right: 0px;
  bottom: 0px;
  background-color: #f4f4f4;
  z-index: 20; }

.mfTextWidget strong {
  font-weight: bold; }

.mfTextWidget em {
  font-style: italic; }

.mfTextWidget ul {
  list-style-type: disc;
  list-style-position: inside; }

/*
.ui-draggable{
	background-color: burlywood !important;
}
.textBlockDiv{
	border: 5px solid cornflowerblue !important;
}*/
.mfTextWidget ol {
  list-style-type: decimal;
  list-style-position: inside; }

.mfSlidesTitle {
  line-height: 50px;
  margin: 0 10px 0 0;
  font-size: 1.2em; }

.mfcContentRoomSlides .mfcDivFile {
  height: 170px; }

.mfcContentRoomSlides .mfcDivFile .mfcCont {
  height: 100%;
  background-position: center top; }

.mfcContentRoomSlides .mfcDivFile .mfcDivButtons {
  line-height: 34px;
  font-size: 12px;
  overflow: hidden;
  padding-left: 2px; }

.mfSlideDesigner {
  /*background-color: green;*/
  position: absolute;
  /*top: 90px;*/
  top: 0px;
  /*bottom: 0px;*/
  left: 0px;
  right: 0px;
  color: #000; }

.content .mfSlideDesigner {
  top: 90px; }

.mfContent .mfSlideDesigner {
  left: 20px;
  bottom: 20px;
  right: 20px; }

.container .mfSlideDesigner {
  right: 440px; }

.SlideSideBar {
  width: 420px;
  bottom: 0;
  right: 0;
  top: 70px;
  position: absolute; }

#SlideSideBarTop {
  height: 100%;
  /*background-color:green;*/ }

.SlideSideBarBottom {
  height: 50%; }

#SlideSideBarSettingDiv, #SlideSideBarAnimationsDiv {
  padding: 0;
  position: absolute;
  top: 41px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%; }

#SlideSideBarAnimationsDiv .jspSettings {
  position: absolute;
  top: 0;
  bottom: 0; }

#SlideSideBarTop {
  border-radius: 0px;
  padding: 0; }

.ui-tabs {
  margin: 0 !important;
  padding: 0 !important; }

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

.ui-tabs-nav {
  background-color: #f4f4f4 !important; }

.ui-state-active {
  background-color: #2F4050 !important;
  border: 1px solid #2F4050 !important; }

.layerSorterList {
  background-color: palegreen;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto; }

.mfSlideDesignerSlide {
  /*background-image: url('')*/
  /*background-color: yellow;*/
  position: absolute;
  background-size: cover;
  position: center;
  background-repeat: no-repeat;
  /*background-color: $color-white;*/
  overflow: hidden; }

.mfSlides .mfSlideDesignerSlide {
  box-shadow: 0px 0px 15px 2px #444;
  /*h v blur spread color*/ }

.SlideObject {
  /*background-color: blue;*/
  position: absolute;
  overflow: hidden; }

.SlideObject:hover {
  /*border:1px solid black;*/
  outline: #333 dashed 2px; }

.SlideWidget {
  position: absolute !important;
  overflow: hidden;
  outline: #ccc dotted 1px; }

.SlideWidget:hover {
  outline: #333 dashed 2px; }

.widgetIsSelected {
  outline: palegreen solid 2px; }

.widgetIsSelected:hover {
  outline: palegreen solid 2px; }

.addMediaButton {
  width: 200px;
  height: 200px;
  max-width: 90%;
  max-height: 90%;
  background-image: url("../UserContent/system/infoChannel/mediaIcon/addImage.png");
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.addMediaButton:hover {
  background-image: url("../UserContent/system/infoChannel/mediaIcon/addImagePlus.png");
  background-color: #dddddd;
  cursor: pointer; }

.addMediaVideoButton {
  background-image: url("../UserContent/system/infoChannel/mediaIcon/addVideo.png"); }

.addMediaVideoButton:hover {
  background-image: url("../UserContent/system/infoChannel/mediaIcon/addVideoPlus.png"); }

.mediaChannel {
  background-image: url("../UserContent/system/channelLogo/backup.png");
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat; }

.removeSlideObject {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-image: url("../UserContent/system/icon/cross.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }

.slideObjectSettings {
  position: absolute;
  top: 5%;
  right: 5%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("../UserContent/system/icon/settings.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: none;
  z-index: 200; }

.SlideWidget:hover > .slideObjectSettings {
  display: block; }

.videoScalerPreview {
  /*width: 480px;*/
  /*height: 270px;*/
  background-image: url("../UserContent/system/infoChannel/mediaIcon/videoresize.svg");
  background-size: 100%; }

.flashScalerPreview {
  background-image: url("../UserContent/system/infoChannel/mediaIcon/flashresize.svg"); }

.fullsizeNoScroll {
  position: relative;
  width: 100%;
  height: 100%;
  /*position: absolute;
    top: 40px;
    left: 200px;
    padding: 20px;
    right: 0px;
    bottom: 0px;
    background-color: $tabs-background-color;
    z-index: 200;*/ }

.leftHalf {
  width: 50%;
  height: 100%;
  float: left;
  overflow: auto; }

.rightHalf {
  width: 50%;
  height: 100%;
  float: left;
  overflow: auto;
  /*background-color: #6C859C;*/
  border-left: 1px solid #009FE3;
  padding-left: 0.5em; }

.bluelineright {
  /*border-right: 1px solid #2E92BE;*/ }

.mfContentPlayList {
  /*background-color: black;*/
  /*position: absolute;*/
  width: 70%;
  height: 100%;
  float: left;
  border-right: 1px solid #009FE3;
  overflow: auto; }

.width20 {
  width: 20%;
  position: absolute;
  right: 0; }

.width80 {
  margin-right: 1%;
  width: 79%;
  overflow: hidden; }

.px20spacing {
  padding: 0px 20px 20px 60px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow: hidden;
  /*overflow-x: auto;*/ }

.mfScroll .px20spacing {
  position: relative;
  overflow: hidden; }

.mfContentSlide {
  padding: 0px !important; }

.px20spacing_header_inner {
  position: relative;
  width: 100%; }

.px20spacing_header {
  padding-right: 260px;
  position: fixed;
  width: 100%;
  background-color: #f6f7f9; }

.mfContentPlayList {
  padding: 0 0 20px 0 !important; }

.mfScroll .px20spacing .px20spacing_header {
  padding: 0;
  position: relative; }

.px20spacing_body {
  margin-top: 160px;
  padding-bottom: 50px;
  overflow: auto;
  height: calc(100% - 160px); }

.px10spacing_body {
  margin-top: 100px;
  padding-bottom: 50px;
  overflow: auto;
  height: calc(100% - 100px); }

.mfScroll .px20spacing .px20spacing_body {
  margin-top: 0;
  height: 100%; }

.px20spacing_body_no_buttons {
  margin-top: 100px;
  height: calc(100% - 100px); }

.playlistList {
  /*box-shadow: 0px -1px 2px 0px #bbb;*/
  /*background-color: yellow;*/
  position: absolute;
  width: 29%;
  margin-left: 1%;
  height: 65%;
  float: left;
  border-bottom: 1px solid #009FE3;
  margin-top: 10px;
  bottom: 0;
  right: 0;
  top: 0; }

.playlistItemOptions {
  /*box-shadow: 0px -1px 2px 0px #bbb;*/
  /*background-color: red;*/
  position: absolute;
  width: 29%;
  margin: 0 0.5%;
  height: 35%;
  float: left;
  margin-top: 10px;
  bottom: 0;
  right: 0;
  padding-top: 10px; }

.smallHeader {
  font-size: 2em;
  /*2.4em*/
  padding-left: 3px;
  padding-bottom: 0.5em;
  padding-top: 0.1em; }

.playlistUl, .detailView {
  position: absolute;
  padding: 3px;
  top: 3.5em;
  left: 0px;
  right: 0px;
  bottom: 0px;
  /*overflow: auto;*/
  overflow-x: hidden;
  overflow-y: auto; }

.playlistItem {
  /*width: 100%;*/
  height: 3em;
  margin: 0.2em;
  padding: 0em;
  position: relative;
  cursor: pointer;
  margin-right: 0.5em;
  /*overflow: auto;*/ }

.selectedPlaylistItemArrow {
  position: absolute;
  right: -0.7em;
  top: 1em;
  width: 0;
  height: 0;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.7em solid #2F4050;
  display: block; }

.playlistItemSelected {
  background-color: #2F4050;
  color: #f4f4f4; }

.DropHerePlaylist, .EmptyPlaylist, .NoDetailsSelected {
  position: absolute;
  color: #9e9e9e;
  text-align: center;
  /* margin-top: 2em; */
  background-color: #f4f4f4;
  z-index: 5;
  padding: 3px;
  top: 3.5em;
  left: 0px;
  right: 0px;
  bottom: 0px; }

.detailView {
  display: none; }

.detailView table td {
  padding-left: 0; }

.DropHerePlaylist {
  display: none;
  background-color: #f4f4f4;
  background-color: #bebebe; }

.DropHerePlaylist h4, .EmptyPlaylist h4, .NoDetailsSelected h4 {
  font-size: 2em;
  margin-top: 2em;
  padding: 0 10px; }

.playlistItemImg {
  height: 100%;
  width: 80px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }

.playlistDuration {
  float: left;
  font-size: 0.7em;
  color: #fff;
  background-color: #000;
  margin-left: 0%;
  margin-top: 0%;
  padding: 3%;
  font-weight: bold;
  text-align: center; }

.playlistItemTitle {
  position: absolute;
  top: 0;
  left: 80px;
  bottom: 0px;
  right: 0px;
  font-size: 0.9em;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
  font-weight: bold; }

.playlistItemTitle span {
  font-weight: normal;
  font-size: 0.9em;
  line-height: 22px; }

/*
.ui-state-hover{
	border: 0px solid white !important;
	background-color: #eee !important;
	display: none !important;
}*/
.mfcDivFile.ui-draggable-dragging {
  border: 1px solid #aaa;
  background-color: #f4f4f4;
  z-index: 51; }

.playlistItem.ui-sortable-helper {
  border: 1px solid #aaa;
  background-color: #f4f4f4;
  z-index: 30; }

.detailView li {
  width: 100%;
  height: 2em;
  margin: 0.1em;
  padding: 0em;
  position: relative;
  /*cursor: pointer;*/ }

.detailView li label {
  width: 130px;
  text-align: right;
  display: block;
  line-height: 2em; }

.detailInput {
  /*position: absolute;
    border: 1px solid red;*/ }

input .detailPlayListForm {
  width: 3em; }

.ui-accordion .ui-accordion-content {
  padding: 10px !important; }

#accordion {
  text-align: left !important; }

.detailInput input {
  width: 96%;
  margin: 0 2%;
  max-width: 200px;
  /*font-size: 1.1em;*/
  /*font-weight: 200;*/
  /*background-color: $tabs-background-color;*/
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #dddddd;
  /*margin-bottom: 30px;*/
  display: block;
  padding: 5px 5px 5px 5px; }

.detailInput input[type='checkbox'] {
  margin: 0.5em; }

.detailInput select {
  width: 96%;
  margin: 0 2%; }

.sendToPlaylistButton {
  position: absolute;
  cursor: pointer;
  top: 0.5em;
  right: 0.5em;
  height: 2em;
  width: 2em;
  background-image: url("../UserContent/system/icon/save.svg");
  background-size: 100% 100%; }

.applyToAllButton {
  position: absolute;
  cursor: pointer;
  background-image: url("../UserContent/system/icon/apply-all.svg");
  background-size: 100% 100%;
  top: 1em;
  right: 0.5em;
  height: 2.5em;
  width: 2.5em; }

.applyToAllButton:hover {
  background-color: #bebebe; }

.applyToAllButtonButton {
  width: 100%;
  position: relative;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: #343d49;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  cursor: pointer; }

.applyToAllButtonButton:hover {
  background-color: #4a545d; }

.sendToPlaylistButton img {
  height: 100%;
  width: 100%; }

.sendToPlaylistButton:hover {
  /*background-color: #999;*/ }

.dayInput {
  /*width: 96%;*/
  /*margin: 0 2%;*/
  /*max-width: 200px;*/
  /*width: 100%;*/
  position: absolute;
  line-height: 2em;
  left: 140px;
  top: 0;
  bottom: 0;
  right: 0; }

.dayButton {
  width: 14%;
  float: left;
  position: relative;
  text-align: center; }

.headendIframeDiv {
  position: absolute;
  top: 50px;
  left: 0px;
  padding: 10px;
  right: 0px;
  bottom: 0px;
  /*background-color: white;*/
  z-index: 20;
  overflow: hidden; }

.headendIframe {
  width: 100%;
  height: 100%;
  /*position: absolute;
	top: 40px;
	left: 200px;
	padding: 20px;
	right: 0px;
	bottom: 0px;
	display: block;*/
  /*background-color: white;*/
  /*z-index: 200;*/ }

.head {
  background-color: #2F4050 !important;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none;
  color: #fff !important;
  outline: none; }

.playlistDevicesLi {
  /*width: 100%;*/
  height: 80px;
  padding: 5px;
  /*border-bottom: 1px solid #2E92BE;*/
  /*margin: 10px 0 10px 20px;*/
  cursor: pointer; }

.playlistDevicesLi:hover {
  background-color: #dddddd; }

.playlistDevicesLi h3 {
  font-size: 1.2em;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.playlistDevicesLi span {
  display: block;
  line-height: 40px;
  /*text-align: center;*/
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.reloadbutton {
  float: right;
  cursor: pointer; }

.reloadPlaylists {
  overflow: hidden; }

.PlaylistNotSend {
  color: orange; }

.hoverPlaylistSend {
  background-color: darkgrey; }

.removePlaylistItem {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 3px;
  top: 3px;
  /*background-image: url('../UserContent/system/icon/cross.svg');*/
  background-image: url("../UserContent/system/icon/delete.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.playlistItemSelected .removePlaylistItem {
  background-image: url("../UserContent/system/icon/delete_white.svg"); }

.privilegesColumb {
  position: relative;
  width: 100%;
  float: left;
  height: 100%;
  display: inline-block; }

.userprivilegescolumb {
  position: relative;
  width: 100%;
  float: left;
  display: inline-block; }

.table_group {
  width: 100%;
  border-collapse: collapse; }

.table_group td.td_50 {
  vertical-align: top;
  width: 50%; }

.td_button {
  padding-top: 20px; }

.mfcList .mfcDiv {
  width: 100%;
  height: 50px;
  position: relative;
  padding: 7px; }

.mfcList .mfcDivFolder {
  border-bottom: 1px solid lightgrey; }

.mfcList .mfcDivFile {
  border-bottom: 1px solid lightgrey; }

.mfcList .mfcDivButtons {
  position: absolute;
  top: 0;
  right: 0;
  width: 15%;
  height: 100%;
  z-index: 5;
  background-color: #bfd1d9; }

.mfcList .mfcCont {
  height: 100%;
  width: 80px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }

.mfcList .mfcText {
  position: absolute;
  top: 0;
  left: 70px;
  bottom: 0px;
  right: 0px;
  font-size: 1.2em;
  line-height: 2.8em;
  height: 49px;
  width: 70%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
  background-color: transparent;
  color: #000; }

.buttonWidth100 {
  width: 100%;
  float: left; }

.click_more_options_playlist {
  /*width: 100%;*/
  text-align: center;
  top: 10px;
  cursor: pointer;
  text-decoration: underline;
  font-size: 0.8em; }

/*.more_options_playlist{
	display: none;
}*/
.playlistOptionsShown {
  display: none; }

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

#topWarning {
  width: 100%;
  height: 5%;
  padding: 0.5%;
  background-color: #FF7E7E;
  font-size: 1.2em; }

#topYellowWarning {
  width: 100%;
  height: 5%;
  padding: 0.5%;
  background-color: #fef0a7;
  font-size: 1.2em; }

.deviceRow,
.messageRow,
.stylesRow,
.listRow {
  background-color: #fff; }

.messageRow td,
.messageRow th,
.listRow td,
.listRow th,
.stylesRow td,
.stylesRow th {
  padding-left: 5px !important; }

.messageSubRow td {
  line-height: 24px !important;
  padding: 3px 0px 3px 5px; }

.messageSubRow td .div_service_logo {
  width: 24px !important;
  height: 24px !important; }

.deviceRow td:first-child {
  background-color: #f6f7f9;
  width: 40px;
  min-width: 40px; }

.scheduleWarning {
  width: 40px;
  min-width: 40px; }

.powerOn {
  background-image: url("../UserContent/system/icon/PowerGreen.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center; }

.powerDefault {
  background-image: url("../UserContent/system/icon/PowerDefault.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center; }

.powerDefault:hover {
  background-image: url("../UserContent/system/icon/PowerDefaultHover.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center; }

.deviceOrderOnline {
  background-color: #2f4050 !important;
  /* $green-color */
  width: 7px; }

.deviceOrderOnline:hover {
  background-color: rgba(47, 64, 80, 0.8) !important;
  /* $green-color */ }

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

.getScreenshotSmall {
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 39px;
  z-index: 100;
  font-size: 1.5em;
  padding: 6px 10px;
  float: left;
  margin: 0px 10px 0px 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #bfd1d9;
  font-family: "Lato", sans-serif !important;
  font-weight: 300 !important;
  color: #343d49;
  font-size: 0.8em;
  text-transform: uppercase;
  fill: #343d49; }

.getScreenshotSmall:hover {
  background-color: rgba(255, 255, 255, 0.5); }

.mfDeviceParams {
  margin-right: 50px; }

.powerOff {
  background-image: url("../UserContent/system/icon/PowerRed.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center; }

.deviceIsOnline {
  background-color: #00963d !important;
  width: 7px; }

.deviceIsOffline {
  background-color: #df171a !important;
  width: 7px; }

.deviceIsUnknown {
  background-color: #fff;
  width: 7px; }

.deviceIsOnlineNotActive {
  background-color: #EABE81 !important;
  width: 7px; }

.recordingDone {
  background-color: #00963d !important;
  width: 7px; }

.recordingBusy {
  background-color: #EABE81 !important;
  width: 7px; }

.recordingScheduled {
  background-color: #2f4050 !important;
  width: 7px; }

.stylesRow:hover,
.messageRow:hover,
.deviceRow:hover {
  position: relative;
  cursor: pointer;
  background-color: #dddddd; }

.messageRowNoClick:hover {
  cursor: auto; }

.deviceIsOffline {
  /*opacity: 0.4;*/ }

.scheduleActive {
  background-color: #00963d !important;
  width: 7px;
  min-width: 7px; }

.scheduleRow {
  background-color: #fff; }

.scheduleRow:hover {
  position: relative;
  cursor: pointer;
  /*left: 20%;*/
  background-color: #dddddd; }

.scheduleInactive {
  background-color: #df171a !important;
  width: 7px;
  min-width: 7px; }

.scheduleName {
  width: 100%; }

.ui-sortable-helper .scheduleName {
  width: 100%; }

.schedulePriority_title {
  width: 12%;
  text-align: center !important; }

.schedulePriority {
  font-size: 1.3em;
  width: 12%;
  text-align: center !important; }

.deleteSchedule {
  width: 50px;
  min-width: 50px; }

.gotoSchedule {
  width: 50px;
  min-width: 50px; }

.activeStateSchedule {
  width: 50px;
  min-width: 50px; }

.demo {
  border: 1px solid #000 !important;
  width: 4em;
  margin-right: 5px;
  text-align: center;
  float: left;
  position: relative;
  display: inline-block; }

/*
.thisDeviceIsOnline{
	opacity: 1;
}*/
/*.mfcMovieList{
}*/
.px50Bottom {
  bottom: 50px;
  overflow: hidden; }

.movieList {
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 10px;
  top: 100px;
  right: 20px;
  bottom: 30px;
  overflow-y: auto;
  overflow-x: hidden; }

.movieplaylist {
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 10px;
  top: 80px;
  right: 20px;
  bottom: 30px;
  overflow-y: auto;
  overflow-x: hidden; }

.OneMovieCheckbox {
  width: 50px;
  /* 	height: 50px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

/*.ui-state-highlight{
	height: 40px;
	
}*/
.OneMovieCheckboxFolder {
  width: 20px;
  padding: 0 25px;
  /* 	height: 50px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.OneMovieCheckboxFolder img {
  height: 26px; }

.MovieFolder {
  width: 50%;
  position: absolute;
  height: 100%; }

.PlaylistDiv {
  width: 50%;
  position: absolute;
  height: 100%;
  left: 50%; }

.OneMovieName, .OnePlaylistName {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.oneMovieLi, .onePlaylistLi {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  background-color: #e3e3e3;
  margin: 2px;
  padding: 10px;
  cursor: pointer;
  /* 		border-bottom:1px solid #777; */ }

.oneMovieLi:hover {
  background-color: #b3b3b3; }

.mfcMovieList .mfcCont {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.mfcMovieList .mfcCont input {
  z-index: 10;
  /*-webkit-appearance: none;
	width: 30px;
	height: 30px;
	background: white;
	border-radius: 5px;
	border: 2px solid #555;*/ }

/*
.mfcMovieList .mfcCont input[type='checkbox']:checked {
	background: #abd;
}*/
.mfcMovieList .mfcText {
  margin-left: 80px; }

.movieControls {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0;
  left: 0;
  z-index: 20;
  border-top: 2px solid #009FE3;
  box-sizing: border-box;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.movieControlsButtons {
  /*width: 100px;*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: row;
  flex-direction: row;
  /*height: 100%;*/
  -ms-flex: 0 0 100px;
  flex: 0 0 100px; }

.movieControlsButtons img {
  width: 30px;
  cursor: pointer; }

.movieControlsButtons img:hover {
  background-color: lightgray; }

.mfScroll {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow-x: auto; }

.bottom50px {
  bottom: 50px; }

.UButton {
  height: 30px;
  background-color: #009FE3;
  padding: 5px 10px;
  color: #fff;
  border-radius: 3px;
  border: 1px solid #0089BC;
  cursor: pointer;
  text-align: center; }

.UButton:hover {
  background-color: #0089BC; }

.controlRight {
  right: 10px;
  top: 10px;
  -ms-flex-preferred-size: 100px;
  flex-basis: 100px;
  margin-right: 10px; }

.nowPlayingMovie {
  margin: 0 10px;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: 100px;
  flex-basis: 100px; }

.mfcContentRoom {
  /*position: absolute;
	top: 150px;
	left: 55px;
	right: 40px;
	bottom: 0;*/ }

.mediaWidget {
  width: 100%;
  height: 100%; }

.redBackground {
  background-color: #F16761;
  border-top: 2px solid #71312E; }

.redBackground .saveMoviesButton {
  background-color: #71312E;
  border: 1px solid #000; }

.meetingRoomSelect {
  width: 300px; }

.mfPopupNotification {
  padding: 1.5em;
  /*height:500px;*/ }

.mfPopupButton {
  display: inline-block;
  background-color: #2F4050;
  border-radius: 3px;
  color: #fff;
  cursor: pointer; }

/* Analog clock */
#watch {
  font-size: 1em;
  position: relative; }

#watch .frame-face {
  position: relative;
  width: 30em;
  height: 30em;
  margin: 2em auto;
  border-radius: 15em;
  /*background:-webkit-linear-gradient(top, #f9f9f9,#666);
  background:-moz-linear-gradient(top, #f9f9f9,#666);
  background:linear-gradient(to bottom, #f9f9f9,#666);
  box-shadow:rgba(0,0,0,.8) .5em .5em 4em;*/ }

#watch .frame-face:before {
  content: '';
  width: 29.4em;
  height: 29.4em;
  border-radius: 14.7em;
  position: absolute;
  top: .3em;
  left: .3em;
  background: linear-gradient(135deg, rgba(246, 248, 249, 0) 0%, #e5ebee 50%, #cdd4d9 51%, rgba(245, 247, 249, 0) 100%), radial-gradient(ellipse at center, #f6f8f9 0%, #e5ebee 65%, #cdd4d9 66%, #f5f7f9 100%); }

#watch .frame-face:after {
  content: '';
  width: 28em;
  height: 28em;
  border-radius: 14.2em;
  position: absolute;
  top: .9em;
  left: .9em;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0.2em 0.2em 1em;
  border: 0.1em solid rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom, #fff, #ccc); }

#watch .minute-marks li {
  display: block;
  width: .2em;
  height: .6em;
  background: #929394;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.4em 0 0 -.1em; }

#watch .minute-marks li:first-child {
  transform: rotate(6deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(2) {
  transform: rotate(12deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(3) {
  transform: rotate(18deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(4) {
  transform: rotate(24deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(5) {
  transform: rotate(36deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(6) {
  transform: rotate(42deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(7) {
  transform: rotate(48deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(8) {
  transform: rotate(54deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(9) {
  transform: rotate(66deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(10) {
  transform: rotate(72deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(11) {
  transform: rotate(78deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(12) {
  transform: rotate(84deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(13) {
  transform: rotate(96deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(14) {
  transform: rotate(102deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(15) {
  transform: rotate(108deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(16) {
  transform: rotate(114deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(17) {
  transform: rotate(126deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(18) {
  transform: rotate(132deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(19) {
  transform: rotate(138deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(20) {
  transform: rotate(144deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(21) {
  transform: rotate(156deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(22) {
  transform: rotate(162deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(23) {
  transform: rotate(168deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(24) {
  transform: rotate(174deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(25) {
  transform: rotate(186deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(26) {
  transform: rotate(192deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(27) {
  transform: rotate(198deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(28) {
  transform: rotate(204deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(29) {
  transform: rotate(216deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(30) {
  transform: rotate(222deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(31) {
  transform: rotate(228deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(32) {
  transform: rotate(234deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(33) {
  transform: rotate(246deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(34) {
  transform: rotate(252deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(35) {
  transform: rotate(258deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(36) {
  transform: rotate(264deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(37) {
  transform: rotate(276deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(38) {
  transform: rotate(282deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(39) {
  transform: rotate(288deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(40) {
  transform: rotate(294deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(41) {
  transform: rotate(306deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(42) {
  transform: rotate(312deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(43) {
  transform: rotate(318deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(44) {
  transform: rotate(324deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(45) {
  transform: rotate(336deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(46) {
  transform: rotate(342deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(47) {
  transform: rotate(348deg) translateY(-12.7em); }

#watch .minute-marks li:nth-child(48) {
  transform: rotate(354deg) translateY(-12.7em); }

#watch .digits {
  width: 30em;
  height: 30em;
  border-radius: 15em;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15em; }

#watch .digits li {
  font-size: 1.6em;
  display: block;
  width: 1.6em;
  height: 1.6em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1.6em;
  text-align: center;
  margin: -.8em 0 0 -.8em;
  font-weight: bold; }

#watch .digits li:nth-child(1) {
  transform: translate(3.9em, -6.9em); }

#watch .digits li:nth-child(2) {
  transform: translate(6.9em, -4em); }

#watch .digits li:nth-child(3) {
  transform: translate(8em, 0); }

#watch .digits li:nth-child(4) {
  transform: translate(6.8em, 4em); }

#watch .digits li:nth-child(5) {
  transform: translate(3.9em, 6.9em); }

#watch .digits li:nth-child(6) {
  transform: translate(0, 8em); }

#watch .digits li:nth-child(7) {
  transform: translate(-3.9em, 6.9em); }

#watch .digits li:nth-child(8) {
  transform: translate(-6.8em, 4em); }

#watch .digits li:nth-child(9) {
  transform: translate(-8em, 0); }

#watch .digits li:nth-child(10) {
  transform: translate(-6.9em, -4em); }

#watch .digits li:nth-child(11) {
  transform: translate(-3.9em, -6.9em); }

#watch .digits li:nth-child(12) {
  transform: translate(0, -8em); }

#watch .digits:before {
  content: '';
  width: 1.6em;
  height: 1.6em;
  border-radius: .8em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.8em 0 0 -.8em;
  background: #121314; }

#watch .digits:after {
  content: '';
  width: 4em;
  height: 4em;
  border-radius: 2.2em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.1em 0 0 -2.1em;
  border: .1em solid #c6c6c6;
  background: radial-gradient(ellipse at center, rgba(200, 200, 200, 0), #bebebe 90%, #828282 100%); }

@keyframes hours {
  to {
    transform: rotate(335deg); } }

#watch .hours-hand {
  width: .8em;
  height: 7em;
  border-radius: 0 0 .9em .9em;
  background: #232425;
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin: 0 0 -.8em -.4em;
  box-shadow: #232425 0 0 2px;
  transform-origin: 0.4em 6.2em;
  transform: rotate(-25deg);
  animation: hours 43200s linear 0s infinite; }

#watch .hours-hand:before {
  content: '';
  background: inherit;
  width: 1.8em;
  height: .8em;
  border-radius: 0 0 .8em .8em;
  box-shadow: #232425 0 0 1px;
  position: absolute;
  top: -.7em;
  left: -.5em; }

#watch .hours-hand:after {
  content: '';
  width: 0;
  height: 0;
  border: .9em solid #232425;
  border-width: 0 .9em 2.4em .9em;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: -3.1em;
  left: -.5em; }

@keyframes minutes {
  to {
    transform: rotate(422deg); } }

#watch .minutes-hand {
  width: .8em;
  height: 12.5em;
  border-radius: .5em;
  background: #343536;
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin: 0 0 -1.5em -.4em;
  box-shadow: #343536 0 0 2px;
  transform-origin: 0.4em 11em;
  transform: rotate(62deg);
  animation: minutes 3600s linear 0s infinite; }

@keyframes seconds {
  to {
    transform: rotate(480deg); } }

#watch .seconds-hand {
  width: .2em;
  height: 14em;
  border-radius: .1em .1em 0 0/10em 10em 0 0;
  background: #c00;
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin: 0 0 -2em -.1em;
  box-shadow: rgba(0, 0, 0, 0.8) 0 0 0.2em;
  transform-origin: 0.1em 12em;
  transform: rotate(120deg);
  animation: seconds 60s steps(60, end) 0s infinite; }

#watch .seconds-hand:after {
  content: '';
  width: 1.4em;
  height: 1.4em;
  border-radius: .7em;
  background: inherit;
  position: absolute;
  left: -.65em;
  bottom: 1.35em; }

#watch .seconds-hand:before {
  content: '';
  width: .8em;
  height: 3em;
  border-radius: .2em .2em .4em .4em/.2em .2em 2em 2em;
  box-shadow: rgba(0, 0, 0, 0.8) 0 0 0.2em;
  background: inherit;
  position: absolute;
  left: -.35em;
  bottom: -3em; }

#watch .digital-wrap {
  width: 9em;
  height: 3em;
  border: .1em solid #222;
  border-radius: .2em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 3em 0 0 -4.5em;
  overflow: hidden;
  background: #4c4c4c;
  background: linear-gradient(to bottom, #4c4c4c 0%, #0f0f0f 100%); }

#watch .digital-wrap ul {
  float: left;
  width: 2.85em;
  height: 3em;
  border-right: 0.1em solid #000;
  color: #dddddd;
  font-family: Consolas, monaco, monospace; }

#watch .digital-wrap ul:last-child {
  border: none; }

#watch .digital-wrap li {
  font-size: 1.5em;
  line-height: 2;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  left: 1px; }

#watch .digit-minutes li {
  animation: dsm 3600s steps(60, end) 0s infinite; }

#watch .digit-seconds li {
  animation: dsm 60s steps(60, end) 0s infinite; }

@keyframes dsm {
  to {
    transform: translateY(-120em); } }

.grid {
  /*display: none;*/
  width: 100%;
  height: 100%;
  /*background: url('../UserContent/system/infoChannel/grid.svg');*/
  /*background-size: 17.037037037037035px 17.037037037037035px;*/
  /*background-size: 17.037037037037035px 17.037037037037035px;*/
  /*background-repeat: repeat;*/
  z-index: 500;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none; }

.gridBox {
  border: 0.5px solid #000; }

.gridColumb {
  height: 100%;
  float: left; }

.gridRow {
  width: 100%; }

.marginLeft {
  margin-left: 40px; }

.marginLeft20 {
  margin-left: 20px; }

.tableWidget {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  padding: 0; }

.tableWidget, .tableWidget th, .tableWidget td {
  border: 1px solid #000;
  border-collapse: collapse;
  padding: 10px; }

.qrWidget, .qrWidget canvas {
  width: 100%;
  height: 100%;
  padding: 1.6%; }

.qrWidget {
  background-color: #fff;
  /*margin:1em;*/ }

b {
  font-weight: bold; }

#mfTableContentPopup .mfPopupContent {
  background-color: #df171a; }

.editACollumn {
  position: relative;
  height: 100%;
  float: left;
  /*border: 4px solid $tabs-background-color;*/
  padding: 5px;
  background-color: #fff;
  min-width: 200px;
  border-right: 1px solid #c4c4c4; }

.headerColumns {
  position: relative;
  float: left;
  width: 98%; }

.headerColumn {
  height: 98%;
  float: left;
  height: 40px;
  /*border: 4px solid $tabs-background-color;*/
  padding: 5px;
  background-color: #f4f4f4;
  min-width: 200px;
  width: 100%;
  border: 0px solid #df171a; }

.headerColumn label {
  line-height: 30px;
  position: relative;
  float: left;
  margin-right: 10px;
  font-size: 13px; }

.headerColumn select {
  margin-top: 8px;
  position: relative;
  float: left; }

.headerRow {
  min-width: 100%;
  float: left; }

.editARow {
  min-width: 100%;
  min-height: 40px;
  float: left; }

.leftCol {
  float: left;
  width: 2%;
  /*padding-top: 15px;*/ }

.editASubRow {
  width: 98%;
  float: left;
  border-bottom: 1px solid #c4c4c4;
  height: 100%; }

.editASubRow div {
  min-height: 40px;
  height: 100%; }

.editARow:focus {
  box-shadow: none; }

.tableDragWidth {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  color: #009FE3;
  top: 0;
  top: 5px; }

.tablestyle {
  padding-top: 5px; }

.tableWidgetStyletext {
  color: #000;
  line-height: 100%;
  font-size: 70%; }

.tableWidgetStyleprice {
  color: #000;
  text-align: right;
  margin-right: 1em;
  line-height: 100%;
  font-size: 70%; }

.tableWidgetStyletitle {
  font-size: 2em;
  color: orange;
  line-height: 100%;
  font-size: 90%; }

.tableWidget td,
.JColResizer .tableWidget > tbody > tr > td, .JColResizer .tableWidget > tbody > tr > th,
.JColResizer .td, .JColResizer .th {
  padding: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  vertical-align: middle; }

/*
.tableWidget td:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
*/
.mfPopupContentTable {
  margin-top: 0em;
  width: 100%;
  max-height: 90%;
  display: block;
  position: absolute;
  /*bottom: 10px;*/
  bottom: inherit;
  top: 0;
  height: auto;
  margin-bottom: 2.4em;
  padding-left: 1%;
  padding-right: 1%;
  overflow: auto;
  text-align: center; }

.mfScheduleTable {
  font-size: 1.2em; }

.mfScheduleInput {
  width: 150px;
  /*font-size: 1.1em;
    font-weight: 200;*/
  background-color: #e8e8e8;
  border-radius: 0px;
  border: 1px solid #c3c3c3;
  margin-bottom: 0px;
  margin-right: 10px;
  display: block;
  padding: 3px 3px 3px 3px; }

.mfSchedulePreview {
  height: 300px;
  font-size: 0.8em;
  overflow: hidden;
  border: 0px solid #df171a;
  word-wrap: break-word;
  margin-right: 5%;
  width: 150px; }

.mfTable .td_scheduler_time {
  padding-top: 7px !important;
  padding-bottom: 7px !important; }

.mfTable .td_scheduler_time label {
  display: inline-block;
  margin-bottom: 5px !important; }

.td_scheduler_buttons,
.td_scheduler_days {
  padding-top: 15px !important; }

.td_scheduler_buttons .mfButton {
  width: 30%;
  margin-right: 3%; }

.mfSchedulePreviewContent {
  padding-top: 20px;
  font-size: 1.2em; }

.mfSchedulePreviewImage {
  height: 60%;
  overflow: hidden;
  background-color: #000;
  background-size: contain;
  background-position: center;
  margin-bottom: 10px;
  background-repeat: no-repeat; }

.mfScheduleTable {
  vertical-align: top;
  border: 0px solid #df171a;
  font-size: 1em; }

.mfScheduleTable tr {
  border-top: 0px solid #ededed; }

.ManageColWidth input {
  min-width: 230px; }

.ManageColWidth {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

#scheduler_here {
  background-color: transparent; }

#UCastScheduleForm {
  position: absolute;
  top: 100px;
  left: 200px;
  z-index: 119;
  display: none; }

.dhx_cal_cover {
  z-index: 118 !important; }

#UCastScheduleForm label {
  width: 200px; }

.scheduleOverview {
  cursor: default; }

.scheduleOverview div div {
  cursor: pointer; }

.scheduleHours {
  width: 100%; }

.scheduleHours td:first-child {
  text-align: left;
  padding: 0px 0px 0px 3px;
  background-color: inherit; }

.scheduleHours td {
  border-left: 1px solid #000;
  width: calc(100% / 24);
  text-align: left;
  padding: 0px 0px 0px 3px;
  font-size: 0.9em; }

.example1 {
  height: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  color: black; }

.example1 p:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.AnimationListDiv {
  /*height: 300px !important;*/
  height: 100% !important;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
  border: 1px solid lightgrey; }

.OneAnimationDiv {
  /*background-color: red;*/
  height: 50px;
  width: 100%;
  margin: 2px 0;
  background-color: #f6f6f6;
  /*text-align: left;*/
  /*width: 100%;*/ }

.OneAnimationDivDiv {
  /*background-color: green;*/
  height: 25px;
  /*display: flex;*/
  /*align-content: flex-start;*/ }

.removeAnimationButton, .previewAnimationButton {
  background-color: lightgrey;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
  padding: 0 2px;
  margin: 2.5px;
  float: right; }

.removeAnimationButton:hover, .previewAnimationButton:hover {
  background-color: darkgray; }

.OneAnimationDivDivRow {
  height: 100%;
  /*background-color: yellow;*/
  float: left; }

.OneAnimationDivDivRow label {
  float: left;
  padding-left: 3px; }

.OneAnimationDivDivRow input, .OneAnimationDivDivRow select {
  float: right; }

.OneAnimationDivDivRow input {
  width: 40px; }

.OneAnimationDivDivRow select {
  width: 50%; }

.OADDR1 {
  width: 56%;
  padding-right: 5%; }

.OADDR2 {
  width: 37%;
  padding-right: 5%; }

.OADDR3 {
  width: 7%; }

.textBlockDiv {
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0; }

.textWidgetDiv {
  width: 100%;
  height: 100%;
  line-height: 100%; }

.textWidgetDiv span {
  line-height: 1.3em; }

/*.textWidgetDiv span{
    line-height: 100%;
}*/
.loadDiv {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  top: 0;
  left: 0;
  z-index: 9999;
  background-image: url("../UserContent/system/icon/load.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8%; }

.loadDiv span {
  text-align: center;
  font-size: 3em;
  width: 100%;
  position: absolute;
  top: 55%; }

.dhx_scale_holder, .dhx_scale_holder_now {
  background-size: 100% 2.0833333333% !important; }

.dhx_cal_event {
  overflow: hidden !important; }

.dhx_cal_container {
  font-family: "Lato", sans-serif !important;
  font-size: 0.9em !important; }

.myEventColor {
  background-color: papayawhip; }

.myScheduleObject_resize {
  bottom: 0;
  height: 5px;
  position: absolute; }

.my_event_move {
  float: right;
  width: 15px;
  height: 15px;
  cursor: move;
  margin-top: 2px;
  margin-right: 7px;
  background-image: url("../UserContent/system/icon/move.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.newMessagePopup {
  width: 500px;
  height: 300px;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: fixed; }

.newMessagePopup table tr td {
  padding: 2px; }

.newMessagePopup .messageSubject {
  width: 98%;
  margin: 1%; }

.div_pictureWidgetImg {
  position: relative;
  width: 100%;
  height: 100%; }

textarea {
  resize: none; }

.td_left {
  padding-left: 0 !important;
  text-align: left !important; }

.previewPlaylistPage {
  width: 80%;
  height: 80%;
  margin-left: 10%;
  margin-top: 10%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-position: center;
  background-repeat: no-repeat;
  /*background-size: 80%;*/
  background-size: contain; }

.liveRadio {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  z-index: 300; }

.liveRadioName {
  position: absolute;
  bottom: 3%;
  left: 3%;
  color: #fff;
  font-family: "Audiowide";
  font-size: 4em; }

.mfSlider {
  height: 2em;
  margin-bottom: 6px; }

.mfSliderContainer {
  width: 300px; }

.mfNumber {
  width: 100%;
  height: 1em; }

.touchremote #slider, .touchremote .measuredVolume, .touchremote #measuredVolume {
  height: 100% !important; }

.touchremote .mfDeviceVolumeSlider, .touchremote .mfDeviceMeasuredVolume {
  height: 90% !important; }

/*
.touchremote .measuredVolume{
        height: 90% !important

}*/
.touchremote {
  overflow: auto !important; }

.touchremote #slider {
  width: 50px !important; }

.remoteHeader {
  width: 100%;
  font-size: 2em;
  text-align: center;
  padding: 0.2em;
  background-color: #009FE3;
  color: #fff;
  font-weight: bold; }

.mfTouchRemote {
  /*background-color: yellow;*/
  width: 100%;
  height: 80%; }

.remoteSlider {
  height: 100%;
  width: 100%; }

.remoteVolumeSlider {
  width: 20%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  height: 70%; }

.touchremote .remoteSliderValue {
  text-align: center;
  margin-top: 30px; }

.touchremote #slider .ui-slider-handle {
  background-image: none;
  background-color: #df171a;
  left: 0px;
  width: 56px !important;
  margin: 0px !important;
  margin-left: -4px !important;
  margin-bottom: -50px !important;
  background-size: 100% 100% !important;
  height: 100px !important; }

.touchremote .remoteMeasuredVolume {
  position: absolute;
  top: 10%;
  height: 78%;
  right: 10%; }

.touchremote .mfDeviceMeasuredVolume #sliderValue {
  position: absolute;
  right: 10%;
  top: 88%; }

.uniquePairLink {
  width: 300px; }

.touchremote .muteButton {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 10000;
  width: auto;
  text-align: center;
  float: none;
  width: 70px; }

#notActive {
  background-image: url("../UserContent/system/infoChannel/slideBackground/signCrowBG.png");
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  position: fixed;
  padding-top: 10%;
  font-size: 3.5em;
  width: 100%;
  height: 100%;
  text-align: center;
  background-size: 100% 100%;
  top: 0;
  left: 0; }

#deviceTabs {
  width: 100%;
  border: 0px solid #df171a; }

/*START TWITTER*/
.div_twitter {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.div_twitter1_item {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px;
  margin: 0% 1% 1% 1%; }

.div_twitter2_item {
  position: relative;
  float: left;
  width: 98%;
  background-color: #dddddd;
  /*border:1px solid darkgrey;*/
  margin: 0% 1% 1% 1%;
  padding: 10px; }

.div_twitter1_item_0,
.div_twitter2_item_0 {
  margin-top: 1% !important; }

.div_twitter3_items_inner {
  position: relative;
  width: 100%;
  top: 0;
  min-height: 100%; }

.div_twitter3_item {
  position: relative;
  /*left:0;
    top: 0;*/
  float: left;
  width: 100%;
  height: 100%;
  /*background-color: grey;*/
  /*display: none;*/
  padding: 10px;
  /*border:5px solid red;*/
  /*box-shadow: 0 4px 8px 0 rgba(255, 0, 0, 0.8);*/
  /*, 0 6px 20px 0 rgba(0, 0, 0, 0.19)*/ }

/*END TWITTER*/
.mfPopupContent_table {
  width: 100%; }

.mfPopupContent_table .td_label {
  width: 40%; }

.mfPopupContent_table .td_label label {
  width: 100%; }

.mfPopupContent_table .td_input {
  width: 65%; }

.stylesHeader td {
  font-weight: bold !important; }

.stylesForm select {
  /*height :24px;
    line-height: 24px;
    width:240px;
    margin-bottom: 5px;*/ }

#settingsTabs,
#messagesTabs,
#servicesTabs {
  margin-bottom: 15px !important; }

.div_sub_settings {
  font-weight: bold !important;
  margin-bottom: 8px;
  margin-bottom: 20px; }

.tab .slider {
  border: 1px solid #dddddd !important; }

.ui-state-active {
  background-color: #fff !important;
  border: 1px solid #dddddd !important;
  border-bottom: 1px solid #fff !important;
  color: #454545 !important; }

.ui-state-active a {
  color: #454545 !important; }

.ui-tabs .ui-tabs-nav {
  padding: 0.2em 0.2em 0 0 !important; }

.ui-tabs-nav {
  background: #f6f7f9 !important; }

.ui-widget-content {
  border: 0px !important; }

.ui-widget-content .tab {
  border: 1px solid #dddddd !important; }

.ui-tabs-nav {
  /*border:none!important;
    background: none!important;*/ }

.editASubRowMerge {
  position: absolute;
  left: -10px;
  width: 20px;
  height: 20px !important;
  min-height: 20px !important;
  background-image: url(../UserContent/system/icon/icon_merge_cells.png);
  background-size: cover;
  background-color: #f6f7f9; }

#MainMenuDivPreview {
  /* width: 384px;
  height: 216px; */
  /*width:40vw;
  height: 22.5vw;
  margin: 1vw 5vw;
  position: relative;*/
  width: 45vw;
  height: 25.5vw;
  position: relative;
  margin: 1vw 0;
  /* 1vw*/
  float: right;
  background: rgba(0, 0, 0, 0.9); }

#MenuBGImagePreview {
  width: 100%;
  height: 100%;
  position: absolute;
  /*background-image: url(../images/MenuBG.jpg);*/
  background-repeat: no-repeat;
  background-size: cover; }

.SettingsColors {
  width: 100%; }

.settingsColorDiv {
  float: left;
  width: 33.33%; }

.settingsColorDiv label {
  margin-left: 1em;
  margin-right: 1em; }

.settingsColorDiv h3 {
  float: left;
  clear: both; }

.colorPreview {
  width: 96%;
  margin: 2%;
  height: 200px;
  border-radius: 0.3em;
  border: 1px solid #CECECE; }

.colorPreviewSmall {
  position: absolute;
  left: 300px;
  top: 5px;
  width: 50px;
  height: 50px;
  border-radius: 0.3em;
  border: 1px solid #CECECE; }

.SettingsMainMenu {
  width: 100%; }

.PageHeader {
  font-size: 3em;
  margin-top: 0em; }

.SettingsHeader {
  background: #2F4050 none repeat scroll 0% 0%;
  color: #fff;
  /*border-top: 10px solid $sidebar-background-color;*/
  text-transform: uppercase;
  padding: 8px;
  font-family: "Lato", sans-serif !important;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px; }

.SettingsDiv {
  float: left;
  border-radius: 0.5em;
  padding-bottom: 1em;
  margin-bottom: 1em; }

.SettingsMainMenuParm {
  float: left;
  width: 40%; }

.MainMenuPreview {
  float: right;
  width: 60%;
  /*position: relative;*/ }

.SettingsSubHeader {
  font-size: 16px;
  margin-bottom: 6px;
  margin-top: 15px;
  font-weight: bold; }

.SettingsSubDiv {
  margin-left: 1em;
  width: 100%; }

.range {
  width: 50%; }

#videoPreview {
  position: absolute;
  width: 100%;
  height: 100%; }

#gradientCanvas {
  position: absolute;
  width: 100%;
  height: 100%; }

.opacityMainMenuPreviewDiv {
  position: absolute;
  width: 100%;
  height: 100%; }

.previewContent {
  font-family: "Lato", sans-serif;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 100;
  border: 1px solid #2f4050;
  overflow: hidden;
  right: 0;
  top: 0; }

/* styling of preview mainmenulist */
#MainMenuList {
  position: absolute;
  /* top: 50%; */
  width: 90%;
  padding: 0;
  margin: 0 5%; }

.MainMenuItem {
  float: left;
  margin: 10px 1.5%;
  list-style: none;
  width: 22%;
  text-align: center; }

.mainmenuLogo {
  width: 50%; }

.MenuTitles {
  font-size: 2.1em;
  font-weight: 300;
  left: 5%;
  margin: 0%;
  position: absolute;
  text-align: left;
  top: 0%; }

#Date {
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 0.7em;
  text-align: center;
  position: absolute; }

#Time {
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  position: absolute; }

#weather {
  position: absolute;
  right: 5%;
  font-size: 0.8em;
  top: 2%; }

#weather h2 {
  float: right;
  margin-bottom: 0.1em; }

#weather h3 {
  float: right;
  margin-top: 0em;
  font-size: 1.5em; }

#weather img {
  float: right;
  margin-top: 0em;
  width: 15%;
  clear: right;
  margin-left: 1.5em; }

#MainMenuLogo {
  width: 9%;
  top: 2%;
  left: 2%;
  position: absolute; }

.service_logo {
  width: 150px;
  height: 150px;
  border: 1px solid #dddddd; }

.messageRow td {
  line-height: 28px; }

.messageRow td.td_padding_left_1 {
  padding-left: 30px !important;
  background-position: 5px 2px; }

.messageRow td.td_padding_left_2 {
  padding-left: 60px !important;
  background-position: 30px 2px; }

.messageRow td.td_padding_left_3 {
  padding-left: 90px !important;
  background-position: 60px 2px; }

.messageRow td.td_padding_left_4 {
  padding-left: 120px !important;
  background-position: 90px 2px; }

.messageRow td.td_padding_left_5 {
  padding-left: 150px !important;
  background-position: 120px 2px; }

.deviceInTree {
  color: #343e4a; }

.messageRow td.treeLines {
  background-image: url("../UserContent/system/icon/tree-indent.png") !important;
  background-size: 24px 24px;
  background-repeat: no-repeat; }

#dayButton_error {
  font-size: 10px;
  display: none; }

.span_error,
.span_orange {
  color: #df171a;
  position: relative;
  float: left;
  margin-left: 10px; }

.span_orange {
  color: #EABE81; }

.table_epg {
  width: 100%;
  font-size: 13px;
  line-height: 24px; }

.table_epg td.date {
  width: 180px !important; }

.table_epg td.title {
  /* width: auto;*/ }

.table_epg tr.tr_odd {
  background-color: #f6f6f6; }

.table_epg tr.tr_title td {
  font-weight: bold; }

.div_epg_descripion {
  display: none; }

.epg_show_hide {
  font-size: 10px;
  text-decoration: underline; }

.p_error {
  margin-left: 30px;
  margin-top: 30px; }

.h2_statistics {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px; }

.div_statistics_details {
  margin-bottom: 20px;
  display: none; }

/*,
.mfcAddTwitter
{
    display: none!important;
}*/
.mfcAddMeetingRoom {
  /*display: none!important;*/ }

.audioTagBackend {
  background-image: url(../UserContent/system/icon/radio.svg);
  background-repeat: no-repeat; }

.div_service_logo svg {
  margin-top: 3px;
  width: 26px;
  height: 26px; }

.pagination {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 600px; }

.td_paging {
  text-align: center; }

.pagination li {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 2px; }

.pagination li a,
.pagination li span {
  background-color: #343d49;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: normal; }

.pagination li.active span {
  background-color: #14bce3; }

.table_paging {
  width: 100%; }

.table_paging tr td {
  width: 100%;
  text-align: center; }

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

.td_device_logging_date {
  width: 200px; }

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

/*START DROPZONE*/

@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(-40px); } }

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px); }
  30% {
    opacity: 1;
    transform: translateY(0px); } }

@keyframes pulse {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.1); }
  20% {
    transform: scale(1); } }

.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 0px;
  /*background:white;*/
  height: 100%;
  padding: 20px 20px; }

.dropzone.dz-clickable {
  cursor: pointer; }

.dropzone.dz-clickable * {
  cursor: default; }

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer; }

.dropzone.dz-started .dz-message {
  display: none; }

.dropzone.dz-drag-hover {
  border-style: solid; }

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5; }

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0; }

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px; }

.dropzone .dz-preview:hover {
  z-index: 1000; }

.dropzone .dz-preview:hover .dz-details {
  opacity: 1; }

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #dddddd); }

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1; }

.dropzone .dz-preview.dz-image-preview {
  background: #fff; }

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear; }

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none; }

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline; }

.dropzone .dz-preview:hover .dz-details {
  opacity: 1; }

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 230%; }

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px; }

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap; }

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8); }

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis; }

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent; }

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px; }

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px); }

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10; }

.dropzone .dz-preview .dz-image img {
  display: block; }

.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px; }

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px; }

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear; }

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in; }

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite; }

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 25px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden; }

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out; }

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block; }

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto; }

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: #fff; }

.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626; }

/*END DROPZONE*/
/*START NOTIFICATIONS*/
.div_notification {
  position: absolute;
  z-index: 10000;
  width: 200px;
  min-height: 100px;
  right: 15px;
  bottom: 15px;
  display: none; }

.div_notification div {
  background-color: #2F4050;
  border-radius: 10px;
  width: 200px;
  min-height: 100px;
  color: #fff; }

/*END NOTIFICATIONS*/
.td_date {
  width: 15%; }

.td_menu {
  width: auto; }

.td_menu div {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 800px;
  height: 1.2em;
  white-space: nowrap; }

.mfTextarea {
  width: 650px; }

.div_row {
  position: relative;
  float: left;
  width: 100%; }

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

.div_tab_row .col-xs-3 {
  position: relative;
  float: left;
  width: 25%; }

.div_tab_row .col-xs-9 {
  position: relative;
  float: left;
  width: 75%; }

.div_show {
  display: inline; }

.div_hide {
  display: none; }

.td_service_logo_empty {
  width: 36px; }

.td_service_logo {
  width: 72px; }

.div_preview_iframe {
  position: relative;
  min-width: 800px; }

.div_preview_navigation {
  width: 300px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 30px;
  margin-bottom: 20px; }

.div_prev,
.div_next {
  width: 145px;
  height: 30px;
  float: left;
  color: #fff;
  line-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
  background-color: #4a545d;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px; }

.form_preview select {
  min-width: 250px; }

.div_prev:hover,
.div_next:hover {
  border-bottom: 2px solid #009FE3; }

.div_prev {
  margin-right: 10px; }

#iframe_playlist {
  width: 800px;
  height: 450px;
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.mfInput_selectize {
  max-width: 100% !important;
  width: 100% !important; }

.div_signalisation_item {
  /*width: 98%;
    margin:1%;*/
  width: 100%;
  position: relative;
  display: block;
  float: left; }

.div_signalisation_item_icon_container {
  width: 15%;
  position: relative;
  float: left;
  height: 100%;
  text-align: center; }

.div_signalisation_item_icon {
  position: relative;
  max-height: 100%;
  max-width: 100%; }

.div_signalisation_item_icon img {
  position: relative;
  max-width: 100%;
  width: auto;
  height: 100%;
  max-height: 100%;
  vertical-align: top; }

.div_signalisation_item_icon svg {
  max-width: 70%;
  width: auto;
  height: 100%;
  vertical-align: top; }

.div_signalisation_item_text {
  display: block;
  width: 100%;
  position: relative;
  float: left;
  height: 100%;
  background-color: #fff000;
  white-space: nowrap;
  overflow: hidden;
  /*line-height: 100%;*/ }

.div_signalisation_item_text span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  border: 0px solid red;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden; }

.div_signalisation_column {
  position: relative;
  float: left;
  height: 100%;
  margin-right: 1%; }

.filler {
  display: none;
  float: left; }

.div_service_logo img {
  height: 100%; }

#SlideSideBarAnimationsDiv .jspSetting {
  margin-top: 10px !important;
  margin-top: 10px !important; }

.div_service_logo svg,
.div_service_logo svg g path,
.div_service_logo svg g circle {
  fill: #fff !important; }

#div_installpage {
  z-index: 10000;
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); }

#div_installpage .div_row h1 {
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 40px; }

#div_installpage .div_row {
  margin-left: 2%;
  margin-right: 2%;
  width: 96%;
  position: relative;
  float: left; }

#div_installpage .div_row label {
  position: relative;
  float: left;
  width: 200px;
  font-size: 15px; }

#div_installpage .div_row input {
  position: relative;
  float: left;
  width: 300px;
  font-size: 13px; }

#div_installpage .div_row_input {
  height: 130px; }

#txt_search,
#div_search_button {
  position: relative;
  float: right; }

.mfButtonRight,
#div_search_button {
  margin-right: 20px; }

#txt_search {
  border: 1px solid #000;
  padding: 0 5px 0 5px;
  height: 36px;
  line-height: 36px;
  text-align: left !important;
  margin: 0 10px 0 0; }

/*
#mfContent_canvas
{
    position: absolute;
    z-index: 10000;
    width: 200px;
    height: 200px;
    left:0;
    top: 0;
    background:red;
}*/
#myCanvas2,
#myCanvas {
  z-index: 100000;
  position: absolute;
  left: 0px;
  top: 0;
  width: 200px;
  height: 200px;
  background: yellow; }

#myCanvas2 {
  z-index: 100000;
  border: 1px solid #c3c3c3;
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  position: absolute;
  z-index: 10000;
  background: blue !important;
  left: 500px !important;
  top: 100px !important; }

#myCanvas2_image {
  z-index: 100000;
  border: 1px solid #c3c3c3;
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  position: absolute;
  z-index: 10000;
  background: blue !important;
  left: 300px !important;
  top: 100px !important; }

/*START DATAGRID WIDGET*/
.datagrid {
  height: 100%;
  overflow: hidden; }

.table_datagrid {
  width: 100%; }

.table_datagrid td {
  padding: 5px;
  font-size: 0.8em;
  color: #000;
  border: 1px solid #000; }

.table_datagrid td.first_column {
  padding-left: 10px !important; }

.tr_datagrid_title td {
  font-weight: bold;
  background-color: #23262a;
  color: #fff; }

.tr_datagrid_main_title td {
  font-weight: bold;
  background-color: #fff;
  border-bottom: 2px solid #fff;
  color: #23262a;
  font-size: 1.5em;
  text-align: center; }

.tr_datagrid_even td {
  background-color: #f2f2f2; }

.datagrid_block_outer {
  height: 100%; }

.datagrid_block_outer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  /*display: none;VERSION 2*/
  /*opacity: 0;*/
  /*display: block;VERSION 1
    left:100%;*/
  /*left: 100%;VERSION 1 2 4*/
  top: 0;
  /*opacity:1;*/ }

.datagrid_block_outer_selected {
  /* opacity: 1;*/
  /*display: block;VERSION 2*/
  /*opacity: 0;
    -webkit-animation:fadeIn 2s both;
    animation:fadeIn 2s both;*/
  /*display: block;*/
  left: 0;
  /*-webkit-transition: left 2s ease;
    -moz-transition:left 2s ease;
    -o-transition: left 2s ease;
    transition: left 2s ease;*/ }

.datagrid_fade .datagrid_block_outer {
  left: 0;
  display: none; }

.datagrid_fade .datagrid_block_outer_first {
  display: block; }

.datagrid_slide_in_left .datagrid_block_outer {
  left: 100%; }

.datagrid_slide_in_right .datagrid_block_outer {
  left: -100%; }

.datagrid_slide_in_top .datagrid_block_outer {
  top: -100%; }

.datagrid_slide_in_top .datagrid_block_outer_first {
  top: 0; }

.datagrid_STARTED td {
  background-color: #297eda !important;
  color: #fff; }

/*END DATAGRID WIDGET*/
/*START IMMOEXPERT WIDGET*/
.immoexpert,
.immofrancois,
.immodelaet,
.immobehome,
.immotrybou,
.immoipa,
.immovdb,
.immonelis,
.immoalbert,
.immocfinance,
.immojenj,
.immonouvelleagence,
.immofinehomes,
.immotermote,
.immorshomes,
.immoera,
.immoifac,
.immotopshome,
.immopp,
.immolantmeeters,
.immoarthur,
.immoglorieux,
.immoeasyhome {
  height: 100%;
  overflow: hidden; }

.immoexpert_block,
.immofrancois_block,
.immodelaet_block,
.immobehome_block,
.immoipa_block,
.immovdb_block,
.immonelis_block,
.immoalbert_block,
.immocfinance_block,
.immojenj_block,
.immonouvelleagence_block,
.immofinehomes_block,
.immotermote_block,
.immorshomes_block,
.immoera_block,
.immoifac_block,
.immotopshome_block,
.immopp_block,
.immolantmeeters_block,
.immoarthur_block,
.immoglorieux_block,
.immoeasyhome_block {
  position: relative;
  float: left;
  margin-bottom: 1%;
  margin-right: 1%;
  background-color: #fff; }

.immoexpert_block_inner,
.immofrancois_block_inner,
.immodelaet_block_inner,
.immotrybou_block_inner,
.immobehome_block_inner,
.immoipa_block_inner,
.immovdb_block_inner,
.immonelis_block_inner,
.immoalbert_block_inner,
.immocfinance_block_inner,
.immojenj_block_inner,
.immonouvelleagence_block_inner,
.immofinehomes_block_inner,
.immotermote_block_inner,
.immorshomes_block_inner,
.immoera_block_inner,
.immoifac_block_inner,
.immotopshome_block_inner,
.immopp_block_inner,
.immolantmeeters_block_inner,
.immoarthur_block_inner,
.immoglorieux_block_inner,
.immoeasyhome_block_inner {
  position: relative;
  width: 100%;
  height: 100%; }

/*END IMMOEXPERT WIDGET*/
/*START IMMO WIDGET*/
.immo {
  height: 100%;
  overflow: hidden; }

.immo_block {
  position: relative;
  float: left;
  margin-bottom: 1%;
  margin-right: 1%;
  background-color: #fff; }

.immo_block_inner {
  position: relative;
  width: 100%;
  height: 100%; }

.immo_block_inner_img {
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }

.immo_block_inner_img_hover {
  background-color: #f15a31;
  position: absolute;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  left: -40px;
  top: 40px;
  color: #fff;
  font-size: 0.7em;
  /* IE 9 */
  /* Safari */
  transform: rotate(-45deg); }

.immo_block_inner_text {
  position: absolute;
  width: 49%;
  margin-left: 1%;
  margin-right: 0;
  left: 50%;
  top: 0;
  height: 100%; }

.immo_block_inner_text,
.immo_block_inner_text .immo_intro {
  font-size: 0.8em; }

.immo_block_inner_text h2 {
  text-transform: uppercase;
  font-weight: bold !important;
  font-size: 1.3em;
  line-height: 1.4em;
  margin: 0 0 10px 0;
  padding: 0;
  border-bottom: 2px solid #bbb;
  color: #004fa3; }

.immo_block_inner_text_price {
  position: absolute;
  right: 0;
  bottom: 0px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #f15a31;
  width: 100%;
  color: #fff;
  font-weight: bold; }

.immo_block_inner_text {
  background-color: #fff; }

.immo_block_outer,
.immoexpert_block_outer,
.immofrancois_block_outer,
.immodelaet_block_outer,
.immotrybou_block_outer,
.immobehome_block_outer,
.immoipa_block_outer,
.immovdb_block_outer,
.immonelis_block_outer,
.immoalbert_block_outer,
.immocfinance_block_outer,
.immojenj_block_outer,
.immonouvelleagence_block_outer,
.immofinehomes_block_outer,
.immotermote_block_outer,
.immorshomes_block_outer,
.immoera_block_outer,
.immoifac_block_outer,
.immotopshome_block_outer,
.immopp_block_outer,
.immolantmeeters_block_outer,
.immoarthur_block_outer,
.immoglorieux_block_outer,
.immoeasyhome_block_outer {
  position: absolute;
  width: 100%;
  height: 100% !important;
  /*display: none;VERSION 2*/
  /*opacity: 0;*/
  /*display: block;VERSION 1
    left:100%;*/
  /*left: 100%;VERSION 1 2 4*/
  top: 0;
  /*opacity:1;*/ }

.immo_block_outer_selected,
.immoexpert_block_outer_selected,
.immofrancois_block_outer_selected,
.immodelaet_block_outer_selected,
.immotrybou_block_outer_selected,
.immobehome_block_outer_selected,
.immoipa_block_outer_selected,
.immovdb_block_outer_selected,
.immonelis_block_outer_selected,
.immoalbert_block_outer_selected,
.immocfinance_block_outer_selected,
.immojenj_block_outer_selected,
.immonouvelleagence_block_outer_selected,
.immofinehomes_block_outer_selected,
.immotermote_block_outer_selected,
.immorshomes_block_outer_selected,
.immoera_block_outer_selected,
.immoifac_block_outer_selected,
.immotopshome_block_outer_selected,
.immopp_block_outer_selected,
.immolantmeeters_block_outer_selected,
.immoarthur_block_outer_selected,
.immoglorieux_block_outer_selected,
.immoeasyhome_block_outer_selected {
  /* opacity: 1;*/
  /*display: block;VERSION 2*/
  /*opacity: 0;
    -webkit-animation:fadeIn 2s both;
    animation:fadeIn 2s both;*/
  /*display: block;*/
  left: 0;
  /*-webkit-transition: left 2s ease;
    -moz-transition:left 2s ease;
    -o-transition: left 2s ease;
    transition: left 2s ease;*/ }

.immo_fade .immo_block_outer,
.immo_fade .immoexpert_block_outer,
.immo_fade .immofrancois_block_outer,
.immo_fade .immodelaet_block_outer,
.immo_fade .immoipa_block_outer,
.immo_fade .immotrybou_block_outer,
.immo_fade .immobehome_block_outer,
.immo_fade .immovdb_block_outer,
.immo_fade .immonelis_block_outer,
.immo_fade .immoalbert_block_outer,
.immo_fade .immocfinance_block_outer,
.immo_none .immo_block_outer,
.immo_none .immoexpert_block_outer,
.immo_none .immofrancois_block_outer,
.immo_none .immodelaet_block_outer,
.immo_none .immoipa_block_outer,
.immo_none .immotrybou_block_outer,
.immo_none .immobehome_block_outer,
.immo_none .immovdb_block_outer,
.immo_none .immonelis_block_outer,
.immo_none .immoalbert_block_outer,
.immo_none .immocfinance_block_outer,
.immo_fade .immojenj_block_outer,
.immo_none .immojenj_block_outer
.immo_fade .immonouvelleagence_block_outer,
.immo_none .immonouvelleagence_block_outer,
.immo_fade .immofinehomes_block_outer,
.immo_none .immofinehomes_block_outer,
.immo_fade .immotermote_block_outer,
.immo_none .immotermote_block_outer,
.immo_fade .immorshomes_block_outer,
.immo_none .immorshomes_block_outer,
.immo_fade .immoera_block_outer,
.immo_fade .immoifac_block_outer,
.immo_fade .immotopshome_block_outer,
.immo_none .immoera_block_outer,
.immo_none .immoifac_block_outer,
.immo_none .immotopshome_block_outer,
.immo_fade .immopp_block_outer,
.immo_none .immopp_block_outer,
.immo_fade .immolantmeeters_block_outer,
.immo_none .immolantmeeters_block_outer,
.immo_fade .immoarthur_block_outer,
.immo_none .immoarthur_block_outer,
.immo_fade .immoglorieux_block_outer,
.immo_none .immoglorieux_block_outer,
.immo_fade .immoeasyhome_block_outer,
.immo_none .immoeasyhome_block_outer {
  left: 0;
  display: none;
  /*none*/
  /*opacity: 0;*/ }

.immo_fade .immo_block_outer_first,
.immo_fade .immoexpert_block_outer_first,
.immo_fade .immofrancois_block_outer_first,
.immo_fade .immodelaet_block_outer_first,
.immo_fade .immoipa_block_outer_first,
.immo_fade .immotrybou_block_outer_first,
.immo_fade .immobehome_block_outer_first,
.immo_fade .immovdb_block_outer_first,
.immo_fade .immonelis_block_outer_first,
.immo_fade .immoalbert_block_outer_first,
.immo_fade .immocfinance_block_outer_first,
.immo_fade .immojenj_block_outer_first,
.immo_none .immo_block_outer_first,
.immo_none .immoexpert_block_outer_first,
.immo_none .immofrancois_block_outer_first,
.immo_none .immodelaet_block_outer_first,
.immo_none .immoipa_block_outer_first,
.immo_none .immotrybou_block_outer_first,
.immo_none .immobehome_block_outer_first,
.immo_fade .immobehome_block_outer_first,
.immo_none .immobehome_block_outer_selected,
.immo_none .immovdb_block_outer_first,
.immo_fade .immovdb_block_outer_first,
.immo_none .immovdb_block_outer_selected,
.immo_none .immonelis_block_outer_first,
.immo_fade .immonelis_block_outer_first,
.immo_none .immonelis_block_outer_selected,
.immo_none .immoalbert_block_outer_first,
.immo_fade .immoalbert_block_outer_first,
.immo_none .immoalbert_block_outer_selected,
.immo_none .immocfinance_block_outer_first,
.immo_fade .immocfinance_block_outer_first,
.immo_none .immocfinance_block_outer_selected,
.immo_none .immojenj_block_outer_first,
.immo_fade .immojenj_block_outer_first,
.immo_none .immonouvelleagence_block_outer_selected,
.immo_none .immonouvelleagence_block_outer_first,
.immo_fade .immonouvelleagence_block_outer_first,
.immo_none .immofinehomes_block_outer_selected,
.immo_none .immofinehomes_block_outer_first,
.immo_fade .immofinehomes_block_outer_first,
.immo_none .immotermote_block_outer_selected,
.immo_none .immotermote_block_outer_first,
.immo_fade .immotermote_block_outer_first,
.immo_none .immorshomes_block_outer_selected,
.immo_none .immorshomes_block_outer_first,
.immo_fade .immorshomes_block_outer_first,
.immo_none .immoera_block_outer_selected,
.immo_none .immoera_block_outer_first,
.immo_fade .immoera_block_outer_selected,
.immo_fade .immoera_block_outer_first,
.immo_none .immoifac_block_outer_selected,
.immo_none .immoifac_block_outer_first,
.immo_fade .immoifac_block_outer_selected,
.immo_fade .immoifac_block_outer_first,
.immo_none .immotopshome_block_outer_selected,
.immo_none .immotopshome_block_outer_first,
.immo_fade .immotopshome_block_outer_selected,
.immo_fade .immotopshome_block_outer_first,
.immo_none .immopp_block_outer_selected,
.immo_none .immopp_block_outer_first,
.immo_fade .immopp_block_outer_first,
.immo_none .immolantmeeters_block_outer_selected,
.immo_none .immolantmeeters_block_outer_first,
.immo_fade .immolantmeeters_block_outer_first,
.immo_none .immoarthur_block_outer_selected,
.immo_none .immoarthur_block_outer_first,
.immo_fade .immoarthur_block_outer_first,
.immo_none .immoglorieux_block_outer_selected,
.immo_none .immoglorieux_block_outer_first,
.immo_fade .immoglorieux_block_outer_first,
.immo_none .immoeasyhome_block_outer_selected,
.immo_none .immoeasyhome_block_outer_first,
.immo_fade .immoeasyhome_block_outer_first {
  display: block;
  /*opacity: 0.5;*/ }

/*
.immo_fade .immo_block_outer_selected
{
    opacity: 0.7;
}*/
.immo_slide_in_left .immo_block_outer,
.immo_slide_in_left .immoexpert_block_outer,
.immo_slide_in_left .immofrancois_block_outer,
.immo_slide_in_left .immodelaet_block_outer,
.immo_slide_in_left .immoipa_block_outer,
.immo_slide_in_left .immotrybou_block_outer,
.immo_slide_in_left .immobehome_block_outer,
.immo_slide_in_left .immovdb_block_outer,
.immo_slide_in_left .immonelis_block_outer,
.immo_slide_in_left .immoalbert_block_outer,
.immo_slide_in_left .immocfinance_block_outer,
.immo_slide_in_left .immojenj_block_outer,
.immo_slide_in_left .immonouvelleagence_block_outer,
.immo_slide_in_left .immofinehomes_block_outer,
.immo_slide_in_left .immotermote_block_outer,
.immo_slide_in_left .immorshomes_block_outer,
.immo_slide_in_left .immoera_block_outer,
.immo_slide_in_left .immoifac_block_outer,
.immo_slide_in_left .immotopshome_block_outer,
.immo_slide_in_left .immopp_block_outer,
.immo_slide_in_left .immolantmeeters_block_outer,
.immo_slide_in_left .immoarthur_block_outer,
.immo_slide_in_left .immoglorieux_block_outer,
.immo_slide_in_left .immoeasyhome_block_outer {
  left: 100%; }

.immo_slide_in_right .immo_block_outer,
.immo_slide_in_right .immoexpert_block_outer,
.immo_slide_in_right .immofrancois_block_outer,
.immo_slide_in_right .immodelaet_block_outer,
.immo_slide_in_right .immoipa_block_outer,
.immo_slide_in_right .immotrybou_block_outer,
.immo_slide_in_right .immobehome_block_outer,
.immo_slide_in_right .immovdb_block_outer,
.immo_slide_in_right .immonelis_block_outer,
.immo_slide_in_right .immoalbert_block_outer,
.immo_slide_in_right .immocfinance_block_outer,
.immo_slide_in_right .immojenj_block_outer,
.immo_slide_in_right .immonouvelleagence_block_outer,
.immo_slide_in_right .immofinehomes_block_outer,
.immo_slide_in_right .immotermote_block_outer,
.immo_slide_in_right .immorshomes_block_outer,
.immo_slide_in_right .immoera_block_outer,
.immo_slide_in_right .immoifac_block_outer,
.immo_slide_in_right .immotopshome_block_outer,
.immo_slide_in_right .immopp_block_outer,
.immo_slide_in_right .immolantmeeters_block_outer,
.immo_slide_in_right .immoarthur_block_outer,
.immo_slide_in_right .immoglorieux_block_outer,
.immo_slide_in_right .immoeasyhome_block_outer {
  left: -100%; }

.immo_slide_in_top .immo_block_outer,
.immo_slide_in_top .immoexpert_block_outer,
.immo_slide_in_top .immofrancois_block_outer,
.immo_slide_in_top .immodelaet_block_outer,
.immo_slide_in_top .immoipa_block_outer,
.immo_slide_in_top .immotrybou_block_outer,
.immo_slide_in_top .immobehome_block_outer,
.immo_slide_in_top .immovdb_block_outer,
.immo_slide_in_top .immonelis_block_outer,
.immo_slide_in_top .immoalbert_block_outer,
.immo_slide_in_top .immocfinance_block_outer,
.immo_slide_in_top .immojenj_block_outer,
.immo_slide_in_top .immonouvelleagence_block_outer,
.immo_slide_in_top .immofinehomes_block_outer,
.immo_slide_in_top .immotermote_block_outer,
.immo_slide_in_top .immorshomes_block_outer,
.immo_slide_in_top .immoera_block_outer,
.immo_slide_in_top .immoifac_block_outer,
.immo_slide_in_top .immotopshome_block_outer,
.immo_slide_in_top .immopp_block_outer,
.immo_slide_in_top .immolantmeeters_block_outer,
.immo_slide_in_top .immoarthur_block_outer,
.immo_slide_in_top .immoglorieux_block_outer,
.immo_slide_in_top .immoeasyhome_block_outer {
  top: -100%; }

.immo_slide_in_top .immo_block_outer_first,
.immo_slide_in_top .immoexpert_block_outer_first,
.immo_slide_in_top .immofrancois_block_outer_first,
.immo_slide_in_top .immodelaet_block_outer_first,
.immo_slide_in_top .immoipa_block_outer_first,
.immo_slide_in_top .immotrybou_block_outer_first,
.immo_slide_in_top .immobehome_block_outer_first,
.immo_slide_in_top .immovdb_block_outer_first,
.immo_slide_in_top .immonelis_block_outer_first,
.immo_slide_in_top .immoalbert_block_outer_first,
.immo_slide_in_top .immocfinance_block_outer_first,
.immo_slide_in_top .immojenj_block_outer_first,
.immo_slide_in_top .immonouvelleagence_block_outer_first,
.immo_slide_in_top .immofinehomes_block_outer_first,
.immo_slide_in_top .immotermote_block_outer_first,
.immo_slide_in_top .immorshomes_block_outer_first,
.immo_slide_in_top .immoera_block_outer_first,
.immo_slide_in_top .immoifac_block_outer_first,
.immo_slide_in_top .immotopshome_block_outer_first,
.immo_slide_in_top .immopp_block_outer_first,
.immo_slide_in_top .immolantmeeters_block_outer_first,
.immo_slide_in_top .immoarthur_block_outer_first,
.immo_slide_in_top .immoglorieux_block_outer_first,
.immo_slide_in_top .immoeasyhome_block_outer_first {
  top: 0; }

.immoexpert_intro,
.immofrancois_intro,
.immodelaet_intro,
.immoipa_intro,
.immobehome_intro,
.immovdb_intro,
.immonelis_intro,
.immoalbert_intro,
.immocfinance_intro,
.immocjenj_intro,
.immonouvelleagence_intro,
.immofinehomes_intro,
.immotermote_intro,
.immorshomes_intro,
.immoera_intro,
.immoifac_intro,
.immotopshome_intro,
.immopp_intro,
.immolantmeeters_intro,
.immoarthur_intro,
.immoglorieux_intro,
.immoeasyhome_intro {
  position: relative; }

/*.immo_block_outer_out
{
    -webkit-animation: fadeOut 2s both;
    -moz-animation: fadeOut 2s both;
    -o-animation: fadeOut 2s both;
    animation: fadeOut 2s both;
}*/
/*END IMMO WIDGET */
.td_id {
  width: 50px !important; }

.div_ULogLog_close {
  position: absolute;
  top: 20px;
  right: 40px;
  background-color: #009FE3;
  width: 30px;
  height: 30px;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  z-index: 100000;
  cursor: pointer; }

.div_template {
  position: relative;
  width: 212px;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  text-align: center;
  border-radius: 4px;
  padding: 10px;
  background-color: none;
  cursor: pointer; }

.div_template label {
  cursor: pointer; }

.div_template_selected {
  background-color: #2f4050;
  border-radius: 4px;
  padding: 10px; }

.div_template_selected label {
  color: #fff; }

.div_template_selected label p,
.div_template label p {
  padding: 0;
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.div_template_image {
  background-color: #dddddd;
  width: 192px;
  height: 108px;
  background-size: 100% 100%;
  border: 1px solid #cccccc; }

/*START MEETING ROOM*/
.div_meetingroom_show_checkin {
  /*width:50%;*/
  width: 200px;
  position: absolute;
  bottom: 3%;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 0.6em;
  padding: 0px 10px 0px 10px;
  border-radius: 4px; }

.MeetingRoomWidget_leftblue .div_meetingroom_show_checkin,
.MeetingRoomWidget_leftred .div_meetingroom_show_checkin,
.MeetingRoomWidget_leftgreen .div_meetingroom_show_checkin {
  left: 3%; }

.MeetingRoomWidget_blue .div_meetingroom_show_checkin,
.MeetingRoomWidget_red .div_meetingroom_show_checkin,
.MeetingRoomWidget_green .div_meetingroom_show_checkin {
  right: 3%; }

.MeetingRoomWidget_leftblue .div_meetingroom_show_checkin,
.MeetingRoomWidget_blue .div_meetingroom_show_checkin {
  background-color: rgba(0, 69, 112, 0.6); }

.MeetingRoomWidget_leftred .div_meetingroom_show_checkin,
.MeetingRoomWidget_red .div_meetingroom_show_checkin {
  background-color: rgba(255, 0, 0, 0.6); }

.MeetingRoomWidget_leftgreen .div_meetingroom_show_checkin,
.MeetingRoomWidget_green .div_meetingroom_show_checkin {
  background-color: rgba(130, 192, 4, 0.6); }

.MeetingRoomWidget {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.div_meetingroom_inner {
  position: relative;
  width: 100%;
  height: 100%; }

.div_meetingroom_inner_left,
.div_meetingroom_inner_right {
  position: absolute;
  height: 100%; }

.div_meetingroom_inner_left {
  width: 60%; }

.div_bookRoomHoursMinutes {
  position: relative;
  width: 100%;
  height: 120px;
  display: inline-block; }

.div_bookRoomText {
  color: #fff;
  margin-top: 4%;
  text-align: center;
  width: 100%;
  font-size: 1em; }

.div_bookRoomTextParticipants ul {
  text-align: left; }

.div_bookRoomTextParticipants ul li {
  font-size: 0.65em;
  list-style: circle;
  margin-left: 3%;
  line-height: 1.4em;
  text-transform: capitalize; }

.closeBookRoom {
  position: absolute;
  width: 50%;
  height: 60%;
  background-color: rgba(0, 0, 0, 0.85);
  /*84, 86, 86*/
  top: 25%;
  right: 25%;
  left: 25%;
  bottom: 25%;
  border-radius: 10px;
  border: 10px solid rgba(255, 255, 255, 0.9);
  /*204,204,204*/
  padding: 15px; }

.closeBookRoomButton {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 20px; }

.closeBookRoomButton svg,
.closeBookRoomButton path {
  fill: #000;
  /*545656*/ }

.a_bookRoomYes,
.a_bookRoomNo {
  background: #cccccc;
  color: #545656;
  font-size: 1em;
  font-weight: bold;
  border-radius: 4px;
  width: 120px;
  line-height: 2em;
  display: inline-block;
  text-align: center; }

.a_bookRoomYes {
  margin-right: 10px; }

.table_bookRoomHoursMinutes {
  text-align: center;
  width: 220px;
  margin-left: auto;
  margin-right: auto; }

.td_bookRoomHours_plus,
.td_bookRoomHours_min,
.td_bookRoomMinutes_plus,
.td_bookRoomMinutes_min,
.td_bookRoomHours,
.td_bookRoomMinutes {
  text-align: center; }

.td_bookRoomHours_plus svg,
.td_bookRoomHours_min svg,
.td_bookRoomMinutes_plus svg,
.td_bookRoomMinutes_min svg {
  width: 50px;
  height: 50px; }

.td_bookRoomHours,
.td_bookRoomMinutes,
.td_bookRoomTime {
  /*position: relative;
    float: left;*/
  padding-left: 8px; }

.td_bookRoomHours,
.td_bookRoomMinutes,
.td_bookRoomTime,
.td_bookRoomHours span,
.td_bookRoomMinutes span,
.td_bookRoomTime span,
.table_bookRoomHoursMinutes span,
.mfSlideDesigner .td_bookRoomHours span,
.mfSlideDesigner .td_bookRoomMinutes span,
.mfSlideDesigner .td_bookRoomTime span {
  color: #fff !important; }

.td_bookRoomHours,
.td_bookRoomMinutes {
  padding-right: 8px; }

.td_bookRoomTime {
  line-height: 50px; }

.div_bookRoomYesNo {
  position: relative;
  width: 100%;
  display: block;
  color: #fff;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
  width: 100%; }

.txt_bookRoomHours,
.txt_bookRoomMinutes {
  background-color: #fff;
  border: 1px solid #fff;
  width: 50px;
  height: 40px;
  line-height: 40px;
  color: #000;
  font-size: 1em;
  text-align: center;
  font-weight: bold; }

.div_meetingroom_inner_left_info {
  position: relative;
  width: 94%;
  margin-top: 5%;
  margin-left: 3%;
  margin-right: 3%; }

.div_meetingroom_inner_left_info h1 {
  font-size: 2em;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 50px 0 0 0;
  text-transform: uppercase;
  letter-spacing: 2pt; }

.div_meetingroom_inner_left_info h2 {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 40px 0 20px 0;
  padding: 0;
  letter-spacing: 1pt; }

.div_meetingroom_inner_left .div_meetingroom_inner_left_info ul {
  margin-top: 15px; }

.div_meetingroom_inner_left_info_room {
  position: relative;
  width: 100%;
  font-size: 1.6em;
  line-height: 100px;
  height: 100px;
  text-align: center;
  border-radius: 6px;
  margin-bottom: 5%;
  padding-top: 5px; }

.div_meetingroom_inner_left .div_meetingroom_inner_left_info ul li {
  list-style: circle;
  margin-left: 3%;
  font-size: 0.8em;
  line-height: 1.4em;
  text-transform: capitalize; }

.MeetingRoomWidget_blue .div_meetingroom_facilities,
.MeetingRoomWidget_red .div_meetingroom_facilities,
.MeetingRoomWidget_green .div_meetingroom_facilities {
  position: absolute;
  left: 3%;
  bottom: 3%;
  width: 100%; }

.MeetingRoomWidget_leftblue .div_meetingroom_facilities,
.MeetingRoomWidget_leftred .div_meetingroom_facilities,
.MeetingRoomWidget_leftgreen .div_meetingroom_facilities {
  position: absolute;
  right: 3%;
  bottom: 3%;
  width: 100%; }

.div_meetingroom_facilities_item {
  position: relative;
  background-color: #fff;
  padding: 0px;
  border-radius: 4px;
  color: #000;
  margin-right: 10px;
  height: 50px; }

.MeetingRoomWidget_blue .div_meetingroom_facilities_item,
.MeetingRoomWidget_red .div_meetingroom_facilities_item,
.MeetingRoomWidget_green .div_meetingroom_facilities_item {
  position: relative;
  float: left; }

.MeetingRoomWidget_leftblue .div_meetingroom_facilities_item,
.MeetingRoomWidget_leftred .div_meetingroom_facilities_item,
.MeetingRoomWidget_leftgreen .div_meetingroom_facilities_item {
  position: relative;
  float: right; }

.div_meetingroom_facilities_item_icon {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  background-color: #cccccc;
  padding-left: 5px;
  position: relative;
  float: left;
  width: 50px;
  margin-right: 10px;
  height: 50px; }

.div_meetingroom_facilities_item_icon_checkbox {
  margin-right: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

.div_meetingroom_facilities_item_icon svg {
  margin-bottom: 5px;
  margin-top: 5px; }

.div_meetingroom_facilities_item_icon img {
  max-width: 50px;
  max-height: 50px;
  margin-bottom: 10px; }

.div_meetingroom_facilities_item_value {
  position: relative;
  float: left;
  padding-right: 10px;
  line-height: 50px;
  padding-top: 2px;
  font-size: 0.5em !important; }

/*.div_meetingroom_inner_left .div_meetingroom_inner_left_info ul li::first-letter {text-transform: uppercase}*/
.div_meetingroom_inner_right_datetime .span_time {
  margin-top: 8%;
  line-height: 1em;
  font-size: 3.5em;
  text-align: center;
  width: 100%;
  position: relative;
  color: #545656;
  display: block; }

.div_meetingroom_inner_right_datetime .span_date {
  line-height: 2em;
  font-size: 1.4em;
  marign-bottom: 7%;
  text-align: center;
  width: 100%;
  position: relative;
  color: #545656;
  display: block; }

/*.div_meetingroom_inner_left .div_meetingroom_inner_left_info h1
{
    font-size:1.2em;
    line-height: 1.4em;
    margin:0 0 20px 0;
    padding: 0;
}*/
.div_meetingroom_inner_left .div_meetingroom_inner_left_info {
  font-size: 0.9em;
  line-height: 1.1em; }

.div_meetingroom_inner_right_meetings {
  margin-top: 100px;
  font-size: 0.8em;
  line-height: 1.4em;
  font-weight: normal; }

.div_meetingroom_inner_right {
  left: 60%;
  width: 34%;
  top: 0;
  padding-left: 3%;
  padding-right: 3%;
  background-color: #fff; }

.p_meetings_for_today {
  font-size: 1.3em;
  line-height: 1.5em;
  margin: 0 0 40px 0;
  padding: 0; }

.div_meetingroom_inner_right_bookroom {
  border-radius: 6px;
  position: absolute;
  bottom: 30px;
  right: 5%;
  text-align: center;
  width: 90%;
  font-size: 1em;
  height: 100px;
  line-height: 100px;
  cursor: pointer; }

.div_meetingroom_widget_logo {
  position: relative;
  height: 200px;
  margin-left: 3%;
  margin-right: 3%;
  margin-top: 30px;
  width: 94%;
  max-height: 12%;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }

.p_bookRoomTime {
  color: #fff;
  margin-top: 4%;
  text-align: center;
  width: 100%;
  font-family: "Lato", sans-serif;
  font-size: 0.8em;
  padding-bottom: 20px; }

.col-xs-4,
.col-xs-3,
.col-xs-2,
.col-xs-1 {
  position: relative;
  float: left; }

.col-xs-4 {
  width: 33.33%; }

.col-xs-2 {
  width: 16.66%; }

.col-xs-1 {
  width: 8.33%; }

.col-xs-3 {
  width: 25%; }

.div_tab_row_border_bottom {
  line-height: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dddddd !important; }

.div_tab_row .mfIcon {
  position: relative;
  float: left;
  margin-right: 5px; }

/*START MEETING ROOM TEMPLATE BLUE*/
.MeetingRoomWidget_blue {
  /*background-color: blue;*/ }

.popup_MeetingRoomWidget_blue .td_bookRoomHours_plus svg path,
.popup_MeetingRoomWidget_blue .td_bookRoomHours_min svg path,
.popup_MeetingRoomWidget_blue .td_bookRoomMinutes_plus svg path,
.popup_MeetingRoomWidget_blue .td_bookRoomMinutes_min svg path {
  fill: #fff; }

.MeetingRoomWidget_blue .div_meetingroom_inner_left {
  background-image: url(../UserContent/system/logo/blue-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.MeetingRoomWidget_blue .div_meetingroom_inner_left,
.MeetingRoomWidget_blue .div_meetingroom_inner_left_info_room h1,
.MeetingRoomWidget_blue .div_meetingroom_inner_left_info_room h2 {
  color: #fff; }

.MeetingRoomWidget_blue .div_meetingroom_inner_right_bookroom {
  background-image: url(../UserContent/system/logo/blue-bg.jpg);
  color: #fff; }

.MeetingRoomWidget_blue .div_meetingroom_inner_left_info_room {
  background-color: rgba(255, 255, 255, 0.5);
  color: #000; }

/*END MEETING ROOM TEMPLATE BLUE*/
/*START MEETING ROOM TEMPLATE LEFT BLUE*/
.popup_MeetingRoomWidget_blue .div_bookRoomYesNo .a_bookRoomYes,
.popup_MeetingRoomWidget_blue .div_bookRoomYesNo .a_bookRoomNo,
.popup_MeetingRoomWidget_leftblue .div_bookRoomYesNo .a_bookRoomYes,
.popup_MeetingRoomWidget_leftblue .div_bookRoomYesNo .a_bookRoomNo {
  background-color: #004570 !important;
  color: #fff !important; }

.MeetingRoomWidget_leftblue .div_meetingroom_inner_right {
  left: 0; }

.MeetingRoomWidget_leftblue .div_meetingroom_inner_left {
  left: 40%;
  width: 60%; }

.MeetingRoomWidget_leftblue .div_meetingroom_widget_logo {
  background-position: center center; }

.MeetingRoomWidget_leftblue {
  /*background-color: blue;*/ }

.popup_MeetingRoomWidget_leftblue .td_bookRoomHours_plus svg path,
.popup_MeetingRoomWidget_leftblue .td_bookRoomHours_min svg path,
.popup_MeetingRoomWidget_leftblue .td_bookRoomMinutes_plus svg path,
.popup_MeetingRoomWidget_leftblue .td_bookRoomMinutes_min svg path {
  fill: #fff; }

.MeetingRoomWidget_leftblue .div_meetingroom_inner_left {
  background-image: url(../UserContent/system/logo/blue-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.MeetingRoomWidget_leftblue .div_meetingroom_inner_left,
.MeetingRoomWidget_leftblue .div_meetingroom_inner_left_info_room h1,
.MeetingRoomWidget_leftblue .div_meetingroom_inner_left_info_room h2 {
  color: #fff; }

.MeetingRoomWidget_leftblue .div_meetingroom_inner_right_bookroom {
  background-image: url(../UserContent/system/logo/blue-bg.jpg);
  color: #fff; }

.MeetingRoomWidget_leftblue .div_meetingroom_inner_left_info_room {
  background-color: rgba(255, 255, 255, 0.5);
  color: #000; }

/*END MEETING ROOM TEMPLATE LEFT BLUE*/
/*START MEETING ROOM TEMPLATE RED*/
.popup_MeetingRoomWidget_red .div_bookRoomYesNo .a_bookRoomYes,
.popup_MeetingRoomWidget_red .div_bookRoomYesNo .a_bookRoomNo,
.popup_MeetingRoomWidget_leftred .div_bookRoomYesNo .a_bookRoomYes,
.popup_MeetingRoomWidget_leftred .div_bookRoomYesNo .a_bookRoomNo {
  background-color: #980201 !important;
  color: #fff !important; }

.MeetingRoomWidget_red {
  /*background-color: blue;*/ }

.popup_MeetingRoomWidget_red .td_bookRoomHours_plus svg path,
.popup_MeetingRoomWidget_red .td_bookRoomHours_min svg path,
.popup_MeetingRoomWidget_red .td_bookRoomMinutes_plus svg path,
.popup_MeetingRoomWidget_red .td_bookRoomMinutes_min svg path {
  fill: #fff; }

.MeetingRoomWidget_red .div_meetingroom_inner_left {
  background-image: url(../UserContent/system/logo/red-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 120%;
  /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/ }

.MeetingRoomWidget_red .div_meetingroom_inner_left,
.MeetingRoomWidget_red .div_meetingroom_inner_left_info_room h1,
.MeetingRoomWidget_red .div_meetingroom_inner_left_info_room h2 {
  color: #fff; }

.MeetingRoomWidget_red .div_meetingroom_inner_right_bookroom {
  background-image: url(../UserContent/system/logo/red-bg.jpg);
  color: #fff; }

.MeetingRoomWidget_red .div_meetingroom_inner_left_info_room {
  background-color: rgba(255, 255, 255, 0.5);
  color: #000; }

/*END MEETING ROOM TEMPLATE RED*/
/*START MEETING ROOM TEMPLATE LEFT RED*/
.MeetingRoomWidget_leftred .div_meetingroom_inner_right {
  left: 0; }

.MeetingRoomWidget_leftred .div_meetingroom_inner_left {
  left: 40%;
  width: 60%; }

.MeetingRoomWidget_leftred .div_meetingroom_widget_logo {
  background-position: center center; }

.MeetingRoomWidget_leftred {
  /*background-color: blue;*/ }

.popup_MeetingRoomWidget_leftred .td_bookRoomHours_plus svg path,
.popup_MeetingRoomWidget_leftred .td_bookRoomHours_min svg path,
.popup_MeetingRoomWidget_leftred .td_bookRoomMinutes_plus svg path,
.popup_MeetingRoomWidget_leftred .td_bookRoomMinutes_min svg path {
  fill: #fff; }

.MeetingRoomWidget_leftred .div_meetingroom_inner_left {
  background-image: url(../UserContent/system/logo/red-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 120%; }

.MeetingRoomWidget_leftred .div_meetingroom_inner_left,
.MeetingRoomWidget_leftred .div_meetingroom_inner_left_info_room h1,
.MeetingRoomWidget_leftred .div_meetingroom_inner_left_info_room h2 {
  color: #fff; }

.MeetingRoomWidget_leftred .div_meetingroom_inner_right_bookroom {
  background-image: url(../UserContent/system/logo/red-bg.jpg);
  color: #fff; }

.MeetingRoomWidget_leftred .div_meetingroom_inner_left_info_room {
  background-color: rgba(255, 255, 255, 0.5);
  color: #000; }

/*END MEETING ROOM TEMPLATE LEFT RED*/
/*START MEETING ROOM TEMPLATE GREEN*/
.popup_MeetingRoomWidget_green .div_bookRoomYesNo .a_bookRoomYes,
.popup_MeetingRoomWidget_green .div_bookRoomYesNo .a_bookRoomNo,
.popup_MeetingRoomWidget_leftgreen .div_bookRoomYesNo .a_bookRoomYes,
.popup_MeetingRoomWidget_leftgreen .div_bookRoomYesNo .a_bookRoomNo {
  background-color: #82c004 !important;
  color: #fff !important; }

.MeetingRoomWidget_green {
  /*background-color: blue;*/ }

.popup_MeetingRoomWidget_green .td_bookRoomHours_plus svg path,
.popup_MeetingRoomWidget_green .td_bookRoomHours_min svg path,
.popup_MeetingRoomWidget_green .td_bookRoomMinutes_plus svg path,
.popup_MeetingRoomWidget_green .td_bookRoomMinutes_min svg path {
  fill: #fff; }

.MeetingRoomWidget_green .div_meetingroom_inner_left {
  background-image: url(../UserContent/system/logo/green-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.MeetingRoomWidget_green .div_meetingroom_inner_left,
.MeetingRoomWidget_green .div_meetingroom_inner_left_info_room h1,
.MeetingRoomWidget_green .div_meetingroom_inner_left_info_room h2 {
  color: #fff; }

.MeetingRoomWidget_green .div_meetingroom_inner_right_bookroom {
  background-image: url(../UserContent/system/logo/green-bg.jpg);
  color: #fff; }

.MeetingRoomWidget_green .div_meetingroom_inner_left_info_room {
  background-color: rgba(255, 255, 255, 0.5);
  color: #000; }

/*END MEETING ROOM TEMPLATE GREEN*/
/*START MEETING ROOM TEMPLATE LEFT GREEN*/
.MeetingRoomWidget_leftgreen .div_meetingroom_inner_right {
  left: 0; }

.MeetingRoomWidget_leftgreen .div_meetingroom_inner_left {
  left: 40%;
  width: 60%; }

.MeetingRoomWidget_leftgreen .div_meetingroom_widget_logo {
  background-position: center center; }

.MeetingRoomWidget_leftgreen {
  /*background-color: blue;*/ }

.popup_MeetingRoomWidget_leftgreen .td_bookRoomHours_plus svg path,
.popup_MeetingRoomWidget_leftgreen .td_bookRoomHours_min svg path,
.popup_MeetingRoomWidget_leftgreen .td_bookRoomMinutes_plus svg path,
.popup_MeetingRoomWidget_leftgreen .td_bookRoomMinutes_min svg path {
  fill: #fff; }

.MeetingRoomWidget_leftgreen .div_meetingroom_inner_left {
  background-image: url(../UserContent/system/logo/green-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.MeetingRoomWidget_leftgreen .div_meetingroom_inner_left,
.MeetingRoomWidget_leftgreen .div_meetingroom_inner_left_info_room h1,
.MeetingRoomWidget_leftgreen .div_meetingroom_inner_left_info_room h2 {
  color: #fff; }

.MeetingRoomWidget_leftgreen .div_meetingroom_inner_right_bookroom {
  background-image: url(../UserContent/system/logo/green-bg.jpg);
  color: #fff; }

.MeetingRoomWidget_leftgreen .div_meetingroom_inner_left_info_room {
  background-color: rgba(255, 255, 255, 0.5);
  color: #000; }

/*END MEETING ROOM TEMPLATE LEFT GREEN*/
.div_no_room_selected {
  text-align: center;
  margin-top: 200px; }

.div_meetingroom_show_participants {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 20px; }

/*END MEETING ROOM*/
.mfIcon {
  height: 34px !important;
  vertical-align: middle; }

.mfIcon .svgIcon {
  margin-top: 5px; }

.a_twitter_show_content {
  background-color: #4a545d !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 4px;
  text-transform: uppercase;
  line-height: 28px;
  height: 28px;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 12px;
  padding-top: 0;
  padding-bottom: 0; }

.a_twitter_show_content:hover {
  background-color: rgba(74, 84, 93, 0.8) !important; }

.td_15 {
  width: 15% !important; }

.td_20 {
  width: 20% !important; }

.td_35 {
  width: 35% !important; }

.mfIconText {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%; }

.rotator {
  width: 100%;
  height: 100%; }

#channelDivUsign {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 1300;
  background-color: rgba(0, 0, 0, 0.8); }

#channelDivUsign_number {
  position: relative;
  float: left;
  width: 10%;
  height: 100px;
  color: #fff;
  font-family: "Lato", sans-serif;
  text-align: center;
  font-size: 2em;
  z-index: 1300;
  line-height: 100px; }

#channelDivUsign_name {
  position: relative;
  float: left;
  width: 90%;
  height: 100px;
  color: #fff;
  font-family: "Lato", sans-serif;
  text-align: left;
  font-size: 2em;
  line-height: 100px; }

/*START PORTAL AAGENT*/
.portal_aagent {
  position: relative;
  width: 100%;
  height: 100%; }

.portal_aagent_item {
  position: relative;
  float: left;
  width: 25%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline; }

.portal_aagent_item_selected {
  background-color: rgba(36, 116, 224, 0.8); }

.portal_aagent_item_icon {
  position: relative;
  height: 60%;
  margin-top: 10%;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%; }

.portal_aagent_item_text {
  position: relative;
  height: 25%;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 5%;
  color: #fff;
  font-weight: bold;
  font-size: 2em;
  text-align: center; }

.portal_aagent_item_icon_tv {
  background-image: url(../UserContent/system/icon/icon_channels.png);
  background-repeat: no-repeat;
  background-size: contain; }

.portal_aagent_item_icon_hdmi {
  background-image: url(../UserContent/system/icon/icon_source.png);
  background-repeat: no-repeat;
  background-size: contain; }

.portal_aagent_item_icon_screen_sharing {
  background-image: url(../UserContent/system/icon/icon_screenmirror.png);
  background-repeat: no-repeat;
  background-size: contain; }

/*END PORTAL AAGENT*/
/*START RSL WIDGET*/
.RSLTempWidget {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1em; }

.RSLTempWidget_inner {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1em;
  font-family: "Lato", sans-serif;
  color: #000;
  text-align: center; }

/*END RSL WIDGET*/
#div_STBRemoteConfCommandOptions {
  display: none; }

.mfIconButton {
  background-color: #343d49;
  color: #fff;
  position: relative;
  font-weight: bold;
  padding: 10px; }

.mfIconButton:hover {
  background-color: rgba(52, 61, 73, 0.8); }

.body_lg #video,
.body_lg #myVideo,
.body_lgwebos #video,
.body_lgwebos #myVideo {
  width: 100%;
  height: 100%; }

.body_lgwebos #video {
  position: absolute;
  left: 0;
  top: 0;
  display: none; }

.excel {
  position: relative;
  width: 100%;
  height: 100%; }

.excel table {
  position: relative;
  width: 100%;
  border-collapse: inherit !important;
  border-spacing: 0;
  min-height: 100%; }

.jspSettingSpacer {
  border-bottom: 2px solid #4a545d !important;
  height: 10px;
  margin-bottom: 10px;
  position: relative;
  width: 100%; }

.jspSettingMessage {
  position: relative;
  padding: 20px;
  text-align: left;
  max-width: 400px; }

.mfPopupContent .px20spacing {
  position: relative;
  width: 100%; }

.mfPopupContent .px20spacing .px20spacing_header {
  position: relative;
  padding-right: 0px; }

.mfPopupContent .px20spacing .px20spacing_body {
  margin-top: 0; }

.mfContent > div.mfContentMain {
  padding: 0; }

.table_conditions {
  border: 1px solid #2F4050;
  border-collapse: collapse;
  min-width: 600px; }

.table_conditions tr td,
.table_conditions td:first-child {
  width: 33.33%;
  padding: 7px !important;
  vertical-align: top; }

#accordion div.div_accordion_item {
  height: auto !important;
  border: 1px solid #dddddd !important; }

#div_device_selection {
  margin-top: 15px;
  padding: 10px;
  width: 100%;
  border: 1px solid #dddddd !important;
  min-height: 100px; }

#div_actions {
  width: 100%; }

#div_device_selection .mfTable tr {
  border-top-width: 1px; }

.td_row_title,
.td_row_action {
  position: relative;
  width: 100%;
  min-height: 30px; }

.tr_row_action {
  border-bottom: 5px solid #fff;
  background-color: #f6f7f9;
  height: 42px; }

.tr_row_action td {
  max-height: 42px;
  padding: 7px; }

.div_actions_sortable {
  position: relative;
  width: 100%; }

.tr_row_title {
  font-weight: bold; }

.tr_row_title th,
.tr_row_title td {
  padding-bottom: 10px; }

.td_col_action {
  width: 30%; }

.td_col_parameters {
  width: 40%; }

.td_col_wait_delay {
  width: 25%; }

.action_delay {
  margin-bottom: 0;
  padding-bottom: 0; }

.textarea_hidden {
  display: none; }

.action_list {
  width: 90%;
  /*margin-top:10px;*/
  margin-left: 5px;
  margin-bottom: 0; }

#div_add_new_action {
  margin-top: 10px; }

#label_sendChannel {
  font-weight: bold;
  margin-top: 10px;
  line-height: 30px; }

.mfPopup_triggers_channel {
  left: 30%;
  width: 40%;
  height: 40%; }

.mfPopup_triggers_channel .div_row {
  width: 80%; }

.div_trigger_channel {
  position: relative;
  display: inline-block;
  margin: 20px 2% 20px 2%;
  min-height: 30px;
  width: 96%; }

.div_trigger_channel .div_row {
  text-align: left; }

.div_trigger_channel label {
  line-height: 30px;
  font-weight: bold; }

.mfPopupContent .div_trigger_channel .mfInput {
  margin-left: 0 !important;
  padding-left: 0 !important; }

.div_action_param {
  position: relative;
  float: left;
  font-size: 11px;
  line-height: 18px;
  margin-left: 10px; }

.div_mfButton_outer {
  max-height: 18px !important;
  position: relative;
  float: left; }

.jspSettingTextarea_label {
  height: 20px !important; }

.jspSettingTextarea .jspInput {
  width: 100% !important;
  position: relative;
  float: left;
  max-width: 100%;
  display: inline-block; }

.template_preview {
  position: absolute;
  left: 300px;
  top: -60px;
  width: 192px;
  height: 108px; }

#filterDevicePopup {
  height: 350px; }

.a_choosecontentButton_slide {
  width: 250px; }

#deleteFolderPopup .mfPopupContent {
  height: 160px; }

.div_row_content,
.div_row_content_normal {
  margin-bottom: 10px !important; }

.div_license_status_,
.div_license_status_red,
.div_license_status_green,
.div_license_status_blue {
  position: relative;
  float: left;
  width: 5px;
  min-height: 22px;
  height: 100%;
  display: inline-block;
  margin-right: 5px; }

.div_license_status_green {
  color: #00963d; }

.div_license_status_red {
  color: #df171a; }

.div_row_content {
  margin-left: 20px; }

.license_error,
.license_ok,
.license_waiting {
  font-weight: bold; }

.license_error {
  font-weight: bold;
  /*color:$color-white;*/ }

.license_ok {
  color: #00963d;
  /*color:$color-white;*/ }

.license_waiting {
  color: #EABE81;
  /*color: $color-white;*/ }

.span_license_error {
  color: #df171a; }

.span_license_ok {
  color: #00963d; }

.span_license_waiting {
  color: #EABE81; }

.div_tab_row_device {
  line-height: 28px; }

.h1_popup {
  font-size: 18px;
  font-weight: bold; }

.mfPopupContentScroll {
  width: calc(100% - 10px); }

.mfPopupLeftAlign_overflow {
  margin-bottom: 50px;
  /*
 position: relative;
 height: 100%;
 overflow: auto;*/ }

#tv_guide {
  position: relative;
  width: 100%;
  height: 350px;
  overflow: auto;
  margin-bottom: 15px; }

fieldset {
  border: 1px solid #2F4050;
  padding: 15px;
  font-size: 12px;
  line-height: 17px;
  margin-top: 30px !important; }

fieldset legend {
  font-size: 1.3em;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  border-top: 1px solid #c2c2c2;
  background-color: #eee;
  top: -15px;
  line-height: 30px;
  height: 30px;
  position: relative;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.mfIcon_switch {
  height: 34px !important;
  display: inline-block; }

#playlist_items {
  margin-right: 15px; }

.playlist_item_inner {
  /*background-color:$popup-background-color;*/
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 150px; }

.playlist_item_content_settings {
  position: relative;
  height: 140px;
  padding: 15px;
  width: 100%;
  background-color: #f4f4f4; }

.playlist_item_content_settings_left {
  position: relative;
  float: left;
  width: 265px;
  font-size: 1.5em;
  line-height: 70px; }

.playlist_item_content_settings_right {
  position: relative;
  float: left;
  width: calc(100% - 265px); }

.playlist_item_content_settings_right table tr td {
  padding-left: 0px;
  padding-right: 8px;
  padding-bottom: 5px; }

.playlist_item_show_more {
  position: relative;
  font-size: 0.8em;
  cursor: pointer; }

.playlist_item {
  position: relative;
  display: inline-block;
  width: 100%;
  border: 1px solid #2F4050;
  cursor: move;
  margin-bottom: 10px; }

.playlist_item:hover .playlist_item_inner {
  background-color: #dddddd; }

.playlist_item:hover {
  border: 1px solid #009FE3; }

.playlist_item_image {
  overflow: hidden;
  position: relative;
  float: left;
  width: 265px;
  height: 150px;
  transition: all 0.8s; }

.playlist_item_image_inner:hover,
.playlist_item:hover .playlist_item_image_inner {
  transform: scale(1.1); }

.playlist_item_image_inner {
  transition: all 0.3s;
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center; }

.playlist_item_image_portrait {
  background-size: contain;
  background-position: center center; }

.playlist_item_content {
  padding: 15px;
  position: relative;
  float: left;
  height: 150px;
  width: calc(100% - 371px); }

.playlist_item_content_button_row .mfIcon .svgIcon {
  margin-top: 8px !important; }

.playlist_buttons {
  position: relative;
  margin-bottom: 20px;
  height: 30px; }

.playlist_item_content_buttons {
  position: relative;
  float: left;
  width: 45px;
  margin-right: 8px;
  height: 150px; }

.playlist_item_content_button_row_first_row {
  margin-top: 8px; }

.playlist_item_content_button_row {
  position: relative;
  float: left;
  height: 40px;
  width: 100%;
  margin-bottom: 8px; }

.playlist_item_content_button_row .mfIcon {
  height: 40px !important; }

/*.playlist_item_content_button_row_show_more
		{
			position:absolute;
			bottom:0;
			line-height:24px;
			height:24px;
			background:rgb(52, 61, 73);
			color:#ffffff;
			text-align:center;
		}*/
.playlist_item_duration {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  text-align: center; }

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  margin-top: 11px;
  height: 17px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  transition: .4s; }

input:checked + .slider {
  background-color: #009FE3; }

/*
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}*/
input:checked + .slider:before {
  transform: translateX(13px); }

/* Rounded sliders */
.slider.round {
  border-radius: 17px; }

.slider.round:before {
  border-radius: 50%; }

.input_duration {
  width: 20px;
  margin-top: 8px;
  font-size: 0.6em;
  text-align: center;
  line-height: 16px; }

.mfIconPreview svg circle,
.mfIconPreview svg path {
  stroke: #bfd1d9 !important; }

.mfIconPreview:hover svg circle,
.mfIconPreview:hover svg path {
  stroke: #fff !important; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  /*margin-bottom:0px!important;*/
  padding-bottom: 0px !important; }

.ui-tabs .ui-tabs-nav li.ui-state-default {
  margin-bottom: -1px !important;
  padding-bottom: 0px !important;
  border-bottom: 1px solid #f6f6f6; }

.SlideSideBar {
  height: calc((100% - 70px) * 0.65); }

/*#SlideSideBarSettingDiv
{
 
 border-top: 1px solid red;
}*/
#SlideSideBarSettingDiv {
  right: 5px;
  width: calc(100% - 5px); }

#SlideSideBarTop .ui-widget *,
#SlideSideBarTop li a,
#SlideSideBarTop li a:focus,
#SlideSideBarLayers .ui-widget *,
#SlideSideBarLayers li a,
#SlideSideBarLayers li a:focus {
  outline-color: none !important;
  outline: 0 !important; }

​
#SlideSideBarTop .ui-state-active {
  border-bottom: 0px solid #fff !important; }

#SlideSideBarTop ul li {
  border-bottom-left-radius: 0px;
  border-color: #dddddd;
  border-bottom: 0 !important; }

#SlideSideBarTop {
  border-bottom: 1px solid #dddddd !important;
  border-bottom-left-radius: 4px !important; }

.AnimationListDiv {
  border: 0 !important;
  background-color: #fff !important; }

#SlideSideBarTop .jspSidebar {
  border-bottom-left-radius: 4px; }

#SlideSideBarLayers {
  position: absolute;
  right: 0;
  width: 420px;
  height: calc((100% - 70px) * 0.35);
  bottom: 0px;
  z-index: 10000;
  /*padding:5px!important;*/ }

#SlideSideBarLayersDiv {
  padding: 5px;
  border-left: 1px solid #dddddd !important;
  height: calc(100% - 42px);
  position: relative;
  overflow: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-right: 5px; }

#SlideSideBarLayersDiv div:hover {
  cursor: move; }

#SlideSideBarLayersDiv div.ui-sortable-helper {
  cursor: move; }

#SlideSideBarLayers .ui-tabs-nav {
  background-color: #f6f7f9 !important; }

.div_layer {
  position: relative;
  width: 100%;
  height: 28px;
  line-height: 28px;
  padding: 0px 10px 0px 5px;
  color: #fff !important;
  margin-bottom: 3px;
  font-size: 13px;
  background-color: #4a545d !important; }

.div_layer_selected {
  background-color: #009FE3 !important; }

.div_layer span.span_layer {
  position: relative;
  float: left;
  line-height: 28px;
  margin-top: 5px;
  background-image: url("../bower_components/jquery-ui/themes/base/images/ui-icons_ffffff_256x240.png"); }

#SlideSideBarAnimationsDiv::-webkit-scrollbar,
#SlideSideBarSettingDiv::-webkit-scrollbar,
#SlideSideBarLayersDiv::-webkit-scrollbar {
  width: 5px;
  padding-right: 5px;
  position: absolute; }

#SlideSideBarAnimationsDiv::-webkit-scrollbar-track,
#SlideSideBarSettingDiv::-webkit-scrollbar-track,
#SlideSideBarLayersDiv::-webkit-scrollbar-track {
  background: #fff; }

#SlideSideBarAnimationsDiv::-webkit-scrollbar-thumb,
#SlideSideBarSettingDiv::-webkit-scrollbar-thumb,
#SlideSideBarLayersDiv::-webkit-scrollbar-thumb {
  background: #009FE3; }

#SlideSideBarAnimationsDiv::-webkit-scrollbar-thumb:hover,
#SlideSideBarSettingDiv::-webkit-scrollbar-thumb:hover,
#SlideSideBarLayersDiv::-webkit-scrollbar-thumb:hover {
  background: #009FE3; }

.USignMedia {
  width: 100%;
  height: 100%; }

.video_bg {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99; }

.mfSlides .mfSlideDesigner {
  bottom: 0px; }

.div_layer_lock,
.div_layer_view {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 24px;
  height: 100%;
  background-color: #5d666e;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 1px solid #cccccc;
  cursor: pointer !important; }

.div_layer_view {
  right: 24px; }

.SlideWidget_locked {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.75);
  width: 20px;
  height: 20px;
  z-index: 10000;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

/*
.mfSchedulePreview .mfButton
{
	width: 100%;
}*/
.mfScheduleTable td {
  text-align: left !important; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus,
.mfButton,
.mfButton:focus {
  outline: 0; }

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

.mfPopupLeftAlignPadding20px {
  padding: 20px; }

.mfSlider::before {
  display: none !important; }

.mfPopupLeftAlign_overflow .px20spacing {
  padding: 0px 20px 20px 10px; }

.mfPopupContent .mfcDivButtons {
  display: none !important; }

.mfPopupContent .mfcDiv {
  height: 120px !important; }

.mfPopupContent .mfcCont {
  height: 80%; }

.mfPopupContent .mfcText {
  top: 80%;
  height: 20%; }

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

.mfPopupContent .px20spacing_body {
  padding-left: 20px; }

.signalisationRow {
  background-color: #f6f7f9;
  border-top: 8px solid #fff !important; }

.mfTable .signalisationRow td.td_signalisation_icon {
  line-height: 10px !important;
  width: 50px; }

.mfTable .signalisationRow td {
  line-height: 40px;
  height: 40px !important;
  padding: 0 !important; }

.mfTable td.td_vertical_center {
  vertical-align: middle; }

.div_signalisation_logo {
  background-color: #dddddd;
  width: 40px;
  height: 40px; }

.div_signalisation_logo img,
.location_icon_small {
  height: 40px;
  width: 40px;
  padding: 0; }

#importLocations,
#importMenu {
  transform: rotate(180deg); }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.alert-danger strong {
  font-weight: bold; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.servicesRowLabel td label {
  position: relative;
  width: 100%;
  height: 100%;
  display: block; }

.body_amino .pictureList img {
  position: absolute;
  left: 0px;
  top: 0px; }

.body_lg .mfSlideDesignerSlide,
.body_lg .mfSlideDesigner {
  width: 1280px;
  height: 720px;
  top: 0; }

#a_select_channels {
  color: #ffffff; }

.div_select_channels {
  position: absolute;
  right: 0;
  top: 0; }

#div_services .mfTable th,
#div_services .mfTable td {
  letter-spacing: 0.2pt;
  font-size: 14px !important; }

.devicesTablePopup tr.servicesRowLabel {
  background-color: #f6f7f9 !important;
  border-top: 4px solid #fff !important; }

.devicesTablePopup tr.servicesRowLabel.servicesSubRowLabel {
  border-top: 1px solid #fff !important; }

/*START REMOTE PAGE */
.touchremote .remoteVolumeSliderOuter {
  width: 200px;
  height: 450px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px; }

.touchremote .mfTouchRemote {
  float: none;
  position: relative;
  height: 370px;
  display: block; }

.touchremote #slider {
  width: 20px !important;
  margin-left: 25px !important;
  z-index: 1;
  height: 78% !important; }

.touchremote #slider .ui-slider-handle {
  width: 28px !important;
  margin-left: -3px;
  z-index: 100; }

.touchremote .remoteVolumeSliderOuter .mfDeviceMeasuredVolume {
  position: absolute;
  right: 0;
  margin-top: 0 !important;
  top: 0px !important;
  margin-bottom: 0px !important;
  height: 100% !important;
  padding: 0; }

.touchremote .remoteVolumeSliderOuter .mfDeviceMeasuredVolume .remoteMeasuredVolume {
  top: 0; }

.touchremote .remoteVolumeSliderOuter .remoteVolumeSlider {
  height: 100%;
  width: 70px !important;
  margin: 0 auto 0 auto !important; }

.touchremote .remoteVolumeSliderOuter .muteButton {
  margin-top: 10px;
  z-index: 1000; }

#sliderValue,
.remoteSliderValue,
.touchremote .sliderValue {
  text-align: center;
  position: absolute;
  top: 90% !important;
  margin-top: 0; }

.remoteSliderValue {
  width: 60px; }

.touchremote .remoteSliderValue {
  width: 70px; }

/*END REMOTE PAGE*/
/*START NEW device detail */
.div_tab_row .mfLabel {
  font-size: 14px;
  margin-top: 6px;
  line-height: 19px; }

.div_tab_row .mfLabel_bold {
  font-weight: bold !important;
  letter-spacing: 0.3pt; }

.div_tab_row .mfLabel_checkbox {
  font-size: 14px; }

.div_row_content .mfInput {
  padding: 5px;
  font-size: 14px;
  width: 250px; }

.div_row_content select.mfInput {
  width: 258px !important; }

.div_row_content textarea.mfInput {
  width: 90% !important; }

.mfDeviceParameters {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  min-height: 250px;
  width: calc(100% - 500px); }

.mfDevicePreview {
  position: absolute;
  top: 65px;
  right: 25px; }

.mfPopupContent .mfInput.mfInput_checkbox_before,
.mfInput_checkbox_before {
  position: relative;
  float: left;
  width: 20px !important;
  margin-right: 10px; }

/*END NEW device detail */
.div_recordings_overview {
  padding: 10px;
  position: relative;
  width: 100%;
  border: 1px solid #dddddd !important;
  min-height: 100px;
  background: #ffffff;
  margin-bottom: 30px;
  line-height: 20px; }

.div_recordings_overview table {
  width: 100%; }

.div_recordings_overview table tr td {
  padding: 10px; }

.div_recordings_overview table tr td table tr td {
  padding: 2px; }

.td_33 {
  width: 33%; }

.touch_iframe_highlight {
  border: 2px solid rgba(255, 0, 0, 0.3); }

.mfPopupDetails {
  border: 2px solid #2F4050;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 42px;
  text-align: left;
  font-weight: bold;
  background-image: url(../UserContent/system/icon/information.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: left 10px top 8px; }

.mfPopupContent_Warning {
  margin-top: 15px;
  border: 2px solid #EABE81;
  font-size: 0.8em;
  line-height: 1.5em;
  background-image: none !important; }

.mfPopupContent_Warning .div_warning {
  position: absolute;
  left: 20px;
  top: 25px;
  width: 24px;
  height: 24px; }

.mfButton:disabled {
  background: #dddddd !important; }

#load_for_generation_preview {
  position: relative;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  z-index: 9999;
  background-image: url("../UserContent/system/icon/load.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.div_popup_row {
  position: relative;
  width: 100%;
  display: block;
  height: 28px; }

.mfSlideDesigner_bg,
.mfSlideDesigner_fg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.mfSlideDesigner_bg {
  z-index: 1; }

.mfSlideDesigner_fg {
  z-index: 10000; }

.mfcChecked {
  position: absolute;
  /*width: 24px;
	height: 24px;
	border-radius:12px;
	background-color:green;*/
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../UserContent/system/icon/ok_white.svg);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: top 30px center;
  top: 0px;
  left: 0px; }

#mfSelectSlidePictures {
  position: absolute;
  left: 0;
  bottom: 60px;
  width: 100%;
  height: 100px;
  background-color: white;
  padding: 10px 20px 10px 20px;
  text-align: left !important;
  overflow-x: auto; }

.mfSelectSlidePictures_item {
  position: relative;
  width: 100%;
  line-height: 22px; }

.mfSelectSlidePictures_item_remove {
  position: relative;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  float: left;
  margin-right: 5px;
  background-image: url(../UserContent/system/icon/fail.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  box-shadow: 0 0 1px #aaa !important;
  background-color: #343d49 !important;
  color: #fff !important;
  font-size: 0.8em !important; }

#masterslide_items {
  margin-bottom: 12px; }

#div_playlist_masterslide_bg,
#div_playlist_masterslide_fg {
  position: relative;
  display: inline-block;
  width: calc(100% - 15px);
  border: 4px solid #009FE3;
  margin-bottom: 10px;
  margin-right: 15px; }

.p_masterslide {
  color: #009FE3;
  font-weight: bold;
  margin-bottom: 8px; }

.mfButtonRight_no_margin {
  margin-right: 0; }

/*
 ::-webkit-scrollbar {
				width: 10px;
		}   

		::-webkit-scrollbar-track {
				background: green; 
		}

		::-webkit-scrollbar-thumb { 
				background:blue; 
		} 
		
	
		::-webkit-scrollbar-thumb:hover {
				background: yellow; 
		}*/
@media (max-width: 768px) {
  .hide-for-small {
    display: none; } }

@media (min-width: 768px) {
  .mfPopupSmall {
    width: 550px; } }

@media (max-width: 3400px) {
  .mfcDiv {
    width: 8%; } }

@media (max-width: 2800px) {
  .mfcDiv {
    width: 10%; } }

@media (max-width: 1800px) {
  .mfcDiv {
    width: 12%; } }

@media (max-width: 1600px) {
  .mfcDiv {
    width: 16%; } }

/*
@media (max-width: 1400px) {
  .mfcDiv {
    width: 24%;
		margin: 0.5%;
  }
}*/
@media (max-width: 1200px) {
  .mfcDiv {
    width: 25%; } }

@media (max-width: 1000px) {
  .mfcDiv {
    width: 33.33%; } }

@media (max-width: 800px) {
  .mfcDiv {
    width: 50%;
    height: 300px; } }

@media (max-width: 600px) {
  .mfcDiv {
    width: 100%; } }

@media (max-width: 1023px) {
  .mfDeviceParams_right {
    position: relative;
    width: 100%;
    margin-bottom: 10px; } }

@media (min-width: 1024px) {
  .mfDeviceParams_right {
    position: absolute;
    width: 40%;
    right: 0;
    top: 70px; }
  .mfHeader {
    font-size: 2.5em;
    line-height: 1em; }
  .mfSelectSlidePicture .mfHeader {
    font-size: 2em;
    line-height: 1.5em; } }

/*# sourceMappingURL=master.css.map */