html, body {
    min-height: 100%;
    font-size:12px;
}
.widget-content{overflow: auto;}
.widgetContainer { min-height: 80px;background-color: gray;}
.widgetContainer img {display: block;margin-left: auto;margin-right: auto; padding-top: 30px;
                      /*vertical-align: middle;*/ 
                      padding-bottom:20px;}
.header-wrapper {
    display: inline-block !important;
    margin-top: -5px !important;
    vertical-align: middle;
    max-width:100%;
}
.contentRow{ margin-bottom:2px;}
.rowTitle a {opacity: 0;}
.rowTitle a:hover {opacity: 1; -webkit-transition: opacity;-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;}   
.panel-heading .panel-toggle {padding: 0;display: inline;}
.navbar *{background-image: none !important;}
.navbar{ min-height:46px;}
.navbar-brand{padding-top:10px; padding-bottom:10px;}
.navbar-nav > li > a {padding-top:10px;}
.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {background-color: #e5e5e5;}
select {background-color: #fff;border: 1px solid #ccc;}
select, input[type="file"] {height: 25px;line-height: 25px;}
body {
      position: relative; padding-top: 50px; 
}
ul,ol{padding-left:0px;}
/*kendo custom start*/
.drillthroughblock .k-grid-content{ white-space: nowrap;}
.k-grid-content {
    overflow-y: visible;
}
.k-grid.noscrollbar .k-grid-header {
    padding-right: 0px !important;
}
.k-grid.noscrollbar .k-grid-footer {
    padding-right: 0px !important;
}
.k-treeview .k-checkbox{vertical-align:middle;}
.k-grid-header .k-header > .k-link {text-overflow:clip;}
.k-panelbar .k-panel, .k-panelbar .k-content{border-bottom-width: 0px;}

.linkinfo{ font-size: 12px;}


body .container{
	width: 97%;

}

/*#throbber {
   
}*/

    #throbber .curtain {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        opacity: 0.9;
        filter: alpha(opacity=90);
        z-index:10000;
    }

    #throbber .curtain-content {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index:10001;
    }

        #throbber .curtain-content div {
            text-align: center;
            padding: 250px 0px;
            color: #FFF;          
        }

 .margin_bottom{ margin-bottom: 60px;}
 .datepicker-from{ float: left;margin-left: 10px;}
 .datepicker-to{ float: left;margin-left: 20px;}
 .datepicker-clear{ clear: both;}
 .datepicker-lc{ float: left;}
 .select-height{ height: 25px;font-size: 12px !important;}
 .rule-panel-btn{ display: inline-block;}
 /*manage report*/
 .operation-btn{width: 60px; display: inline-block; cursor: pointer;}
 .operation-wrapper{text-align: center;margin-top: 50px;}
 .report-container{height: 800px;  padding: 20px 10px 10px 15px;background-color: #fff;}
 .container-header{height: 50px;background-color: #fff;}
 .container-border{border: 1px solid #8ec1da;border-radius: 5px !important;box-shadow: inset 0px 0px 15px #8ec1da !important;}
  input, textarea{background-image: none !important;border: 1px solid #ccc;}
 input[type="radio"], input[type="checkbox"] {margin-right: 5px !important;}
.btn{background-image: none !important;}
.btn.btn-mini{font-size: 11px !important;}
h1,h2,h3,h4,h5,h6{padding: 2px 0px;margin: 2px 0px;color: #777;font-weight: 400;}
h2{font-size: 30px;line-height: 40px;}
.modal-header h3{font-size: 23px;line-height: 33px;}
h4{font-size: 20px;line-height: 30px;}
h5{font-size: 18px;line-height: 28px;}
h6{font-size: 15px;line-height: 25px;}
p{padding: 1px 0px !important;margin:1px 0px !important;}
.DefaultAnchor{color: #4260B9;text-decoration: none !important;}
a:hover{
    color: #888;
    text-decoration: none;
    cursor: pointer;
}
a:hover,a:focus,a:active{outline: 0;}
.bold{font-weight: 600;}
hr{margin:8px 0px 8px 0px !important;padding:0px !important;border-top:0px;border-bottom:1px solid #ddd !important;height:0px;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
.well{padding:10px 15px;}
.btn{font-size: 12px !important;}
a.btn{font-size: 12px !important;}
.label{font-weight: 400;padding: 3px 6px !important;font-size: 12px;}

.progress{height: 17px;line-height: 17px;margin: 5px 0px !important;border: 0px; border-radius:4px !important;}
.progress .bar{font-size: 12px;}
.progress-right-text {
    width: 20%;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    margin-left: 5px;
}
.grid-progress-div {
    width: 70%;
    display: inline-block;
}
/* Button colors */
.btn.btn-primary{background: #1171a3 !important;}
.btn.btn-primary:hover{background: #0f608b !important;}
.btn.btn-info{background: #52b9e9 !important;}
.btn.btn-info:hover{background: #459fc9 !important;}
.btn.btn-success {
    background: #3dae2b !important;
}
.btn.btn-success:hover{background: #36a530 !important;}
.btn.btn-warning{background: #f88529 !important;}
.btn.btn-warning:hover{background: #d67323 !important;}
.btn.btn-danger{background: #fa3031 !important;}
.btn.btn-danger:hover{background: #d82829 !important;}
/* Label colors */
.label.label-success,
.badge.badge-success {
    background: #3dae2b !important;
}
.label.label-warning,
.badge.badge-warning{background: #f88529 !important;}
.label.label-important,
.badge.badge-important{background: #fa3031 !important;}
.label.label-info,
.badge.badge-info{background: #52b9e9 !important;}

.icon-success {
    color: #5cb85c;
}
.icon-info {
    color: #5bc0de;
}
.icon-warning {
    color: #f0ad4e;
}
.icon-danger {
    color: #d9534f;
}
/* Background colors */ 
.blightblue{background:#52b9e9 !important;color: #fff !important;border: 0px !important;}

.blightblue h2,.blightblue h3, .blightblue h3, .blightblue h4, .blightblue h5, .blightblue h6,
.bblue h2,.bblue h3, .bblue h3, .bblue h4, .bblue h5, .bblue h6,
.bgreen h2,.bgreen h3, .bgreen h3, .bgreen h4, .bgreen h5, .bgreen h6,
.bred h2,.bred h3, .bred h3, .bred h4, .bred h5, .bred h6,
.bviolet h2,.bviolet h3, .bviolet h3, .bviolet h4, .bviolet h5, .bviolet h6,
.borange h2,.borange h3, .borange h3, .borange h4, .borange h5, .borange h6{color: #fff !important;}
.blightblue a,
.bblue a,
.bgreen a,
.bred a,
.borange a,
.bviolet a{color: #eee !important;}
.blightblue a:hover,
.bblue a:hover,
.bgreen a:hover,
.bred a:hover,
.borange a:hover,
.bviolet a:hover{color: #ddd !important;}
/* Text colors */
.lightblue{color:#52b9e9 !important;}
.blue{color:#1171a3 !important;}
.green {
    color: #3dae2b !important;
}
.orange{color:#f88529 !important;}
.red{color: #fa3031 !important;}
.violet{color: #932ab6 !important;}
/* Form */
form{margin: 10px;}
form input, form button, form textarea, form select{font-size:12px !important;}
form label{font-size: 12px;line-height: 12px;}
.form-inline button{margin-left: 15px;}
.form-horizontal .controls {margin-left: 110px;}
.form-horizontal .controls:first-child {*padding-left: 100px;}
.form-horizontal .form-actions {padding-left: 110px;}
.form-actions {padding: 5px 20px 5px;background:transparent;border-top:0px;}
/* Back to top */
.totop {position: fixed;bottom: 0px;left: 0px;z-index: 104400;background: #fa3031; }
.totop a, .totop a:visited{display: block;width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px;}
.totop a:hover {color: #eee;text-decoration: none;}
/* Half column - CHECK LATER */
.col-left{width: 48%;float: left;}
.col-right{width: 48%;float: right;}
/* Dropdown menu */
.dropdown-big .dropdown-menu{min-width: 250px;padding:8px 10px;background: #fff;}
.dropdown-big .dropdown-menu p{margin: 1px 0px;padding: 1px 0px;font-size: 12px;line-height: 18px;}
.dropdown-big .dropdown-menu a{font-size: 13px;line-height: 23px;background:transparent;padding: 0px;color: #444 !important;display: inline;}
.dropdown-big .dropdown-menu a:hover{color: #777 !important;background:transparent !important;}
.dropdown-big .dropdown-menu .drop-foot{text-align: center;}
.dropdown-big .dropdown-menu .drop-foot a{font-size: 12px !important;}
.dropdown-big .dropdown-menu hr{padding:0px;margin: 8px 0px;border-top: 0px solid #aaa;border-bottom: 1px solid #eee;}
.dropdown-big .dropdown-menu h5{color: #666 !important;line-height: 18px;font-weight: bold;font-size: 13px;}
.dropdown-menu {background:#fff;border-radius: 0px;border: 1px solid #ddd; border-bottom: 1px solid #ddd;}  
.dropdown-menu li{color: #777;font-size: 13px;line-height: 18px;}
.dropdown-menu li a span{font-size: 13px;}
.dropdown-menu li > a{color: #555;line-height: 23px !important;}
.dropdown-menu li > a:hover{background: #f9f9f9 !important;filter:none;color: #888;}
.dropdown-menu a:hover,.dropdown-menu a:focus{filter:none !important;background: #fff !important;}
.dropdown-menu::after, .dropdown-menu::before{border:none !important;}
/* Navbar */
.navbar *{text-shadow:none !important;}
.navbar .brand{color: #eee !important;}
.navbar .container{width: 97% !important;}
.navbar .nav > li > a{font-size: 13px !important;color: #fff !important;}
.navbar i{margin-right: 3px;}
.navbar .caret{border-top-color:#fff !important;border-bottom-color:#fff !important;}
.navbar .nav-user-pic{width: 20px;margin-right: 10px;}
.navbar .badge{margin-left: 5px;}
/* Notification */
.gritter-custom p{font-size: 13px;line-height: 18px;color: #fff;}
/* Sidebar */
.sidebar{width: 230px;float: left;display: block;background:#111;color: #eee;position: relative;}
.sidebar hr{border-bottom: 1px solid #333 !important;}
.sidebar ul{padding: 0px;margin: 0px;list-style-type: none;	}
.sidebar ul li{list-style-type: none;}
.sidebar .sidebar-inner{ display: block; width:100%;  margin: 0 auto; position: absolute; z-index: 60;	 background: #111;}
.sidebar .navi li i{margin-right: 5px;}
.sidebar .navi li span i{margin: 0px;}
.sidebar .navi > li > a{ display: block; padding: 12px 20px; font-size: 15px; line-height: 25px; color: #fff;text-decoration: none; border-bottom: 1px solid #222; background-color: #111;}
.sidebar .navi > li > a:hover, .sidebar .navi > li.open > a {  border-bottom: 1px solid #222; background-color: #222; color: #fff;}
.sidebar .navi li ul { display: none; background: #181818; }
.sidebar .navi li.open ul{display: block;}
.sidebar .navi li ul li a {  display: block;  background: none;padding: 10px 0px;padding-left: 30px; text-decoration: none; color: #999; border-bottom: 1px solid #222;}
.sidebar .navi li ul li.active a {background: #131313; border-bottom: 1px solid #222;}
.sidebar .navi li ul li a:hover { background: #131313;border-bottom: 1px solid #222;}
/* Sidebar colors */
.sidebar .navi > li.nlightblue > a:hover, 
.sidebar .navi > li.open.nlightblue > a, 
.sidebar .navi > li.current.nlightblue > a {  background:#52b9e9 !important; -webkit-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -o-transition:background 0.5s ease;  transition:background 0.5s ease;}
.sidebar .navi > li.nblue > a:hover, 
.sidebar .navi > li.open.nblue > a,
.sidebar .navi > li.current.nblue > a { background:#1171a3 !important; -webkit-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -o-transition:background 0.5s ease; transition:background 0.5s ease;}
    .sidebar .navi > li.ngreen > a:hover,
    .sidebar .navi > li.open.ngreen > a,
    .sidebar .navi > li.current.ngreen > a {
        background: #3dae2b !important;
        -webkit-transition: background 0.5s ease;
        -moz-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
        transition: background 0.5s ease;
    }
.sidebar .navi > li.norange > a:hover, 
.sidebar .navi > li.open.norange > a,
.sidebar .navi > li.current.norange > a { background:#f88529 !important; -webkit-transition:background 0.5s ease; -moz-transition:background 0.5s ease;-o-transition:background 0.5s ease; transition:background 0.5s ease;}
.sidebar .navi > li.nred > a:hover, 
.sidebar .navi > li.open.nred > a,
.sidebar .navi > li.current.nred > a { background:#fa3031 !important; -webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease; -o-transition:background 0.5s ease; transition:background 0.5s ease;}
.sidebar .navi > li.nviolet > a:hover, 
.sidebar .navi > li.open.nviolet > a,
.sidebar .navi > li.current.nviolet > a { background:#932ab6 !important; -webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-o-transition:background 0.5s ease; transition:background 0.5s ease;}
/* Sidebar dropdown */
.sidebar .sidebar-dropdown *{text-decoration: none;}
.sidebar .sidebar-dropdown{display: none;}
.sidebar .sidebar-dropdown a{color: #ddd;  background-color: #343434;padding:6px;text-transform: uppercase;text-align: center;font-size: 13px;display: block;border-top: 1px solid #666;border-bottom: 1px solid #333;  }
.sidebar .sidebar-dropdown a:hover{text-decoration: none;}
/* Sidebar widget */
.sidebar .sidebar-widget{padding: 10px 5px;}
.sidebar .ui-datepicker{width: 95%;margin: 0 auto;background: #111;color: #888;border: 0px;padding: 0px;}
.sidebar .ui-datepicker-header{background: #222;border: 1px solid #212121;}
.sidebar .ui-datepicker-prev:hover{background: transparent;border: 0px;top: 2px !important;left: 2px !important;}
.sidebar .ui-datepicker-next:hover{background: transparent;border: 0px;top: 2px !important;right: 2px !important;}
.sidebar .ui-state-default{background: #222;border: 0px;text-align: center;color: #ccc;}
.sidebar .ui-state-default:hover{background: #282828;color: #999;}
.sidebar .ui-state-hightlight, .sidebar .ui-state-active{background: #444;}
/* Main */
.mainbar{position: relative;margin-left: 230px;margin-right: 0px;width: auto;background:#fff;min-height: 900px;}
.mainbar .container{width: 100%;padding: 0px !important} 
/* Pagination*/
.pagination{margin: 10px 0px 5px 0px;}
.pagination ul > li > a, .pagination ul > li > span {border: 1px solid #ccc;margin-right: 3px;padding: 3px 8px;background-color: #fff;color: #666;}	
.pagination ul > li > a:hover{color: #333;background: #fafafa;}
/* Page head */
.mainbar .page-head{ padding: 15px 20px;border-bottom: 1px solid #fff;}
.mainbar .page-meta{font-size: 13px;line-height: 15px;margin-left: 2px;display: block;}
/* Bread crumb */
.mainbar .bread-crumb{font-size: 13px;margin-top: 15px;color: #aaa;margin-left: 2px;}
.mainbar .bread-crumb i{margin-right: 3px;display:inline;position: static;top: 0px;}
.mainbar .bread-crumb .divider{margin: 0px 3px;}
.mainbar .bread-crumb a{color: #666;}
.mainbar .bread-crumb a.bread-current{color: #888;}
/* Notificationj Box*/
.slide-box{width: 270px;z-index: 400;position: fixed;bottom: 0px;right: 5px;}
.slide-box .slide-box-head{line-height: 42px;height: 42px;cursor: pointer;font-size: 15px;padding-left: 10px;}
.slide-box .slide-box-head i{margin-right: 10px;font-size: 12px;}
.slide-box .slide-content{margin: 0px;padding: 0px;background: #000;min-height: 300px;}
.slide-content .nav-tabs{border-bottom: 1px solid #222 !important;margin-bottom: 0px !important;}
.slide-content .nav-tabs > li > a{background: #111 !important;margin: 0px !important;border: 1px solid #222 !important; color: #888 !important;}
.slide-content .nav-tabs > li.active > a{color: #ccc !important;background: #1c1c1c !important;}
.slide-content .tab-content{padding: 10px;} 
.slide-content hr{border-bottom: 1px solid #212121 !important;}
/* Slidebox data */
.slide-data{background: #111;border:1px solid #222;margin: 0px;margin-bottom: 10px;padding: 5px;}
.slide-data .slide-data-text{color: #fff;font-weight: 600;font-size: 13px;float: left;width: 60%;}
.slide-data .slide-data-result{color: #fff;font-weight: 600;font-size: 16px;float: right;width: 40%;}
.slide-data .slide-data-result i{font-size: 14px;}
/* Matter */
.mainbar .matter{border-top: 1px solid #ddd;padding: 15px 0px;}
.widget hr{margin: 4px 0px;padding: 4px 0px;border-top: 0px;border-bottom: 1px solid #ddd;}
.widget .table{margin: 0px;width: 100%;}
.widget .table-bordered{border: 0px;}
.widget .table-bordered th{border-bottom: 1px solid #ccc !important;}
.widget .table-bordered td{border-top: 0px !important;border-bottom: 1px solid #ccc !important;}
.widget .table-bordered td:first-child, .widget .table-bordered th:first-child{border-left: 0px;}
.widget .padd{padding: 5px;}
.widget .widget-head .widget-icons i{font-size: 14px;margin: 0px 4px;}
.widget .widget-head .widget-icons a{color: #aaa;}
.widget .widget-head .widget-icons a:hover{  transform: scale(1.05,1.05);  -ms-transform: scale(1.05,1.05); /* IE 9 */ -webkit-transform: scale(1.05,1.05); /* Safari and Chrome */}
.widget .widget-foot{ background-color: #f9f9f9;border: 1px solid #ddd; border-top: 0px; padding: 8px 15px; font-size: 13px; color: #555;}
.widget.wtransparent{
  background-color:transparent; 
}
/* Widget colors */
.widget.wtransparent .widget-head{
  background:transparent;
  border: 0;
  color: transparent;
}
.widget.wwhite>.widget-head{ background-color: #fff; border: 1px solid #fff; color: #fff;}
.widget.wblack>.widget-head{ background-color: #000; border: 1px solid #000;color: #000;}
.widget.wred >.widget-head{
  background-color: #fa3031;
  border: 1px solid #fa3031;
  color: #fff;
}

.widget.wlightblue >.widget-head{
  background-color: #52b9e9;
  border: 1px solid #52b9e9;
  color: #fff;
}

.widget.wblue >.widget-head{
  background-color: #1171a3;
  border: 1px solid #1171a3;
  color: #fff;
}
.widget.wblue2 > .widget-head {
    background-color: #0083ad;
    border: 1px solid #0083ad;
    color: #fff;
}
.widget.wblue3 > .widget-head {
    background-color: #00B2E3;
    border: 1px solid #00B2E3;
    color: #fff;
}
.widget.wdarkblue > .widget-head {
    background-color: #004A98;
    border: 1px solid #004A98;
    color: #fff;
}
.widget.wgreen > .widget-head {
    background-color: #3dae2b;
    border: 1px solid #3dae2b;
    color: #fff;
}
.widget.wgreen2 > .widget-head {
    background-color: #2c9942;
    border: 1px solid #2c9942;
    color: #fff;
}
.widget.wdarkgreen > .widget-head {
    background-color: #006646;
    border: 1px solid #006646;
    color: #fff;
}
.widget.worange >.widget-head{
  background-color: #f88529;
  border: 1px solid #f88529;
  color: #fff;
}

.widget.wviolet >.widget-head{
  background-color: #932ab6;
  border: 1px solid #932ab6;
  color: #fff;
}
.widget.wgray >.widget-head{
  background-color: #ccc;
  border: 1px solid #ccc;
  color: #ccc;
}
.widget.wblack .widget-head .widget-icons a,
.widget.wred .widget-head .widget-icons a,
.widget.wblue .widget-head .widget-icons a,
.widget.wlightblue .widget-head .widget-icons a,
.widget.worange .widget-head .widget-icons a,
.widget.wgreen .widget-head .widget-icons a,
.widget.wviolet .widget-head .widget-icons a,
.widget.wgray .widget-head .widget-icons a{
	color: #fff;
}
.widget.wtransparent  .widget-head .widget-icons a{ color:#ccc}
.widget.wred .widget-head .widget-icons a:hover,
.widget.wblue .widget-head .widget-icons a:hover,
.widget.wlightblue .widget-head .widget-icons a:hover,
.widget.worange .widget-head .widget-icons a:hover,
.widget.wgreen .widget-head .widget-icons a:hover,
.widget.wviolet .widget-head .widget-icons a:hover{color: #eee;}

.widget.wcustom > .widget-head {    
    color: #fff;
}

/* Widget white extras */
.widget .nav-tabs > li a {	padding: 5px 10px;}
.widget .nav-tabs {margin-bottom: 5px;}
.widget .tab-content{margin-bottom: 10px;}
/* Calendar */
.fc-header-title h2 {font-size: 15px;line-height: 20px;}
.fc-event-skin {background-color: #ff5d5e;border-color: #ff3839;}	
.fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay {right: 20px;}
.fc-state-default {background: #eee !important;}
.fc-state-default:hover{background: #ddd !important;}
.fc-widget-header {padding: 7px 0px !important;color: #666;background: #eee;border-color: #ccc;}
.fc-content {background: #fff;	}
.fc-content td:hover{background: #f3f3f3;	}
/* Current status */
.current-status{list-style-type: none;padding: 0px;margin: 0px;}
.current-status .bold{font-size: 13px;margin-left: 8px;}
.current-status li{padding: 10px 0px;}
/* Knob */
.dial{border: 0px !important;}
/* Profile */
.profile{margin-top: 15px;}
/* Error */
.error-page{max-width: 500px;margin: 50px auto;}
.error h1{font-weight: normal;}
/* Grid */
.show-grid div{background: #eee;text-align: center;margin: 10px 0px;border: 1px solid #ddd;}
/* Slider */
#eq span { height:120px; float:left; margin:15px}
.ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 0.9em; height: 0.9em; cursor: default; background: #fafafa !important;border: 1px solid #ccc !important; }
.ui-slider-horizontal { height: .5em; border: 0px solid #eee !important; background: #dfdfdf !important;}
.ui-slider-vertical { height: 100px; width: 0.5em;border: 0px solid #fff !important; background: #dfdfdf !important;}
#master1, #master2, #master3, #master4, #master5, #master6{width: 100%;margin:15px 0px !important;}
.slider-red .ui-widget-header{background: #dd514c !important;border-color: #dd514c !important;}	
.slider-blue .ui-widget-header{background: #36a5c6 !important;border-color: #36a5c6 !important;}	
.slider-green .ui-widget-header{background: #44c636 !important;border-color: #44c636 !important;}	
.slider-yellow .ui-widget-header{background: #fcd419 !important;border-color: #fcd419 !important;}	
.slider-orange .ui-widget-header{background: #fc9419 !important;border-color: #fc9419 !important;}	
.slider-violet .ui-widget-header{background: #9919fc !important;border-color: #9919fc !important;}	
/* Toggle button */
.toggle-button span {font-size: 13px !important;}
/* Gallery */
.gallery img{max-width: 170px;margin: 5px;}
/* Error log */
.error-log{height: 400px;overflow: auto;}
.error-log ul{list-style-type: none;margin: 0px;padding: 0px;}
.error-log ul li{padding: 10px 0px;}
/* Media */
.medias .checker {width: 5px !important;}
.medias img{max-width: 40px;}
/* CL Editor */
.cleditorMain{border: 1px solid #ccc;margin: 10px 0px;}
.cleditorMain textarea, .cleditorMain iframe{width: 100% !important;}
/* Support page */

#slist p{
display: none;
margin:5px 0px;
padding:5px 10px !important; 
background:#fff;
line-height: 25px;
border:1px solid #eee;
}

#slist{
	margin-left: 20px;
}

#slist li{
	margin-bottom: 10px;
}

#slist li a{
	display: block;
	margin-bottom: 0px;
}

.support-contact i{
	margin-right: 3px;
}

/* Post form */

.post{
	margin-top: 20px;
}

/* Login and Register form */

.admin-form{
	max-width: 500px;
	margin: 50px auto;
}

.admin-form form{
	padding: 10px 0px;
}

/* wiget properties*/
#widgetProperty p {
    color: #666;
}

/*#widgetProperty span {
    color: #666;
    float: left;
    width: 80px;     
    text-align: right;
    padding-right: 10px;
}*/

.thumbnail {
    text-align: center
}

.border-direction{ width: 230px;}

/*headstyle popup*/
 /*.headText{}*/
 .headText .k-selected-color{ width: 46px;}
/* Responsive */

@media (max-width: 480px){
	.mainbar .page-head h2{
		float: none;
	}
	.mainbar .bread-crumb{
		float: none;
		margin-top: 10px;
	}
	.col-left{
		width: 100%;
		float: none;
		margin-right: none;
	}
	.col-right{
		width: 100%;
		float: none;
	}
	.fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay {
		display: none;
	}
}

@media (max-width: 767px){
	body{
		margin: 0 auto;
	}

	.content{
		margin-left: -20px;
		margin-right: -20px;
	}
	.mainbar .matter{
		padding-left: 20px;
		padding-right: 20px;
	}			
	.form-inline button{
   		margin-left:0px;
   	} 
	.navbar,.navbar-inner{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.navbar-collapse .dropdown-big .dropdown-menu{
		color: #bbb !important;
	}	
	.navbar-collapse .dropdown-big .dropdown-menu a{
		color: #ccc !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.navbar-collapse .dropdown-big .dropdown-menu a:hover{
		color: #aaa !important;
	}
	.navbar-collapse .dropdown-big .dropdown-menu h5{
		color: #eee !important;
	}		
	.navbar-collapse .dropdown-menu{
		padding: 10px 10px !important;
	}

	.navbar-collapse .dropdown-menu a:hover{
		background:transparent !important;
	}
	.navbar-collapse .dropdown-menu hr{
		border-top: 0px solid #eee;
		border-bottom: 1px solid #333;
	}
	.sidebar{
		float: none;
		width: 100%;
	}
	.sidebar .sidebar-dropdown{
		display: block;
	}
	.sidebar .sidebar-inner{
		display: none;
	}
	.sidebar .sidebar-widget{
		text-align: center;
	}
	.mainbar{
		margin: 0px;
		float: none;
	}
	
	.slide-box{
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 979px){
	.form{
		margin: 0px !important;
	}
	form .control-group{
		margin:0px !important;
	}
	form .control-label{
		float: none !important;
		width: auto !important;
		text-align: left !important;
	}
	form .controls{
		float: none !important;
		margin-left: 0px !important;
	}
	form .form-actions{
		padding-left: 0px !important;
	}
	.navbar,.navbar-inner{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.nav-collapse .dropdown-big .dropdown-menu{
		color: #bbb !important;
	}	
	.nav-collapse .dropdown-big .dropdown-menu a{
		color: #ccc !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.nav-collapse .dropdown-big .dropdown-menu a:hover{
		color: #aaa !important;
	}
	.nav-collapse .dropdown-big .dropdown-menu h5{
		color: #eee !important;
	}		
	.nav-collapse .dropdown-menu{
		padding: 10px 10px !important;
	}
	.nav-collapse .dropdown-menu a {
		color: #fff !important;
	}
	.nav-collapse .dropdown-menu a:hover{
		background:transparent !important;
	}
	.nav-collapse .dropdown-menu hr{
		border-top: 0px solid #eee;
		border-bottom: 1px solid #333;
	}
	.sidebar{
		width: 200px;
	}
	.mainbar{
		margin-left: 200px;
	}
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input[type="text"].input-validation-error,
input[type="password"].input-validation-error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}
.block-input{width: 100%}
.desc-height{ height: 27px;}
.k-treeview img{ width: 15px;}
.advchart-main{ padding-bottom: 5px;padding-top: 8px;}
.advchar-each{ margin-right: 10px;}
.block-word{ font-size: 12px;}
/*print css*/
@media print {
    .widget-icons a{ display: none !important;}
    .k-attribution{ display: none !important;}
    .k-map .k-layer{ position: relative !important;}
    .k-map-controls{ display: none;}
    .tab-content  .tab-pane .widgetContainer a{ display: none;}
    #pageContainer ul,.pull-right{ display: none;}
}



.edit-in-place{ margin-right: 15px;}
.edit-in-place b { cursor: pointer;}
.edit-in-place input {display: none;}
.edit-in-place.active b {display: none;}
.edit-in-place.active input {display: inline-block;}
.childpagemenu .edit-in-place {
    margin-right: 5px;
}
.nav-tabs{ margin-left:5px;margin-right:5px;}
/* info and errors */
.message-info {border: 1px solid; clear: both;padding: 10px 20px;}
.message-error {clear: both;color: #e80c4d;font-size: 1.1em;font-weight: bold;margin: 20px 0 10px 0;}
.message-success {color: #7ac0da;font-size: 1.3em; font-weight: bold; margin: 20px 0 10px 0;}
.error {color: #e80c4d;}
.widget-icon-setting{width:23px; height:23px;}
.widget-icon-setting a{display: none;}
.widget-icon-setting:hover a{display : block;}
.radialgauge-container {
                    background: transparent url("../content/images/gauge-container.png") no-repeat 50% 50%;
                    text-align: center;
                    height:100%;
                    width:70%;
                    margin: 0 auto;
					background-size: 100% auto;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../content/images/gauge-container.png', sizingMethod='scale');
                    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../content/images/gauge-container.png', sizingMethod='scale')";
                }

                .radialgauge {
                    height:80%;
                    width:80%;
                    margin: 0 auto 0;
                }
 .lineargauge-container {
                    text-align: center;
                    margin: 0 auto;
                    background: transparent url("../content/images/linear-gauge-container.png") no-repeat 50% 50%;
                    padding: 18px;
                    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../content/images/gauge-container.png', sizingMethod='scale');
                    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../content/images/gauge-container.png', sizingMethod='scale')";
                }

                #lineargauge {
                    display: inline-block;
                    
                    zoom: 1;
                }


 .header-icon{  
  height:20px;
  cursor:move
}

.header-icon .header-icon-group{
    display: none;
}
.widget-head:not(.delayhead):hover .header-icon-group {
    display : inline-block;
}

.thumbnail .caption {
    height:46px;
    padding: 9px 3px;
}


.margin1 {
   margin-top:10px;
   margin-bottom:10px;
}
  .margin5 {
   margin-top:5px;
   margin-bottom:5px;
}
 .margin2 {
   margin-top:2px;
   margin-bottom:2px;
}

 .margin-h-2{
     margin-left:2px;
     margin-right:2px;
     display:inline-block;
 }
 
 .margin-h-10{
     margin-left:10px;
     margin-right:10px;
    
 }

 .pad-h-5{
     padding-left:5px;
     padding-right:5px;
 }

 .input-height{
     height:29px;
 }
 .thumbnails li{
     list-style:none;
 }



/*ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;    
}*/


.playlist {
    width: 100%;
    border-radius: 4px;
    text-align: left;
    cursor: pointer;
    font-size: 1.2em;
}
  .playlist>li{list-style-type: none; position: relative; padding: 3px 4px;  margin: 0;}
  .eyediv{ margin-left: 30px;}
   .playlist li div:hover { background-color: #dceffd; }
   .playlist li div:hover  .eyediv a{display:inline !important;}
li.hint {
    display: block;
    padding: 10px;
    width: 200px;
    background-color: #52aef7;
    color: #fff;
    cursor: pointer
}
    li.hint:last-child { border-radius: 4px;}
    li.hint span { color: #fff;}
    li.placeholder {  background-color: #dceffd;color: #52aef7; text-align: right; }
     .playlist li.selected{
        background-color:rgba(204, 204, 204, 0.48)/*lightgreen;*/
    }
    table.k-editor{
        border-width:0px;
    }
    .k-editor-inline {
                    margin: 0;
                    padding:0px;
                    border-width: 0;
                    box-shadow: none;
                    background: none;
                }

                .k-editor-inline.k-state-active {
                    border-width: 1px;
                   
                    background: none;
                }

.k-editor-inline p {
                    font-size: 13px;
                }


  .k-table {
                    border-spacing: 0;
                    border-collapse: collapse;
                    border: 1px solid #999;
                    width: 100%;
                }

.k-table td, .k-table th {
    border: 1px solid #999;
    padding: 3px;
}

.k-editor ul{
    list-style:disc
}

.k-editor a{
    text-decoration:underline;
}

.stickyheader{
    top: 50px;
    position: fixed;
    z-index: 999;
    width: 94%;
    background: white;

}

.panel{
    border-color:#ddd;
}


.widget-group-right{
 margin-left:-5px !important;
}

.widget-group .widget{
    margin-bottom:0px !important;
    padding-bottom:10px;
}

 .k-grid-header th.k-header,.k-grid-header th.k-header .k-link{
    font-weight:bold;
    /*color:inherit;*/
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: inherit;
}
.k-pager-wrap {    
    color: inherit;
}
.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: inherit;   
}
.k-button.k-state-active,.k-button:active{
    color:inherit;
}

 .navbar-toggle .icon-bar {
background-color: #fff;
}
 .navbar-brand>img {
display: inline-block;
}


 

.lb_left{ margin-right: 10px;}
.lb_right{ margin-left: 5px;}

/*tick cost*/
.tick-contrl{ width: 205px !important;height: 27px;}
.ticket-subctrl{ width: 100px !important;}
.lb-align{ text-align: right;}
.lb-layout{ margin-bottom: 10px;}

/*scheduler*/
.schedule_txtbox{ width: 200px;}


.linking-parent{/*width:40%;float:left;*/min-height: 330px;background-color:rgb(242, 239, 239);}
.linking-parent div {width:100%;}
.linking-parent .selectedLinking{background-color:white;}
.linking-parent div:hover{cursor:pointer;}
.linking-child { /*width:100%; */
    height: 300px;
}
.linking-child span{text-indent:2em;width:80%;display:inline-block;}
.linking-child .clickIcon{cursor:pointer;margin-left:20px;}


/* Today datas */

.today-datas{
	list-style-type: none;
	padding: 0px;
	margin: 0px;  
   text-align: center;

}

.today-datas li{    
  min-width: 80px;
  width: 100%;
  text-align: center;
  
}
.resizeable .today-datas li {        
    min-width: 10px;        
}
.k-mobile .groupdatablock .today-datas li {
    min-width: 10px;
}

.today-datas .eMiteContent{
     display:table;
}

/*.today-datas li .spark{
	margin-right: 10px;
}*/

.today-datas li .datas-text{
	font-size: 13px;

	font-weight: normal;
    text-align: center;
    vertical-align:middle;
    display:table-cell
}

.today-datas li .datas-text span{
	display: block;
}

.today-datas li .datas-text .bold{
	display: block;
	font-size: 30px;
	margin-bottom: 5px;
}


/*
.today-datas li .dial{
	margin-right: 10px !important;
}
 */

.block-desc span {
    font-weight: bold;
    line-height: normal;
    white-space: normal
}
.statusdesc span {
    white-space: normal;
}
.statusdisplay span {
    white-space: normal;
}
.statustrend span {
    white-space: normal;
}
.k-marker {
    background: none !important;
}

.k-marker-green {
    background-image: url('images/mapgreen.png')!important;
    background-repeat: no-repeat!important;
    background-size: 15px!important;
    background-position: center!important;
}

.k-marker-yellow {
    background-image: url('images/mapyellow.png')!important;
    background-repeat: no-repeat!important;
    background-size: 15px!important;
    background-position: center!important;
}

.k-marker-red {
    background-image: url('images/mapred.png')!important;
    background-repeat: no-repeat!important;
    background-size: 15px!important;
    background-position: center!important;
}

.noheader{padding-top:0px;}

.container.framepage{
   width: 100%;
   padding-left: 0;
   padding-right: 0;
}

.container.singlepage {
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.reportlist-item{
     float: left;
     position: relative;
     width: 139px;
     height: 100px;
     margin: 0px 5px 1px;
     padding: 0;
}

.reportlistbg{background-color:#E2E4E7;}

.reportlist-item-value{
    font-size: 50px;
    padding-top: 5px;
    text-align:center;
    color:#fff;
}
.reportlist-item-desc {
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;    
}
.reportlist-item-h {
    display: table;
    table-layout: fixed;
}
.reportlist-item-left-item {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    text-align: right;
    padding-right: 10px;
}
.nowrap {
   white-space: nowrap;
}
.reportlist-item-right-item {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;    
}
.reportlistitem-fixsize2 {
    width: 49%;
    margin: 0px 0.5% 1px;
}

.reportlistitem-fixsize3 {
    width: 31%;
    margin: 0px 1.16% 1px;
}

.reportlistitem-fixsize4 {
    width: 23%;
    margin: 0px 1% 1px;
}
.reportlistitem-fixsize5 {
    width: 18%;
    margin: 0px 1% 1px;    
}
.reportlistitem-fixsize6 {
    width: 15%;
    margin: 0px 0.8% 1px;
}
.reportlistitem-fixsize7 {
    width: 13%;
    margin: 0px 0.6% 1px;
}
.reportlistitem-fixsize8 {
    width: 11%;
    margin: 0px 0.7% 1px;
}
.reportlistitem-fixsize9 {
    width: 9%;
    margin: 0px 1.05% 1px;
}
.reportlistitem-fixsize10 {
    width: 9%;
    margin: 0px 0.5% 1px;
}
.reportlistitem-fixsize11 {
    width: 7%;
    margin: 0px 1% 1px;
}
.reportlistitem-fixsize12 {
    width: 6%;
    margin: 0px 1.1% 1px;
}

.k-treemap-wrap .k-state-hover, .k-treemap-wrap .k-state-hover:hover{background-image:none; background-color:none !important;}
.k-treemap-wrap .k-treemap-title{background:#3f51b5;color:white;}
/*.k-widget .k-treemap-title .k-treemap-title div{background:#3f51b5;color:white;}*/

.wtransparent .k-editor{ background: transparent;}
 /*kendogrid transparent*/
.widget.wtransparent .k-grid {
    background: transparent;
}
.widget.wtransparent .k-grid-pager{
    background: transparent;
}
.widget.wtransparent .k-grid-header { background: transparent;}
.widget.wtransparent .k-grid-header th{ background: transparent;}
.widget.wtransparent .k-grouping-row td, .widget.wtransparent .k-group-footer td, .widget.wtransparent td.k-group-cell, .widget.wtransparent .k-alt, .widget.wtransparent .k-separator, .widget.wtransparent .k-resource.k-alt, .widget.wtransparent .k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: transparent;
}

.widget.wtransparent .k-grid-footer,.widget.wtransparent .k-grid-footer td{ background: transparent !important;}
 .k-map{
     height:100% !important;
 }
.transparentbg, .transparentbg .k-grid-header, .transparentbg .k-grid-header th {
    background: transparent !important;
}
    .transparentbg .k-grouping-row td, .transparentbg .k-group-footer td, .transparentbg td.k-group-cell, .transparentbg .k-alt, .transparentbg .k-separator, .transparentbg .k-resource.k-alt, .transparentbg .k-pivot-layout > tbody > tr:first-child > td:first-child {
        background-color: transparent;
    }

.transparentbg .k-grid-pager, .transparentbg .k-grid-footer, .transparentbg .k-grid-footer td {
    background: transparent !important;
}

.model-md .modal-dialog {
    width: 750px;
}


 .cubereportgrid.k-grid  .k-grid-header  .k-header  .k-link {
    height: auto;
}
  
.cubereportgrid.k-grid  .k-grid-header  .k-header {
    white-space: normal;
    text-align: center;
}

 input.ng-invalid.ng-touched {
    background-color: #FA787E;
  }

 

 .profileField{text-align:right;font-weight:bold;}
.profileValue {
    text-indent: 2em;
    word-wrap: break-word;
}

 .k-widget.k-dropdown.k-header.k-insertHtml.k-editor-widget{
     width:100px;
 }

 .k-state-focused.k-state-selected,.k-list>.k-state-focused.k-state-selected,.k-listview>.k-state-focused.k-state-selected,td.k-state-focused.k-state-selected{
     -webkit-box-shadow: none !important;
     box-shadow: none !important;

 }

 .k-list-scroller ul.k-list{
     overflow: auto; 
     max-height: 198px;
 }

 .groupdatablock .widget{
     margin-bottom:0px;
 }

 #pagelistbox{
     height:488px;
 }

 #pagegrouplistbox{
     height:410px;
 }

 .highcharts-container span{
     font-size:11px;
 }

 /*grid rule */

 .gridrule div{ text-align: center;}

 /*treemap*/


 /*network config*/
.configlabel,.configlabel span{ font-weight: bold;}
.configctrl{ width: 200px !important;height: 30px!important;}

.statustrend{
    margin-bottom:10px;color:#aaa;
}


.k-grid-content tr[style*='background'] td.k-state-selected{
    background-color:transparent;
}

.dimension-search{display: inline-block;  height: 23px;line-height:18px;}

.dimensionfilter .dropdown-model {
    text-align: right;
}

/* migrated start*/
.nav-tabs > li.active > a tab-heading {
    font-weight: bold;
    font-size: 13px;
}
 ::-webkit-scrollbar {
      width:10px;
    }
   ::-webkit-scrollbar:horizontal {
      height:10px;
    }
   ::-webkit-scrollbar-thumb {
       background:#A9A9A9;
    }
   ::-webkit-scrollbar-corner  {
       background-color: transparent;
   }

/*font faces*/
@font-face {
    font-family: 'marker';
    src: url('fonts/permanentmarker/PermanentMarker-webfont.eot');
    src: url('fonts/permanentmarker/PermanentMarker-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/permanentmarker/PermanentMarker-webfont.woff') format('woff'), url('fonts/permanentmarker/PermanentMarker-webfont.ttf') format('truetype'), url('fonts/permanentmarker/PermanentMarker-webfont.svg#permanent_markerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {
    font-family:"chalkboard";
    src: url('fonts/schalk/Schalk.eot');
    src:url('fonts/schalk/Schalk.eot??#iefix') format('embedded-opentype'),
        url("fonts/schalk/Schalk.woff") format("woff"),
        url("fonts/schalk/Schalk.ttf") format("truetype"),
        url("fonts/schalk/Schalk.svg#schalk") format("svg");
    font-weight:normal;
    font-style:normal;

}


@font-face {
    font-family: 'digital';
    src: url('fonts/digital/digital-7-webfont.woff2') format('woff2'),
         url('fonts/digital/digital-7-webfont.woff') format('woff'),
         url("fonts/digital/digital-7.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;

}
/* todo paid font, hide fro some customers */


@font-face {
    font-family: 'golden-plains';
    src: url('fonts/goldenplains/GoldenPlains.eot');
    src: url('fonts/goldenplains/GoldenPlains.eot?#iefix') format('embedded-opentype'),
        url('fonts/goldenplains/GoldenPlains.woff2') format('woff2'), 
        url('fonts/goldenplains/GoldenPlains.woff') format('woff'), 
        url('fonts/goldenplains/GoldenPlains.ttf') format('truetype'),
        url('fonts/goldenplains/GoldenPlains.svg#GoldenPlains') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open sans';
    src: url('fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('fonts/opensans/opensans-regular-webfont.woff2') format('woff2'), 
         url('fonts/opensans/opensans-regular-webfont.woff') format('woff'), 
         url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype'), 
         url('fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* migrated end*/
.dimensionfilter{
    text-transform: uppercase;
}
 .dimensionfilter .k-dropdown .k-input, .dimensionfilter .k-item{
    font-size:14px;
    font-weight:bold;
    
}
 .dimensionfilter .k-dropdown-wrap{
     border-width:0;
 }

 .gridrule-label{margin-top:10px;margin-bottom:15px;margin-left: 7px;}
.model-blockselection .modal-dialog{
    width:700px;
}
label.k-checkbox-label{
    display:inline;
}

.ctrl-input{ height: 25px;}
.customer-photo {                
        height: 50%;     
        margin-right: 15px;
}
.quickadd {
    position: fixed;
    right: 10px;
    bottom: 100px;
    z-index: 10;
    height: 38px;
    width: 38px;
    font-size: 38px;
    color: white;
}

/*temporary fix for kendo missing foler icon, remove when upgrade*/
/*kendo temp start*/
.k-filebrowser .k-i-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat;
}
/*kendo temp end*/

.headselect, .Impersonatedselect {
    border: none !important;
    margin-top: 13px;
    font-size: 13px;
}
    .headselect option, .Impersonatedselect option {
        background: inherit;
    }
.querytooltip {
    background-color: #fff !important;
    color: #5d5d5d !important;
    word-wrap: break-word;
}
.querytooltip .k-icon {
        background-color:#dedede !important;
}

.wtransparent .k-widget{
    background:transparent;
}
.wtransparent .k-header:not(.k-header.k-panelbar) {
    background: transparent;
}
.wtransparent .k-panelbar .k-content {
    background: transparent;
}
[data-child-frame] {
   border:none;
}

.data-prev-button:before {
    content:"\f104" !important;
     font: normal normal normal 14px/1 FontAwesome;
  font-size: 5em;
}
.data-next-button:before {
 content:"\f105" !important;
     font: normal normal normal 14px/1 FontAwesome;
  font-size: 5em;

}

.d-lock .k-splitter .k-splitbar-horizontal {
    width: 0px;
    border-width: 0px;
}

.d-lock .k-splitbar-horizontal .k-icon {
    width: 0px;
}

.d-maxmized .gridster-item-resizable-handler {
    display: none;
}

.searchbox-menu {
    width: 100px !important;
    height:30px;
}
.stylish-input-group {
    margin: 0 8px 0 8px;
}
.stylish-input-group .input-group-addon {
    background: white;
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

@keyframes carousel3dAnimation {
    from { transform: rotateY(0deg);}
    to {transform: rotateY(-360deg);}
}
@-webkit-keyframes carousel3dAnimation{ 
   from { transform: rotateY(0deg);}
    to {transform: rotateY(-360deg);}
} 
@-moz-keyframes carousel3dAnimation{ 
  from { transform: rotateY(0deg);}
    to {transform: rotateY(-360deg);}
}

.sparklinegridchart{
    width:100%;
}
.genericgridchart{
    height:30px;
}
.genericgridchart-label {
    float: right;
    color: #08AED6;
    line-height:7px;
}

.k-multiselect .k-loading-hidden {
    display: none !important;
}


.marquee {
    white-space: nowrap;
    -moz-animation: scroll-left 22s linear infinite;
    -webkit-animation: scroll-left 22s linear infinite;
    animation: scroll-left 22s linear infinite;
}
@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}
@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}
@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%); 
        -webkit-transform: translateX(100%); 
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%); 
        -webkit-transform: translateX(-100%); 
        transform: translateX(-100%);
    }
}
.emite-release {
    background-color: #007a87;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
}
.emite-release a {
    color: #fff;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 1px;
    display: block;
    z-index: 5;
}
.ui-resizable:hover .ui-resizable-se {
    border-color: transparent transparent #ccc;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: 0;
    background-image: none !important;
    cursor: se-resize;
    width: 0;
    height: 0;
    right: 1px;
    bottom: 5px;
    border-style: solid;
    border-width: 0 0 12px 12px;
    border-color: transparent;
}
.badgespan {
    position: relative;
    bottom: -30px;
    right: 20px;   
    border-radius:15px !important;
    background-color:red;
    border:1px solid white;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .genericgrid td{
        text-overflow:clip;
    }
    .popover{
        font-size:13px;
    }
}
.bell-shake {
    animation-name: shake;
    animation-duration: 5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    transform-origin: 50% 0;
    animation-play-state: paused;
}
    .bell-shake.cancelplay {
        animation-play-state: running;
    }
@keyframes shake{
    0%, 50%, 100% {
        transform: rotate(0);
    }

    5%, 10%, 15%, 20%, 25%, 30%, 35%, 40% {
        transform: rotate(10deg);
    }

    45% {
        transform: rotate(4deg);
    }

    7.5%, 12.5%, 17.5%, 22.5%, 27.5%, 32.5%, 37.5%, 42.5% {
        transform: rotate(-10deg);
    }

    47.5% {
        transform: rotate(-2deg);
    }

    55%, 60%, 65%, 70%, 75%, 80%, 85%, 90% {
        transform: rotate(10deg);
    }

    95% {
        transform: rotate(4deg);
    }

    57.5%, 62.5%, 67.5%, 72.5%, 77.5%,82.5%, 87.5%, 92.5% {
        transform: rotate(-10deg);
    }

    97.5% {
        transform: rotate(-2deg);
    }
}
.btn.btn-default.btn-mtd.active {
    background-color: #09AFD8;
    color: #fff;
}
.btn.btn-default.btn-ytd.active {
    background-color: #09AFD8;
    color: #fff;
}
.btn.btn-default.btn-mtd {
    border-color: #09AFD8;
    border-radius: 4px 0px 0px 4px !important;
}
.btn.btn-default.btn-ytd {
    border-color: #09AFD8;
    border-radius: 0px 4px 4px 0px !important;
}

.nopointer-popup {
    pointer-events: none;
}
.maplegend {
    text-align: left;
    line-height: 18px;
    color: #555;
}
.maplegend i {
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 8px;
        opacity: 0.7;
    }
.li-state-selected {
    color:white;
    background: #87CEEB;
}
.my-fieldset {
    padding: .35em .625em .75em;
    border: 1px solid silver;
    margin-bottom:5px;
}
.my-legend {
    width: inherit;
    padding: 0 10px;
    color:silver;
    border-bottom: none;
    margin-bottom:5px;
}

.format-target {
}

.format-brush {
}

.format-target .format-brush {
    cursor: url(Content/images/cursor_whitebrush.cur),url("../Content/images/cursor_whitebrush.cur"), auto;
}

.animation-border {
    color: #444 !important;
    background: -webkit-linear-gradient(left, #1EBDC5 70%, transparent 70%), -webkit-linear-gradient(left, #1EBDC5 70%, transparent 70%), -webkit-linear-gradient(top, #1EBDC5 70%, transparent 70%), -webkit-linear-gradient(top, #1EBDC5 70%, transparent 70%) ;
    background-size: 12px 2px, 12px 2px, 2px 12px, 2px 12px !important;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y !important;
    /*background-position: 0 0, left bottom, 0 0, right 0 !important;*/
    animation: move 15s linear infinite !important;
    padding: 1px;

}

/*ie*/
.animation-border {
    color: #444 !important;
    background: -ms-linear-gradient(left, #1EBDC5 70%, transparent 70%), -ms-linear-gradient(left, #1EBDC5 70%, transparent 70%), -ms-linear-gradient(top, #1EBDC5 70%, transparent 70%), -ms-linear-gradient(top, #1EBDC5 70%, transparent 70%) !important;
    background-size: 12px 2px, 12px 2px, 2px 12px, 2px 12px !important;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y !important;
    /*background-position: 0 0, left bottom, 0 0, right 0 !important;*/
    animation: move 15s linear infinite !important;
    padding: 1px;
}



@keyframes move {
    0% {
        background-position: 0 0, left bottom, 0 0, right 0;
    }

    100% {
        background-position: 1000px 0, -1000px bottom, 0 -1000px, right 1000px;
    }
}
.gridrule [class*="col-"] {
    float: none;
    display: table-cell;
}
.yaxissetting [class*="col-"] {
    padding:0px;
    margin:5px;
}
.datelayout {
    position: absolute;
    top: 0px;
    right: 2px;
    /*margin-top: 5px;*/
    font-size: 12px;
}
.widget-head:hover .datelayout {
    position: relative;
    margin-top: 0px !important;
    margin-right: 0px !important;
}
.datelaymask {
    display: inline-block;
    height: 1px;
    width: 120px;
}
.widget-head:hover .datelaymask {
   display:none;
}
.highcharts-axis-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.datablocktmplli .caption {
    height: 26px;
    overflow:hidden;
}
    .datablocktmplli .caption p {
        overflow: hidden;
        text-overflow: ellipsis;
        word-spacing:normal;
    }
.datablocktmplli .close {
    display: none
}
.datablocktmplli:hover .close{
    display: block
}
.contextmenuli {
width:100%;
}

/** kpi threshold monitoring*/
.monitoring{margin-top:10px;}
.monitoring > div:first-child { margin-left: 10px; }
.monitoring>div{ margin-top: 20px;margin-left:10px; margin-bottom: 50px; }
.monitoring div div:nth-child(2) input{width:90%;}
.monitoring div div:nth-child(2) textarea {width: 90%;}
.monitoring div:nth-child(1)>span{font-weight:bold;}
.monitoring k-dropdown {width:90%;}
/**Orchestrator*/
.orchestrator { margin-top: 5px;background:transparent;border:none;min-height:500px;}
.commonconfig{}
.minorconfig{}
.orchestrator .commonconfig  .input-group {
    margin-bottom: 10px;
}
    .orchestrator .commonconfig .input-group .input-group-addon, .orchestrator .minorconfig .input-group .input-group-addon {
        min-width: 265px;
        border: none;
        text-align: right;
    }

.orchestrator .minorconfig .input-group {
    margin-bottom: 10px;
}

.orchestrator .commonconfig input[type=checkbox], .orchestrator .minorconfig input[type=checkbox], .orchestrator .minorconfig input[type=number] {
    width: 50%;
}

.orchestrator .commonconfig input[type=text], .orchestrator .minorconfig input[type=text], .orchestrator .minorconfig input[type=number], .orchestrator .minorconfig input[type=password] {
    width: 55%;
}
.orchestrator .commonconfig input, .orchestrator .minorconfig textarea {
    width: 100%;
}
.orchestrator > div:nth-child(3) > div>span { font-weight: bolder; min-width: 170px;  border: none; background: #e8e8e8;}
.orchestrator > div:nth-child(3) > div { width: 85%; }
/*.orchestrator>div:nth-child(3)>div>div:nth-child(2) input{width:100%;}*/
.orchestrator > div:nth-child(3) > div > div:nth-child(2) textarea { width: 100%; }
.orchestrator > div:nth-child(2) {border-right: solid 1px #ccc;min-height: 420px;}
/*.orchestrator > div:nth-child(3) >div:last-child  {  margin-top:160px;}*/
.orchestrator > div:nth-child(3) > div button { width:90px; }
.orchestrator > div:nth-child(3) > div button span { font-size:16px; }
.orchestrator .slider{border-radius:34px !important;}
.orchestrator .input-group input:focus, .orchestrator .input-group textarea:focus {
    box-shadow: 5px 5px 5px #ababab;
}
.orchestrator label.switch{margin-bottom:0 !important;}
.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 29px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 25px;
        width: 25px;
        left: 3px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #52b9e9;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: 1px;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

div.datepickerSlider .k-label {
    display: none;
}
/*texteditor*/
.headTextImg {
    text-align: center;
    font-size: 33px;
    height: 45px;
    background-color: rgba(157,185,185,1);
    color: white;
    font-weight: bold;
}
    .headTextImg > p {
        font-size: 33px;
        display: inline-block;
    }
    .headTextImg > div {
        float: right;
        margin-right: 180px;
    }
/*texteditor end*/

/* from dashboard 2.0*/
.navbar-page-header{
    display:inline-block;
    padding-top:10px;
}
.navbar-page-header a {
    color: #fff
}
.navbar-page-header a input{
    color: #000;
}
.navbar-page-header a i {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 11px
}
.navbar-page-header a.navbar-page-title, .navbar-page-header a.navbar-page-title i {
    font-size: 18px
}
.navbar-page-new {
    margin-left: 50px;
}
.k-sprite {
    font-size: 16px;
}
.search-backdrop {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 45px;
    z-index: 1040;
    background-color: #000;
    opacity: .75
}
.search-container {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    position: fixed
}
.search-field-wrapper {
    width: 100%;
    display: flex;    
    box-shadow: 0 0 3px #c1c1c1;
    position: relative
}
    .search-field-wrapper > input {
        max-width: 653px;
        padding: 1rem 1rem 0.75rem 1rem;
        height: 51px;
        box-sizing: border-box;
        outline: none; 
        flex-grow: 10;
        border: none
    }
.search-field-spacer {
    flex-grow: 1
}
.search-field-icon {
    font-size: 18px;
    padding: 1rem 1rem 0.75rem 1.5rem
}
.search-dropdown {
    display: flex;
    flex-direction: row;
    height: calc(100% - 50px);
    font-size:1.2rem;
}
.search-dropdown__col_1 {   
    max-width: 700px;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}
.search-results-scroller {
    display: flex;
    position: relative
}
.search-results-container {
    display: block;
    padding: 1rem 0px 1rem 1rem;
    position: relative;
    flex-grow: 10;
    margin-bottom: 1rem;
    height: 100%
}

.search-results-container .k-treeview {
    height: 100%
}
.search-dropdown__col_2 {
     flex-grow: 1;
     height: 100%;
     padding-top: 16px;     
     flex-direction: column;    
}

/* end dashboard 2.0*/

/*dropdown-submenu start*/

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        right: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
    .dropdown-submenu > .dropdown-toggle::after {
        display:none;
    }

      .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: left;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 5px 5px 0;
        border-right-color: #cccccc;
        margin-top: 5px;
        margin-left: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    } 
        .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }
/*dropdown-submenu end*/
.badge2 {
    top: 10%;   
    position: absolute;
    border-radius: 15px !important;
    width: 32px;
    height: 32px;
    padding: 7px;
    background-color: #ffee00;
}
.rotate-45 {
    transform: rotate(45deg);
}

/*Native scrollbar - used when eMite is opened in iFrame e.g. Genesys UI*/
.scrollbox {
    width: 100%;
    height: 600px;
    overflow: auto;
    visibility: hidden;
}

    .scrollbox-content,
    .scrollbox:hover,
    .scrollbox:focus {
        visibility: visible;
    }

.scrollbox_delayed {
    transition: visibility 0.2s;
}

    .scrollbox_delayed:hover {
        transition: visibility 0s 0.2s;
    }

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 8px;
}

/* override toast config to make display text more visible to the UI*/
#toast-container > div {
    opacity: 1 !important;
}