body:not(.vrm) { background : white; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
button { cursor: pointer; white-space: nowrap; }
.vtop { vertical-align: top; }
.no_left_border { border-left-width: 0px !important; }
.no_right_border { border-right-width: 0px !important; }
.overflow-visible { overflow: visible !important; }
#menu .border_left { border-left: 1px solid #a2bad2; }
#menu .border_right { border-right: 1px solid #003b6a; }
.hright { text-align: right }
.fright { float: right }
.hleft { text-align: left }
.hcenter { text-align: center }
.nopad { padding:0 !important; }
.p10 { padding:10px !important; }
.mt_m { margin-top:15px; }
.mb_m { margin-bottom:15px; }
.mb_s { margin-bottom:5px; }
.mb_0 { margin-bottom:0 !important; }
.mt_0 { margin-top:0 !important; }
.hidden { display: none !important; }
.invisible { visibility: hidden; }
.inlineblock { display: inline-block }
.icon:before, .icon:after { font-family: 'icons'; }
.iconcontainer {font-family: 'icons'; font-size: 24px; line-height: 24px; opacity: .8; }
.iconfont.large, .iconcontainer.large { font-size: 28px; line-height: 28px; }
.rel { position: relative; }
.sbit-label { line-height: 32px; }
.rot90ccw {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
a.disabled { pointer-events: none; }
a, a:link, a:visited, a:hover, a:active { color: #003b6a; }
code { color: #000000; }
.settings-loading { font-size: 32px; text-align: center; color: #cccccc; line-height: 64px; padding-top: 20%; }
#videotag_spinner, .videotag_spinner { display: none; }
.videooverlay { position: absolute; top: 0; display: inline-block; margin: 0; }

.rcperror { background-color:#ffcaca !important; background-image: none; }
.errorbox { border: 1px solid #ff0000; background-color: rgba(255,0,0,0.2); text-align: left; color: #000000; }
.warningbox { border: 1px solid #d0b000; background-color: rgba(208,176,0,0.2); text-align: left; color: #000000; }
.infobox { border: 1px solid #bbbbbb; text-align: left; }
.errorbox.leftaligned { padding: 10px; }
.errorbox.leftaligned .icon { position: absolute; }
.errorbox.leftaligned .msg { padding-left: 35px; }
html:not(.protocol_http) .row-http-warn { display: none; }

label.multiline { line-height: normal !important; padding-top: 9px !important; text-align: left; }

.chosen-container { width: 260px; }

.pwderrorpopup {
    width: 300px;
    padding: 10px;
    text-align: center;
    position: absolute;
    display: none;
    z-index: 1000;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.6);
    color: #e20015;
    background-color: #FAD6DA;
    border: 1px solid #FF0000;
}
.passwordconditionlist { border: 1px solid #cccccc; padding: 10px; margin: 10px 0; }
.passwordconditionlist ul { padding-left: 10px; margin-top: 10px; }
.passwordconditionlist li { list-style-type: none; line-height:24px; padding: 2px 0; }
.passwordconditionlist li:before { font-family: icons; font-size: 24px; float: left; content: "\e72A"; margin-top: -3px; margin-left: 10px; margin-right: -5px; }
.passwordconditionlist li.error:before { content: "\e715"; color: #FF0000; margin-left: 0; margin-right: 5px; }
.passwordconditionlist li.success:before { content: "\e70C"; color: #009900; margin-left: 0; margin-right: 5px; }
.passwordconditionlist code { padding-left: 10px; }

#page {display: none;} /* hide page until translation is finished */

INPUT[type="radio"]:checked+LABEL,
INPUT[type="checkbox"]:checked+LABEL{
    font-weight: inherit;
}

INPUT[type="checkbox"].cbLblLeft {
    float: none;
    vertical-align: middle;
    display: inline-block;
}

/* jquery progressbar */
.ui-progressbar {
	position: relative;
	height: 25px;
	width: 260px;
}
.ui-progressbar-value {
	background-color: #265a86;
	background-image: -webkit-linear-gradient(top, #628cb2 0%, #003b6a 100%);
	background-image: -moz-linear-gradient(top, #628cb2 0%, #003b6a 100%);
	background-image: -ms-linear-gradient(top, #628cb2 0%, #003b6a 100%);
	background-image: -o-linear-gradient(top, #628cb2 0%, #003b6a 100%);
	background-image: linear-gradient(to bottom, #628cb2 0%, #003b6a 100%);
    border-color: #628cb2;
    margin-top: 0px !important; /* needed in page_diagnostics */
}
.ui-progressbar .progress-label {
	position: absolute;
	width: 100%;
	top: 4px;
	font-weight: bold;
	color: #c3c3c4;
	text-align: center;
}
.ui-progressbar.tored .ui-progressbar-value {
    background-image: linear-gradient(to right, rgba(255,255,255,0) 200px, rgba(255,0,0,1) 260px), linear-gradient(to bottom, #628cb2 0%, #003b6a 100%);
}


#sidebar-left-wrapper, #sidebar-lvl1 {
  /* width reduced because of removed second level navigation */
  width: 280px;
}

#sidebar-left-wrapper .icon:after { padding-right: 5px; }
#sidebar-right.maximized .title { visibility: hidden; height: 1px; overflow: hidden; }
#sidebar-right:not(.maximized) .box { width: 335px; }
.menuList { padding-bottom: 20px; }
.fw #content { text-align: center}
.fw #content #iframe {width: 100%; }
.devphoto { margin-top: 50px; }
.docloader_loading { position: absolute; background-image: url(../img/blue_anim.gif); left: 50%; top: 50%; width: 24px; height: 24px; }

@media (max-width: 750px) {
    .devphoto { width: 80%;}
}

.default .box { border: 1px solid #888; padding: 20px; font-size: 24px; margin: 20px; }

.videopreview #previewTitle { padding-left: 0; }
.videopreview #vcaHint { max-width: 600px; }
.videopreview .selectboxit-container .selectboxit-options { max-height: 240px; }
.videopreview #videopreviewcontainer { text-align: center; }
.videopreview #videopreviewcontainer.maximized { text-align: left; }
.videopreview #videopreviewcontainer #video_cameo, .videopreview #videopreviewcontainer canvas, .videopreview #videopreviewcontainer video, .videopreview #videopreviewcontainer #video { margin: 10px; }
.videopreview .selectboxit-container .selectboxit { width: 255px !important }
.videopreview.multiline #selPreviewFormatSelectBoxItContainer .selectboxit { width: 160px !important }
.videopreview.multiline #selPreviewLineSelectBoxItContainer .selectboxit { width: 100px !important }
.videopreview .buttons  { padding: 0 0 10px 0; text-align: center }
.videopreview #btnOpenPreviewWindow { width: 40px; min-width: 40px; }
.videopreview .buttons div.dewarp  { margin: auto; width: 300px; text-align: left; padding-left: 5px; }
.videopreview #vcaButtons { padding: 20px; }
.videopreview #btnSetVCAConfig, .videopreview #btnCancelVCAConfig { margin-right: 10px; }

#referenceimgcontainer { display: none; }
.referenceimage #refimgcontainer { text-align: center; }
.referenceimage #refimg { margin: 10px auto; width: 300px; }
.referenceimage #refimgmsg {  padding: 10px; }
.referenceimage #refimgtime { text-align: left; padding: 0 20px 10px 20px; }
.referenceimage #refimgtime span { float: right; margin-right: 5px; }
.referenceimage #referenceImageSpinner { height: 200px; }
.referenceimage #referenceImageSpinner img { margin: 80px auto 0 auto; }

.averaginggraph #graphcontainer { height: 250px; }

#ptzpanel { display: none; }
.ptzpanel tbody td { text-indent: 0; }
.ptzpanel a.boxtitle { display: none; }
table.ptzpanel { margin: auto; }
#ptzcontent .boxcontent { position: relative; overflow: hidden; }
#ptzcontent .tryLaterHint { position: absolute; width: 100%; text-align: center; top: 0; background-color: rgba(250, 214, 218, 0.8); padding: 3px; z-index: 5; display: none; }
#ptzcontent .tryLaterHint .iconfont { color: #FF0000; }
#ptzcontent .tryLaterHint span { vertical-align: top; }
#ptzcontent .tryLaterHint span.text { display: inline-block; padding-top: 6px; }
#previewptzpanel { display: inline-block; }
#previewptzpanel #irisButtons, #previewptzpanel #focusButtons { display: none; }


/* recording icon */
#recordingIcon {
    width: 32px;
    height: 32px;
    background-image: url('../record_disabled.gif');
}
#recordingIcon.recordingrunning {
    background-image: url('../record_on.gif');
}
#recordingIcon.recordingpending {
    background-image: url('../record_idle.gif');
}

/* regions on ptz panel */
.ptz #regions { display: none; }
.regselContainer {
    margin: auto;
    width: 100px;
    height: 70px;
    position: relative;
    background-image: url(snap.jpg?JpegCam=2&JpegSize=S);
    background-size: 100% 100%;
}
.regselContainer .region {
    position: absolute;
    border: 1px solid #aaa;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 1;
}
.regselContainer .region .background {
    width: 100%;
    height: 100%;
}
.regselContainer .region.active .background,
.regselContainer .region.active:hover .background {
    background-color: #ffff00;
    opacity: .3;
    z-index: 2;
}
.regselContainer .region:hover .background {
    background-color: #eee;
    opacity: .5;
}


.btn-default { cursor: pointer; }
.btn-blue { min-width: 100px; }
.btn-default.disabled:hover { cursor: default; }

/* a-tag as button */
a.btn-default { display: inline-block; line-height: 32px; text-align: center; }
a.btn-default:hover { text-decoration: none; }

/* enable overflow for selectboxit */
body.fw .box-info {overflow: visible}

/* startup animations*/
#page {display: none;}

/* disable transition of li elements because of broken slideToggle */
#sidebar-left-wrapper li, .mCSB_dragger {
  transition: all 0s;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
}
.animated {
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.noanimation, .noanimation *, .ui-dialog, object {
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
}

/* tree */
.tree, .tree ul { padding: 0; margin-top: 4px; list-style: none; }
.tree li { margin: 0; padding: 2px 0 2px 15px; }
.tree span { padding-left: 2px; background-repeat: no-repeat; }
.tree .folder { cursor: pointer; white-space: nowrap; }
.tree .file { margin-left: 20px; white-space: nowrap; }
.tree .placeholder { margin-left: 20px; height: 16px; width: 16px; }
.tree .expander { font-family: "icons", sans-serif; font-size: 16px; cursor: pointer; height: 24px; width: 16px; }
.tree .expander:before { float: left; content: "\e72d"; }
.tree .closed.expander:before { float: left; content: "\e72c"; }

/* table grey */
.table-grey th { padding: 0; }
.table-grey th div { padding: 5px; line-height: 20px; background-image: linear-gradient(#eee, #ccc); border: 1px solid #aaa; }
.table-grey th:first-child div, .table-grey th.first-col div { border-radius: 5px 0 0 5px; }
.table-grey th:last-child div { border-radius: 0 5px 5px 0; }
.table-grey tbody tr:nth-child(even) { background-color: #f5f5f5; }
.table-grey tbody tr:hover { background-color: #eee; }

/** form controls **/
fieldset {
    border: 1px solid #e1e1e2;
}
fieldset legend {
    text-align: left;
    white-space: nowrap;
}
#content h2.headline {
    text-align: left;
    font-size: 18pt;
    font-weight: 600;
    color: #c3c3c4;
    height: 40px;
    position: relative;
}
#content h2.headline.loading span:after {
    background: url("../loadprogress.gif");
    content: "";
    height: 3px;
    width: 35px;
    position: absolute;
    margin-left: 10px;
    top: 37px;
}
#content h2.headline.loading2 span:after {
    background: url("../spinner_blue.gif");
    content: "";
    height: 26px;
    width: 26px;
    position: absolute;
    margin-left: 10px;
    top: 35px;
}
#content h2.headline img#loading {
    margin-top: 10px;
}
.formtable td {
    padding: 5px;
    text-align: left;
}
.formtable .label {
    min-width: 200px;
}
.stdtextfield {
    width: 240px;
    padding: 0 10px;
    height: 30px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #c3c3c4;
    color: #404245;
    background-color: #efefef;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(25% #ffffff));
    background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #ffffff 25%);
    background-image: -moz-linear-gradient(top, #e1e1e2 0%, #ffffff 25%);
    background-image: -ms-linear-gradient(top, #e1e1e2 0%, #ffffff 25%);
    background-image: -o-linear-gradient(top, #e1e1e2 0%, #ffffff 25%);
    background-image: linear-gradient(top, #e1e1e2 0%, #ffffff 25%);
}
.stdtextfield:disabled {
    opacity: .4;
}
textarea.stdtextfield {
    background-image: none;
}
.pagehelp {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
	max-width: 600px;
}
.stdtextfield.slidertext {
    width: 30px;
}
.stdtextfield.disabled, .stdselect.disabled {
    background-color: #e1e1e2;
    border-color: #e1e1e2;
    color: #999;
}
.stdtextfield.active,
.stdtextfield:focus {
    border: 1px solid #6eb0d5;
}
.stdtextfield.error {
    border: 1px solid #e20015;
    color: #e20015;
}
.stdtextfield.error:focus {
    border: 1px dotted #e20015;
}

.stdselect {
    width:260px;
    padding:0px;
    height: 32px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #c3c3c4;
    color: #404245;
    background-color: #efefef;
}
.white .selectboxit-container .selectboxit { width: 260px; }
.white .selectboxit-container .selectboxit.sel320, .selectboxit-container .selectboxit.sel320 { width: 320px; }
.white .selectboxit-container .selectboxit.sel360, .selectboxit-container .selectboxit.sel360 { width: 360px; }
.white .selectboxit-container .selectboxit.sel100, .selectboxit-container .selectboxit.sel100 { width: 100px; }

.checkboxhighlight {
    background-color: rgb(255, 255, 0);
    background-color: rgba(212, 231, 242, 0.8); /*#D4E7F2*/
    border-radius: 5px;
}

input.sliderText,input.sliderval {
    width: 30px;
}

/*.sliderblock { padding: 5px 0; }
.sliderblock, .sliderblock .slider { vertical-align: middle; }
.sliderblock label { width: 180px; display: inline-block; line-height: 30px; }
.sliderblock .slider { width: 260px; display: inline-block; }
.sliderblock .sliderval { display: inline-block; margin-left: 15px; }*/

/* limit radio to fw and fw_bridge to not break VRM layout */
.fw .radio, .fwbridge .radio {
    margin: 8px !important;
    display: inline !important;
}
.fw .radio.disbled, .fwbridge .radio.disbled,
.fw .checkbox.disbled, .fwbridge .checkbox.disbled{
    color: #999 !important;
}
.fw .radio:before, .fwbridge .radio:before {
    top: 0 !important;
}
.radio.disabled:before, .checkbox.disabled:before {
    color: #999 !important;
}

.radioContainer .radio {
    padding: 1px;
}
.radioContainer label {
    float: left;
}
div.radiogroup { display: inline-block; }
div.radiogroup .radio { padding: 1px; }
div.radiogroup .radio:nth-child(1n+2) { margin-left: 30px !important; }
.checkboxContainer {
    display: block;
    float: left;
    margin-right: 20px;
}
.rbdiv { /* radio button div */
    min-width: 90px;
    float: left;
    margin: 0;
    padding: 0;
}
.sbitlabel {line-height: 32px; margin-right: 20px;}

.ui-tabs .ui-tabs-nav li a .tab_devname { font-weight: normal; font-size: 11px; }

.polymask #checkboxes {
    overflow: hidden;
}
.polymask .checkboxlabel button {
     margin-left: 10px;
 }
.polymask .checkboxContainer {
    width: 130px;
    text-align: left;
}
.polymask .selectboxit-container .selectboxit.selColor { width: 150px; }
.customwb #toggleview,
.encregions #toggleview,
.polymask #toggleview {
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 32px;
    cursor: pointer;
    display:none;
}
.polymask #toggleview.rot90ccw {
    top: 18px;
}
.customwb .btnRemoveMask,
.customwb .btnAddRegion,
.encregions .btnRemoveMask,
.encregions .btnAddRegion,
.polymask .btnRemoveMask,
.polymask .btnAddMask {
    width: 33px;
    padding: 1px;
}
.customwb .btnRemoveMask .iconfont,
.encregions .btnRemoveMask .iconfont,
.polymask .btnRemoveMask .iconfont {
    font-size: 32px;
}
.customwb .btnAddRegion .iconfont,
.encregions .btnAddRegion .iconfont,
.polymask .btnAddMask .iconfont {
    padding: 1px 1px 3px 3px;
}
.polymask #masklist_singleline .checkboxContainer,
.customwb #regionlist_singleline .checkboxContainer,
.polymask #masklist_singleline button,
.customwb #regionlist_singleline button,
.encregions #regionlist_singleline button{
    margin-left: 30px;
}
.customwb #regionlist_singleline,
.encregions #regionlist_singleline {
    text-align: left;
    height: 40px;
    padding-left: 30px;
}
.polymask #masklist_singleline .selectboxit-container,
.encregions #masklist_singleline .selectboxit-container,
.customwb #regionlist_singleline .selectboxit-container {
    float: left;
}
.polymask #masklist_singleline { min-height: 32px; text-align: left; padding: 10px 10px 10px 10px; margin-bottom: 20px;}
.polymask #masklist_singleline button { float: right; }
.white .customwb .selMode {
    width: 120px !important;
    margin-left: 20px;
}
.polymask .tab_devname {
    display: none;
}

.page_privacymask #colorlist { padding-bottom: 20px; }
.page_privacymask .colourpicker { display: inline-block; margin-left: 20px; }
.page_privacymask .selectboxit.selColor { width: 180px; }
.page_privacymask .masklist { margin-bottom: 20px; }
.page_privacymask .masklist #selAreasSelectBoxItContainer{ float: left; margin-right: 15px; }
.page_privacymask .masklist button { float: right; margin-left: 20px; width: 33px; padding: 0 0 3px 4px; }
.page_privacymask .masklist .btnRemoveMask .iconfont { font-size: 32px; }
.page_privacymask .masklist .btnRemoveMask { padding-left: 1px; padding-top: 1px; }
.page_privacymask { max-width: 630px !important; min-width: 630px !important; width: 630px !important; }
.page_privacymask.hidetabs { max-width: 606px !important; min-width: 606px !important; width: 606px !important; }

.white .encregions .selMode {
    width: 180px !important;
    margin-left: 20px;
}
.white .encregions.dome .selRegions {
    width: 200px !important;
}
.white .encregions.dome .selMode {
    width: 150px !important;
    margin-left: 0;
}
.white .encregions.dome .selScenes {
    width: 200px;
}
.white .encregions.dome #regionlist_singleline {
    padding-left: 0;
}
.white .encregions.dome #regionlist_singleline button {
    margin-left: 0;
}
.encregions #virtualline_hint { padding-top: 10px; display: none; }

.contextmenu {
    background:#fff;
    padding: 0;
    position:fixed;
    display:none;
    list-style:none;
    border-radius: 5px;
}
.contextmenu li {
    padding:5px;
    cursor: pointer;
}
.contextmenu li:hover {
    background:#ddd;
    border-radius: 5px;
}

/* default styles */
.pagedefaults { box-sizing: border-box; display: inline-block; text-align: left; }
/*.pagedefaults .row {   margin: 10px 0; min-height:32px; vertical-align: middle; }*/
.pagedefaults label {  display: inline-block; min-width: 200px; text-align: left; }
.pagedefaults label.rbLabel { min-width: 60px; }
.pagedefaults .checkbox {  display: inline-block; float: none; vertical-align: middle; margin-left: 3px; }
.pagedefaults .rbdiv {  display: inline-block; float: none; }
.pagedefaults .ui-slider {  display: inline-block; width: 250px; vertical-align: middle; }
.pagedefaults .slidertext {  width: 40px; padding-right: 0; margin-left: 20px; }

/*---------------------------------------------------------------------------*/
/* for bootstrap */
/*#content-wrapper .pagecontent [class*="col-"]
{
    min-height: 32px;
}*/

/* in order to remove distances between neightbour cols */
.col-no-gutters { padding-right: 0!important; padding-left: 0!important;}

/*.row.row-field { margin-top: 6px; margin-bottom: 6px; }*/

/* in order to create distances between wrapped cols but not between rows and cols*/
.contentbox .row > [class*="col-"] { margin-top: 6px; margin-bottom: 6px; }
.contentbox .row { margin-top: -6px; margin-bottom: -6px; }
.ui-dialog .row > [class*="col-"] { margin-top: 6px; margin-bottom: 6px; }
.ui-dialog .row { margin-top: -6px; margin-bottom: -6px; }

.ui-dialog .row.row-SetButton,
.contentbox .row.row-SetButton,
.ui-dialog .row.row-set-button,
.contentbox .row.row-set-button {
    margin-top: 10px;       /* special distance to the property-fields */
}
.ui-dialog .row.row-SetButton button,
.contentbox .row.row-SetButton button,
.ui-dialog .row.row-set-button button,
.contentbox .row.row-set-button button {
    margin-left: 15px;      /*  distance between multiple buttons in SetButton-row
                                buttons have float-right normally -> margin-left needed
                                */
}

/* in order to get a minimal row-height */
.contentbox .row .col-fieldName { min-height: 32px; }
.contentbox .row .col-fieldValue { min-height: 32px; }
.contentbox .row .col-fieldValue span { line-height: 32px; }
.ui-dialog .row .col-fieldValue span { line-height: 32px; }

.contentbox .row .col-fieldName .fieldName { display: inline-block; width: 100%; padding-top: 8px; }
.ui-dialog .row .col-fieldName .fieldName { display: inline-block; width: 100%; padding-top: 8px; }
.contentbox .row .col-fieldName .subfieldName { display: inline-block; width: 100%; padding-top: 8px; }

.fieldText { display: inline-block; line-height: 32px; }
.fieldunit { margin-left: 10px; line-height: 32px; }

.pagecontent fieldset { margin: 10px 0 10px 0; /*padding: 10px 20px;*/ }
.selectboxit-container .selectboxit-text { max-width: 90% !important; }
#content-wrapper .pagecontent { max-width: 600px; margin-bottom: 20px; }
.pagecontent .stdtextfield { width: 100%; }
#content-wrapper { -webkit-overflow-scrolling: touch; }


.pagecontent.xs-enabled .col-fieldName { margin-bottom: -6px; }

@media (min-width: 576px) {

    .d-xs { display: none; }        /* do not show Element in xs (extra-small) mode */

    .slider { display: inline-block; margin-top: 6px!important; margin-bottom: -7px!important; }
}

@media (max-width: 575px) {

    .d-sm { display: none; }        /* do not show element in sm (small) mode */

    #menu span { display: none; }
    #main #content-wrapper { margin-left: 0px !important; margin-right: 0px; }

    .pagecontent.xs-enabled .row-SetButton, .pagecontent.xs-enabled .row-set-button { border-top: 1px solid grey; padding-top: 10px; }
    .pagecontent.xs-enabled .fieldName { border-top: 1px solid lightgrey; font-weight: bold; }
    #dlg .xs-enabled .fieldName { border-top: 1px solid lightgrey; font-weight: bold; }
    .pagecontent.xs-enabled fieldset .row:nth-child(2) .fieldName { border-top-width: 0px !important; }

    .slider { display: inline-block; margin-top: 4px!important; margin-bottom: 0px!important; /*margin-bottom: 7px!important;*/ }
}

/* realize content show without white frame*/
.mCSB_container_wrapper { margin: 0; }
.mCSB_container_wrapper>.mCSB_container { padding: 0; }

/* testing colors */
.debug .row-headline { background-color: red}
.debug .xs-enabled .row-headline { background-color: #9fcdff !important;}
.debug .row-SetButton, .debug .row-set-button {background-color: #7DE9F0}
.debug .col-fieldName { background-color: greenyellow; }
.debug .col-fieldName .subfieldName { background-color: #f4ff26; }
.debug .col-fieldValue { background-color: #d4edda; }
.debug .rbLabel { background-color: red; }
/**/
/*---------------------------------------------------------------------------*/

/* identification (bootstrapped) */
.identification .addRow { width: 30px; height: 30px; float: right; }

/* page_ident */
.page_ident .btn-add { width: 30px; height: 30px; line-height: 24px; padding-left: 3px; padding-top: 0; float: right; }

/* password */
.password .row { margin: 10px 0; height: 32px; }
.password label { display: inline-block; min-width: 200px; float: none; margin-top: 0; }
.password .confirm { text-indent: 40px; }
.password .stdtextfield { width: 170px; }

/* nopwd */
.nopwd .row { margin: 10px 0; height: 32px; }
.nopwd .hint { text-align: left; padding: 20px 0;}
.nopwd label { display: inline-block; min-width: 200px; float: none; margin-top: 0; }
.nopwd .confirm { text-indent: 40px; }
.nopwd .stdtextfield { width: 170px; }

.pwdStrengthBarContainer {display: inline-block; float: right; margin-left: 10px; visibility: hidden; }
.pwdStrengthBar { width: 120px; height: 20px; padding: 1px; border: 1px solid #aaa; border-radius: 5px; margin-top: 3px; }
.pwdStrengthBar .weak { background-color: #ff0000; }
.pwdStrengthBar .medium { background-color: #ffff00; }
.pwdStrengthBar .strong { background-color: #00ff00; }
.pwdStrengthBar .invalid { background-color: #ff0000; width: 100%; font-weight: bold; color: #fff; }
.pwdStrengthBar .pwdStrengthValue { text-align: center; line-height: 20px; border-radius: 5px; transition: background 500ms ease 0s, width 200ms ease 0s; }

/* date_time (bootstrapped) */
@media (min-width: 576px) {
    .date_time { max-width: 500px !important; }
}
.date_time .date { width: 50px !important; text-align: center; }
.date_time .time { width: 42px !important; text-align: center; }
.date_time #weekday { width: 110px !important; }
.date_time #btnSyncDateTime { margin-right: 12px; float: right; }
.date_time .selectboxit-container .selectboxit { width: 290px; }
.date_time .stdtextfield { max-width: 290px; padding-right: 5px; padding-left: 5px; }
#selTimeZoneSelectBoxItContainer.selectboxit-container .selectboxit { width: 290px; }

/* display_stamping (bootstrapped) */
.display_stamping { max-width: 700px !important; }
.display_stamping #logoTooltip { vertical-align: middle; margin-top: -6px; margin-left: 10px; }
.display_stamping .smalltextfield { width: 50px !important; }
.display_stamping #uploadIFrame { display: none; }
.display_stamping .input-file { width: 320px; border: 0 solid black; height: 25px; }
.display_stamping .selectboxit-container .selectboxit { width: 170px; }
.display_stamping .selectboxit-container #selLogoPositionSelectBoxIt.selectboxit { width: 260px; }
.display_stamping button#btnUploadLogoDisplayStamping { margin-left: 2px; }
.display_stamping .fileselect { width: 310px; }
.display_stamping .fileselect .text { width: 205px; }
.display_stamping .rowBanner { padding-top: 0; display: none; }
.display_stamping .stdtextfield { width: 260px; }

/* gbt_28181 (bootstrapped) */

/* appearance (bootstrapped) */
.appearance #jpegDelay { width: 80px; margin-right: 5px; }
.appearance #jpegQuality { width: 200px; margin-right: 5px; }
.appearance #jpegQuality.smallinput { width: 80px; }
.appearance #txtMP4Buffer { width: 80px; margin-right: 5px; }
.appearance .selectboxit-container .selectboxit-options,
.appearance .selectboxit-container .selectboxit,
.appearance .selectboxit-container { width: 100%; }

/* live_functions (bootstrapped) */
.live_functions .selectboxit-container .selectboxit-options,
.live_functions .selectboxit-container .selectboxit,
.live_functions .selectboxit-container { width: 100%; }
.live_functions #txtAutoLogoutMinutes { max-width: 100px; margin-right: 10px; }

/* installer_menu (bootstrapped) */
.installer_menu #rowRotationButton label { min-width: 220px; }
.installer_menu #rowRotationButton label.fieldName:before { top: 1px; }
.installer_menu #rowRotationButton button { min-width: 200px; }
.installer_menu #box_outer { width: 250px; height: 144px; text-align: right; background-image: url(../dummyimage.jpg); margin: 10px auto; border: 2px solid; }
.installer_menu #box_inner { width: 170px; height: 100px; margin: 4px auto; text-align: right; border: 2px solid; }
.installer_menu label.rbLabel { min-width: 80px; }
.installer_menu .stdselect { width: 320px !important; }
.installer_menu button#lensWizard { width: auto; min-width: 130px; }
.installer_menu .proprotation .iconfont { margin-right: 5px; color: #d0b000; }
.installer_menu #rowMergeMeta .checkbox { margin-left: 5px; }
.installer_menu .slider { width: 248px; display: inline-block; margin-bottom: -7px !important; }
.installer_menu.hidetabs .slider { width: 264px; }
.installer_menu .sliderval { text-align: right; width: 54px; }
.installer_menu .sliderinc, .installer_menu .sliderdec { cursor: pointer;. line-height: 14px; vertical-align: middle; font-size: 40px; margin-top: -11px;}
.installer_menu .sliderinc { margin-left: 6px; margin-right: -30px;}
.installer_menu .sliderdec { margin-left: -32px; margin-right: 22px;}
#conflictDialog .sbit-label { min-width: 60px; margin-right: 10px; }
#conflictDialog .dialog-info { margin: 10px 0; }
.formatDialog #dlg { overflow: visible; }
.formatDialog .dialog-info { margin: 10px 0; }
.formatDialog label { margin-right: 20px; }
.formatDialog .row { padding-left: 15px; }
.installer_menu .selectboxit-container .selectboxit-options,
.installer_menu .selectboxit-container .selectboxit,
.installer_menu .selectboxit-container { width: 100%; }
.installer_menu:not(.hidetabs) #tabscontent { margin-bottom: 10px; }
.installer_menu.col3 label.rbLabel { min-width: 45px; }
.installer_menu .sdcard { width: 20px; height: 34px; background-image: url(../storageindicator.png); }
.installer_menu .row-operation-variant-helper button { height: 40px; width: 100%; }
.installer_menu .row-operation-variant-helper button.disabled { opacity: 0.5 }

/* conflict dialog */
.conflictDialog #dlg { overflow: visible; }
.conflictDialog .dialog-info { margin: 10px 0; }
.conflictDialog label { margin-right: 20px; }

/* calibration */
.calibration label { display: inline-block; text-align: left; line-height: 32px; }
.calibration .rowLocation, .calibration .rowMount { display: none; }
.calibration .row { margin: 0; padding: 3px 0; height: 32px; text-align: left; clear: both; }
.calibration .sbit-label { width: 200px; }
.calibration #rowLocationOptions label, .calibration #rowMountOptions label { min-width: 150px; margin-left: 210px; }
.calibration input.location, .calibration input.mount { width: 70px; margin-right: 10px; }
.calibration #btnCalculate { margin-right: 10px; }
.calibration .rightCol { float: left; }
.calibration .rightCol .row { min-width: 260px;}
.calibration .rowMount { margin-top: 10px; }
.calibration .cbFix { float: right; margin-right: 10px; }
.calibration .fixHeader { text-align: right; padding-right: 8px; }
.calibration .lblFix { float: right; margin-left: 10px; }
.calibration .lblTxt { min-width: 150px; margin-left: 10px; }
.calibration .lblMount { float: left; }
.calibration .lblMount.noselectbox { margin-top: 18px; }

/* page_calibration (bootstrapped) */
.page_calibration .selectboxit-container .selectboxit-options,
.page_calibration .selectboxit-container .selectboxit,
.page_calibration .selectboxit-container { width: 100%; }

.page_calibration input.location, .page_calibration input.mount { width: 100px; margin-right: 0; }
.page_calibration .mountBlock .buttonrow  { margin-bottom: 30px; }
.page_calibration .mountBlock .imagecontainer { width: 200px; height: 200px; }
.page_calibration #rowLocationOptions { text-align: left; }
.page_calibration #rowLocationOptions label, .page_calibration #rowMountOptions label { margin-left: 5px; }
.page_calibration #btnCalculate, .page_calibration #btnCalculate2, .page_calibration #btnVerify, .page_calibration #btnUpdateFromSensor { margin-right: 10px; }

.page_calibration .row-mount .fieldName { padding-bottom: 20px; }
.page_calibration .mountBlock_, .page_calibration .locationBlock { display: none; }
.page_calibration.dewarp .mountBlock .controlscontainer #rowFocalLength, .page_calibration .mountBlock.dewarp .buttonrow { display: none !important;}
.page_calibration.dewarp .mountBlock .controlscontainer #rowTilt { margin-top: 35px; }
.page_calibration.dome .mountBlock .controlscontainer #rowFocalLength, .page_calibration .mountBlock.dome #rowTilt, .page_calibration .mountBlock.dome #rowRoll { display: none !important;}
.page_calibration.dome .mountBlock #rowHeight { margin-top: 20px; }
.page_calibration.dome .mountBlock #btnUpdateFromSensor { display: none; }

.page_calibration .mountBlock .imagecontainer .img { width: 180px; height: 180px; background: url("../img/mountpos.jpg") no-repeat 0 0;}
.page_calibration .mountBlock .imagecontainer .img.tilt { background-position: -180px 0;}
.page_calibration .mountBlock .imagecontainer .img.roll { background-position: -360px 0;}
.page_calibration .mountBlock .imagecontainer .img.height { background-position: -540px 0;}
.page_calibration .locationBlock .imagecontainer .img.cartesian { width: 180px; height: 180px; background: url("../img/cartesian.jpg") no-repeat 0 0;}
.page_calibration .locationBlock .imagecontainer .img.cartesian.x { background-position: -180px 0;}
.page_calibration .locationBlock .imagecontainer .img.cartesian.y { background-position: -360px 0;}
.page_calibration .locationBlock .imagecontainer .img.cartesian.z { background-position: -540px 0;}
.page_calibration .locationBlock .imagecontainer .img.cartesian.azimuth { background-position: -720px 0;}
.page_calibration .locationBlock .imagecontainer .img.wgs { width: 180px; height: 180px; background: url("../img/wgs84.jpg") no-repeat 0 0;}
.page_calibration .locationBlock .imagecontainer .img.wgs.lat { background-position: -180px 0;}
.page_calibration .locationBlock .imagecontainer .img.wgs.lon { background-position: -360px 0;}
.page_calibration .locationBlock .imagecontainer .img.wgs.elevation { background-position: -540px 0;}
.page_calibration .locationBlock .imagecontainer .img.wgs.azimuth { background-position: -720px 0;}
.page_calibration .row .editbutton { float: right; cursor: pointer; font-size: 28px; padding-top: 1px; display: none; }
.page_calibration .row.calculated .editbutton { display: inline-block; }
.page_calibration .hint-vca-tilt, .page_calibration .vca-config-error { color: #FF0000; padding: 0 0 10px 0; text-align: center; display: block; }
.page_calibration .vca-config-error { display: none; }
.page_calibration #btnVerify { display: none; }

.page_calibrationhelper { text-align: left; min-width: 600px; box-sizing: border-box; }
.page_calibrationhelper .stdtextfield.smalltextfield { width: 40px; height: 28px; }
.page_calibrationhelper #curValues .cbFix { margin-left: 5px; }
.page_calibrationhelper #curValues label { padding-left: 2px !important; }
.page_calibrationhelper #curValues { float: right; border-collapse: collapse; display: none; }
.page_calibrationhelper #curValues td { padding-top: 0; padding-bottom: 0;}
.page_calibrationhelper #curValues td.label { min-width: 140px; }
.page_calibrationhelper #txtCurValHelper { width: 80px; margin-left: 10px; }
.page_calibrationhelper #btnDelete { width: 33px; font-size: 32px; padding: 1px 0 0 0; margin-left: 10px; vertical-align: middle; }
.page_calibrationhelper #btnDelete .iconfont { font-size: 32px; vertical-align: top; }
.page_calibrationhelper #lblCurVal {  }
.page_calibrationhelper .btn-calib { height: 38px; width: 40px; padding: 2px; margin-right: 10px; }
.page_calibrationhelper .row.hint { padding: 20px 3px 10px 3px; }
.page_calibrationhelper .row.edit { padding: 20px 3px 0 3px; }
.page_calibrationhelper .row .col-fieldName .fieldName { padding-top: 0; }

.page_calibrationhelper .icon-button { height: 32px; width: 34px; background-repeat: no-repeat; background-position: center; }
.page_calibrationhelper .icon-button.icon-button-angle { background-image: url("../img/calib_angle.png"); }
.page_calibrationhelper .icon-button.icon-button-vertical { background-image: url("../img/calib_vertical.png"); }
.page_calibrationhelper .icon-button.icon-button-inplane { background-image: url("../img/calib_inplane.png"); }

.page_calibrationhelper .upperblock .checkboxContainer { display: inline-block; float: none; }
/*.page_calibrationhelper .upperblock label { display: inline-block; min-width: 200px; line-height: 32px; }*/
.page_calibrationhelper .upperblock .stdtextfield.smalltextfield { min-width: 100px; }
.page_calibrationhelper .upperblock.wizard-open .stdtextfield.smalltextfield { min-width: 100px; }
.page_calibrationhelper .upperblock .cbwrapper { margin-left: 10px; }
.page_calibrationhelper .upperblock .col-fieldName { line-height: 32px; }

.page_calibrationhelper .lowerblock fieldset { padding: 5px 10px;}

.page_calibrationhelper input.readonly { border-color: #e1e1e1; background-image: none; background-color: #ffffff; }
.page_calibrationhelper input.readonly.fromcam { background-color: #eeeeee; }
.page_calibrationhelper .row.buttons button { margin-left: 10px; }
.page_calibrationhelper .row.buttons { margin-top: 5px; }
.ui-dialog .page_calibrationhelper .row.buttons { display: none; } /* no buttons when displayed in dialog */
.page_calibrationhelper .row .edit { float: right; }
.page_calibrationhelper .hint { display: inline-block; padding-top: 8px; }
.page_calibrationhelper fieldset.row { margin: 10px 0 0 0; padding: 8px; }
.page_calibrationhelper .reloadbutton { display: inline-block; height: 32px; vertical-align: top; margin-right: 0; cursor: pointer; visibility: hidden; }
.page_calibrationhelper .upperblock.global .reloadbutton { visibility: hidden !important; }
.page_calibrationhelper #errorblock { border: 1px solid #ff0000; line-height: 24px; background-color: rgba(255,0,0,0.4); text-align: center; display: none; }
.page_calibrationhelper .hint { padding-top: 10px; }
.page_calibrationhelper .checkboxContainer.vcaprofile { margin-left: 10px; }
.page_calibrationhelper .noconfigpossible { display: none; }
.page_calibrationhelper .noconfigpossible .errorbox { padding: 10px 5px; }
.page_calibrationhelper #drawingarea { text-align: center; }

.page_calibrationhelper:not(.dome) .row.rowVCAProfile { display: none; }

.page_calibrationhelper .upperblock .imagecontainer { display: none; }
.page_calibrationhelper .upperblock.withimage .imagecontainer { display: inline-block; float: left; }
.page_calibrationhelper .upperblock.withimage .imagecontainer .img { width: 120px; height: 120px; background: url("../img/mountpos.jpg") no-repeat 0 0; background-size: 480px 120px;}
.page_calibrationhelper .upperblock.withimage label { min-width: 180px; }
.page_calibrationhelper .upperblock.withimage .rowcontainer { float: left; margin-left: 30px; }
.page_calibrationhelper .upperblock.withimage .rowcontainer label { min-width: 162px; }
.page_calibrationhelper .upperblock.withimage .checkboxContainer label { min-width: 0 }
.page_calibrationhelper .upperblock.withimage .stdtextfield.smalltextfield { min-width: 80px; }
.page_calibrationhelper.dome .upperblock.withimage .rowcontainer { margin-top: 15px; }
.page_calibrationhelper #selVCAProfileSelectBoxItOptions.selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor:before { content: ""; }

.page_verification .stdtextfield.smalltextfield { width: 40px; height: 28px; }
.page_verification input.readonly { border-color: #e1e1e1; background-image: none; background-color: #ffffff; }
.page_verification fieldset.row { margin: 10px 0 0 0; padding: 8px; }
.page_verification .btn-calib { height: 38px; padding: 2px; margin-right: 10px; }
.page_verification .row.hint { padding: 20px 3px 10px 3px; }
.page_verification .row .edit { float: right; padding-top: 5px; }
.page_verification #txtCurValVerify { width: 80px; margin-left: 10px; }
.page_verification .hint { padding-top: 10px; }
.page_verification .row.rowVCAProfile { display: none; }
.page_verification.dome .row.rowVCAProfile { display: block; }
.page_verification .upperblock label { display: inline-block; min-width: 200px; line-height: 32px; }
.page_verification .noconfigpossible { display: none; }
.page_verification .noconfigpossible .errorbox { padding: 10px 5px; }

#dlgAutoSet { background-color: #ffffff; }
#dlgAutoSet img { float: left; }
#dlgAutoSet .rightcol { display: inline-block; padding-left: 20px; }
#dlgAutoSet .rightcol .stdtextfield { width: 80px; }
#dlgAutoSet .rightcol label { min-width: 150px; display: inline-block; line-height:32px; }
#dlgAutoSet input.readonly { border-color: #e1e1e1; background-image: none; background-color: #ffffff; }
#dlgAutoSet .row { margin: 0; padding: 3px 0; height: 32px; text-align: left; clear: both; }
#dlgAutoSet .hint { padding: 20px 0 10px 0;}
#dlgAutoSet input.outOfRange { border-color: #FF0000; }
#dlgAutoSet .img { width: 180px; height: 180px; float: left; background: url("../img/mountpos.jpg") no-repeat 0 0;}

/* hide spin buttons on number input */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

.page_vcacalibration { text-align: left; padding: 10px; min-width: 600px; }
.page_vcacalibration .row { padding: 2px; }
.page_vcacalibration .stdtextfield.smalltextfield { width: 40px; height: 28px; }
.page_vcacalibration #curValues .cbFix { margin-left: 5px; }
.page_vcacalibration #curValues label { padding-left: 2px !important; }
.page_vcacalibration #curValues { float: right; border-collapse: collapse; display: none; }
.page_vcacalibration #curValues td { padding-top: 0; padding-bottom: 0;}
.page_vcacalibration #curValues td.label { min-width: 140px; }
.page_vcacalibration #txtCurVal { width: 80px; margin-left: 10px; }
.page_vcacalibration #btnDelete { width: 33px; font-size: 32px; padding: 1px 0 0 0; margin-left: 10px; vertical-align: middle; }
.page_vcacalibration #btnDelete .iconfont { font-size: 32px; vertical-align: top; }
.page_vcacalibration #lblCurVal {  }
.page_vcacalibration .btn-calib { height: 38px; padding: 2px; margin-right: 10px; }
.page_vcacalibration .row.hint { padding: 20px 3px 10px 3px; }
.page_vcacalibration .row.edit { padding: 20px 3px 0 3px; }

.page_vcacalibration .upperblock * { transition: all 500ms ease-out; }
.page_vcacalibration .upperblock.wizard-open .checkboxContainer { opacity: 1; margin-left: 0; }
.page_vcacalibration .upperblock .checkboxContainer { display: inline-block; float: none; opacity: 0; margin-left: 30px; }
.page_vcacalibration .upperblock label { display: inline-block; min-width: 200px; line-height: 32px; }
.page_vcacalibration .upperblock .stdtextfield.smalltextfield { min-width: 100px; }
.page_vcacalibration .upperblock.wizard-open .stdtextfield.smalltextfield { min-width: 100px; }
.page_vcacalibration .upperblock .cbFix { margin-left: 10px; }

.page_vcacalibration .lowerblock fieldset { padding: 5px 0;}
.page_vcacalibration .lowerblock #fsCamera { display: none;}
.page_vcacalibration .halfblock:nth-child(2) { border-left: 1px solid #bbbbbb; }
.page_vcacalibration .halfblock { display: inline-block; width: 49%; }
.page_vcacalibration .halfblock .row { white-space: nowrap; }
.page_vcacalibration .halfblock * { transition: all 500ms ease-out; }
.page_vcacalibration .halfblock .checkboxContainer { display: inline-block; float: none; margin-left: 0; margin-right: 5px; }
.page_vcacalibration .halfblock label { display: inline-block; min-width: 120px; line-height: 32px; padding-left: 5px; }
.page_vcacalibration .halfblock .stdtextfield.smalltextfield { min-width: 30px; }
.page_vcacalibration .halfblock .cbFix { margin-left: 10px; }

.page_vcacalibration input.readonly { border-color: #e1e1e1; background-image: none; background-color: #ffffff; }
.page_vcacalibration input.readonly.fromcam { background-color: #eeeeee; }
.page_vcacalibration .row.buttons button, .page_vcacalibration #btnCalc { margin-left: 10px; }
.page_vcacalibration .row.buttons { margin-top: 5px; }
.page_vcacalibration .lowerblock { display: none; }
.page_vcacalibration .row .edit { float: right; padding-top: 5px; }
.page_vcacalibration .hint { display: inline-block; padding-top: 8px; }
.page_vcacalibration fieldset.row { margin: 10px 0 0 0; padding: 8px; }
.page_vcacalibration .reloadbutton { display: inline-block; height: 32px; vertical-align: top; margin-right: 0; cursor: pointer; visibility: hidden; }
.page_vcacalibration #errorblock { border: 1px solid #ff0000; margin-top: 10px; padding: 10px;}

.page_auxpower { min-width: 550px; }
.page_auxpower label { line-height:32px; float: left; min-width: 200px; }
.page_auxpower .overloadicon { float: left; margin-left: 30px; padding-top: 1px; display: none; }
.page_auxpower .overloadicon:before { margin-top: 7px; }

/* page_illuminators (bootstrapped) */
.page_illuminators fieldset.noborder { border-width: 0; }
.page_illuminators .btn-default { min-width: 130px; }
.page_illuminators .slider { width: 250px; }
.page_illuminators .sliderValue { width: 55px; padding-right: 0; padding-left: 8px; }

/* illuminator (bootstrapped) */
.illuminator .slider { width: 250px; }
.illuminator .sliderValue { width: 40px; padding-left: 5px; padding-right: 5px; text-align: center; }

/* page_logs (bootstrapped) */
.page_logs { max-width:100% !important; min-width: 900px !important; }
.page_logs { width: 100%; padding: 0 15px 0 15px; box-sizing: border-box; }
.page_logs #tblLogs { line-height: 16px; }
.page_logs #tblLogs thead th { padding: 10px 10px;  text-indent: 0; }
.page_logs #tblLogs tbody td { padding: 5px 5px;  text-indent: 0; }
.page_logs #tblLogs .iconleft { line-height: 16px; }
.page_logs #tblLogs tbody .priority {padding-left: 5px; }
.page_logs #tblLogs tbody .message { }
.page_logs .dataTables_length .lengthlabelleft { margin-right: 10px;}
.page_logs .dataTables_length .lengthlabelright { margin-left: 10px;}
.page_logs .upperblock {padding: 20px 0; border-bottom: 1px solid #cccccc; }
.page_logs .upperblock label:not(.cbwrapper) { display: inline-block; margin-right: 20px; min-width: 120px; }
.page_logs .upperblock #txtLogTopics { width: 500px !important; margin: 0; }
.page_logs .tableblock { padding-top: 20px; position: relative; }
.page_logs .upperblock button { margin-left: 20px; }
.page_logs .row.toggle { margin: 20px 0; }
.page_logs .row.toggle button { padding-left: 20px; padding-right: 20px; }
.page_logs iframe { display: none; }
.page_logs #rowFilter { position: relative; height: 32px; clear: both; }
.page_logs #rowFilter .selectboxit-container { position: absolute; }
.page_logs #rowFilter #selFilterCol0SelectBoxItContainer { left: 0; }
.page_logs #rowFilter #selFilterCol2SelectBoxItContainer { left: 318px; }
.page_logs #rowFilter #selFilterCol3SelectBoxItContainer { left: 442px; }
.page_logs .selectboxit-container .selectboxit.filter0 { width: 120px; }
.page_logs .selectboxit-container .selectboxit.filter2 { width: 120px; }
.page_logs .selectboxit-container .selectboxit.filter3 { width: 160px; }
.page_logs .loading .dataTables_wrapper { opacity: 0.3; }
.page_logs .rb-tabs label { padding: 10px 20px; }
.page_logs .tableloader { display: none; position: absolute; top: 50%; text-align: center; width: 100%; font-size: 32px; }
.page_logs .tableblock.loading .tableloader,
.page_logs .syslogstatsblock.loading .tableloader{ display: block; }
.page_logs .sealstate { padding-top: 2px; }
.page_logs #btnReloadlog { margin-right: 5px;}
.page_logs .stdtextfield { width: 240px !important; }

/* page_netservices (bootstrapped) */
.page_netservices .portinfo { line-height: 32px; padding-left: 20px; display:inline-block; min-width: 100px; }
.page_netservices a { vertical-align: middle; margin-top: 2px; float: right; opacity: 0.7 }
.page_netservices a:hover { text-decoration: none; opacity: 1; }
.page_netservices #btnSet { min-width: 130px; margin: 10px 0 10px 0; }

/* not yet finished, so hide */
.calibration #btnCalculate, .calibration #rowFocalLength,  .calibration .cbFix,  .calibration .lblFix, .calibration .fixHeader { display: none; }

/* scene mode (bootstrapped) */
.scene_mode .selectboxit-container .selectboxit-options,
.scene_mode .selectboxit-container .selectboxit,
.scene_mode .selectboxit-container { width: 100%; }

/* color (bootstrapped) */
.color .slider { width: 260px; }
.color .sliderValue { width: 50px;}
.color label.rbLabel { min-width: 80px; }

/* alc (bootstrapped) */
.alc .slider { width: 260px; }
.alc .sliderValue { width: 50px; }
.alc .ihint { display: none; float: right; margin-right: 10px; color: #404245; margin-top: -6px; }
.alc .ihint.fixedshutter { line-height: 24px !important; margin-left: 10px; }
.alc .notavail { color: #bbbbbb; }
.alc .stdtextfield { padding: 0 8px; }
.alc #fsPIris .col-sliderval { padding-left: 5px; }
.alc #fsPIris .sliderValue { width: 60px; }

/* enhance (bootstrapped) */
.enhance_ { max-width: 700px !important; }
.enhance #rowWDR_ { padding-bottom: 25px; }
.enhance .slider { width: 220px; }
.enhance .sliderValue { width: 50px; /*padding-right: 0; margin-left: 20px;*/ }
.enhance label.rbLabel { min-width: 80px; }
.enhance #conflictBLCIVAIcon { vertical-align: middle; margin-left: 10px; color: #ff7f00; cursor: default; margin-top: 2px;}
.enhance .ihint { display: none; float: right; margin-right: 10px; color: #404245; margin-top: -6px; cursor: help; }
.enhance fieldset { width: 100%; max-width: 580px; margin: 30px 0 0 -10px; padding-left: 15px; padding-right: 15px; }
.enhance fieldset .ihint { display: inline; margin-left: 10px; }
.enhance .col-offset { line-height: 32px; padding: 0; min-width: 55px; text-align: right; }
.enhance .col-value { line-height: 32px; }
.enhance .field-name-bitrateopti span { float: left; }
.enhance .field-name-bitrateopti { float: left; }
.enhance.nodynamics fieldset, .enhance.nodynamics .dyn-scene-mode { display: none; }
.enhance .row-offset-header { justify-content: flex-end; height: 35px; line-height: 13px; margin-top: -35px; }
.enhance fieldset.offset-header { max-width: 110px; font-size: 10px; text-align: center; margin: 0 -30px 0 0; height: 150px; padding: 0 }
.enhance fieldset.offset-header legend { width: 94px; margin: auto; white-space: normal; text-align: center; }
.enhance fieldset .ihint.bitratesavings { position: absolute; right: 0; top: -10px; height: 40px; width: 40px; }

@media (min-width: 1400px) {
    #content-wrapper .enhance { max-width: 700px; }
    .enhance fieldset#fsDynSceneMode { max-width: 610px; }
    .enhance fieldset#fsDynSceneMode .col-fieldValue { padding-left: 44px; }
}

@media (max-width: 1400px) {
    .enhance fieldset.offset-header { display: none !important; }
    .enhance .col-offset { min-width: 15px; }
}

/* scene mode scheduler (bootstrapped) */
.scene_mode_scheduler { max-width: 660px !important; }
.scene_mode_scheduler .slider .ui-slider-range { top: 4px; height: 12px; background-color: #50658a; transition: initial; }
.scene_mode_scheduler #dayRange, .scene_mode_scheduler #nightRange { display: inline-block; min-width: 100px; line-height: 32px; }
.scene_mode_scheduler .slider { width: 250px; }

/* encoder profile (bootstrapped) */
.encoder_profile { max-width: 640px !important;}
.encoder_profile .slider { width: 220px; }
.encoder_profile .sliderValue { float: right; }
.encoder_profile .stdtextfield { width: 220px; }
.encoder_profile .selectboxit-container .selectboxit { width: 220px; }
.encoder_profile .selectboxit-container #selResolutionSelectBoxIt.selectboxit { width: 140px; }
.encoder_profile .unitHint, .encoder_profile .sliderValue, .encoder_profile #resolutionHint { display: inline-block; margin-left: 15px; min-width: 120px; line-height: 32px; }
.encoder_profile .sliderValue { margin-left: 20px; }
.encoder_profile #expert { display: none; padding: 1px 0; }
.encoder_profile #fsIntelligentStreaming { margin-left: -7px; margin-right: -7px; padding: 15px 10px; }
.encoder_profile #fsIntelligentStreaming legend { padding: 0 5px; }

/* encoder streams (bootstrapped) */
.encoder_streams #recordingRunning { max-width: 600px; padding: 10px; margin-bottom: 10px; border: 1px solid red; }
.encoder_streams #recordingRunning .iconfont { color: red; }
.encoder_streams .slider { width: 210px; margin-left: 15px !important; margin-right: 15px !important;}
.encoder_streams #rowDewarpMode { padding-left: 13px; }
.encoder_streams .selectboxit-container .selectboxit-options,
.encoder_streams .selectboxit-container .selectboxit,
.encoder_streams .selectboxit-container { width: 100%; }

.page_streams .sel-mode, .page_streams .sel-overlay, .page_streams .sel-profiles, .page_streams .sel-priority, .page_streams .sel-resolution { width: 100% !important; }
.page_streams .sl-skip { width: 250px; }
.page_streams .slider-value { display: inline-block; margin-left: 20px; }
.page_streams .row-priority .col-fieldValue { padding-right: 32px; padding-left: 20px; }
.page_streams .row-profile a { line-height: 32px; }
.page_streams .row-videoformats { margin-bottom: 0; }
.page_streams .row-videoformats .col-auto { padding-right:0; }
.page_streams .row-basemode { display: none; }
/*
.page_streams .sel-profiles { width: calc(100% - 40px) !important;}
.page_streams .btn-edit-profile { width: 35px; height: 30px; padding-left: 4px; float: right; }
.page_streams .col-fieldValue .btn-edit-profile span { line-height: 20px; }
*/
.page_streams .btn-edit-profile { display: none; }

.page_stream_test { padding-bottom: 10px; }
.page_stream_test .test-streams-line { margin-top: 20px; }
.page_stream_test .datarate { line-height: initial; display: inline-block; width: 140px; }
.page_stream_test .lostframes { min-height: 0; line-height: initial !important; color: #ff0000; }

.page_enc_profile .expertsettings { display: none; }
.page_enc_profile .stdtextfield { width: 220px; }
.page_enc_profile .slider { width: 220px; }
.page_enc_profile .chosen-container-single { width: 220px !important; }
.page_enc_profile .row-toggle-button { margin-bottom: 0; }
.page_enc_profile .unitHint, .page_enc_profile .sliderValue, .page_enc_profile #resolutionHint { display: inline-block; margin-left: 15px; min-width: 120px; line-height: 32px; }
.page_enc_profile .loading { line-height: 40px; text-align: center; }
.page_enc_profile.loaded .loading { display: none; }
.page_enc_profile.loading .loaded { display: none; }

/* privacy masks (bootstrapped) */
.privacy_masks { width: 638px !important; min-width: 638px !important; max-width: 638px !important; }
/*.privacy_masks.privacy_masks_dome { width: 590px !important; min-width: 590px !important; max-width: 590px !important; }*/
.privacy_masks #area { width: 608px; height: 364px; margin: 0 auto; position: relative; }
.privacy_masks #area .mask { opacity: 0.2; position: absolute; z-index: 2; color: white; border: 1px solid white; transition: initial; }
.privacy_masks #area .black { background-color: black; }
.privacy_masks #area .red { background-color: red; }
.privacy_masks #selMaskSelectBoxItOptions.selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor:before { content: ""; }
.privacy_masks .hint { display: none; }
.privacy_masks .hint .msg { color: #e20015; padding-left: 5px; line-height: 31px; }
.privacy_masks .hint .iconfont { float: left; }
.privacy_masks .hint .error:before { color: red; content: "\E715"; }
.privacy_masks .currentzoom { margin-left: 30px; line-height: 32px; float: left;}
.privacy_masks .zoomhint { border: 1px solid #ff0000; background-color: rgba(255,0,0,0.4); padding: 5px 10px; margin-right: 8px; display: none; }
.privacy_masks .selMask .selectboxit-container .selectboxit { width: 200px !important; }

/* picture settings (bootstrapped) */
.picture_settings { max-width: 730px !important; }
.picture_settings .slider { width: 250px; }
.picture_settings .sliderValue { width: 55px; padding-right: 0; padding-left: 8px; }
@media (min-width: 576px) {
    .picture_settings label.rbLabel { min-width: 60px; }
}

@media (max-width: 575px) {
    .picture_settings label.rbLabel { min-width: 40px; }
}

.page_picsettings { max-width: 650px !important; }
.page_picsettings .slidertext { width: 55px; padding-right: 0; padding-left: 8px; margin-left: 0; }

.page_enhanced { max-width: 650px !important; }
.page_enhanced .slidertext { width: 55px; padding-right: 0; padding-left: 8px; margin-left: 0; }
.page_enhanced fieldset { margin: 10px -15px; }

.page_wlan.pagecontent { max-width: 750px !important; }
.page_wlan .selectboxit-container .selectboxit,
.page_wlan .selectboxit-container,
.page_wlan #btn-wlan-pin,
.page_wlan #btn-wlan-check-connection { width: 100%; }
.page_wlan #scan_result { padding-top: 20px; }
.page_wlan #tbl_scan { width: 100%; border: 2px solid #eee; }
.page_wlan #tbl_scan th { height: 30px; padding: 0px 10px; background-color: #eee; color: #000; text-align: center; }
.page_wlan #tbl_scan td { height: 30px; text-align: center; cursor: pointer; padding: 0px 10px; }
.page_wlan #tbl_scan tr:hover { background-color: #eee; }
#dlgPIN.ui-dialog-content { overflow: visible; }
#dlgPIN .hint { margin: 10px 0 20px 0; }
#dlgPIN .row { line-height: 32px; }


.page_wlan_ap .selectboxit-container .selectboxit,
.page_wlan_ap .selectboxit-container { width: 100%; }
.page_wlan_ap #txtSSID { line-height: 32px; }

/* lens settings (bootstrapped) */
.page_lens_settings .slider { width: 250px; }
.page_lens_settings .sliderValue { width: 55px; padding-right: 0; padding-left: 8px; }
.page_lens_settings label.rbLabel { min-width: 60px; }
.page_lens_settings #selRefocusSelectBoxIt.selectboxit, .page_lens_settings #selDaySelectBoxIt.selectboxit{ width: 150px; }
.page_lens_settings #refocusSet { width: 157px; }
/*.page_lens_settings .selectboxit-container .selectboxit-options,
.page_lens_settings .selectboxit-container .selectboxit,
.page_lens_settings .selectboxit-container { width: 100%; }*/

/* ptz settings */
.page_ptz_settings .slider { width: 250px; }
.page_ptz_settings .sliderValue { width: 55px; padding-right: 0; padding-left: 8px; }
.page_ptz_settings label.rbLabel { min-width: 70px; }
.page_ptz_settings button { min-width: 120px; }
.page_ptz_settings .btn-wide { min-width: 150px; }
/*.page_ptz_settings .selectboxit-container .selectboxit-options,
.page_ptz_settings .selectboxit-container .selectboxit,
.page_ptz_settings .selectboxit-container { width: 100%; }*/

/* prepositions and tours */
.page_tours .inlineblock { text-align: center; max-width: 200px; vertical-align: middle; }
.page_tours .btn-grey { padding: 0 5px; width: 35px; }
.page_tours .btn-grey span { margin: 0; overflow: hidden; }
.page_tours .btn-grey.btn-edit { display: none; }
.page_tours .btn-grey.btn-remove span { font-size: 32px; margin-top: 1px; margin-left: -6px; }
.page_tours label.rbLabel { min-width: 70px; }
.page_tours .stdselect { width: 190px; height: 250px; }
/*.page_tours .rowButtons button { margin-top: 5px; display: block; }*/
.page_tours #upload { width: 190px; margin-top: 5px; }
.page_tours #progress { width: 100%; height: 15px; margin-left: 0; }
.page_tours #progress .progress-label { top: 0; }
.page_tours.ui-dialog-content { overflow: visible; }
.page_tours .selectboxit-container .selectboxit-options,
.page_tours .selectboxit-container .selectboxit,
.page_tours .selectboxit-container { width: 100%; }
.page_tours .pright { padding-right: 10px; }
@media (min-width: 576px) and (max-width: 650px) {
    .page_tours .stdselect { width: 160px; height: 250px; }
}
@media (min-width: 576px) {
    .page_tours #addToTour span { margin-left: 10px; }
    .page_tours .xs-rowButtons { margin-top: 5px; }
}
@media (max-width: 575px) {
    #addToTour { margin: 20px 0px 20px 0px; }
    /*.page_tours .xs-rowButtons button { margin: 10px; display: block; }*/
    .page_tours .fieldNameSpeciale { width: 190px; }
}
.page_tours_dlg #prepositionName { width: 260px; }
.page_tours_dlg .ui-dialog-content { overflow: visible; }
.page_tours .listbox {
    width: 190px;
    height: 250px;
    margin: auto;
}

.page_prepos_settings .selectboxit-container .selectboxit-options,
.page_prepos_settings .selectboxit-container .selectboxit,
.page_prepos_settings .selectboxit-container { width: 100%; }
.page_prepos_settings .col-auto { padding-right: 5px; }
.page_prepos_settings .ui-slider { width: 270px; }
.page_prepos_settings .sliderValue { width: 55px; padding-right: 0; padding-left: 8px; }
.page_prepos_settings .row.buttons { flex-flow: row-reverse; }
.page_prepos_settings .row.buttons button { margin: 5px; }
.page_prepos_settings .row-drawingarea .col-12 { padding-left: 0; padding-right: 0; }
.page_prepos_settings .row-focus { padding: 0 0 0 10px; }
.page_prepos_settings #selPrepositionSelectBoxItOptions .selectboxit-option-anchor:before { display: none }


/* virtual masks  (bootstrapped) */
.page_virtualmasks { width: 638px !important; min-width: 638px !important; max-width: 638px !important; }
.page_virtualmasks #cbEnabled { margin-left: 20px; }
.page_virtualmasks #area { width: 560px; height: 364px; margin: 0 auto; position: relative; }
.page_virtualmasks #selMaskSelectBoxItOptions.selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor:before { content: ""; }
.page_virtualmasks .hint { display: none; }
.page_virtualmasks .hint .msg { color: #e20015; padding-left: 5px; line-height: 31px; }
.page_virtualmasks .hint .iconfont { float: left; }
.page_virtualmasks .hint .error:before { color: red; content: "\E715"; }

/* audio (bootstrapped) */
.page_audio .selectboxit-container .selectboxit { width: 200px; }
.page_audio .slider { width: 200px; }
.page_audio .sliderValue { display: inline-block; margin-left: 20px; min-width: 20px; float: right; padding-top: 7px; }
.page_audio .peak { width: 120px; border: 1px solid #c3c3c4; display: inline-block; height: 20px; margin: 7px 0 -8px 0; }

/* pixel counter (bootstrapped) */
.pixel_counter { max-width: 680px; min-width: 680px; width: 680px; }

/* fire detection (bootstrapped) */
.firedetection { max-width: 992px !important; width: 992px !important; }
.firedetection.large { max-width: 1300px !important; width: 1300px !important; } /* alt 1200 */
.firedetection label.lblRadio { min-width: 40px; }
.firedetection .selectboxit-container .selectboxit { width: 150px; }
.firedetection .slider.ui-slider { display: inline-block; width: 150px; margin-right: 10px; float: left; }
.firedetection .sliderval { padding-left: 10px; line-height: 22px; }
.firedetection .ticks { margin-bottom: -12px; margin-top: 0; }
.firedetection .sliderticks3 { width: 180px; padding: 0; margin: 0 0 0 -10px; }
.firedetection .sliderticks3 div { width: 31%; display: inline-block; padding: 0; margin: 0; font-size: 11px; }
.firedetection .sliderticks3 div:nth-child(2) { text-align: center; }
.firedetection .sliderticks3 div:nth-child(3) { text-align: right; }
.firedetection .leftbar { -ms-flex: 0 0 420px; flex: 0 0 420px; max-width: 420px; }
.firedetection .leftbar .blockToHide { overflow: visible; display: none; }
.firedetection #btnDeleteMask { float: right; width: 33px; padding: 1px; }
.firedetection #btnDeleteMask .iconfont { font-size: 28px; }
.firedetection #fsMasking .buttonbar { padding-bottom: 6px; }
.firedetection #fsMasking .buttonbar button { max-width: 130px; white-space: pre-line; height: auto; min-height: 45px;}
.firedetection #fsMasking .buttonbar button#btnAddTimeRegion { max-width: 170px; } /* to match english translation */
.firedetection #fsMasking .buttonbar button#btnGetAutoMask { max-width: 150px; } /* to match english translation */
.firedetection.large #fsMasking .buttonbar button { max-width: 250px !important; min-height: 32px; }
.firedetection #fsMasking .buttonbar button.left { float: left; padding: 1px 6px; margin: 0 5px 5px 0; }
.firedetection #fsMaskDetails { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; }
.firedetection input.small1 { width: 40px; margin-left: 10px; }
.firedetection #divFlameMinSize { border: 2px solid #e00; width: 20px; height: 20px; float: left; margin-left: 2px; margin-top: 4px; }
.firedetection #divSmokeMinSize { border: 2px solid #ee0; width: 20px; height: 20px; float: left; margin-left: 2px; margin-top: 4px; }
.firedetection .maskdetails, .firedetection .timedetails { display: none; }
.firedetection .nodetails { min-height: 32px; }

.firedetection.layout2 .leftbar { float: inherit; margin-right: 0; }
.firedetection.layout2 .leftbar fieldset { float: left; width: 400px; padding: 10px; }
.firedetection.layout2 .leftbar label.lblLeft { min-width: 200px; }
.firedetection.layout2 #fsSmoke { margin: 0 0 0 10px; }
.firedetection.layout2 #fsMasking { float: inherit; margin-right: 0; margin-bottom: 10px; }
.firedetection.layout2 #drawingarea { text-align: center; }
.firedetection.layout2 #drawingarea #drawingcanvas { margin: auto; }
.firedetection.layout2 #minSizeBar { width: 828px; margin-left: auto; margin-right: auto; }

/* serialport */
.serialport .row { padding: 5px 0; }
.serialport label.lblLeft { min-width: 200px; line-height: 24px; }
.serialport .row.buttons { text-align: right; }

/* imagepipe */
.page_ipipe .slider { width: 260px; }
.page_ipipe .sliderValue { width: 50px; }

/* avp */
.page_avp .slider { width: 240px; }
.page_avp .sliderValue { width: 100px; }
.page_avp #txtActIntegrationTime,
.page_avp #txtActSensorGain { padding-top: 8px; }

/* alarm rules (bootstrapped) */
.evtrules select.details { display: none; }
.evtrules .selectboxit-container .selectboxit { width: 200px; }
.evtrules .divTimerange { display: inline-block; }
.evtrules .divTimerange .separator { margin: 0 2px; }
#startTime, #endTime { width: 70px; height: 30px; line-height: 30px; }
#startTime.full-width { width: 150px; }

/* alarm inputs (bootstrapped) */
.alarm_inputs { max-width: 760px !important;}
.alarm_inputs .selectboxit-container .selectboxit { width: 160px; }
.alarm_inputs .stdtextfield { width: 160px; }
.alarm_inputs .swModeInactive { display: none; }
.alarm_inputs #slPIRSensitivity { width: 150px; float: left; }
.alarm_inputs #PIRSensitivity { float: left; margin: 7px 0 0 20px; }

/* alarm output (bootstrapped) */
.alarmout #btnTrigger { width: 260px; }
.alarmout.notabs #tabheaders { display: none; }
.alarmout.notabs #tabContainer { border-width: 0; padding: 0 }
.alarmout #relayIcon { height: 32px; vertical-align: middle; margin-left: 5px; }
.alarmout #relayIcon.active { color: green; text-shadow: 0 0 8px rgba(0,255,0, 1); }
.alarmout .selectboxit-container .selectboxit-options,
.alarmout .selectboxit-container .selectboxit,
.alarmout .selectboxit-container { width: 100%; }

/* COM1 (bootstrapped) */
.page_com1 .selectboxit-container .selectboxit-options,
.page_com1 .selectboxit-container .selectboxit,
.page_com1 .selectboxit-container { width: 100%; }

/* certificate storage (bootstrapped) */
.certificatestorage { max-width:100% !important; }
.certificatestorage fieldset { width: 550px; margin: 20px 0; }
.certificatestorage .listtable { border-collapse: collapse; }
.certificatestorage .listtable td {height: 30px; text-overflow: ellipsis; }
.certificatestorage .listtable a:hover {text-decoration: none; }
.certificatestorage .listtable td a {cursor: pointer;}
.certificatestorage .listtable .colkey { width: 40px; }
.certificatestorage .listtable .keyavail:before { content: "\e70C"; margin-left: -8px; color: #008040; }
.certificatestorage .listtable .keymissing:before { content: "\e728"; margin-left: -8px; }
.certificatestorage .listtable .iconcontainer { margin-left: -2px; color: #003b6a; }
.certificatestorage .listtable .colicons { width: 76px; overflow-x: visible; }
.certificatestorage .selectboxit-container .selUsage { width: 200px; }
.certificatestorage #usageList, .certificatestorage #usageListTrusted  { margin-top: 20px; }
.certificatestorage td.label { vertical-align: top; line-height: 30px; }
.certificatestorage .filename div:first-of-type a.icRemCert { visibility: hidden; }
.certificatestorage .filename a.icAddCert { visibility: hidden; }
.certificatestorage #usageListTrusted .filename div:last-child a.icAddCert { visibility: visible; }
.certificatestorage #usageListTrusted .filename div:nth-child(5) a.icAddCert { visibility: hidden; }
.certificatestorage #usageList th.usage, .certificatestorage #usageListTrusted th.usage { width: 220px; }
.certificatestorage #certificateList .iconcontainer.large { margin-left: -8px; margin-right: -4px;  }
.certificatestorage .selCertUsage { width: 250px; }
.certificatestorage #certificateList { width: 850px; }
.certificatestorage .chosen-container .search-choice + .search-field { display: none; }
.certificatestorage #list_loading { text-align: center; font-size: 14px; padding: 20px; }
.certificatestorage.vrm { width: 900px; padding: 0 0 70px 0; }
.certificatestorage.vrm .colName { display: none; }
.certificatestorage .stdtextfield { width: 240px; }

/*.certificatestorage #tblCertificates_wrapper { overflow-x: auto; overflow-y: visible; }*/
.certificatestorage #tblCertificates .keyavail:before { content: "\e70C"; color: #008040; }
.certificatestorage #tblCertificates .keymissing:before { content: "\e728"; }
.certificatestorage #tblCertificates a { cursor: pointer; }
.certificatestorage #tblCertificates a:hover { text-decoration: none; }
.certificatestorage #tblCertificates th { text-align: left; }
.certificatestorage #tblCertificates th.colKey { padding-left: 5px; padding-right: 5px; text-align: center; }
.certificatestorage #tblCertificates th.colExpires { text-align: center; }
.certificatestorage #tblCertificates td { padding: 2px 2px 2px 5px; text-indent: 0; }
.certificatestorage #tblCertificates td.colKey { text-align: center; }
.certificatestorage #tblCertificates td.colExpires { text-align: center; }
.certificatestorage #tblCertificates td.colUsage { overflow: visible; }
.certificatestorage #tblCertificates td.colIcons { padding: 0; }
.certificatestorage #tblCertificates .iconcontainer { margin-left: -2px; }
.certificatestorage #tblCertificates .iconplaceholder { display: inline-block; height: 20px; width: 27px; }
.certificatestorage .dataTables_wrapper .dataTables_scrollBody { overflow-y: visible !important; overflow-x: auto;  }

.certstoredlg .createMethodContainer {
    background-color: #fff;
    border: 1px solid black;
    border-radius: 4px;
    cursor: pointer;
    margin: 5px 5px;
    padding-left: 50px;
}
.certstoredlg .iconleft:before { top: -1px; }
.certstoredlg .createMethodContainer:hover { background-color: #f5f5f5; }
.certstoredlg .icon-uploadcert:before { font-size: 36px; content: "\e745"; position: absolute; left: 30px; line-height: 36px; }
.certstoredlg .icon-generatereq:before { font-size: 36px; content: "\e724"; position: absolute; left: 30px; line-height: 36px; }
.certstoredlg .icon-generatecert:before { font-size: 36px; content: "\e724"; position: absolute; left: 30px; line-height: 36px; }
.certstoredlg .createMethodHeader { font-size: 18px; padding: 10px; }
.certstoredlg .createMethodDesc { padding: 10px; }
.certstoredlg .addMenu { display: block; }
.certstoredlg .formUpload, .certstoredlg .formSigningReq { display: none; }
.certstoredlg .formSigningReq .server { display: none; }
.certstoredlg .formSigningReq.createcert .server { display: block; }
.certstoredlg #progressBar { width: 100%; margin: 5px 0; }
.certstoredlg #progressBar .bar { margin: 0; }
.certstoredlg #inputCertificate { width: 100%; height: 30px; }
.certstoredlg #btnCreateCert { margin-left: 10px; }
.certstoredlg #btnDownloadSigReq { display: none; }
.certstoredlg .menuCreateCert { display: none; }
.certstoredlg .securemode .menuCreateCert { display: block; }
.certstoredlg .formSigningReq .iconleft { padding-top: 7px; }
.certstoredlg .formSigningReq .iconleft:before { top: 0px; }
.certstoredlg .dlgcontent { padding: 10px 5px;}
.certstoredlg .row-decryptstatus { padding-left: 13px; padding-top: 10px; }
.certstoredlg .selectboxit-container .selectboxit { width: 240px; }

/* securemode page */
.securemode #gpsContainer { width: 570px; margin: auto; }
.securemode #gpsContainer .row { text-align: left; padding: 2px 0; }
.securemode #gpsContainer .row label { display: inline-block; min-width: 200px; }
.securemode #ifMap { border-width: 0; height: 300px; width: 550px; }
.securemode #divMap { display: none; margin-top: 5px; height: 310px; overflow: hidden; }
.securemode #certStoreContainer { margin-bottom: 20px; }


#progressBar { width: 200px; height: 30px; position: relative; border: 1px solid black; }
#progressBar .bar { border-radius: 0; padding: 0; background-color: #255a86; height: 30px; width: 0; }
#progressBar .value { position: absolute; z-index: 1; width: 100%; top: 6px; left: 0; color: #c3c3c4; text-align: center; }

/* user management (bootstrapped) */
.updateuserdlg .row { margin: 2px 0; } /* todo: replace by col-margin */
#dlgUser { padding: 0px !important; overflow: visible; }
.userManagement label { display: inline-block; min-width: 150px; }
.userManagement table { width: 570px; border-collapse: collapse; }
.userManagement table th:last-child { width: 60px; }
.userManagement table td { height: 30px; }
.userManagement .iconcontainer { cursor: pointer; text-decoration: none; }
.userManagement #divSecureMode { display: none; }
.userManagement #activedirectory_hint { min-height: 30px; margin-bottom: 0; }
.userManagement #activedirectory_hint a { float: right; }
.userManagement .nopwd { color: #d0b000; font-size: 22px; opacity: 1; }
.userManagement .edit.disabled { opacity: 0.2; cursor: default; }
.userManagement #divPwdWarning { margin: 0 0 10px 0; padding: 10px; border: 1px solid #ff0000; _background-color: #d0b000; }
.userManagement #divPwdWarning .iconfont { color: #ff0000; }
.userManagement #fsAuthMode { margin: 20px 0; /*padding: 10px 10px 0 10px; */}
.userManagement #fsAuthMode label { min-width: 250px; margin-right: 0; }
.userManagement #fsAuthMode .buttons { float: right; _margin-top: -32px; }
.userManagement #fsAuthMode .iconleft:before { top: -2px; }
.updateuserdlg .stdtextfield { width: 200px; }
.updateuserdlg .selectboxit-container .selectboxit { width: 200px; }
.updateuserdlg button { min-width: 100px; }
.updateuserdlg #userName_error { display: none; padding: 5px; }
.updateuserdlg #userName_warning { display: none; margin: 0 0 10px 0; padding: 10px; border: 1px solid #d0d000; }
.updateuserdlg #userName_warning .warning_content { display: inline-block; max-width: 460px; }
.updateuserdlg #userName_warning .iconleft { padding-left: 10px; }
.updateuserdlg .rowButtons { margin-top: 15px; }

.userManagement table.dataTable { border-collapse: initial; }
.userManagement table.dataTable td { padding: 1px; }
.userManagement table.dataTable td.iconcolumn { text-align: right; }
.userManagement table.dataTable.no-footer { border-bottom-width: 0; }
.userManagement table.dataTable.table-grey tbody tr:hover { background-color: #eee; }

/* aux map (bootstrapped) */

/* storage management (bootstrapped) */
.storage_management { min-width: 640px; }
/*.storage_management button { margin-left: 5px; }*/
.storage_management #deviceManager { line-height: 32px; padding-left: 10px; }
.storage_management #treeHeader { margin-top: 10px; padding: 5px; font-weight: bold; background-color: #eee; border-radius: 5px 5px 0 0; }
.storage_management .treeContainer { height: 150px; border: 2px solid #e1e1e2; overflow: hidden; }
.storage_management .file, .storage_management .folder { font-size: 11px; cursor: pointer; }
.storage_management .file.selected { border: 1px dotted black; background-color: #d4e7f2; }
.storage_management #treeInfo { height: 16px; color: red; }
.storage_management #managedStorage { margin-top: 10px; min-height: 120px; }
.storage_management #managedStorage label { font-weight: bold; }
.storage_management #managedStorage table { width: 100%; border: 2px solid #e1e1e2; border-radius: 5px 5px 0 0; border-collapse: collapse; }
.storage_management #managedStorage th { height: 20px; padding: 5px 0; background-color: #eee; border: 1px solid #e1e1e2; text-align: center; }
.storage_management #managedStorage .selected { background-color: #d4e7f2; }
.storage_management #managedStorage td { text-align: center; text-indent: 0; cursor: pointer; font-size: 11px; height: 32px; }
.storage_management #managedStorage .checkbox { margin-left: 25px; }
.storage_management #dlg h2 { margin-bottom: 10px; }
.storage_management #managedStorage .td_cb .cbwrapper .checkmark { left: 25px;}
.storage_management ul.tree { padding-bottom: 15px; }
.storage_management ul.tree li span { padding-right: 15px; }

/* recording profiles (bootstrapped) */
.recording_profiles { min-width: 882px; max-width: 882px; width: 822px; }
.recording_profiles .colorBox { display: inline-block; width: 10px; height: 10px; border: 1px solid black; }
.recording_profiles .bg1 { background-color: #f9cb6d; }
.recording_profiles .bg2 { background-color: #24477f; }
.recording_profiles .bg3 { background-color: #3daf3d; }
.recording_profiles .bg4 { background-color: #cc66cc; }
.recording_profiles .bg5 { background-color: #66cccc; }
.recording_profiles .bg6 { background-color: #cc6666; }
.recording_profiles .bg7 { background-color: #6666cc; }
.recording_profiles .bg8 { background-color: #ccff00; }
.recording_profiles .bg9 { background-color: #3399cc; }
.recording_profiles .bg10 { background-color: #c0c0c0; }
.recording_profiles .name { margin-left: 3px; }
.recording_profiles #progress { margin-bottom: -8px; }
.recording_profiles #encoderStreamsLink { margin-left: 20px; color: #003b6a; }
.recording_profiles #cameras { margin-bottom: 20px; }
.recording_profiles #cameras thead tr { cursor: default; }
.recording_profiles #cameras tr { background-color: #ffffff; cursor: pointer; }
.recording_profiles #cameras tr:hover { background-color: #f5f5f5; }
.recording_profiles #cameras tr.selected { background-color: #eeeeee; cursor: default; }
.recording_profiles #cameras td { height: 30px; }
.recording_profiles .divIncludes { display: inline-block; min-width: 150px; margin-right: 20px; }
.recording_profiles .divIncludes label { min-width: 0; }
.recording_profiles #ifps { margin-left: 20px; }
.recording_profiles #fsAlarm { min-height: 225px; width: 350px; margin-right: 10px; }
.recording_profiles #fsAlarm .cb-label { max-width: 290px; }
.recording_profiles #fsTrigger { min-height: 225px; }
.recording_profiles #fsTrigger .divTriggerExt { margin-left: 153px; }
.recording_profiles .cbDiv { display: inline-block; min-width: 45px; margin-right: 8px; }
.recording_profiles #fsTrigger .cbDiv label { min-width: 0; }
.recording_profiles .selectboxit-container .selectboxit.smallselect { width: 140px; }
.recording_profiles .selectboxit-container .selectboxit.largeselect { width: 370px; }
.recording_profiles .streamLink { margin-left: 15px; line-height: 32px; }
.recording_profiles #a_link { margin-left: 30px; }
.recording_profiles #btnDefaultRecordingProfiles { margin-right: 30px; }
.recording_profiles #btnCopyRecordingProfiles { margin-right: 100px; }
.recording_profiles_dlg .row { margin: 0 5px; }

/* retention time (bootstrapped) */
.retention_time .stdtextfield { width: 50px; }

/* recording scheduler */
.recording_scheduler { max-width: 850px !important; min-width: 850px !important; width: 850px !important;}
.recording_scheduler #topButtonContainer { text-align: center; margin-bottom: 20px; }
.recording_scheduler #labelContainer { height: 55px; position: relative; }
.recording_scheduler #labelContainer * { position: absolute; }
.recording_scheduler #halfmoonIcon1 { top: 14px; left: 172px; }
.recording_scheduler #sunIcon { top: 14px; left: 462px; }
.recording_scheduler #halfmoonIcon2 { top: 14px; left: 746px; }
.recording_scheduler #label1 { top: 32px; left: 168px; }
.recording_scheduler #label2 { top: 37px; left: 238px; }
.recording_scheduler #label3 { top: 32px; left: 311px; }
.recording_scheduler #label4 { top: 37px; left: 383px; }
.recording_scheduler #label5 { top: 32px; left: 454px; }
.recording_scheduler #label6 { top: 37px; left: 526px; }
.recording_scheduler #label7 { top: 32px; left: 598px; }
.recording_scheduler #label8 { top: 37px; left: 668px; }
.recording_scheduler #label9 { top: 32px; left: 740px; }
.recording_scheduler #hourButtons { margin: 0 18px; }
.recording_scheduler .selectButton { height: 22px; border: 1px solid; border-color: #ccc #aaa #aaa #ccc; display: inline-block; }
.recording_scheduler .rowButton { line-height: 18px; width: 161px; text-align: center; margin: 0 4px 1px 0; font-size: 11px; border-left-color: #fff; border-top-color: #fff; }
.recording_scheduler .hourButton { width: 24px; margin-bottom: 2px; cursor: pointer; border-left-color: #fff; border-top-color: #fff; }
.recording_scheduler .removeButton { float: right; margin-top: -5px; }
.recording_scheduler #weekdays { margin: 0 0 0 18px; }
.recording_scheduler #holidays { height: 186px; margin: 0 0 0 18px; overflow: auto; }
.recording_scheduler .rowButtons { width: 165px; float: left; cursor: pointer; }
.recording_scheduler .schedule { display: inline-block; }
.recording_scheduler .schedule-table { border-collapse: collapse; }
.recording_scheduler .schedule-slot { height: 20px; border: 1px solid #ccc; }
.recording_scheduler .bg1 { background-color: #f9cb6d; }
.recording_scheduler .bg2 { background-color: #24477f; }
.recording_scheduler .bg3 { background-color: #3daf3d; }
.recording_scheduler .bg4 { background-color: #cc66cc; }
.recording_scheduler .bg5 { background-color: #66cccc; }
.recording_scheduler .bg6 { background-color: #cc6666; }
.recording_scheduler .bg7 { background-color: #6666cc; }
.recording_scheduler .bg8 { background-color: #ccff00; }
.recording_scheduler .bg9 { background-color: #3399cc; }
.recording_scheduler .bg10 { background-color: #c0c0c0; }
.recording_scheduler #timeText { text-align: center; color: blue; margin: 5px; }
.recording_scheduler button { margin: 0 10px; }
.recording_scheduler #profile { width: 240px; }
.recording_scheduler .colorIcon { width: 12px; height: 12px; border: 1px solid black; margin-top: 4px; float: left; cursor: pointer; }
.recording_scheduler .colorRadio { width: 170px; margin: 2px 5px; background-color: transparent; border: 0; cursor: pointer; }
.recording_scheduler .colorRadio.selected { background-color: black; color: white; cursor: default; }
.recording_scheduler #rename { width: 200px; margin-top: 5px; }
.recording_scheduler #addDate { position: absolute; bottom: 270px; right: 50px; }
.recording_scheduler #bottomButtonContainer { position: absolute; bottom: 50px; right: 50px; }
.recording_scheduler #recordingStatusLabel { line-height: 32px; font-weight: bold; }
#addDateDialog #datepicker1, #addDateDialog #datepicker2 { margin: 0 20px 0 5px; width: 100px; }
#addDateDialog label { min-width: 50px; display: inline-block; }
.recording_scheduler #profile { padding: 10px 10px }

/* recording status (bootstrapped) */
.recording_status th { text-align: left; }
.recording_status td { width: 180px; }
.recording_status .d-sm .label { width: 240px; height: 30px; padding: 0; }
.recording_status .d-xs .label { width: 200px; height: 30px; padding: 0; }
.recording_status .d-xs .label { width: 200px; height: 30px; padding: 0; }
.recording_status table.d-xs { margin-bottom: 30px; }
.recording_status .error { color: red; }
.recording_status .iconfont { font-size: 18px; }
.recording_status .bufferedRec { width: 200px; border: 1px solid black; border-radius: 5px; height: 20px; margin: 5px 10px 0 0; float: left; display: none; }
.recording_status .bar { height: 100%; padding: 0 !important; position: relative; overflow: hidden; }
.recording_status .bar div { position: absolute; height: 100%; top: 0; }
.recording_status .greenBg { width: 100px; background-color: green; left: 0; }
.recording_status .yellowBg { width: 80px; background-color: yellow; left: 100px; }
.recording_status .redBg { width: 20px; background-color: red; left: 180px; }
.recording_status .bar-label { margin-top: 8px; float: left; }
.recording_status #multipath_label { display: inline-block; float: left; line-height: 24px; padding-top: 5px; width: 210px; }
.recording_status #multipath_data { display: inline-block; padding-left: 2px; min-height: 24px; min-width: 24px; max-width: 400px; }
.recording_status #multipath_data.iconleft:before { top: 4px; }
.recording_status .encrypted { background-image: url(../img/encrypted.png); width: 17px; height: 20px; display: none; vertical-align: middle; margin-left: 10px; }
/*.recording_status .tr_status { line-height: 28px; }*/
@media (max-width: 575px) {
    .recording_status fieldset { padding: 5px 5px; }
}

/* alarm connections (bootstrapped) */
.alarm_connections .selectboxit-container .selectboxit-options,
.alarm_connections .selectboxit-container .selectboxit,
.alarm_connections .selectboxit-container { width: 100%; }

/* vca */
.page_vca .row { margin: 10px 0; height: 32px; }
.page_vca label:not(.cbLabel) { display: inline-block; min-width: 200px; line-height: 32px; }
.page_vca .slider { width: 260px; display: inline-block; margin-bottom: -7px!important; }
.page_vca .sliderValue { width: 40px; padding-right: 0; margin-left: 20px; }
.page_vca #slBrightness.ui-slider-disabled { opacity: 1; }
.page_vca #slBrightness .ui-slider-range { background-color: #50658a; }
.page_vca #slBrightness .ui-slider-handle { display: none; }
.page_vca #editProfileName { width: 32px; margin-left: 5px; }
.page_vca #editMotionArea { min-width: 200px; }
.page_vca .tamperIcon.active { color: red; }
.page_vca hr { opacity: 0.4; }
.page_vca .area { width: 576px; }
.page_vca .addMask .icon:before { content: "\E729"; margin-left: 10px; }
.page_vca .removeMask .icon:before { content: "\E744"; margin-left: 10px; }
.page_vca .hint { padding: 0 10px 10px 0; }
.page_vca .hint h3:before { content: "\E71a"; }
.page_vca .schedule-table { border-collapse: collapse; }
.page_vca #scheduled button { min-width: 0; width: 90px; font-size: 11px; margin: 0 5px; }
.page_vca .ui-tabs-panel .ui-widget-content { position: relative; }
.page_vca #timeLabelContainer { position: relative; height: 40px; }
.page_vca #timeLabelContainer * { cursor: default; position: absolute; }
.page_vca #halfmoonIcon1 { left: 86px; top: 0; }
.page_vca #sunIcon { left: 277px; top: 0; }
.page_vca #halfmoonIcon2 { left: 470px; top: 0; }
.page_vca #timeLabel1 { left: 79px; top: 20px; }
.page_vca #timeLabel2 { left: 127px; top: 25px; }
.page_vca #timeLabel3 { left: 175px; top: 20px; }
.page_vca #timeLabel4 { left: 223px; top: 25px; }
.page_vca #timeLabel5 { left: 271px; top: 20px; }
.page_vca #timeLabel6 { left: 319px; top: 25px; }
.page_vca #timeLabel7 { left: 367px; top: 20px; }
.page_vca #timeLabel8 { left: 415px; top: 25px; }
.page_vca #timeLabel9 { left: 463px; top: 20px; }
.page_vca .selectButton { height: 22px; border-width: 1px; border-style: solid; border-color: white gray gray white; cursor: pointer; }
.page_vca #hourButtons { margin: 2px 0; height: 24px; }
.page_vca .hourButton { width: 14px; float: left; }
.page_vca .rowButtons { float: left; }
.page_vca .rowButton { line-height: 22px; width: 91px; font-family: sans-serif; font-size: 11px; text-align: center; margin: 0 2px 2px 0; }
.page_vca .iconfont.removeButton { margin: 0; line-height: 18px; vertical-align: middle; float: right; }
.page_vca #weekdays, .page_vca #holidays { position: relative; height: 182px; margin: 2px 0; overflow: auto; }
.page_vca .schedule { float: left; }
.page_vca #tabs .schedule-slot { height: 20px; border: 1px solid #dddddd; }
.page_vca #timeText { color: blue; cursor: default; text-align: center; margin: 5px; }
.page_vca #schedule-profile { width: 120px; }
.page_vca .colorIcon { width: 10px; height: 10px; border: 1px solid black; margin-top: 3px; float: left; cursor: pointer; }
.page_vca .colorRadio { cursor: pointer; font-size: 11px; border: 0; margin: 0 15px; background-color: transparent; color: black; line-height: 20px; }
.page_vca .colorRadio.selected { background-color: black; color: white; }
.page_vca .bg1 { background-color: rgb(70, 185, 111); }
.page_vca .bg2 { background-color: rgb(0, 153, 255); }
.page_vca .bg3 { background-color: rgb(252, 249, 143); }
.page_vca .bg4 { background-color: rgb(255, 191, 255); }
.page_vca .bg5 { background-color: rgb(125, 233, 240); }
.page_vca .bg6 { background-color: rgb(204, 255, 102); }
.page_vca .bg7 { background-color: rgb(255, 153, 51); }
.page_vca .bg8 { background-color: rgb(168, 0, 168); }
.page_vca .bg9 { background-color: rgb(0, 0, 192); }
.page_vca .bg10 { background-color: rgb(255, 0, 0); }
.page_vca #holidaysButtonsContainer { position: absolute; top: 300px; right: 20px; }
.page_vca #addDateDialog, .page_vca #removeDateDialog { display: none; }
.page_vca #selectRemoveDate { width: 100%; }
.page_vca #schedulerButtonsContainer { position: absolute; bottom: 10px; right: 20px; }
.page_vca .triggerIcon, .page_vca #triggerDelay { margin-left: 20px; }
.page_vca .triggerIcon.active { color: green; }
.page_vca #noConfig { color: red; }
.page_vca #loadingReferenceImage { height: 200px; }
.page_vca #loadingReferenceImage img { margin-top: 60px; }
.page_vca #referenceImage { margin-top: 10px; width: 300px; }

/* audio alarm (bootstrapped) */
#content-wrapper .audio_alarm { max-width: 680px; min-width: 680px; width: 680px; }
.audio_alarm .selectboxit-container .selectboxit { width: 130px; }
.audio_alarm #name { width: 170px; }
.audio_alarm #mainContainer { height: 255px; position: relative; border: 1px solid black; margin-top: 10px; }
.audio_alarm #alarms { position: absolute; width: 100%; height: 100%; }
.audio_alarm #labels { position: absolute; width: 100%; bottom: 5px; }
.audio_alarm .cbLabel { transform: rotate(90deg); transform-origin: 0% 0%; white-space: nowrap; display: inline-block; position: absolute; width: 160px; text-align: right; bottom: 145px; }
.audio_alarm #f1 { left: 32px; }
.audio_alarm #f2 { left: 74px; }
.audio_alarm #f3 { left: 118px; }
.audio_alarm #f4 { left: 160px; }
.audio_alarm #f5 { left: 204px; }
.audio_alarm #f6 { left: 244px; }
.audio_alarm #f7 { left: 288px; }
.audio_alarm #f8 { left: 332px; }
.audio_alarm #f9 { left: 374px; }
.audio_alarm #f10 { left: 416px; }
.audio_alarm #f11 { left: 462px; }
.audio_alarm #f12 { left: 504px; }
.audio_alarm #f13 { left: 546px; }
.audio_alarm #f14 { left: 589px; }
.audio_alarm .signalBox { position: absolute; bottom: 0; width: 32px; }
.audio_alarm .signalBox.active { background-color: #cccccc; }
.audio_alarm .signalBox.inactive { border: 1px solid #cccccc; }
.audio_alarm .signalBox.triggered { background-color: red; }
.audio_alarm .signalLine { position: absolute; height: 1px; background-color: red; width: 36px; margin-left: -2px; bottom: 0; z-index: 2; }
.audio_alarm #b1, .audio_alarm #l1 { left: 7px; }
.audio_alarm #b2, .audio_alarm #l2 { left: 49px; }
.audio_alarm #b3, .audio_alarm #l3 { left: 93px; }
.audio_alarm #b4, .audio_alarm #l4 { left: 137px; }
.audio_alarm #b5, .audio_alarm #l5 { left: 181px; }
.audio_alarm #b6, .audio_alarm #l6 { left: 221px; }
.audio_alarm #b7, .audio_alarm #l7 { left: 265px; }
.audio_alarm #b8, .audio_alarm #l8 { left: 309px; }
.audio_alarm #b9, .audio_alarm #l9 { left: 351px; }
.audio_alarm #b10, .audio_alarm #l10 { left: 393px; }
.audio_alarm #b11, .audio_alarm #l11 { left: 437px; }
.audio_alarm #b12, .audio_alarm #l12 { left: 479px; }
.audio_alarm #b13, .audio_alarm #l13 { left: 521px; }
.audio_alarm #b14, .audio_alarm #l14 { left: 565px; }
.audio_alarm #thresholdLine { height: 1px; background-color: #333333; z-index: 10; cursor: n-resize; }
.audio_alarm .cbwrapper:nth-child(1) { margin-left: 15px; }
.audio_alarm .cbwrapper { margin-left: 27px; }
.audio_alarm .cbwrapper { margin: 0 13px 0 14px; }
BODY.fw .audio_alarm .cbwrapper+LABEL { padding: 0 !important; }
.audio_alarm .slider { width: 254px; }
.audio_alarm .sliderValue { display: inline-block; margin-left: 20px; }

/* alarm email (bootstrapped) */
.alarm_email .cbDiv { display: inline-block; width: 60px; }
.alarm_email #send { width: 100%; }
.alarm_email .selectboxit-container .selectboxit-options,
.alarm_email .selectboxit-container .selectboxit,
.alarm_email .selectboxit-container { width: 100%; }

/* alarm task editor (bootstrapped) */
.alarm_task_editor #BEScript { height: 300px; resize: none; }

/* network access (bootstrapped) */
.network_access .indented { text-indent: 20px; }
.network_access .selectboxit.telnet {width: 150px;}
.network_access a.telnet {margin-left: 10px; display: none; }
.network_access .selectboxit-container .selectboxit-options,
.network_access .selectboxit-container .selectboxit,
.network_access .selectboxit-container { width: 100%; }
.network_access #auto-ip { padding-top: 8px; }

/* dyn dns (bootstrapped) */
.dyn_dns #register { width: 100%; }
.dyn_dns #state { line-height: 32px; }
.dyn_dns .selectboxit-container .selectboxit-options,
.dyn_dns .selectboxit-container .selectboxit,
.dyn_dns .selectboxit-container { width: 100%; }

/* advanced (bootstrapped) */
.advanced #fsPOE { display: none; }
.advanced .certs802 a { margin-left: 20px; vertical-align: top; line-height: 32px; float: right; }
.advanced .certs802 label { vertical-align: top; }
.advanced .certs802 .certHeaderClient, .advanced .certs802 .certHeaderServer { font-weight: bold; }
.advanced .certs802 #certContainer { padding-top: 8px; padding-bottom: 5px;}
.advanced .certs802 #certContainer table { border-collapse: collapse; }
.advanced .certs802 #certContainer td { text-indent: 0; }
.advanced .certs802 #certContainer .td_label { padding-right: 10px; vertical-align: top; }
.advanced .certs802 #certContainer ul { padding-left: 20px; margin: 5px; }
.advanced .certs802 #certContainer .identitychain { margin-left: 40px; }
.advanced .btnrow { margin-top: 10px; }
.advanced #btnOpenConnectCloudDlg { width: 100%; }
.advanced #cbsPortalAccess label { vertical-align: top; line-height: inherit; padding-top: 5px; }
.advanced #cbsPortalAccess #serverurl { display: inline-block; padding-left: 32px; padding-top: 2px; }
.advanced #txtLLDPPowerAdder { width: 70px; }
.advanced .rowLLDPAllocated span { display: inline-block; vertical-align: top; }
.advanced .rowLLDPAllocated #lldp_zero_hint { margin-left: 20px; max-width: 250px; line-height: 18px; margin-top: 6px; display: none; }
.advanced .selectboxit-container .selectboxit-options,
.advanced .selectboxit-container .selectboxit,
.advanced .selectboxit-container { width: 100%; }
.advanced #fsCBS #statusinfo { line-height: 20px; width: 100%; }
.advanced #fsCBS #serverurl { line-height: 20px; width: 100%; }
.advanced #fsCBS #statusinfo:before { top: 1px; }
.advanced .row-stratocast .stratocastlogo { margin: auto; }
.advanced .row-stratocast #txtSCState { line-height: 32px; }
.advanced .row-stratocast-logo { display: none; }

.advanced-dlg .row { padding: 5px 0; margin-left: 0; margin-right: 0; }
.advanced-dlg .row.terms { padding: 10px 0; }
.advanced-dlg .hint { padding: 10px 0; line-height: 22px; }
.advanced-dlg .hint a { margin: 0 5px 0 5px; }
.advanced-dlg a { outline: none; }
.advanced-dlg .errorhint { padding: 10px 0; color: #e20015; background-color: #FAD6DA; text-align: center; display: none; border: 1px solid #ff0000; }
.advanced-dlg #btnConnectCloud, .advanced-dlg #btnCancelCloud { min-width: 200px; }
.advanced-dlg .portallogo { width: 240px; height: 48px; }
.advanced-dlg .row.rowCloudState label { vertical-align: top; }
.advanced-dlg .row.rowCloudState #cloudState { max-width: 360px; }
.advanced-dlg .row.rowCloudState .iconleft { padding-left: 0; padding-top: 0; }
.advanced-dlg .row.rowCloudState .iconleft:before { left: -32px; top: 2px; }
.advanced-dlg .errorbox { padding: 10px; }

/* network management (bootstrapped) */
.network_management #snmp { width: 100%; }
.network_management #snmpList .snmpListBorder { border: 1px solid #c3c3c4; border-radius: 5px; }
/*.network_management #tabsSNMP, .network_management #rowTrap { display: none; } - used hide in init here, because of bootsrtap! */
.network_management #divRebootForTraplist { display: none; border: 1px solid #ddd; width: 100%; line-height:32px; border-radius: 5px; text-align: center; background-color: #f4f4f4; }
.network_management .selectboxit-container .selectboxit-options,
.network_management .selectboxit-container .selectboxit,
.network_management .selectboxit-container { width: 100%; }

/* multicast (bootstrapped) */
.multicast .ui-tabs .ui-tabs-panel { padding-top: 0; }
.multicast .row:nth-child(1) div { font-weight: bold; }
.multicast .selectboxit-container .selectboxit-options,
.multicast .selectboxit-container .selectboxit,
.multicast .selectboxit-container { width: 100%; }
.multicast .theadline { margin-top: 8px; font-weight: bold; }
.multicast fieldset { margin-left: -25px; margin-right: -25px; padding-top: 0; }

/* image posting (bootstrapped) */
.image_posting .smalltextfield { width: 80px; }
.image_posting .cbDiv { display: inline-block; min-width: 50px; }
.image_posting .cbDiv label { min-width: 40px; }
.image_posting .selectboxit-container .selectboxit-options,
.image_posting .selectboxit-container .selectboxit,
.image_posting .selectboxit-container { width: 100%; }

/* accounts (bootstrapped) */
.accounts { max-width: 640px !important; }
.accounts #dbAuth { width: 260px; }
.accounts .stdtextfield { max-width: 260px; }
.accounts #dbState { margin-left: 10px; padding-top: 16px; }
.accounts #popupBlockerHint { padding: 10px; margin: 10px 0; justify-content: center; }
.accounts #fileTree { background-color: white; height: 170px; overflow: auto; }
.accounts .tree span { padding-left: 20px!important; }
.accounts .tree .placeholder { background: url(../tree-loader.gif) 0 0 no-repeat; }
.accounts .folder { cursor: pointer; background-image: url(../folder.gif); margin-left: -15px; }
.accounts .folder.closed { background-image: url(../folder-closed.gif); }
.accounts .file { background-image: url(../file.gif); margin-left: 20px; }
.accounts .folder.selected, .accounts .file.selected { font-weight: bold; }
.accounts #contextMenu { position: absolute; border: 1px solid black; border-radius: 5px; padding: 0; }
.accounts .menuItem { list-style: none; padding: 5px 10px; }
.accounts #account.account-none .row:not(.row-none) { display: none; }
.accounts #account.account-ftp .row:not(.row-ftp) { display: none; }
.accounts #account.account-dropbox .row:not(.row-dropbox) { display: none; }
.accounts #account.account-amazon-s3 .row:not(.row-amazon-s3) { display: none; }
.accounts #account.account-amazon-kinesis .row:not(.row-amazon-kinesis) { display: none; }
.ui-autocomplete.account-regions { max-height: 300px; overflow-y: auto; overflow-x: hidden; }
.ui-autocomplete.account-regions .desc { opacity: 0.6; padding-left: 20px; font-style: italic; }
.dlg-dropbox .row-hint { margin: 10px 0 20px 0; }
.dlg-dropbox .col-fieldName { line-height: 32px; }
.dlg-dropbox .ui-dialog-content { overflow: hidden; }

/* ipv4 filter (bootstrapped) */

/* encryption */
.encryption { min-width: 600px; }
.encryption fieldset { margin: 10px 0; }
.encryption fieldset legend { margin: 0 0 15px 10px; }
.encryption table { width: 100%; border-collapse: collapse; cursor: default; }
.encryption #keysContainer { overflow: hidden; }
.encryption .tableContainer { height: 100px; overflow: auto; border: 2px solid #e1e1e2; }
.encryption .contentTable th { background-color: #eee; border-radius: 5px 5px 0 0; height: 20px; }
.encryption .contentTable td { padding: 2px 10px; font-family: monospace; }
.encryption .contentTable .selected { background-color: #d0d0d0; }
.encryption .label { width: 250px; }
.encryption .keysLabel { width: 230px; }
.encryption .keys { text-align: center; }
.encryption .dialog-info { padding: 10px; }
.encryption #enteredKeys { width: 90%; margin: 10px; }

/* licenses (bootstrapped) */
.licenses #statusIcon { height: 32px; margin-left: 5px; vertical-align: middle; }
.licenses #statusIcon.active:before { color: green; content: "\E70C"; }
.licenses #statusIcon.error:before { color: red; content: "\E715"; }
.licenses #activeKeys { height: 100px; }
.licenses #btnCopyToClipboard { margin-left: 6px; height: 30px; width: 30px; }
.licenses #btnCopyToClipboard span { margin-top: -11px; margin-left: -5px; }
.licenses #installCode { width: calc(100% - 40px);}

/* diagnostics (bootstrapped) */
@media (min-width: 576px) {
    #content-wrapper .page_diagnostics { max-width: 484px; }
}
.page_diagnostics #logs { width: 420px; height: 300px; resize: none; overflow: scroll; font-family: "Courier New", Courier, monospace; font-size: 13px; }
.page_diagnostics #progress { width: 100%; height: 16px; }
.page_diagnostics #progress .progress-label { top: 0; }

/* system overview (bootstrapped) */
#content-wrapper .pagecontent.system_overview { max-width: 630px; }
.system_overview #deviceType { white-space: nowrap; }
.system_overview #rowOS { margin-top: 20px; }
.system_overview .row > [class*="col-"] {
    margin-top: 2px;
    margin-bottom: 2px;
}
.system_overview #initiator { white-space: nowrap; }

/* sectors (bootstrapped) */
.sectors table { width: 100%; }
.sectors th, .sectors td { text-align: center; padding: 5px; }
.sectors .checkbox, .sectors .cbwrapper { margin-left: 15px; }

/* miscellaneous (bootstrapped) */
/*.page_miscellaneous .smalltextfield { max-width: 100px; }*/

/* preset mapping (bootstrapped) */
.preset_mapping .selectboxit-container .selectboxit.type { width: 170px; }
.preset_mapping input.preset { width: 70px; text-align: center; }
.preset_mapping #mapping_content {display: none; }
.preset_mapping #mapping_loader { text-align: center; padding-top: 50px; }
.preset_mapping .row.headline { margin-top: 30px; }
.preset_mapping .row.headline div.preset { display: inline-block; min-width: 55px; text-align: center; }
.preset_mapping .row.headline div.action { display: inline-block; min-width: 120px; text-align: center; }
.preset_mapping .row.headline div.function { display: inline-block; min-width: 260px; text-align: center; }

/* picture settings (bootstrapped) */
.picsettings .desc { margin-bottom: 10px; }
.picsettings .drawingarea { text-align: center; }
.picsettings .slider { width: 250px; }
.picsettings .sliderValue { width: 60px; }
.picsettings #btnFFC { width: 250px; }
.picsettingsir label.rbLabel { min-width: 60px; }

/* vca */
#motionhint, #vcahint, #tamperhint {
    padding-right: 10px;
    padding-bottom: 10px;
}

/* reset page */
.resetblock {
    position: relative;
    top: 40%;
}
.resetblock.no-power-cycle { top: 30%; }
.vrm .resetblock {
    margin-top: 150px;
}
.resetblock, .resetblock input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    color: #aaa;
    text-align: center;
}
.resetblock .counter-row {
    margin-top: 20px;;
}
.resetblock .counter-row div, .resetblock .counter-row input, .resetblock .counter-row label {
    display: inline-block;
    font-size: 24px;
}
.resetblock input {
    border: 0;
    width: 50px;
    margin-left: 20px;
    margin-right: 10px;
}
.resetblock .power-cycle-warning {
    display: none;
    font-size: 24px;
    border: 2px solid red;
    padding: 30px;
    background-color: #ffe8ea;
}
.resetblock .power-cycle-warning .icon { padding-left: 65px; }
.resetblock .power-cycle-warning .icon:before { font-size: 48px; top: -6px; }
.resetblock.no-power-cycle .power-cycle-warning { display: inline-block; margin: 40px 0 0 0; }

/* motion */
.motion * {box-sizing: border-box; }
.motion { min-width: 850px; }
.motion button .iconfont { line-height: 24px; }
.motion .row { margin: 10px 0; height: 32px; display: block; }
.motion label { display: inline-block; min-width: 150px; padding-top: 8px; }
.motion .leftcol { display: inline-block; float: left; width: 66%;}
.motion .rightcol { display: inline-block; float: left; width: 33%; margin-top: 95px;}
.motion .rightcol .devlink { display: none }
.motion .rightcol .devlink button { margin: 0 10px 10px 0; }
.motion .sliderrow .slider {width: 65%; display: inline-block; margin-left: 20px; float: left; }
.motion .sliderrow .sliderval {display: inline-block; margin: 3px 0 0 20px; font-size: 20px; float: left; }
.motion .sliderlabel { padding: 10px 0 0 10px;}
.motion .btnRemoveArea { float: right; margin-right: 20px; }
.motion .btnAddArea { float: right; margin-right: 5px; }
.motion .btnAddArea span, .motion .btnRemoveArea span { font-size: 32px; }
.motion .rightcol .slidercontainer { height: 70px; }
.motion #msgNotPossible { font-size: 24px; color: #999; padding-top: 40px; text-align: center; display: none; }
.motion .rightcol .rtsp, .motion .rightcol .ptz  {display: none;}
.motion .rightcol .infotext { font-size: 1.6em; line-height: 1.4em; text-align: center; padding: 5px 30px; }
.motion .desc { margin: 20px 0; }

/* transcoder */
.transsetup .cam .header, .transsetup .transcoder .header {
    background-color: #f5f5f5;
    color: #000;
    padding: 10px 0;
}
.transsetup .cam, .transsetup .transcoder, .transsetup .ports, .transsetup .transports  {
    background-color: #fff;
}
.transsetup .con_active, .transsetup .box_active  {border-color: inherit !important;}

/* transcoder profile */
.transcoder_profile .row { margin: 10px 0; height: 32px; }
.transcoder_profile label { display: inline-block; min-width: 200px; }
.transcoder_profile .slider { width: 260px; display: inline-block; margin-bottom: -5px !important; }
.transcoder_profile .sliderLabel { margin-left: 20px; }
.transcoder_profile .cbLabel { float: left; padding-top: 7px; }
.transcoder_profile button { min-width: 120px; margin-left: 10px; }

/* clientinfo */
.clientinfo h2.headline { height: 50px !important; }
.clientinfo .row { margin: 15px 0; }
.clientinfo label { width: 150px; display: inline-block; vertical-align: top; }
.clientinfo div.clientinfovalue { width: 400px; display: inline-block; vertical-align: top; }

/* gyro */
.page_gyro .row span { display: inline-block; min-width: 70px; text-align: right; }
.page_gyro .row label { display: inline-block; min-width: 70px; }

/* lights (pluto/jupiter) */
.lights { min-width: 500px; }
.lights #divLightControls { padding-top: 20px; }
.lights .row { min-height: 38px; }
.lights .gaprow { height: 20px; }
.lights label { width: 150px; display: inline-block; }
.lights label.checkboxlabel { float: left; margin-top: 7px; }
.lights .slider { width: 250px; display: inline-block; margin-bottom: -7px!important; }
.lights .sliderval { width: 30px; padding-right: 0; margin-left: 15px; display: inline-block; text-align: right; }
.lights .ui-slider .ui-slider-shadowval { height: 45px; top: -12px; }

/* SD Card (bootstrapped) */
.page_sdcard #sd_livebar { display: inline-block; vertical-align: middle; margin-top: 3px; }
.page_sdcard .no-lifespan-msg { display: none; line-height: 32px; }
.page_sdcard .sd-card-avail.no-lifespan .no-lifespan-msg { display: inline-block; }
.page_sdcard .sd-card-avail.no-lifespan .sd-livebar { display: none; }
.page_sdcard .row.rowLiveSpan { padding-top: 0; }
.page_sdcard .slider { width: 260px; display: inline-block; vertical-align: middle; }
.page_sdcard .notFoundHint { width: 100%; padding: 10px 0 20px 0; text-align: center; }
.page_sdcard fieldset { padding: 10px 10px 10px 16px; margin-top: 20px; width: 100%; }
.page_sdcard #sdcards-container div:first-child fieldset { margin-top: 0; }
.page_sdcard.loading .loaded { display: none; }
.page_sdcard.single fieldset { padding-bottom: 0; margin-bottom: 5px;}
.page_sdcard.single legend { display: none; }
.page_sdcard.single .sd-card-avail fieldset { border: none; }

/* page_service (bootstrapped) */
#content-wrapper .page_service { max-width: 715px; }
.page_service #txtUpdateURL { width: 342px; }
.page_service .fileselect .text { width: 236px; }
.page_service #cbSigned { margin-left: 145px; }
.page_service #progressbar { display: inline-block; vertical-align: middle; width: 236px; top: 3px; }
.page_service #uploadIFrame { display: none; }
.page_service #dlgPassword { display: none; }
.page_service #certificateblock { margin-top: 25px; display: none; }
.page_service #certificateblock fieldset { padding-right: 0; }
.page_service #certificateblock .fileselect { width: 317px; }
.page_service #certificateblock .fileselect .text { width: 192px; }
.page_service #droptarget {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 200px;
    margin: -100px 0 0 -200px;
    border: 5px solid #eeeeee;
    z-index: 10;
    background-color: #ffffff;
    color: #bbbbbb;
    font-size: 36px;
    line-height: 190px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.6)
}
.page_service #droptarget.active {
    text-shadow: 0 0 15px rgba(255,255,0,0.6);
}
.fileselect { position: relative; width: 342px; display: inline-block; cursor: pointer; }
.fileselect button, .fileselect button.disabled { position: absolute; right: 0; top: 0; z-index: 2 }
.fileselect button:hover { position: absolute; }
.fileselect .file { position: absolute; width: 100%; height: 100%; z-index: 3; opacity: 0; cursor: pointer; overflow: hidden; }
.fileselect .text { position: relative; width: 217px; z-index: 1; }

#helpcontainer { display: none; }
.helppanel iframe { width: 100%; height: 300px; border-width: 0; }
.helppanel .newwin:before { content: "\E737"; color: #808285; }
.helppanel .helpcontent { padding: 3px; }

.page_bitrategraph { width: 90%; }
.page_bitrategraph #graphcontainer { height: 400px; width: 100%; margin-top: 20px; }
.page_bitrategraph .row { text-align: left; padding: 5px 0; }
.page_bitrategraph label { display: inline-block; min-width: 200px; }
.page_bitrategraph .maximize { float: right; }
.page_bitrategraph .maximize:before {content: "\e762"; cursor: pointer;}
.page_bitrategraph .maximize.maximized:before {content: "\e761"; cursor: pointer;}

/* page_livestatistics (bootstrapped) */
.page_livestatistics .scrollcontainer { margin-top: 20px; height: 410px; }
.page_livestatistics #graphcontainer { height: 400px; margin-top: auto; }
.page_livestatistics .maximize { float: right; }
.page_livestatistics .maximize:before {content: "\e762"; cursor: pointer;}
.page_livestatistics .maximize.maximized:before {content: "\e761"; cursor: pointer;}
.page_livestatistics .selectboxit-container .selectboxit-options,
.page_livestatistics .selectboxit-container .selectboxit,
.page_livestatistics .selectboxit-container { width: 100%; }
.page_livestatistics.maxsize { max-width: 100% !important; }

/* page_recstatistics (bootstrapped) */
.page_recstatistics .scrollcontainer { margin-top: 20px; height: 410px; }
.page_recstatistics #graphcontainer { height: 400px; margin: auto; }
.page_recstatistics .maximize { float: right; }
.page_recstatistics .maximize:before {content: "\e762"; cursor: pointer;}
.page_recstatistics .maximize.maximized:before {content: "\e761"; cursor: pointer;}
.page_recstatistics .selectboxit-container .selectboxit-options,
.page_recstatistics .selectboxit-container .selectboxit,
.page_recstatistics .selectboxit-container { width: 100%; }
.page_recstatistics.maxsize { max-width: 100% !important; }

.page_recstatistics_d3 .scrollcontainer { margin-top: 20px; height: 410px; }
.page_recstatistics_d3 #graphcontainer .line { stroke: #265a86; fill: none; }
.page_recstatistics_d3 #graphcontainer .area { stroke: none; fill: #265a8620; }
.page_recstatistics_d3 #graphcontainer .svgoverlay .hairline { stroke: #265a86; fill: none; stroke-dasharray: 3,3; opacity: 0.8 }
.page_recstatistics_d3 #graphcontainer .svgoverlay .marker circle { fill: #265a86; }
.page_recstatistics_d3 #graphcontainer .svgoverlay .text rect { fill: #ddd; stroke: #265a86; }
.page_recstatistics_d3 #graphcontainer .svgoverlay .text text { fill: #000000; }
.page_recstatistics_d3 #graphcontainer .svgoverlay .text .date { font-weight: bold; }
.page_recstatistics_d3 #graphcontainer .eventoverlay { pointer-events: all; fill: none; cursor: crosshair; }
.page_recstatistics_d3.maxsize { max-width: 100% !important; }

/* encregions (bootstrapped) */
.encregions { max-width: 656px !important; min-width: 656px !important; width: 656px !important; }
.encregions.hidetabs { max-width: 630px !important; min-width: 630px !important; width: 630px !important; }

/* polymask (bootstrapped) */
.polymask { max-width: 630px !important; min-width: 630px !important; width: 630px !important; }
.polymask.hidetabs { max-width: 606px !important; min-width: 606px !important; width: 606px !important; }

.page_libs #tbl-libs { width: 100%; }
.page_libs #tbl-libs th { font-size: 14px; line-height: 28px; }
.page_libs #tbl-libs td { line-height: 28px; }

.page_user_apps .chosen-container { width: 100% !important; }

.page_login { max-width: 450px; margin: 20px auto 0 auto; }
.page_login .loginbox { background-color: #eaeaeb; border-radius: 5px; padding: 20px; }
.page_login .row-link { padding-top: 15px; }
.page_login .errorbox { margin: 10px 0 0 0; padding: 10px; display: none; }
.page_login .errorbox .iconleft { padding-top: 1px; }

.page_logout { max-width: 450px; margin: 20px auto 0 auto; }
.page_logout h2.headline { text-align: center !important; }
.page_logout .back-to-live { margin-top: 50px; padding: 10px; text-align: center; font-size: 16px; font-weight: bold; color: #c3c3c4; cursor: pointer; transition: all .5s; }
.page_logout .back-to-live:hover { background-color: #f2f2f2; color: #777; }

.page_dashboard_device .cpu-load-span { padding-right: 15px; }
.page_dashboard_recording .recordings.single-line .row-headline-video { display: none; }
.page_dashboard_recording .recordings.single-line > .recordingblock > .col-12 { padding-left: 0; }
.page_dashboard_recording .recordingblock { margin-top: 5px; }
.page_dashboard_recording .recordingblock.recording1 { margin-top: 0; }
.page_dashboard_recording .sdcardblock { margin-top: 5px; }
.page_dashboard_recording .sdcardblock.sdcardblock1 { margin-top: 0; }
.page_dashboard_recording .recordingblock.recstate-1 .hide-if-offline { display: none; }
.page_dashboard_services .services-table { margin-top: 10px; width: 80%; }
.page_dashboard_services .services-table .iconfont { margin-top: -9px; height: 20px; }
.page_dashboard_services .services-table .iconfont.active:after{ content: '\E70E'; color: #009900; }
.page_dashboard_services .services-table td { padding: 3px 20px; }
.page_dashboard_services .services-table td:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.page_dashboard_services .services-table th { padding: 5px 25px; border-bottom: 1px solid #ddd; }
.page_dashboard_services .services-table th:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

/*
.page_treemenu .treecontainer { width: 250px; margin: 40px 0 0 20px; }
.page_treemenu .treecontainer li { padding-left: 0; line-height: 32px; }
.page_treemenu .treemenu li.indented a { padding-left: 40px; }
*/
.treemenu { text-align: left; color: #003b6a; }
.treemenu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
.treemenu li.openable-open ul { overflow: visible;}
.treemenu li { font-size: 12px; line-height: 32px; padding-left: 15px; }
.treemenu li.openable { cursor: pointer; font-weight: bold; width: 280px; }
.treemenu li.openable-closed { cursor: pointer; font-weight: bold; }
.treemenu li a { padding-left: 68px; margin-left: -50px; display: block; font-weight: normal; }
.treemenu li.indented a { padding-left: 80px; }
.treemenu a { text-decoration: none; }
.treemenu a:hover, .treemenu .submenu:hover { background-color: #eee; }
.treemenu .submenu { margin-left: -20px; padding-left: 20px; display: block; position: relative; }
.treemenu .openable .submenu:before {
    font-family: 'icons';
    content: "\E700";
    float: left;
    font-size: 24px;
    margin: -2px 2px 0 -2px;
    transition: all 100ms linear;
}
.treemenu .openable.openable-closed .submenu:before, .treemenu .openable.openable-closing .submenu:before { transform: rotate(-90deg); margin-top: 0; }
.treemenu .openable.openable-closed>ul { max-height: 0; }

.treemenu .submenu:after { font-family: 'icons'; float: right; font-size: 24px; line-height: 21px; margin: 0 15px 0 0;}
.treemenu .tree-general>.submenu:after { content: '\E74B'; }
.treemenu .tree-webif>.submenu:after { content: '\E712'; }
.treemenu .tree-userapps>.submenu:after { content: '\E721'; }
.treemenu .tree-transcoder>.submenu:after { content: '\E70A'; }
.treemenu .tree-cam>.submenu:after { content: '\E70A'; }
.treemenu .tree-rec>.submenu:after { content: '\E73D'; }
.treemenu .tree-alarm>.submenu:after { content: '\E72E'; }
.treemenu .tree-interface>.submenu:after { content: '\E73C'; }
.treemenu .tree-network>.submenu:after { content: '\E74D'; }
.treemenu .tree-service>.submenu:after { content: '\E74C'; }
.treemenu .leaf.active a { background-color: #D4E7F2; font-weight: bold; }
.treemenu .leaf[disabled] a { color: #ccc; cursor: default; }
.treemenu .leaf a:after { content: '\2022'; color: #C3C3C4; float: right; font-size: 40px; margin-right: 20px; }
.treemenu .leaf.active a:after { color: #003B6A; }
.page_treemenu { padding-bottom: 20px; }

/* radio button tabs */
.rb-tabs {
    box-sizing: border-box;
    text-align: left;
}

.rb-tabs input, .rb-tabs .rbwrapper {
    display: none;
}

.rb-tabs label {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 2px solid #e1e1e2;
    border-left: 2px solid #e1e1e2;
    border-right: 2px solid #e1e1e2;
    border-bottom: none;
    padding: 6px 6px;
    cursor: pointer;
    font-family: arial, sans-serif;
    font-size: 12px;
    display: inline-block;
    margin-right: -5px;
    min-width: unset;
    line-height: normal;
}

.rb-tabs input:checked + label {
    background-color: #D4E7F2;
    font-weight: bold;
}

.rb-tabs label:hover {
    background-color: #D4E7F2;
}

.rb-tabs-content {
    border: 2px solid #e1e1e2;
    padding: 10px;
}
.rb-tabs label span {
    display: block;
    text-align: center;
}
.rb-tabs label span.tab_devname {
    font-weight: normal;
}
.hidetabs .rb-tabs { display: none; }
.hidetabs .rb-tabs-content { border: 0; padding: 0; }

/* extentions of basicControls.css */
BODY.fw INPUT[type="checkbox"]+LABEL,
BODY.fw .radios LABEL,
BODY.fw .cbwrapper+LABEL {
    padding: 0 0 0 15px !important;     /* todo: why needed ??? see page recording_profiles */
    min-width: 0;
}
BODY INPUT[type="checkbox"] {
    outline: none;
}

/* extentions of font.css */
.icon-Configuration:before { content: "\e74b"; }
.icon-Live:before { content: "\e70a"; }
.icon-Playback:before { content: "\e73d"; }
.icon-Links:before { content: "\e737"; }

#menu-btn { padding: 16px 8px; display: inline-block; cursor: pointer; }
#menu-btn span:before, #menu-btn a:before { content: "\e75e"; }

#right-btn { padding: 16px 8px; display: inline-block; cursor: pointer; }
#right-btn span:before, #right-btn a:before  { content: "\E743"; }

/* extentions of header.css */
#menu UL LI {
  width: auto;
}
#menu UL LI A {
  font-size: 16px !important;
}

/* jquery styles */
.ui-widget { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; font-size: 12px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; font-size: 12px;}
.ui-dialog.whitedialog { background-color: #ffffff; }
/* missing images */
/*.ui-widget-content {background-image: url(images/ui-bg_high100.png); }*/
.ui-widget-content { background-image: none; }
.ui-widget-overlay { background-image: url(images/ui-bg_dia20.png); }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: url(images/ui-bg_glass.png); }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-image: none; }
.ui-widget-header .ui-icon { background-image: url("images/ui-icons.png"); }


/* slider styles */
.fw .ui-widget-content .ui-slider, .fw .ui-slider {
    /* only on devices, no VRM */
}
.ui-widget-content .slider.ui-slider, .slider.ui-slider {
    border: 1px solid #c3c3c4;
    margin: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    overflow: visible !important;
    font-family: "icons";
    font-size: 24px;
    position: relative;
    padding: 0 !important;
    height: 20px;
    /*float: left;*/
    min-width: 100px;
    background-color: #e1e1e2;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #ffffff));
    background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
    background-image: linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
    color: #c3c3c4;
}

.ui-slider-range {
    background: none repeat scroll 0 0 padding-box #008040;
    border-radius: 1px 1px 1px 1px;
}
.ui-slider-handle:after {
    content:"\E701";
    display: inline-block;
    font-family: 'icons' !important;
    font-size: 24px;
    line-height: 24px;
    float: left;
    margin-top: 1px;
    margin-left: 2px;

}
html.safari .ui-slider-handle:after {
    vertical-align:1px;
}
.ui-slider-horizontal .ui-slider-handle,
.ui-slider-horizontal a.ui-slider-handle {
    margin:0 0 0 -15px;
    text-decoration: none;
    outline: medium none;
    text-align: center;
    top: -7px;
}
.white .ui-slider.ui-slider-disabled .ui-slider-handle:hover,
.white .ui-slider.ui-slider-disabled .ui-slider-handle {
    cursor: default !important;
}
.ui-slider .ui-slider-handle, .ui-slider.ui-slider-disabled .ui-slider-handle:hover {
    border: 1px solid;
    color: #000000;
    cursor: move !important;
    font-family: 'icons';
    font-size: 24px;
    height: 32px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 32px;
    border-radius: 5px 5px 5px 5px;

    /*background-image: -moz-linear-gradient(center top , #E1E1E2 0%, #C3C3C4 100%);*/
    background: #c3c3c4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #c3c3c4));
    background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: -moz-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: -ms-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: -o-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
}
.ui-slider .ui-slider-handle:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c3c4), color-stop(100% #e1e1e2));
    background-image: -webkit-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
    background-image: -moz-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
    background-image: -ms-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
    background-image: -o-linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
    background-image: linear-gradient(top, #c3c3c4 0%, #e1e1e2 100%);
}

/* shadowslider */
.ui-slider .ui-slider-shadowval {
    position: absolute;
    margin: 0 0 0 1px;
    top: -6px;
    width: 2px;
    height: 32px;
    background-color: #888;
}
.ui-slider-shadowval.shadowHandle {
    border: 1px solid;
    color: #000000;
    height: 32px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 32px;
    border-radius: 5px 5px 5px 5px;
    margin: -1px 0 0 -15px;
    opacity: 0.5;

    background: #c3c3c4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #c3c3c4));
    background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: -moz-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: -ms-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: -o-linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
    background-image: linear-gradient(top, #e1e1e2 0%, #c3c3c4 100%);
}
.ui-slider-shadowval.shadowHandle:after {
    content:"\E701";
    display: inline-block;
    font-family: 'icons' !important;
    font-size: 24px;
    line-height: 24px;
}

/* scroller styles */
.mCSB_scrollTools {
  transition: opacity .5s;
  -webkit-transition: opacity .5s;
}
.mCustomScrollBox>.mCSB_scrollTools{
  opacity:0.05;
  filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
  opacity:0.8;
  filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
  background:#000; /* rgba fallback */
  background:rgba(0,0,0,0.4);
  filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background:#000; /* rgba fallback */
  background:rgba(0,0,0,0.7);
  filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
  background:rgba(0,0,0,0.85);
  filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
  background:rgba(0,0,0,0.9);
  filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_inside > .mCSB_container {
    margin-right: 7px;
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin-top: 5px;
}

/* tab styles */
.ui-tabs ul li a:focus { outline:none; }
.ui-tabs {
    border-width: 0;
    background: none;
}
.ui-tabs.ui-widget.ui-widget-content {
    border-width: 0;
}
.ui-tabs .ui-tabs-nav { /* upper bar */
    background-image: none;
    background-color: white;
    border: none;
    padding:0px;
}
.ui-tabs .ui-tabs-nav li {
    background-image:none;
    margin-right:0px;
    border: 2px solid #e1e1e2;
}
.ui-tabs .ui-tabs-nav li.ui-corner-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-width: 0;
}
.ui-tabs .ui-tabs-nav li.ui-corner-bottom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-width: 0;
}
.ui-tabs .ui-tabs-nav li a {
    background-color: transparent;
    padding: 6px 9px;
    text-align: center;
}
.ui-tabs .ui-state-default, .ui-tabs .ui-widget-content .ui-state-default, .ui-tabs .ui-state-active, .ui-tabs .ui-widget-content .ui-state-active {
    background-color: white;
}
.ui-tabs .ui-tabs-nav .ui-state-hover a {
    background-color: #D4E7F2;
}
.ui-tabs .ui-tabs-nav .ui-state-active a {
    font-weight: bold !important;
    background-color: #D4E7F2;
    color: #000000;
}
.ui-tabs .ui-state-default a, .ui-tabs .ui-state-default a:link, .ui-tabs .ui-state-default a:visited {
    color: #000000;
    font-weight:normal;
}
.ui-tabs .ui-tabs-panel { /* content */
    background-color: white;
    border-top: 2px solid #e1e1e2;
    border-right: 2px solid #e1e1e2;
    border-bottom: 2px solid #e1e1e2;
    border-left: 2px solid #e1e1e2;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 0;
}
.ui-tabs-bottom .ui-tabs-nav li { margin-bottom: 0; margin-top: -1px; }
.ui-tabs-bottom .ui-tabs-nav li.ui-state-active { margin-bottom: 1px; margin-top: -2px; }
.ui-tabs-bottom .ui-tabs-nav li.ui-state-active a { font-weight: bold; }
/* tooltip */
.ui-tooltip {
    position: absolute;
}
/*jquery dialog */
.ui-dialog-buttonpane .ui-state-default,
.ui-dialog-buttonpane .ui-button {
    border: 1px solid #003b6a !important;
    background-color: #628cb2 !important;
    background-image: -webkit-linear-gradient(#628cb2 0%, #003b6a 100%) !important;
    background-image: -moz-linear-gradient(#628cb2 0%, #003b6a 100%) !important;
    background-image: -ms-linear-gradient(#628cb2 0%, #003b6a 100%) !important;
    background-image: -o-linear-gradient(#628cb2 0%, #003b6a 100%) !important;
    background-image: linear-gradient(#628cb2 0%, #003b6a 100%) !important;
    color: #ffffff !important;
    height: 32px;
    font-weight: 600;
}
.ui-dialog-buttonpane .ui-state-disabled.ui-button {
    opacity: 1;
    color: #003b6a !important;
}
.ui-dialog-buttonpane .ui-state-hover,
.ui-dialog-buttonpane .ui-button:hover {
    background-image: -webkit-linear-gradient(#003b6a 0%, #00142a 100%) !important;
    background-image: -moz-linear-gradient(#003b6a 0%, #00142a 100%) !important;
    background-image: -ms-linear-gradient(#003b6a 0%, #00142a 100%) !important;
    background-image: -o-linear-gradient(#003b6a 0%, #00142a 100%) !important;
    background-image: linear-gradient(#003b6a 0%, #00142a 100%) !important;
    color: #c3c3c4 !important;
}
.ui-corner-all { border-radius: 4px; }
.ui-dialog { padding: 0.2em; border: 1px solid #dddddd; background-color: #eeeeee; overflow: visible; }
.ui-dialog .ui-dialog-titlebar { background-color: transparent; background: none; border: none; }
.ui-dialog .ui-dialog-title {
    color: #c3c3c4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
}
.ui-dialog .ui-dialog-titlebar-close { display: none; }
.ui-dialog .ui-dialog-content { background-color: transparent; }
.ui-dialog .ui-dialog-buttonpane { background-color: transparent; }
.ui-dialog-buttonpane .ui-state-default, .ui-dialog-buttonpane .ui-button { min-width:100px !important; }
.ui-dialog { font-family: Arial, Helvetica, sans-serif; }

/* rotating start */
.rotating {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    display: inline-block;
    width: auto;
    height: auto;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes spin {
    0% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*custom dialog */
.dlg-open object, .dlg-open applet  { visibility: hidden; }
.ui-widget-overlay { top: 0; background-color: #000; opacity: 0.6 }
.vrm .ui-widget-overlay { top: 0; }
.alertbox.ui-dialog { padding: 0px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6); font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
.alertbox .ui-dialog-titlebar { display:none; }
.alertbox .ui-dialog-content { background-color: rgb(253, 235, 77); padding: .5em 1em; }
.alertbox .ui-dialog-buttonpane {margin-top: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: #eee; padding: .3em 1em .5em .4em; }
.alertbox .ui-dialog-buttonpane button {margin: .5em .4em .5em 0; }
.alertbox .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.alertbox .icon { float: left; font-size: 64px; line-height: 1em }
.alertbox h2 { margin: 0px 0px 0px 80px; color: #000; font-size: 20px; line-height: 64px; font-weight: bold; }
.alertbox .msg { margin: 0px 0px 0px 80px; font-size: 12px; white-space: pre-wrap; }
.alertbox button:focus {outline: none}
.alertbox button {padding-left: 10px; padding-right:10px; }
.alertbox.error .ui-dialog-content { color: #e20015; background-color: #FAD6DA; }
.alertbox.error h2 { color: #e20015; }
.alertbox.success .ui-dialog-content { color: #009900; background-color: #ccffcc; }
.alertbox.success h2 { color: #009900; }
.alertbox.infomsg .ui-dialog-content { color: #003b6a; background-color: #e1e1e2; }
.alertbox.infomsg h2, .alertbox.infomsg .msg { color: black; }
.alertbox.edit .ui-dialog-content { color: #000099; background-color: #ccccff; }
.alertbox.edit h2 { color: #000099; }
.alertbox.detail .ui-dialog-content { color: black; background-color: #e1e1e2; }
.alertbox.detail h2 { color: black; }
/* vsdk check alertbox */
.alertbox .defaultvsdklink .rotating {
    margin-left: 10px;
    padding-bottom: 5px;
    position: absolute;
    top: -5px;
    left: -70px;
    text-decoration: none;
}
.alertbox .defaultvsdklink {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    display: block;
}
.alertbox .defaultvsdklink:focus { outline:none; }
.alertbox .applinkContainer { display: none; }
.alertbox .applinks { display:inline-block; }
.alertbox .applinks a { float: left; }
.alertbox .applinks a.ios { margin-top: 16px; }
.alertbox .applinks a.android { margin-top: 16px; }
.alertbox .donotshowagain { clear: both; display:block; }
.alertbox .donotshowagain label { padding-left: 15px; }
.alertbox #cbDoNotShowAgain { outline: none; }
.alertbox .vsdklinks { display: inline-block; margin: 10px 0; }

/* ptz cursor classes */
.cursor_none { cursor: none; }
.cursor_b { cursor: url(../img/cursors/arrow_b.cur), auto; cursor: url(../img/cursors/arrow_b.png) 10 10, auto; }
.cursor_bl { cursor: url(../img/cursors/arrow_bl.cur), auto; cursor: url(../img/cursors/arrow_bl.png) 10 10, auto; }
.cursor_br { cursor: url(../img/cursors/arrow_br.cur), auto; cursor: url(../img/cursors/arrow_br.png) 10 10, auto; }
.cursor_t { cursor: url(../img/cursors/arrow_t.cur), auto; cursor: url(../img/cursors/arrow_t.png) 10 10, auto; }
.cursor_tl { cursor: url(../img/cursors/arrow_tl.cur), auto; cursor: url(../img/cursors/arrow_tl.png) 10 10, auto; }
.cursor_tr { cursor: url(../img/cursors/arrow_tr.cur), auto; cursor: url(../img/cursors/arrow_tr.png) 10 10, auto; }
.cursor_l { cursor: url(../img/cursors/arrow_l.cur), auto; cursor: url(../img/cursors/arrow_l.png) 10 10, auto; }
.cursor_r { cursor: url(../img/cursors/arrow_r.cur), auto; cursor: url(../img/cursors/arrow_r.png) 10 10, auto; }

/* background flash */
.backgroundflash {
    border-radius: 5px;
    -webkit-animation: backgroundflash 2s 1 ease-out forwards;
    -moz-animation: backgroundflash 2s 1 ease-out forwards;
    animation: backgroundflash 2s 1 ease-out forwards;
}
@-webkit-keyframes backgroundflash {
    0% { background-color: #f2d100; }
    100% { background-color: transparent; }
}
@-moz-keyframes backgroundflash {
    0% { background-color: #f2d100; }
    100% { background-color: transparent; }
}
@keyframes backgroundflash {
    0% { background-color: #f2d100; }
    100% { background-color: transparent; }
}

/* border flash */
.borderflash {
    -webkit-animation: borderflash 1s 1 ease-out forwards;
    -moz-animation: borderflash 1s 1 ease-out forwards;
    animation: borderflash 1s 1 ease-out forwards;
}
@-webkit-keyframes borderflash {
    0% { border-color: #e20015; }
    100% { border-color: #c3c3c4; }
}
@-moz-keyframes borderflash {
    0% { border-color: #e20015; }
    100% { border-color: #c3c3c4; }
}
@keyframes borderflash {
    0% { border-color: #e20015; }
    100% { border-color: #c3c3c4; }
}

/* colorpicker */
.colourpicker-input {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #c3c3c4;
    width: 80px;
    text-align: center;
}

/* icons */
.iconleft {
    float: none;
    padding-left: 30px;
    padding-top: 5px;
    display: inline-block;
    position: relative;
}
.iconleft:before {
    content: "";
    display: inline-block;
    float: none;
    position: absolute;
    left: 0;
    top: -5px;
    padding-bottom: 4px;
    width: auto;
    height: auto;
}
.iconleft.wait:before {
    content: "\E740";
    color: #404245;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}
.iconleft.information:before {
    content: "\E71A";
    color: #003b6a;
}
.iconleft.success:before {
    content: "\E70C";
    color: #00c000;
}
.iconleft.error:before {
    content: "\E705";
    color: #e20015;
}
.iconleft.warn:before {
    content: "\E705";
    color: #d0b000;
}
.iconleft.none {
    padding-left: 0;
}

/* drag and drop upload */
#uploader {
    width: 200px;
    height: 200px;
    border: 5px solid #bbbbbb;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -100px;
    text-align:center;
    font: bold 36pt/200px Courier;
    vertical-align: middle;
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
    border-radius: 50%;
}
#uploader .uploaderror {
    font-size: 24px;
    line-height: 200px;
    color: #FF0000;
}
#uploader .uploadwait {
    font-size: 24px;
    line-height: 32px;
    margin-top: 50px;
    color: #aaa;
    -webkit-animation: spin 20s infinite linear;
    -moz-animation: spin 20s infinite linear;
    animation: spin 20s infinite linear;
}
#uploader .progresscircle {
    margin-top: 5px;
}

.unselectable {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}

.listbox {
    position: relative;
    border: 1px solid #dddddd;
    background-color: #f5f5f5;
    width: 150px;
    height: 200px;
    overflow: auto;
    text-align: left;
    border-radius: 5px;
}
.listbox ul {
    padding: 0;
    margin: 0;
}
.listbox .listitem {
    list-style-type: none;
    cursor: pointer;
    padding: 1px 10px;
}
.touchevents .listbox .listitem {
    line-height: 24px;
}
.listbox .listitem.lastclick {
    /*border-right: 3px solid red;*/
}
.listbox .listitem:hover {
    background-color: #ebebeb;
}
.listbox .listitem.selected {
    background-color: #D4E7F2;
}

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

.logcontainer {
    position: absolute;
    width: 100%;
    height: 150px;
    top: 0;
    left: 0;
    border: 1px solid red;
    background-color: #ffd6dd;
    overflow: scroll;
    font-family: monospace;
}

#sidebar-right.scrollable {
    top: 98px;
    height: calc(100% - 98px);
    padding-right: 0;
    padding-bottom: 0;
}
#sidebar-right.scrollable .mCSB_container.mCS_no_scrollbar_y {
    height: 100%;
}
body.mpax #sidebar-right.scrollable .row-right-sidebar:not(.vca-mode) {
    padding-bottom: 150px; /* space to open dropdown in IE */
}