:root {
	--color-default-dark       : #00833c;
	--color-default            : #007cba;
	--color-default-light      : #5db685;
	--table-header-bg-color    : #c6ebd3;
	--accordion-header-bg-color: #e5f6eb;
	--panel-thick-border       : #cfe8d8;
	--table-hover-bg-color     : rgba(93,182,133,0.1);
	--table-hover-bg-color-dark: rgba(93,182,133,0.2);
	--table-border-color       : #e2e2e2;
	--disabled-input-gb-color  : #eeeeee;
}

*{/* margin:0; *//* padding:0; *//* box-sizing:border-box; */}
html,body{height:100%;padding: 0;}
/*body{background:#dedede;color:#555;font:15px/20px "Open Sans","Helvetica",Arial;-webkit-font-smoothing:antialiased;overflow: hidden;overflow-y:auto;}*/
h1,h2,h3,h4,h5{font-family:"Roboto Condensed",Arial,Helvetica,sans-serif;font-weight:normal}
h1,h2,h3{margin-top:10px;overflow:hidden;text-overflow:ellipsis}
h1{letter-spacing:-2px;margin-top:10px}
h2{letter-spacing:-1px;margin-top: 10px;}
pre>*{display:block}
a:hover,a:active,a:focus{text-decoration:none}

/* Portal page sections */
#header,#main,#bar,#footer{position:relative;width:100%;padding:10px;display: block;}
#header2,#main2,#bar2,#footer2{position:relative;width: 119rem;margin:0 auto;}
#main2{margin-top: 2rem;margin-bottom: 1rem;}
#main::before,#bar::before,#footer::before{position:absolute;content:"";width:100%;box-shadow:0 3px 3px rgba(0,0,0,0.1);top:-5px;height:5px;left:0;z-index:1}
#header{background-color:white;}
#main  {background-color:whitesmoke;}
#bar   {background-color:lightgray}
#footer{background-color:#dedede}

#footer table td{width:16.66%;text-align:center}
#bar    .message-footer{font-size:13px;text-align:right}
#footer .message-footer{font-size:13px;text-align:center;color:#999;margin-top:30px}

body.layout-sm #footer,body.layout-sm #bar{display:none}
body.layout-sm #header img{width:auto;height:30px}
body.layout-sm #menu ul.secondary-menu{bottom:auto;top:40px;overflow:hidden;transition:height 0.5s}
body.layout-sm #menu ul.secondary-menu{padding:4px 20px 4px 0;background:rgba(255,255,255,0.8);border-radius:0 0 15px 15px;border:1px solid lightgray;border-top:0}
body.layout-sm #main{padding:0}
body.layout-sm #main2,#bar2{width:100%;margin:0}

/* jquery ui */
.ui-widget{font:15px/20px Arial,Helvetica,sans-serif;color:#555;padding:0;border:0;box-shadow:0 1px 4px 0 rgba(0,0,0,0.37)}
.ui-widget.ui-widget-content{border:0}
.ui-widget .ui-widget-header{font:400 23px/25px "Roboto Condensed",Arial,Helvetica,sans-serif;background:none;border:0;color:var(--color-default);padding:10px 15px;border-left:10px solid var(--color-default);border-radius:0}
.ui-widget .ui-widget-content{padding:15px 15px 15px 40px;background:whitesmoke;color:#555}
.ui-widget .ui-widget-content::before{position:absolute;content:"";width:100%;box-shadow:0 3px 3px rgba(0,0,0,0.1);top:-5px;left:0;height:5px}
.ui-widget .ui-widget-content::after{position:absolute;content:"";height:100%;width:20px;top:0;left:0;background-color:rgba(128,128,128,0.1)}
.ui-widget-content .ui-state-default{border:0;background-image:none}
.ui-widget form{font-size:14px}
.ui-widget.clean-slate{margin:0;border-radius:4px;overflow:hidden}
.ui-widget.clean-slate .ui-widget-header{border:0;background-color:whitesmoke;color:#555}
.ui-widget.clean-slate .ui-widget-header .ui-button{margin-right:10px;outline:none}
.ui-widget.clean-slate .ui-widget-content{padding:15px}
.ui-widget.clean-slate .ui-widget-content::before,.ui-widget.clean-slate .ui-widget-content::after{content:none}

.ui-tabs{box-shadow:none}
.ui-tabs .ui-tabs-nav{padding:0;border:0;margin-left:5px}
.ui-tabs .ui-tabs-nav li{background:none}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{z-index:1}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{outline:0;margin-top:10px;font-size:18px;text-shadow:1px 1px 0px white;padding:10px 15px;background-color:var(--table-border-color);border-radius:5px 5px 0px 0px}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{margin-top:0;border-left:10px solid var(--color-default);text-shadow:none;padding:15px 15px 15px 10px;background-color:whitesmoke;color: var(--color-default)}
.ui-tabs .ui-tabs-panel{padding:0;position:relative;margin-top:-1px}
.ui-tabs .ui-tabs-panel::before,.ui-tabs .ui-tabs-panel::after{display:none}
.ui-tabs .ui-tabs-panel .bevel{border-radius:0 0 4px 4px}

.ui-dialog .ui-dialog-title{margin:0}
.ui-dialog.no-close .ui-dialog-titlebar-close{display:none}
.ui-dialog .ui-button-text{font-size:15px;padding:0}

.ui-datepicker{width:22em;background-color:whitesmoke;border-radius:0}
.ui-datepicker .ui-datepicker-header{padding:8px 0;background-color:var(--table-hover-bg-color);font-size:100%}
.ui-datepicker .ui-datepicker-title select{border-color:lightgray;margin:0 5px;padding:2px 5px}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:7px;border:1px solid transparent;cursor:pointer}
.ui-datepicker-calendar{position:relative}
.ui-datepicker-calendar::before{position:absolute;content:"";width:100%;box-shadow:0 3px 3px rgba(0,0,0,0.1);top:-5px;left:0;height:5px}
.ui-datepicker .ui-state-default{border-radius:3px;background-color:white;box-shadow:1px 1px 4px -1px rgba(0,0,0,0.2);margin:2px;padding:5px 10px;border:1px solid lightgray}
.ui-datepicker .ui-state-hover{background:none;background-color:var(--table-hover-bg-color)}
.ui-datepicker .ui-state-highlight{color:var(--color-default);font-weight:700;background-color:white;border-color:whitesmoke;box-shadow:none}
.ui-datepicker .ui-state-active{background-color:var(--color-default);color:white}
.ui-datepicker .ui-state-default:hover{background-color:var(--table-hover-bg-color);color:#555}

div.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{background-color:var(--color-default)}

/* portal page content */
.panel-resources{margin-bottom:0;padding:10px;border:0;border-radius:8px;box-shadow:0 1px 4px 0 rgba(0,0,0,0.37)}

.panel-success{border-color:lightgray}
.panel-success>.panel-heading{position:relative;color:var(--color-default);background-color:var(--accordion-header-bg-color);background-image:none;border-left:10px solid var(--color-default);padding:0}
.panel-success>.panel-heading .panel-title{padding:0;border:0;margin:0}
.panel-success>.panel-heading .panel-title a{color:var(--color-default);display:inline-block;width:100%;padding:10px 15px}
.panel-success>.panel-heading::after{position:absolute;content:"";width:100%;width:calc(100% + 10px);box-shadow:0 3px 3px rgba(0,0,0,0.1);height:5px;bottom:0;left:-10px}

  .panel-title{font-size:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
h1.panel-title{font-size:40px}
h2.panel-title{font-size:30px}
h3.panel-title{font-size:22px;color: var(--color-default);}
h4.panel-title{font-size:18px}
h5.panel-title{font-size:16px}

.panel-heading{display:flex;flex-flow:row;align-items:stretch;}
.panel-heading>*{flex:1 1 auto;}
.panel-heading .panel-control{flex:0 0 auto;font-size:21px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;cursor:pointer;}
.panel-heading .panel-control.glyphicon,.panel-heading .panel-control .glyphicon{font-weight:700}
.panel-heading .panel-control.max{display:none}
.panel-heading .panel-control:hover{color:var(--color-default);text-decoration:none;opacity:1}
.panel-heading .panel-title .panel-control{float:right}

.panel.minimized{width:auto!important;height:auto!important;min-width:auto!important;min-height:auto!important}
.panel.minimized>.panel-heading{border-bottom:10px solid var(--panel-thick-border)}
.panel.minimized>.panel-heading .panel-control.min{display:none}
.panel.minimized>.panel-heading .panel-control.max{display:inherit}
.panel.minimized>.panel-body{display:none!important}
.panel.minimized.reduced>.panel-heading{border:0;padding:10px 15px}
.panel.minimized.reduced .panel-control{margin:0}
.panel.minimized.reduced>.panel-heading>*:not(.max){display:none}

.panel.loading>.panel-heading .panel-control.refresh{-webkit-animation:spin 1200ms infinite linear;animation:spin 1200ms infinite linear}

.panel-group{margin:0}
.panel-group .panel.bevel{padding:25px;background-color:whitesmoke;box-shadow:0px 2px 8px 0px rgba(0,0,0,0.1)}
.panel-group .panel.bevel.bevel-sm{padding:15px}
.panel-group .panel{border:1px solid lightgray}

.dash-row{display:flex!important;flex-flow:column;align-items:stretch;height:auto;}
.dash-row .panel-heading{padding:8px 10px;border-bottom:1px dashed var(--table-border-color)}
.dash-row .dash-row-title{line-height:20px;margin:20px 0 5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-row .dash-panel{position:relative;border: 0.1rem solid lightgray;padding-left: 1.5em;margin-bottom: 1em;min-height:7em;}
.dash-row .dash-panel::after{content:"";position:absolute;width:20px;background-color:rgba(128,128,128,0.1);height:100%;left:0;top:0}
.dash-row .dash-panel .panel-body{padding:0}
.dash-row .flexible-panel{display:flex;flex-flow:column;align-items:stretch;overflow:hidden;flex:1 1 auto;}
.dash-row .flexible-panel>.panel-body{flex:1 1 auto;overflow:auto}
.dash-row .fixed-panel{display:flex;flex-flow:column;align-items:stretch;overflow:hidden;flex:0 0 auto}
.dash-row .fixed-panel>.panel-body{flex:1 1 auto;overflow:auto;}
.dash-row .dash-row-header,.dash-row .flexible-panel.minimized{flex:0 0 auto}
.dash-row .dash-panel.loading::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:transparent;background-image:url(../../img/loader.gif);background-repeat:no-repeat;background-position:50% 50%;background-size:32px 32px}
.dash-horizontal .dash-row{flex-flow:row;flex-wrap:wrap}
.dash-horizontal .dash-panel{margin-bottom:0;margin-right:10px}

div>p.status-text-rejected,label>p.status-text-rejected{color:red;font-weight:700}
div>p.status-text-completed,div>p.status-text-cancelled,label>p.status-text-completed,label>p.status-text-cancelled{color:grey; font-weight:700}
div>p.status-text-new,div>p.status-text-submitted,label>p.status-text-new,label>p.status-text-submitted{color:green;font-weight:700}
div>p.status-text-pending,div>p.status-text-paused,label>p.status-text-pending,label>p.status-text-paused{color:#ee9d2bf2;font-weight:700}
div>p.status-text-running,label>p.status-text-running{color:#4c9ac8;font-weight:700}
div>p.status-text-error,label>p.status-text-error{color:red;font-weight:700}

@media (max-width: 1210px) {
	#header2,#main2,#footer2{width:100%;border-radius:0}
	#bar2{width:100%;border-radius:0}
}
@media (max-width:970px) {
	#main{padding-left:0;padding-right:0}
	.panel-resources{padding-left:0;padding-right:0}
}
@media (max-width: 730px) {
	#header2{background-position:0 50%}
}