/*==============================================
    GENERAL  STYLES    
    =============================================*/
body {
    font-family: 'Open Sans', sans-serif;
}

table.toggle-radio-buttons td {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #0088cc, #ffffff);
    background-image: -ms-linear-gradient(top, #0088cc, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #0088cc, #ffffff);
    background-image: -o-linear-gradient(top, #0088cc, #ffffff);
    background-image: linear-gradient(top, #0088cc, #ffffff);
    background-repeat: repeat-x;
    border-color: #ffffff #ffffff #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    position: relative;
    float: left;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
}
.ui-chkbox .ui-chkbox-label{
    font-weight: bold;
}

.removedItem{
    background-color: red;
    color:white;
}

legend {
    padding: 0 0 0 0;
    background: grey;
    color: white;
    width: 120px;
    font-size: 14px;
    margin-left: 70px; 
}

.ui-fieldset-legend .ui-corner-all .ui-state-default{
    padding: 0 0 0 0;
    background: grey;
    color: white;
    width: 120px;
    font-size: 14px;
    margin-left: 70px; 

}
legend.ui-fieldset-toggleable .ui-fieldset-legend{
    padding: 0 0 0 0;
    background: grey;
    color: white;
    width: 120px;
    font-size: 14px;
    margin-left: 70px;
}


table.toggle-radio-buttons td:first-child{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
table.toggle-radio-buttons td:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
table.toggle-radio-buttons td label {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
table.toggle-radio-buttons td:hover label {
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    background-position: 0 -30px;
}

table.toggle-radio-buttons td label {
    padding: 4px 10px 4px;
    display: inline-block
}

table.toggle-radio-buttons input[type="radio"] {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    width: 80%;
}
table.toggle-radio-buttons input[type="radio"]:checked + label{
    color: #ffffff;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #4cae4c;

    outline: 0;
}

.ui-tree .ui-treenode-label.ui-state-hover, .ui-tree .ui-treenode-label.ui-state-highlight{
    background: white;
}
.jqplot-series-canvas{
    background-color: #f4f6f9;
}

.jqplot-title{
    font-size: 12px;
    font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.jqplot-grid-canvas{
    display: none;
}

.ui-state-default .ui-icon{
    background-image: url(/ShiftOnline/resources/img/ui-icons_fffff0_256x240.png);
}

.ui-widget-header .ui-icon{
    background-image: url(/ShiftOnline/resources/img/ui-icons_fffff0_256x240.png);
}

.ui-paginator.ui-paginator-bottom{
    font-size: 0.8em;
}

.ui-inputfield{
    width: inherit;
    paddding: 0;
    outline: inherit;
}

.ui-selectonemenu label.ui-selectonemenu-label{
    background-color: inherit;
    font-weight: normal;
}

.ui-growl-item-container{
    background-color: #4a4074;
    color: white;    
}

.ui-growl-item{
    background: #4cae4c;
    color: white;    

}


.ui-datepicker-next{
    background: #35285E -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
}
.ui-datepicker-prev{
    background: #35285E -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
}

.ui-datepicker-prev-hover{
    background: #35285E;
}

.ui-datepicker-next-hover{
    background: #35285E;
}
.input:read-only{
    background-color: #e9ecef;
    opacity: 1;
}

.ui-icon {
    text-indent: 0;
}
.panel-heading{
    background-color: #4a4074 ;

}
.ui-datepicker .ui-datepicker-header{
    background-color: #35285E ;

}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{

}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{
    text-shadow: 0px 0px 0px;
}

.ui-widget{
    font-size: 1em;
}

.ui-panel-title{
    font-size: 14px;
}
.ui-panel .ui-panel-title{
    font-size: 14px;
}

.ui-widget input::placeholder{
    font-size: 1em;
}
.ui-icon-minusthick{
    /*background-color: white;*/
}
.ui-icon .ui-icon-minusthick{
    /*background-color: white;*/
}

.ui-icon .ui-icon-plusthick{
    /*background-color: white;*/
}
.ui-icon-plusthick{
    /*background-color: white;*/
}

.ui-icon .ui-icon-closethick{
    /*background-color: white;*/
}
.ui-icon-closethick{
    /*background-color: white;*/
}

.ui-widget-header{
    /*background: #35285E;*/
    background: #35285E -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
    color: white;

}
.ui-tabs-panel .ui-widget-content .ui-corner-bottom{
    paddding: 1em 0.4em;

}
.ui-corner-bottom{
    paddding: 1em 0.4em;
}
.ui-tabs .ui-tabs-panel{
    paddding: 1em 0.4em;
}

.ui-tabs .ui-tabs-nav li a{
    color: white;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
    color: white;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{
    color: white;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
    color: white;
    text-shadow: 0 0px 0 rgba(255,255,255,0.8);
}

#formtabs:searchlistremit_head th{
    color: white;
    text-shadow: 0 0 0;
    background: #4cae4c;

}
#formtabs:searchlistremit:col1{
    background: #4cae4c;

}

th #col1{
    background: #4cae4c;

}
.tableheader{
    background: #4cae4c;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected{
    background: #ffffff;
}

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    color: white;
    text-shadow: 0 0 0;
    /*background: #35285E;*/
    background: #35285E -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
}

select.ui-timepicker-select.ui-state-default.ui-corner-all{
    background: #ffffff;
    color: #000000;
}

.ui-timepicker-select{
    background: #ffffff;
    color: #000000;
}
select.ui-timepicker-select{
    background: #ffffff;
    color: #000000;
}

myFieldset .ui-fieldset, .ui-fieldset .ui-fieldset-legend {
    padding: .0em 0em .0em .0em;
    background: grey;
    color: white;
    width: 120px;
    font-size: 14px;
    margin-left: 70px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    color: #4f4f4f;
    background-color: #c4c4c4 

}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    opacity: .6;
}
.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield{
    background-color: inherit;
    color: #495057;
    padding: 2px;
}
.ui-widget-content a{
    color: white;
}
.datepicker{
    cursor: pointer;
}
.ui-inputfield{margin:0;outline:medium none;paddding:4px;font-weight:normal;
               -webkit-box-shadow: inset 0 0px 0px #8f8f8f;
               background-color: white;
               color: #495057;
}
.ui-inputfield:read-only{
    background-color: #e9ecef;
    opacity: 1;
    cursor: not-allowed;
}
.ui-widget-header .ui-inputfield,.ui-widget-content .ui-inputfield{
    font-weight:normal;
    -webkit-box-shadow: inset 0 0px 0px #8f8f8f;}
.ui-state-focus{
    -webkit-box-shadow: inset 0 0px 0px #8f8f8f;
}
.ui-inputfield.ui-state-focus,.ui-widget-content .ui-inputfield.ui-state-focus,.ui-widget-header .ui-inputfield.ui-state-focus{
    -webkit-box-shadow: inset 0 0px 0px #8f8f8f;
}
.ui-inputfield.ui-state-focus.borderall{
    -webkit-box-shadow: inset 0 0px 0px #8f8f8f;    border: 1px solid #ced4da;
}
.ui-inputfield.borderall{
    -webkit-box-shadow: inset 0 0px 0px #8f8f8f;    border: 1px solid #ced4da;
}
.ui-inputtextarea-resizable{overflow:hidden;resize:none}
.ui-selectonelistbox,.ui-selectmanymenu,.ui-multiselectlistbox-listcontainer{paddding:2px;width:150px}
.ui-selectonelistbox .ui-selectlistbox-listcontainer,.ui-selectmanymenu .ui-selectlistbox-listcontainer,.ui-multiselectlistbox-listcontainer{overflow:auto}.ui-selectonelistbox.ui-state-disabled .ui-selectlistbox-listcontainer,.ui-selectmanymenu.ui-state-disabled .ui-selectlistbox-listcontainer{overflow:hidden}.ui-selectonelistbox .ui-selectlistbox-list,.ui-selectmanymenu .ui-selectlistbox-list,.ui-multiselectlistbox .ui-multiselectlistbox-list{list-style-type:none;margin:0;paddding:0}.ui-selectonelistbox .ui-selectlistbox-item,.ui-selectmanymenu .ui-selectlistbox-item,.ui-multiselectlistbox .ui-multiselectlistbox-item{margin:2px;border:0 none;cursor:pointer;font-weight:normal}.ui-selectonelistbox table.ui-selectlistbox-list,.ui-selectmanymenu table.ui-selectlistbox-list{border-collapse:collapse;width:100%}.ui-selectlistbox-filter.ui-inputfield{paddding-right:12%;paddding-left:2%;width:85%;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.ui-selectlistbox-filter-container{position:relative;margin:.1em 0 .1em 0;paddding:0}.ui-selectlistbox-filter-container .ui-icon{position:absolute;top:5px;right:2px}.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer{float:left;margin-right:4px}.ui-multiselectlistbox .ui-multiselectlistbox-item{white-space:nowrap}.ui-multiselectlistbox.ui-state-disabled .ui-multiselectlistbox-item{cursor:default}.ui-multiselectlistbox .ui-multiselectlistbox-header{text-align:center;paddding:2px 10px;border-bottom:0 none}.ui-chkbox{display:inline-block;vertical-align:middle}.ui-chkbox .ui-chkbox-box{background-color: white;width:16px;height:16px;display:inline-block;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.ui-chkbox-icon.ui-icon{    background-image: url(/ShiftOnline/javax.faces.resource/images/ui-icons_2e83ff_256x240.png.xhtml?ln=primefaces-aristo);overflow:visible}
.ui-chkbox .ui-chkbox-label{cursor:pointer;margin:0 16px 0 8px;outline:medium none;z-index:1;display:inline-block;vertical-align:top}.ui-selectmanycheckbox label{vertical-align:middle;cursor:pointer;margin:0 16px 0 8px;outline:medium none;z-index:1;display:inline-block}.ui-selectmanycheckbox .ui-chkbox .ui-chkbox-box{display:block}.ui-selectoneradio label{cursor:pointer;display:inline-block;margin:0 16px 0 8px;vertical-align:middle}.ui-selectmanycheckbox.ui-widget td,.ui-selectoneradio.ui-widget td{border:0 none}.ui-panelgrid .ui-selectoneradio.ui-grid-responsive .ui-grid-row,.ui-panelgrid .ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row{border-top:0 none}.ui-selectoneradio.ui-grid-responsive .ui-grid-row>div,.ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row>div{paddding:.5em}.ui-selectmanycheckbox .ui-selectmanycheckbox-item-group{font-weight:bold}.ui-selectmanycheckbox .ui-selectmanycheckbox-responsive-group{paddding:.5em .5em .5em 0}.ui-radiobutton{margin:3px 0;width:16px;line-height:16px;display:inline-block;vertical-align:middle}.ui-radiobutton .ui-radiobutton-box{background:white;width:16px;height:16px;line-height:16px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.ui-radiobutton-icon{margin-left:1px}.ui-radiobutton.ui-radiobutton-native{margin:0;paddding:0}.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible{clip:auto;position:static!important;width:auto;height:auto;overflow:visible;margin:0;paddding:0}.ui-radiobutton.ui-radiobutton-native .ui-radiobutton-box{display:none}.ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible input{margin:0}.ui-selectoneradio-native label{margin:0}.ui-selectonemenu{display:inline-block;position:relative;width:auto;zoom:1;cursor:pointer;paddding-right:2em;vertical-align:top}.ui-selectonemenu.ui-state-hover,.ui-selectonemenu.ui-state-focus{background-color:transparent}
.ui-selectonemenu .ui-selectonemenu-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:16px;height:100%;position:absolute;right:0;top:0;paddding:0 3px}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;}
.ui-selectonemenu .ui-selectonemenu-label{display:block;border:0;white-space:nowrap;overflow:hidden;font-weight:normal;width:100%;text-align:left}.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger,.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label{cursor:default}
.ui-selectonemenu label.ui-selectonemenu-label{cursor:pointer;    height: 20px;
                                               paddding: 4px;}
.ui-selectonemenu input.ui-selectonemenu-label{cursor:default}.ui-selectonemenu-panel{position:absolute;height:auto}.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{overflow:auto}.ui-selectonemenu-panel .ui-selectonemenu-item{font-weight:normal;cursor:pointer}.ui-selectonemenu-panel .ui-selectonemenu-item-group{font-weight:bold}.ui-selectonemenu-panel .ui-selectonemenu-list{paddding:.4em;border:0 none}.ui-selectonemenu-panel .ui-selectonemenu-list-item{border:0 none;margin:1px 0;paddding:3px 5px;text-align:left;white-space:nowrap}.ui-selectonemenu-panel .ui-selectonemenu-table{border-collapse:collapse;width:100%}.ui-selectonemenu-panel .ui-selectonemenu-table td{border-color:inherit}.ui-selectonemenu-panel .ui-selectonemenu-table th,.ui-selectonemenu-panel .ui-selectonemenu-table td{border-width:1px;border-style:solid;paddding:4px 10px 4px 10px}.ui-selectonemenu-panel .ui-selectonemenu-filter{width:85%;paddding-right:15px}.ui-selectonemenu-panel .ui-selectonemenu-filter-container{position:relative;margin:0;paddding:.4em;display:inline-block}.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon{position:absolute;top:10px;right:10px}.ui-state-disabled a{outline:0}
.ui-button{ color: #ffffff;       background: #35285E;display:inline-block;position:relative;paddding:0;margin-right:.1em;text-decoration:none!important;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button-icon-only{width:2.4em}
.ui-button-text-only .ui-button-text{paddding:.3em 1em}.ui-button-icon-only .ui-button-text{paddding:.3em;text-indent:-9999999px}.ui-button-text-icon-left .ui-button-text{paddding:.3em 1em .3em 2.1em}.ui-button-text-icon-right .ui-button-text{paddding:.3em 2.1em .3em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-left .ui-icon,.ui-button-text-icon-right .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon.fa,.ui-button-text-icon-left .ui-icon.fa,.ui-button-text-icon-right .ui-icon.fa,.ui-button-icon-only .ui-icon.fab,.ui-button-text-icon-left .ui-icon.fab,.ui-button-text-icon-right .ui-icon.fab,.ui-button-icon-only .ui-icon.far,.ui-button-text-icon-left .ui-icon.far,.ui-button-text-icon-right .ui-icon.far,.ui-button-icon-only .ui-icon.fas,.ui-button-text-icon-left .ui-icon.fas,.ui-button-text-icon-right .ui-icon.fas{margin-top:-7px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-icon-left{left:.5em}.ui-button-icon-right{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:0}button.ui-button::-moz-focus-inner{border:0;paddding:0}.ui-selectcheckboxmenu{display:inline-block;position:relative;width:auto;zoom:1;cursor:pointer}.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:16px;height:100%;position:absolute;right:0;top:0;paddding:0 3px}.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon{margin-top:3px}.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label{display:block;paddding:3px 26px 3px 5px;width:auto;border:0;cursor:pointer}.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-trigger,.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-label{cursor:auto}.ui-selectcheckboxmenu-panel{paddding:.2em;position:absolute;overflow:hidden;-moz-box-shadow:0 5px 10px rgba(0,0,0,0.8);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.8);box-shadow:0 5px 10px rgba(0,0,0,0.8)}.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper{overflow:auto;position:relative;paddding:.2em 0}.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list{border:0 none}.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;paddding:3px 5px;text-align:left;white-space:nowrap}.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item{display:block;position:relative}.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox{position:absolute;top:50%;margin-top:-8px}.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label{display:block;paddding-left:2em}.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item-group{font-weight:bold}.ui-selectcheckboxmenu-header{margin-bottom:.3em;paddding:.3em 0 .3em .4em}.ui-selectcheckboxmenu-header .ui-chkbox{float:left;cursor:pointer}.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container{float:left;position:relative;margin-left:5px}.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon{position:absolute;right:5px;top:2px}.ui-selectcheckboxmenu-header .ui-inputfield{paddding:1px 20px 1px 2px}.ui-selectcheckboxmenu-header span.ui-icon{float:left}.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-all,.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-none{float:left;margin-right:10px;display:block}.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close{float:right;paddding:1px;margin-right:.2em;display:block}.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover{paddding:0}.ui-selectcheckboxmenu-multiple-container{clear:left;cursor:pointer;list-style-type:none;margin:0;min-height:24px;overflow:hidden;min-width:100px}.ui-selectcheckboxmenu-multiple-container.ui-inputfield{paddding:0 22px 0 0;border:0}.ui-selectcheckboxmenu-token{cursor:default;float:left;overflow:hidden;paddding:1px 3px;white-space:nowrap;position:relative;margin:2px}.ui-selectcheckboxmenu-token-label{display:block;paddding:0 2.1em 0 .5em}.ui-selectcheckboxmenu-token-icon{margin-top:-9px;position:absolute;right:.2em;top:50%;cursor:pointer}.ui-selectcheckboxmenu-input-token{float:left;list-style-type:none;margin:1px;paddding:0}.ui-selectcheckboxmenu-input-token input{border:0 none;width:140px;outline:medium none;background-color:transparent;margin:2px}.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon{position:relative;top:50%;margin-top:-8px}.ui-splitbutton{position:relative;paddding-right:2em}.ui-splitbutton .ui-button.ui-splitbutton-menubutton{position:absolute;top:0;margin-left:-1px;right:0}div.ui-button,.ui-splitbutton{display:inline-block;zoom:1}.ui-password-panel{paddding:4px 10px;width:150px;margin-top:2px}.ui-password-panel .ui-password-meter{height:10px;background:transparent url("/ShiftOnline/javax.faces.resource/forms/password-meter.png.xhtml?ln=primefaces&v=6.2") no-repeat left top;paddding:0;margin:0}.ui-password-info{margin-top:4px;font-size: 12px;}.ui-password-panel-overlay{position:absolute}.ui-outputlabel.ui-state-error{border:0 none}.ui-outputlabel .ui-outputlabel-rfi{margin-left:.4em}.ui-selectonebutton{display:inline-block;paddding:1px}.ui-selectonebutton.ui-state-error{paddding:0}.ui-selectonebutton .ui-button.ui-state-focus{outline:0}.ui-selectmanybutton{display:inline-block;paddding:1px}.ui-selectmanybutton.ui-state-error{paddding:0}.ui-selectmanybutton .ui-button.ui-state-focus{outline:0}.ui-fluid .ui-inputfield{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-inputtext{width:100%}.ui-fluid .ui-inputnumber{width:100%}.ui-fluid .ui-inputtext[size],.ui-fluid .ui-inputfield[size]{width:auto}.ui-fluid .ui-inputtextarea{width:100%}.ui-fluid .ui-selectonemenu{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid 
.ui-selectonemenu .ui-selectonemenu-trigger{width:32px;paddding:0 6px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-calendar,.ui-fluid .ui-calendar input{width:100%}.ui-fluid .ui-calendar{position:relative}.ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button{position:absolute;right:-2px;width:2.4em}.ui-fluid .ui-trigger-calendar .ui-button-icon-only .ui-button-text{paddding:.28em}.ui-fluid .ui-trigger-calendar input.hasDatepicker{paddding-right:2.4em}.ui-fluid .ui-spinner{width:100%}.ui-fluid .ui-spinner .ui-spinner-input{paddding-right:36px;width:100%}.ui-fluid .ui-spinner .ui-spinner-button{width:auto}.ui-fluid .ui-spinner .ui-spinner-button .ui-icon{left:6px}.ui-fluid .ui-autocomplete,.ui-fluid .ui-autocomplete-input{width:100%}.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button{width:2.4em}.ui-fluid .ui-inputmask{width:100%}.ui-fluid .ui-password{width:100%}.ui-fluid .ui-keyboard-input{width:100%}.ui-fluid .ui-selectcheckboxmenu{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon{margin-left:auto;margin-right:auto}.ui-fluid .ui-selectcheckboxmenu-trigger{width:32px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-button{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-buttonset{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button{width:50%}.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button{width:33.3%}.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button{width:25%}.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button{width:20%}.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:16.6%}@media(max-width:640px){.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:100%}}.ui-fluid .ui-splitbutton{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-splitbutton .ui-button{width:100%}.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:32px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-selectonelistbox,.ui-fluid .ui-selectmanymenu{width:100%}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    font-size:0.8em;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
    paddding-left: 10px;
    paddding-top: 0;
}
.ui-icon{
    display: inline;
}

.ui-state-active .ui-icon{
    margin-left: 0px;
    margin-top: -.10em;;
}

.ui-dialog .ui-dialog-content{
    background-color: white;
}

.input-group-addon-fixed-width-25percent{
    float:right;
    font-weight: bold;
}
.input-group-addon-fixed-width-25percentleft{
    float:left;
    font-weight: bold;
}
.input-group-addon-fixed-width-100px{
    float:right;
    font-weight: bold;
}


.input-group-addon-fixed-width-100pxleft{
    float:left;
    font-weight: bold;
}
.input-group-addon-fixed-width-100pxright{
    float:right;
    text-align: right;
}
.ui-dialog{
    background-color: white;
}


.rownomargin{
    margin-left: 0px
}
.boldlabel{
    font-weight: bold;

}
.boldlabelgreen{
    font-weight: bold;
    color: #4cae4c;

}
.labelgreen{
    color: #4cae4c;
}
.labelNavy{
    color: #3f446e;
}

.boldlabelred{
    font-weight: bold;
    color: #dc3545;

}
.ui-button-text{
    display: inline;
}
.ui-button .ui-button-text{
    display: inline;
}
.ui-selectonemenu-items{
    background-color: white

} .ui-selectonemenu-list .ui-widget-content .ui-widget .ui-corner-all .ui-helper-reset{
    background-color: white
}
.ui-state-highlight{
    /*background: #4cae4c;*/
    color: white;
}



.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
    background-color: #4cae4c;
    color: #ffffff;
    font-size: 0.9em;

}
.ui-inputtext{

}
.width25percent{
    font-size: 0.8em;
    width: 25%
}
.width25percenttop{
    font-size: 0.8em;
    width: 25%;
    vertical-align: top;
}
.width20percenttop{
    font-size: 0.8em;
    width: 20%;
    vertical-align: top;
}
.width30percenttop{
    font-size: 0.8em;
    width: 30%;
    vertical-align: top;
}
.width20percent{
    font-size: 0.8em;
    width: 20%
}
.width5percent{
    font-size: 0.8em;
    width: 5%
}
.width15percent{
    font-size: 0.8em;
    width: 15%
}
.width28percent{
    font-size: 0.8em;
    width: 28%
}

.width10percent{
    font-size: 0.8em;
    width: 10%
}
.width30percent{
    font-size: 0.8em;
    width: 30%
}

.width30percenttop{
    vertical-align: top;
}
.width45percent{
    font-size: 0.8em;
    width: 45%
}
.width70percent{
    font-size: 0.9em;
    width: 70%
}
.width75percent{
    font-size: 0.8em;
    width: 75%
}
.width80percent{
    font-size: 0.8em;
    width: 80%
}
.width40percent{
    font-size: 0.9em;
    width: 40%
}
.width50percent{
    font-size: 0.8em;
    width: 50%;    
}
.width50percent2{
  vertical-align: text-top; 
}
.width60percent{
    font-size: 0.8em;
    width: 60%;
}

.width25percentp{
    font-size: 0.8em;
    width: 250px;
}
.width25percenttopp{
    font-size: 0.8em;
    width: 250px;
    vertical-align: top;
}
.width20percentp{
    font-size: 0.8em;
    width: 200px;
}
.width5percentp{
    font-size: 0.8em;
    width: 50px;
}
.width1percentp{
    font-size: 0.8em;
    width: 10px;
}
.width15percentp{
    font-size: 0.8em;
    width: 150px;
}
.width28percentp{
    font-size: 0.8em;
    width: 280px;
}

.width10percentp{
    font-size: 0.8em;
    width: 100px;
}
.width30percentp{
    font-size: 0.8em;
    width: 300px;
}
.width70percentp{
    font-size: 0.9em;
    width: 700px;
}
.width75percentp{
    font-size: 0.8em;
    width: 750px;
}
.width80percentp{
    font-size: 0.8em;
    width: 800px;
}
.width40percentp{
    font-size: 0.9em;
    width: 400px;
}
.width50percentp{
    font-size: 0.8em;
    width: 500px;
}
.width60percentp{
    font-size: 0.8em;
    width: 600px;
}

.titleclas{
    border-radius: .25rem;
    box-shadow: 2px 2px;
}

.ui-selectonemenu .ui-selectonemenu-trigger{
    /*background-color: #ffffff;*/
    border: 0;

}

.tabshadow{
    box-shadow: 1px 1px 1px 1px #4cae4c;   
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{
    background: white;
    color: #4cae4c;

    border-radius: .15rem;

    .ui-state-default{
        background-color:  #3f446e;
        color: white;
        box-shadow: 0px 0px 0px 0px;
    }

    .ui-corner-all{
        background-color: white;
        color : #495057;

    }

    .ui-tabs .ui-tabs-nav li a{
        color: white;
    }
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
        color: white;
    }
    .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{
        color: white;
    }
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
        color: white;
    }


    .ui-tabs .ui-tabs-nav li.ui-state-disabled a{
        background-color: #808080;
        color: white;

        border-radius: .15rem;
        text-shadow: 0 0 0;  
    }

    .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{
        background-color: white;
        color: #4cae4c;
        border-radius: .15rem;
    }

    #wrapper {
        width: 100%;
        background:#100B1D;
    }

    #page-wrapper {

        min-height: 600px;
        background:#F3F3F3;

    }
    #page-inner {
        width:100%;
        margin:10px 20px 10px 0px;
        background-color:#fff!important;

        min-height:1200px;
    }

    .ui-growl {
        width: 381px !important;
    }

    .ui-growl-message {
        width:300px !important;
    }

    .light_green_bg {
        background-color: #F4FFE4;
    }

    .text-center {
        text-align:center;
    }
    .no-boder {
        border:1px solid #f3f3f3;
    }
    h2 {
        color: #35285E;
    }
    h3 {
        color: #35285E;
    }
    h4 {
        color: #35285E;
        paddding-top:10px;
    }
    h5 {
        color: #35285E;
    }
    .square-btn-adjust {
        border: 0px solid transparent; 
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;

    }
    p {
        font-size:16px;
        line-height:25px;

    }
    /*==============================================
       DASHBOARD STYLES    
        =============================================*/
    .panel-back {
        background-color:#F8F8F8;

    }
    .noti-box {
        min-height: 100px;
        paddding: 20px;
    }

    .noti-box .icon-box {
        display: block;
        float: left;
        margin: 0 15px 10px 0;
        width: 70px;
        height: 70px;
        line-height: 75px;
        vertical-align: middle;
        text-align: center;
        font-size: 40px;
    }
    .text-box p{
        margin: 0 0 3px;
    }
    .main-text {
        font-size: 25px;
        font-weight:600;
    }
    .set-icon {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;

    }
    .bg-color-green {
        background-color: #00CE6F;
        color: #fff;
    }
    .bg-color-blue {
        background-color: #A95DF0;
        color: #fff;
    }
    .bg-color-red {
        background-color: #DB0630;
        color: #fff;
    }
    .bg-color-brown {
        background-color: #B94A00;
        color: #fff;
    }


    .icon-box-right {
        display: block;
        float: right;
        margin: 0 15px 10px 0;
        width: 70px;
        height: 70px;
        line-height: 75px;
        vertical-align: middle;
        text-align: center;
        font-size: 40px;
    }

    .main-temp-back {
        background: #8702A8;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 300;
        text-align: center;
    }
    .main-temp-back .text-temp {
        font-size: 40px;
    }
    .back-dash {
        paddding:20px;
        font-size:20px;
        font-weight:500;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background-color:#2EA7EB;
        color:#fff;
    }
    .back-dash p {
        paddding-top:16px;
        font-size:13px;
        color:#fff;
        line-height:25px;
        text-align:justify;
    }
    .back-footer-green {
        background-color: #009B50;
        border-top: 0px solid #fff;
    }
    .back-footer-red {
        background-color: #AF0000;
        border-top: 0px solid #fff;
    }
    .color-bottom-txt {
        color: #000;
        font-size: 16px;
        line-height: 30px;
    }
    /*CHAT PANEL*/
    .chat-panel .panel-body {
        height: 450px;
        overflow-y: scroll;
    }
    .chat-box {
        margin: 0;
        paddding: 0;
        list-style: none;
    }
    .chat-box li {
        margin-bottom: 15px;
        paddding-bottom: 5px;
        border-bottom: 1px dotted #808080;
    }
    .chat-box li.left .chat-body {
        margin-left: 90px;
    }
    .chat-box li .chat-body p {
        margin: 0;
        color: #8d8888;
    }
    .chat-img>img {
        margin-left:20px;
    }

    .ui-radiobutton-icon .ui-icon .ui-c .ui-icon-bullet{
        margin-left: 0px;
        margin-top: -.05em;;
    }
    /*==============================================
        MENU STYLES    
        =============================================*/


    .user-image {
        margin: 25px auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        max-height:170px;
        max-width:170px;
    }

    .navbar-cls-top .navbar-brand {
        color: #fff;
        background: #FFFFFF;
        width: 260px;
        text-align: center;
        height: 80px;
        font-size: 30px;
        font-weight: 700;
    }
    .active-menu {
        background-color:#5CB85C!important;
    }

    .ui-button .ui-button-text{
        line-height:normal;
        background: #35285E;
        color: white;

    }

    .ui-button{
        background: #35285E;
    }
    .arrow {
        float: right;
    }

    .fa.arrow:before {
        content: "\f104";
    }

    .active > a > .fa.arrow:before {
        content: "\f107";
    }


    .nav-second-level li,
    .nav-third-level li {
        border-bottom: none !important;
    }

    .nav-second-level li a {
        paddding-left: 37px;
    }

    .nav-third-level li a {
        paddding-left: 55px;
    }
    .sidebar-collapse , .sidebar-collapse .nav{
        background:none;
    }
    .sidebar-collapse .nav {
        paddding:0;
    }
    .sidebar-collapse .nav > li > a {
        color:#fff;
        background:#100B1D;
        text-shadow:none;

    }
    .sidebar-collapse > .nav > li > a {
    }
    .sidebar-collapse > .nav > li {
        border-bottom: 1px solid rgba(107, 108, 109, 0.19);
    }
    .sidebar-collapse .nav > li > a:hover,
        .sidebar-collapse .nav > li > a:focus {

        background:#0A0A0A;
        outline:0;
    }

    .nav-second-level > li > a:before ,
        .nav-third-level > li > a:before {
        content:"";
        display:block;
        position:absolute;
        left:20px;
        width:15px;
        height:1px;
        background:#5CB85C;
        top:20px;
    }
    .nav-second-level > li > a:after,
        .nav-third-level > li > a:after {
        content:"";
        display:block;
        position:absolute;
        left:20px;
        width:1px;
        height:100%;
        background:#5CB85C;
        top:0px;
        z-index:10;
    }
    .nav-second-level  > li:last-child > a:after,
        .nav-third-level  > li:last-child > a:after {
        height:50%;
    }
    .nav-third-level > li > a:after,
        .nav-third-level > li > a:before  {
        left:40px;
    }
    .navbar-side {
        border:none;
        background-color: #100B1D;

    }

    .ui-panel .ui-panel-titlebar{
        background: #35285E;
        color: white;
        font-size: 14px;
    }
    .ui-panel-title{
        font-size: 14px;
    }
    .navbar-cls-top {
        background:#35285E;
        border-bottom:none;

    }
    .navbar-cls-top .navbar-brand:hover {

        background: #FFFFFF;
        color:#fff;

    }
    .ui-inputfield{
        border:0;
    }
    .navbar-default {
        border:0px solid black;

    }
    .navbar-header {
        background: #FFFFFF;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #B40101;
    }
    .navbar-default .navbar-toggle {
        border-color: #fff;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }
    .nav > li > a > i {
        margin-right:10px;
    }
    /*==============================================
        UI ELEMENTS STYLES     
        =============================================*/
    .btn-circle {
        width: 50px;
        height: 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        text-align: center;
        font-size: 12px;
        line-height: 1.428571429;
    }
    .ui-icon-minusthick{
        background-color: white;
    }
    .ui-icon .ui-icon-minusthick{
        background-color: white;
    }

    .ui-icon .ui-icon-plusthick{
        background-color: white;
    }
    .ui-icon-plusthick{
        background-color: white;
    }

    .ui-icon .ui-icon-closethick{
        background-color: white;
    }
    .ui-icon-closethick{
        background-color: white;
    }
    input::-webkit-input-placeholder {
        font-size: 1em;
        opacity: 0.8;
        text-shadow: 0px 0px 0px;
        color: #a4aba4;
    }
    textarea::-webkit-input-placeholder {
        font-size: 1em;
        opacity: 0.8;
        text-shadow: 0px 0px 0px;
        color: #a4aba4;
    }

    ::placeholder { /* Most modern browsers support this now. */
        font-size: 1em;
        opacity: 0.8;
        text-shadow: 0px 0px 0px;
        color: #a4aba4;
    }

    textarea::placeholder {
        font-size: 1em;
        opacity: 0.8;
        text-shadow: 0px 0px 0px;
        color: #a4aba4;
    }

    .ui-panel-title{
        text-shadow: 0 0 0;
    }
    input[aria-readonly="true"].tab.active{
        background-color: #e9ecef;
        opacity: 1;
    }

    .ui-state-active .ui-icon{
        margin-left: 0px;
        margin-top: -.05em;;
    }
    /*==============================================
        MEDIA QUERIES     
        =============================================*/

    @media(min-width:768px) {
        #page-wrapper{
            margin: 0 0 0 260px;
            min-height: 1200px;

        }


        .navbar-side {
            z-index: 1;
            position: absolute;
            width: 260px;
        }

        .navbar {
            border-radius: 0px; 
        }

        .tab-panels {
            margin: auto;
            border-bottom: 1px solid #000000;
            width: 860px;
        }
        input[type='submit'].tab{
            border-radius:5px 5px 0px 0px;
            border-bottom: none;
            margin-right: 5px;
        }
        #tab-title{
            margin: 10px;

        }

        #tab-content{
            margin: 10px;

        }

        input[type='submit'].tab.active{
            background-color: white;
            color: black;
        }
        input[readonly="readonly"].tab.active{
            background-color: #e9ecef;
            opacity: 1;
        }
        .ui-icon-minusthick{
            background-color: white;
        }
        .ui-icon .ui-icon-minusthick{
            background-color: white;
        }

        .ui-icon .ui-icon-plusthick{
            background-color: white;
        }
        .ui-icon-plusthick{
            background-color: white;
        }

        .ui-icon .ui-icon-closethick{
            background-color: white;
        }
        .ui-icon-closethick{
            background-color: white;
        }
        .ui-state-active .ui-icon{
            margin-left: 0px;
            margin-top: -.05em;;
        }
        input::-webkit-input-placeholder {
            font-size: 1em;
            opacity: 0.8;
            text-shadow: 0px 0px 0px;
            color: #a4aba4;
        }
        textarea::-webkit-input-placeholder {
            font-size: 1em;
            opacity: 0.8;
            text-shadow: 0px 0px 0px;
            color: #a4aba4;
        }

        ::placeholder { /* Most modern browsers support this now. */
            font-size: 1em;
            opacity: 0.8;
            text-shadow: 0px 0px 0px;
            color: #a4aba4;
        }

        .ui-panel-title{
            text-shadow: 0 0 0;
        }


    }

    .pure-button {
        color: #fff;
        background-color: rgb(28, 184, 65); /* green */
    }

    .btn-info:focus{background-color: rgb(35285E);
                    border-color: rgb(35285E);
    }