body { overflow-x: hidden; }

.selectEnvironmentResponsive { display: none; }

.liOverlay { position: absolute; float:right; right: 0; width: 3%;  height:100%; background:#000; opacity: 0.05; }

.activeli .liOverlay { display: none  }

.publicModule { border-bottom: 4px solid #FFBBBB; }
.activeli.publicModule { border-right: none;  }

.footerButtons { padding-top:4px !important; height:45px !important; }
.actionFooter .actionMenuSpan { margin-right:15px; }

.label-merged { background-color: #B274AF !important; }

.dialogForm textarea.big { height: 190px; }

.dataTables_length { line-height: 30px; }
.dataTables_length:after { content: ':'; }
.dataTables_length .selector { float: right; margin: 1px 0 0 10px !important; }

.dataTables_filter input[type="search"] { padding: 5px 5px 5px 7px !important; }

.paging_full_numbers a.paginate_button.current:hover{ background: #6f6f6f !important; }
.paging_full_numbers a.paginate_button.current, .paging_full_numbers a.paginate_button:active { background: #6f6f6f; color: #fff; border-color: #646464; box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; -moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; font-weight: bold; }

.dataTable .checker { margin: 0 0 0 5px !important;  }

.dataTables_multiaction { clear: both; float: left; padding: 6px 0; }
.dataTables_multiaction .selector {  margin: -3px 15px 0px 15px !important;  }

.dataTables_wrapper { overflow: auto; }
table.dataTable tfoot { background: #e0e0e0 }
table.dataTable tfoot td:not(:empty) { font-weight: bold; }

.datesRange li input[type="text"] { width: 105px !important; }

/* ===== Notification messages skypeLike ===== */

#messageFooter { position:fixed; bottom:0; right:0; }
.skypeLike { margin-bottom:5px; width:215px; background:none !important; border:none !important; padding-bottom:5px; z-index:55000; }

.skypeLike h6 { font-size:11px !important; padding:3px 20px 3px 5px !important; cursor:pointer !important;  }
.skypeLike h6 [class*="icol-"] { margin-right: 5px !important; }

.skypeLike p { background:#FFF; padding:3px 20px 3px 15px !important; font-size:11px; color:#777; opacity:0.9; text-shadow: none !important; }

.skypeLike.nSuccess { background: #c1d779 !important; border: none !important; box-shadow: none; }
.skypeLike.nFailure { background: #dfa59b !important; border: none !important; box-shadow: none; }
.skypeLike.nWarning { background: #f2d083 !important; border: none !important; box-shadow: none; }
.skypeLike.nInformation { background: #bcd9f3 !important; border: none !important; box-shadow: none; }

.inputWithMulti { height: 36px !important; }
.inputWithSelect { height: 28px !important; }
.selectWithMulti > a { height: 34px; line-height: 34px; }
.selectWithMulti > a > div { height: 34px; width: 34px; }
.selectWithMulti > a > div > b { height: 34px; width: 34px; }


.tableActions {text-align: center;  }

.tdButton{ padding:5px 8px !important; }

.loadingDialogBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 400px; text-align: center; opacity: 0.5; z-index: 100;  }
.loadingDialogBox img { position: absolute; top: 0; bottom:0; left: 0; right:0; margin: auto;  }

.dialogForm { min-height: 400px;  }

input[readonly='readonly'] {
    background-color: #EAEAEA !important;
}

/*.updateButton { background: green !important; }*/
.deleteButton { background: red !important; }

.tablectrl_small.flag { width: 8px; height:8px; }
/*.bGreen.flag:hover, .bRed.flag:hover, .bBlue.flag:hover, .bGreyish.flag:hover, .bBlack.flag:hover, .bLightBlue.flag:hover, .bGold.flag:hover, .bSea.flag:hover, .bBrown.flag:hover { opacity: 1; filter: alpha(opacity=1); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }*/

.processSessionTable { color: green; }

.ui-dialog { max-width: 65%; }

.search-field .default { width: auto !important;  }

.loadingSelect { position: absolute; top: 0; left: 0; width: 100%; text-align: center;  }
/*.loadingSelect img { height: 100% }*/

.ui-dialog .chosen-container { margin: 10px auto; }
.ui-dialog .checker { margin-top: 14px !important; margin-left: 25%;  }
.ui-dialog .fullwidth { float:left;  }

.chosen-container .chosen-drop {
    /*position: fixed;*/
}

/* Plays */
#playsContent { padding-left:0 !important; padding-right:0 !important; }
#playsContent .widget { margin-left: 0 !important; margin-bottom: -1px; }

.whPlay    span { color: #111; }
.whCreated span { color: green; }
.whStatus  span { color: #CE974A; }

.tDefault tbody tr:last-child { border-bottom: 1px solid #dfdfdf; }

.ui-dialog-buttonset { position: relative; }
.loadingBar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/icons/4.gif');
    background-position: center;
    background-repeat: no-repeat;
}

.iconSpan { display: inline-block; width: auto; margin: 1px 15px 0px; font-size: 9px; cursor: pointer; }

.iconInput { position: absolute; display: inline; width: auto; margin:-1px 10px 0px; font-size: 13px; cursor: pointer; }
.iconInput.warning { color: #D39F4F;}
.iconInput.info { color: #5B9EC8;}

.button-event { line-height: 43px; text-indent: 5px; color: #111 !important;}

.fieldInput[disabled] { opacity: 0.6; }

#content [class*="dataNum"] {
    /*display: inline-block;*/
    /*float: right;*/
    /*margin: 9px 9px 0 0;*/
    display:block !important;
    float: inherit !important;
    margin: auto !important;
    position: relative;
    text-align: center;
    text-shadow: none;
}

.dialogContent { height: 100% }
.searchContent { height: 100% }

option span.optionRead { color:#999999; }
option span.optionCreate { color:#468847; }
option span.optionUpdate { color: #3A87AD; }
option span.optionDelete { color: #B94A48; }

.tOneLine { height: 26px; }

/* Listbox */
.lbjs { margin: 0px; padding: 5px; width: auto; height: 97%; border: 1px solid #CCC; }

.lbjs .lbjs-list {
    margin: 0px;
    overflow: auto;
}


.lbjs .lbjs-list .lbjs-item {
    margin: 0px;
    padding: 5px;
}

.lbjs .lbjs-list .lbjs-item:not([disabled]) {
    cursor: pointer;
}

.lbjs .lbjs-list .lbjs-item:hover:not([disabled]) {
    background: #3875d7;
    color: #FFF;
}

.lbjs .lbjs-list .lbjs-item[selected] {
    border: 1px solid #a5d24a;
    background: #CDE69C;
    color: #638421;
}

.lbjs .lbjs-list .lbjs-item[disabled] {
    color: #999;
    cursor: default;
}

.lbjs .lbjs-searchbar-wrapper {
    margin: 0px;
    margin-right: 12px;
}

.lbjs .lbjs-searchbar { margin: 0px; margin-bottom: 10px; padding: 9px 5px; width: 100%; border-bottom: 1px solid #ccc; }

/* bootstrap-duallistbox-container */
.bootstrap-duallistbox-container .buttons {
  width: 100%;
  margin-bottom: -1px;
}

.bootstrap-duallistbox-container label {
  display: block;
}

.bootstrap-duallistbox-container .info {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 11px;
}

.bootstrap-duallistbox-container .clear1,
.bootstrap-duallistbox-container .clear2 {
  display: none;
  font-size: 10px;
}

.bootstrap-duallistbox-container .box1.filtered .clear1,
.bootstrap-duallistbox-container .box2.filtered .clear2 {
  display: inline-block;
}

.bootstrap-duallistbox-container .move,
.bootstrap-duallistbox-container .remove {
  width: 60%;
}

.bootstrap-duallistbox-container .btn-group .btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.bootstrap-duallistbox-container select {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bootstrap-duallistbox-container .moveall,
.bootstrap-duallistbox-container .removeall {
  width: 40%;
}

.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
  margin-left: 0;
}

.bootstrap-duallistbox-container select {
  width: 100%;
  height: 300px;
  padding: 0;
}

.bootstrap-duallistbox-container .filter {
  display: inline-block;
  width: 100%;
  height: 31px;
  margin: 0 0 5px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-duallistbox-container .filter.placeholder {
  color: #aaa;
}

.bootstrap-duallistbox-container.moveonselect .move,
.bootstrap-duallistbox-container.moveonselect .remove {
  display:none;
}

.bootstrap-duallistbox-container.moveonselect .moveall,
.bootstrap-duallistbox-container.moveonselect .removeall {
  width: 100%;
}

/* Date range */
.ui-datepicker-today a { font-weight: bold !important; text-decoration: underline !important; }
.ui-datepicker-today span { font-weight: bold !important; text-decoration: underline !important; color: #111 !important; }

button.ui-datepicker-current { display: none; }

.dIncomplete a { text-decoration: line-through !important; }

.date-range-selected > a.ui-state-default:not(.ui-state-active):not(.ui-state-hover) {
   background: none;
   background-color: lightsteelblue;
   border-radius: 2px;
}


/* DataTable */
/*.dataTables_wrapper { position: relative; clear: both; *zoom: 1; }*/
/*.dataTables_length { float: right; margin-top: 15px; }
.showentries { float: left; margin: 4px 15px 0 0; }
.dataTables_filter { float: left; font-size: 11px; text-align: left; margin: 18px 0; position: relative; }
.dataTables_filter label > span { display: block; float: left; padding-top: 1px; }
.dataTables_filter input[type=text], .dataTables_filter input[type=search] { padding: 5px 20px 5px 7px;  margin-left: 15px; width: 180px; background: #f9f9f9; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; border: 1px solid #d7d7d7; }
.dataTables_info { clear: both; float: left; padding: 6px 0; }*/
.tableFooterAction { clear: both; padding: 8px 12px; height: 36px; font-size: 11px; color: #636363; border-top: 1px solid #cdcdcd; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; background: #f8f8f8; background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: linear-gradient(top,  #f8f8f8 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 );  }



/* JSON Form */
  .tabs-left { display: table; }
  .jsonform-hasrequired .formRow { border: none !important; }

  .tabbable > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; }
  .tabbable .tab { border: none;   }
  .tabbable .nav {margin-bottom: 20px; margin-left: 0; list-style: none; border: none; }
  .tabbable .nav > li { border: none; }
  .tabbable .nav > li > a { margin-bottom: 3px; margin-right: -1px; padding: 8px 0 8px 0; line-height: 20px; color: #0088cc; background: none; font-size: 14px; border:1px solid transparent; }
  .tabbable .nav > li > a:hover { background: #e1e1e1; color: inherit; -webkit-border-radius: 0; }
  .tabbable .nav > li.active > a { background: white; border:1px solid #ddd;  border-color: #ddd transparent #ddd #ddd; -webkit-border-radius: 0; }

  .tabbable .tab-content {display: block; overflow: auto; }
  .tabbable .tab-content > .tab-pane{ display: none !important; }
  .tabbable .tab-content > .active { display: block !important; }

  .tabbable .jsonform-errortext { color:red; padding: 5px 0 0 5px; }

  .ui-dialog .tabbable label { margin-bottom: -10px; }
  .ui-dialog .tabbable label.checkbox { margin-left:10px; float:inherit !important; line-height: 27px; }

  legend { font-size: 18px; }

/* FLOT */
.xAxis > .tickLabel {

}

/*.xAxis .tickLabel { margin: 0 0 0 -150px; }*/
/*.xAxis .tickLabel {
    white-space: nowrap;
    transform: translate(-9px, 0) rotate(-40deg);
    text-indent: -100%;
    transform-origin: top right;
    text-align: right !important;
    margin: -5px 0 0 0px;
}*/

#legend-container { position: relative; }


/* FLOT In Dialog */
.dialog > .dialogContent { width: 100%; height: 100%; }

.dialog > .dialogContent > .chart { padding: 50px;  }

.dialogChartControl { position: relative; float: left; width: auto; height: 100%; margin: 0 5px; }

.dialogChartControlOptions .controlName { float:left; line-height: 30px; margin: 0 10px 0 5px; font-size: 13px; }

.dialogChartControlOptions .fullwidth { float: right; }
.dialogChartControlOptions .chosen-container {  margin: 0 !important; }

#popup_box { 
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:550px;  
    width:750px;  
    background:#FFFFFF;  
    left: 400px;
    top: 50px;
    z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin-left: 15px;  
    
    /* additional features, can be omitted */
    border:2px solid #a5d24a;      
    padding:15px;  
    font-size:15px;  
    -moz-box-shadow: 0 0 5px #a5d24a;
    -webkit-box-shadow: 0 0 5px #a5d24a;
    box-shadow: 0 0 5px #a5d24a;
    
}

/* This is for the positioning of the Close Link */
#popupBoxClose {
    font-size:20px;  
    line-height:15px;  
    right:5px;  
    top:5px;  
    position:absolute;  
    color:#6fa5e2;  
    font-weight:500;      
}

#blocklyDiv{
    height: 500px;
    width: 700px;

}

/*.blocklsySvg{
    height: 480px;
    width: 600px;

}*/