.no-margin-side {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.margin-side {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
}
.margin-side-1 {
    margin-left: 1em !important;
    margin-right: 1em !important;
}
.no-margin-top-btm , .no-margin-top-bottom{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.margin-top-btm , .margin-top-bottom{
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}
.margin-top-btm-1 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}
.margin-top {
    margin-top: 1em !important;
}
.no-margin-top{
    margin-top: 0 !important;
}
.no-margin-bottom , .no-marging-btm{
    margin-bottom: 0 !important;
}
.no-margin-left{
    margin-left: 0 !important;
}
.no-margin-right{
    margin-right: 0 !important;
}
.margin-bottom , .marging-btm{
    margin-bottom: 1em !important;
}
.no-padding-side {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.padding-side {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}
.padding-side-1 {
    padding-left: 1em !important;
    padding-right: 1em !important;
}
.no-padding-top-btm , .no-padding-top-bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.padding-top-btm , .padding-top-bottom{
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}
.padding-top-btm-1 , .padding-top-bottom-1 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}
.padding-top {
    padding-top: 1em !important;
}
.padding-bottom , .padding-btm{
    padding-bottom: 1em !important;
}
.space-nowrap{
    white-space: nowrap !important;
}
.space-wrap{
    white-space: normal;
}
.btn:focus,
.btn:active:focus {
    outline-width: 0;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25) inset, 0 -1.5px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25) inset, 0 -1.5px 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25) inset, 0 -1.5px 3px rgba(0, 0, 0, 0.1) inset;
}
.material-card-1 {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.material-card-1:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.material-card-2 {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.material-card-3 {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.material-card-4 {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.material-card-5 {
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.bsd-wrapper {
    /* use for aligning labels to form */
    /* add 'label-snap-to-form' class to fieldset or row or any other fields wrapper */
    /* you should add 'label-wrapper' class to wrapper of <p:outputLabel> or <h:outputLabel> that has a 'col-...' class*/
}
.bsd-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bsd-wrapper .row {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.bsd-wrapper .row > [class*="col-"] {
    margin-top: 1em;
}
.bsd-wrapper .fa-calendar.calendar {
    position: relative;
}
.bsd-wrapper .fa-calendar.calendar:before {
    position: absolute;
    top: 30%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    right: 1.5em;
}
.bsd-wrapper .ui-fieldset-legend {
    width: auto;
}
.bsd-wrapper .ui-selectoneradio {
    vertical-align: middle;
}

.bsd-wrapper .ui-selectoneradio label {
    padding: 0px 16px;
}

.bsd-wrapper .ui-selectoneradio td,
.bsd-wrapper .ui-selectoneradio th,
.bsd-wrapper .ui-selectoneradio thead,
.bsd-wrapper .ui-selectoneradio tbody {
    vertical-align: middle;
}
.bsd-wrapper .ui-selectoneradio .ui-radiobutton-box {
    position: relative;
}
.bsd-wrapper .ui-selectoneradio .ui-radiobutton-box .ui-radiobutton-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.bsd-wrapper.label-snap-to-form .label-wrapper ,
.bsd-wrapper .label-snap-to-form .label-wrapper {
    padding-left: 0;
}
[dir="rtl"] .bsd-wrapper.label-snap-to-form .label-wrapper ,
[dir="rtl"] .bsd-wrapper .label-snap-to-form .label-wrapper {
    padding-left: initial;
    padding-right: 0;
}
.bsd-wrapper.label-snap-to-form .ui-outputlabel ,
.bsd-wrapper .label-snap-to-form .ui-outputlabel {
    width: auto;
    float: right;
    text-align: right;
}
[dir="rtl"] .bsd-wrapper.label-snap-to-form .ui-outputlabel ,
[dir="rtl"] .bsd-wrapper .label-snap-to-form .ui-outputlabel {
    float: left;
    text-align: left;
}
/* new hourly mission */
.new-hourly-mission {
    padding-right: 0;
    padding-left: 0;
    width: auto;
}
.new-hourly-mission .ui-panel {
    margin-top: 1em;
    margin-bottom: 1em;
}
.new-hourly-mission .ui-panel:first-child {
    margin-top: 0;
}
.new-hourly-mission .attachment {
    margin-top: 1em;
    float: left;
}
.new-hourly-mission .attachment input {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.new-hourly-mission [id$="hourlyMissionPanel"] .time-date-inputs,
.new-hourly-mission [id$="hourlyMissionPanel"] .mission-confirmer-inputs {
    margin-top: 1em;
    margin-bottom: 1em;
}
.new-hourly-mission [id$="hourlyMissionPanel"] .time-date-inputs > [class*="col-"],
.new-hourly-mission [id$="hourlyMissionPanel"] .mission-confirmer-inputs > [class*="col-"] {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.new-hourly-mission [id$="hourlyMissionPanel"] .time-date-inputs [class*="col-md-3"] label,
.new-hourly-mission [id$="hourlyMissionPanel"] .mission-confirmer-inputs [class*="col-md-3"] label {
    white-space: nowrap;
    line-height: 175%;
}
.new-hourly-mission [id$="hourlyMissionPanel"] .time-date-inputs input,
.new-hourly-mission [id$="hourlyMissionPanel"] .time-date-inputs .pe-timepicker {
    width: 100%;
}
.new-hourly-mission [id$="hourlyMissionPanel"] .mission-confirmer-inputs .ui-autocomplete-input {
    width: 100% !important;
}
.new-daily-mission [class*="col-"] > input,
.new-daily-mission [class*="col-"] > textarea {
    width: 100%;
}
.new-daily-mission .ui-outputlabel {
    white-space: nowrap;
    line-height: 175%;
}
[dir="rtl"] .new-daily-mission .ui-outputlabel {
    text-align: left;
    padding-left: 0;
}
.new-daily-mission .ui-autocomplete .ui-autocomplete-dropdown {
    left: 16px;
}
.new-daily-mission .ui-selectonemenu {
    width: 100% !important;
}
.new-daily-mission .hasDatepicker {
    width: 100%;
}
.new-daily-mission .ui-spinner-input {
    width: 100%;
    /*direction: ltr;*/
    text-align: left;
}
.new-daily-mission .ui-spinner-button {
    right: 0;
    left: initial;
}

.new-daily-mission{
    overflow-x: hidden;
    overflow-y: hidden;
}
.bsd-wrapper .ui-inputfield{
    width: 100%;
}
.bsd-wrapper .ui-inputtextarea{
    height: auto;
}





.pmaster-one-info .save-btn {
    position: relative;
    background: transparent none repeat scroll 0% 0%;
    border: medium none;
    padding: 0px;
}
.pmaster-one-info .save-btn > div {
    position: absolute;
    z-index: 2;
    float: none;
    left: 1em;
    top: 0.6em;
}
.pmaster-one-info .employment-info-tab fieldset {
    margin: .5em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.pmaster-one-info .main-info-tab .fieldset-wrap[class*="col-"],
.pmaster-one-info .employment-info-tab .fieldset-wrap[class*="col-"] {
    margin-top: 1em;
    padding-left: .5em;
    padding-right: .5em;
}
.pmaster-one-info .main-info-tab [class*="col-"],
.pmaster-one-info .employment-info-tab [class*="col-"] {
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
}
body[dir="rtl"] .pmaster-one-info .main-info-tab [class*="col-"] .row [class*="col-"]:first-of-type,
body[dir="rtl"] .pmaster-one-info .employment-info-tab [class*="col-"] .row [class*="col-"]:first-of-type {
    text-align: left;
    line-height: 1.75;
}
.pmaster-one-info .main-info-tab .ui-fieldset-content [class*="col-"],
.pmaster-one-info .employment-info-tab .ui-fieldset-content [class*="col-"] {
    padding-left: .5em;
    padding-right: .5em;
}
.pmaster-one-info .main-info-tab .ui-fieldset-content [class*="col-"]:first-of-type,
.pmaster-one-info .employment-info-tab .ui-fieldset-content [class*="col-"]:first-of-type {
    padding-right: 0;
}
.pmaster-one-info .main-info-tab .ui-fieldset-content [class*="col-"]:last-of-type,
.pmaster-one-info .employment-info-tab .ui-fieldset-content [class*="col-"]:last-of-type {
    padding-left: 0;
}
.pmaster-one-info .histories-tab fieldset .ui-datatable table {
    width: 99.9%;
}



.salary-disket-list .ui-datalist ul{
    margin-top: 1em;

}
[dir="rtl"] .salary-disket-list .ui-datalist ul{
    padding-right: 1.5em;

}

.salary-disket-list .ui-datalist ul li{
    margin-top: .75em;
    list-style-type: disc;
}
[dir="rtl"] .salary-disket-list .ui-datalist ul li{
    padding-right: .25em;

}


.salary-disket-list .ui-selectonemenu-filter-container{
    width: 100%;
}
.salary-disket-list .ui-state-disabled{
    opacity: .6;
}




#SalaryListViewForm .multi-checkbox-top label{
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}

#SalaryListViewForm .ui-selectcheckboxmenu{
    width: 100%;
}
#SalaryListViewForm .ui-outputpanel .ui-datalist{
    width: 100%;
}
#SalaryListViewForm .ui-datatable-scrollable-theadclone th{
    padding: 0 !important;
}

.ui-datatable-scrollable-theadclone th.ui-state-default{
    padding: 0 !important;
}


.calc-payroll{}
.calc-payroll .ui-radiobutton-box{
    position: relative;
}
.calc-payroll .ui-radiobutton-box .ui-icon-bullet{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1px;

}


.ui-datatable-scrollable{
    /*direction: ltr !important;*/
}
.calc-payroll .personel-list.col-xs-12.col-md-6.no-padding-side *{

}
.ui-datatable-scrollable-body{
    border: 1px solid #E4E4E4;
    border-bottom-style: none;
    border-top-style: none;
    max-height: 500px;

}

.calc-payroll .ui-datatable-header .ui-toolbar:first-of-type{
    border: medium none;
    background: transparent;
    margin-bottom: 0.5em;
    font-size: 125% !important;

}


.bsd-wrapper .ui-selectmanycheckbox td{
    vertical-align: middle;
}
.bsd-wrapper .ui-selectmanycheckbox label{
    padding-top: 0;
    padding-bottom: 0;
}

.bsd-wrapper .ui-datalist-item{
    margin-top: 10px;
    margin-bottom: 10px;
}

.bank-list{

}

.bank-list .ui-selectcheckboxmenu{
    width: 100%;
}

.bank-list .ui-datalist{
    width: 100%;
}

.bank-list .sb-link-medium{
    float: left;
}

/*.bsd-wrapper .ui-state-default, .ui-widget-content{
    background-color: rgb(0, 137, 123);
}*/





.long-text-tooltip span *{
    display: none;
}

.long-text-tooltip span :first-child{
    display: block;
    text-overflow: ellipsis;
    max-width: 175px;
    overflow: hidden;
    white-space: nowrap;
}

.ui-tooltip-content{
    line-height: 1.5;
}
.ui-tooltip-content p{
    font-size: 1.2em;
}
.dashboard-table{
    padding-bottom: 0px;
}

.refer-height-correction .ui-datagrid-content{
    height: auto !important;
}

.zebra .ui-datatable-data tr:nth-of-type(3n):not(.ui-state-highlight){
    background: #ebebeb;
}
.hover .ui-datatable-data tr:hover{
    background: #dcdcdc;
}
.hover .ui-datatable-data tr td:hover{
    background: #d2d2d2;
}

.minus-fixer,
.table-minus-fixer td *,
.table-minus-fixer td{
    display: inline-block;
    direction: ltr;
}



.ui-datatable-scrollable-header-box ,
.ui-datatable-scrollable-footer-box {
    transition-property: margin-left;
    transition-delay: .1s;
}

.ui-paginator{
    position: relative;
}

.ui-paginator .sb-report-viewer,
.ui-paginator [class*='sb-link']{
    position: absolute;
    left: 1em;
}
.ui-paginator [class*='sb-link']+.sb-report-viewer,
.ui-paginator .sb-report-viewer+[class*='sb-link'],
.ui-paginator .sb-report-viewer+.sb-report-viewer,
.ui-paginator [class*='sb-link']+[class*='sb-link']{
    left: calc( 2em + 24px );
}
.ui-paginator .sb-report-viewer  [class*='sb-link']{
    left: 0;
}




.side-panel,
.main-panel{
    position: relative !important;
    display: inline-block !important;
}
.side-panel{
    margin: 0;
}
.main-panel{
    right: 0 !important;
    left: 0 !important;
}

.main-panel + .ui-layout-resizer{
    width: 0 !important;
}


.sb-side-panel,
.sb-main-content{
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: top;
    /*margin-top: 1em;*/
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;

}
.sb-side-panel{
    position: relative;
    float: right;
    width: 25%;
    height: calc(100% - 30px);
    padding: 1em;
    box-shadow: -1em 0 1em -1.2em gray ;
    border-left: 1px solid #c3c3c3;
    right: 0;
    /*border: 1px solid #d8d8d8;*/
    /*border-radius: 1em;*/
}

.sb-side-panel .toggle-btn{
    position: absolute;
    width: 3em;
    height: 3em;
    right: 100%;
    z-index: 10;
    background: white;
    cursor: pointer;
    border: 1px solid #c3c3c3;
    border-right: none;
    -webkit-box-shadow: -0.25em 0px 0.25em -0.1em rgb(174, 174, 174);
    -moz-box-shadow: -0.25em 0px 0.25em -0.1em rgb(174, 174, 174);
    box-shadow: -0.25em 0px 0.25em -0.1em rgb(174, 174, 174);
}
.close-side-panel .sb-side-panel .toggle-btn:hover{
    margin-right: 1em;
}
.sb-side-panel .toggle-btn:before,
.sb-side-panel .toggle-btn{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.sb-side-panel .toggle-btn:before{
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% + 2px);
    top: -1px;
    right: 0;
    border: 1px solid #c3c3c3;
    border-right: none;
    border-left: none;
    background-color: white;
}
.close-side-panel .sb-side-panel .toggle-btn:hover:before{
    right: -1em;
}
.sb-side-panel .toggle-btn:hover .fa:before {
    opacity: 0;
}
.close-side-panel .sb-side-panel .toggle-btn:hover .fa:before {
    opacity: 1;
    content: '\f177';
}

.sb-side-panel .toggle-btn:hover:after{
    opacity: 1;
}
.sb-side-panel .toggle-btn:after{
    font-family: FontAwesome;
    /*content: "\f00d";*/
    content: "\f178";

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50% , -50%);
    -moz-transform: translate(-50% , -50%);
    -ms-transform: translate(-50% , -50%);
    -o-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    font-size: 2em;
    color: blue;
    z-index: 100;
    opacity: 0;
}
.close-side-panel .sb-side-panel .toggle-btn:after{
    display: none;
    opacity: 0;
}

.sb-side-panel .toggle-btn .fa{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2em;
    color: blue;;
}

.sb-side-panel .inputs-wrapper{
    position: relative;
    overflow: auto;
    height: calc(100% - 35px);
}

.sb-main-content{
    width: 75%;
    padding-right: 3em;
    padding-left: 1em;
    padding-bottom: 50px;
    height: calc(100% - 35px);
    overflow: auto;
}
.close-side-panel .sb-side-panel{
    position: relative;
    right: calc(-25% + .5em);
}

.close-side-panel .sb-main-content{
    width: 100%;
    margin-right: -25%;
}
.sb-side-panel .btn-wrapper{
    position: relative;
    padding-bottom: .5em;
    margin-bottom: .5em;
    -webkit-box-shadow: 0 .5em 1em -1em gray;
    -moz-box-shadow: 0 .5em 1em -1em gray;
    box-shadow: 0 .5em 1em -1em gray;
}

.sb-side-panel .btn-wrapper .ui-selectonemenu {
    width: 100% !important;
    padding: 0;
}
.sb-side-panel .btn-wrapper .ui-selectonemenu .ui-selectonemenu-label{
    padding-right: 2.5em;
}
.sb-side-panel .btn-wrapper .ui-selectonemenu .ui-selectonemenu-trigger{
    left: initial !important;
    right: 0 !important;
    border-radius: 0 3px 3px 0 !important;
}


[dir="rtl"] .btn-wrapper .ui-selectonemenu~.ui-button,
[dir="rtl"] .btn-wrapper .ui-selectonemenu~.ui-panel{
    position: absolute;
    left: 0;
    top: 0;
}
[dir="rtl"] .btn-wrapper .ui-selectonemenu~.ui-button,
[dir="rtl"] .btn-wrapper .ui-selectonemenu~.ui-panel .ui-button{
    border-radius:  3px 0 0 3px;
}

.sb-side-panel .ui-selectmanycheckbox label{
    margin-top: 0;
    padding: 0;
}
.sb-side-panel .ui-selectcheckboxmenu {
    /*width: 100%;*/
    margin-bottom: .6em;
    background: none;
}
.sb-side-panel .ui-selectcheckboxmenu:hover {
    background: none;
}
.sb-side-panel .ui-selectcheckboxmenu-label {
    padding-top: 5px;
    padding-bottom: 5px;
}
.sb-applied-inputs .ui-datalist,
.sb-side-panel .ui-datalist{
    width: 100%;
}
.sb-applied-inputs .ui-datalist-data,
.sb-side-panel .ui-datalist-data{
    padding: 0 1em;
}
.sb-applied-inputs .ui-fieldset .ui-datalist .ui-paginator,
.sb-side-panel .ui-selectcheckboxmenu + .sb-legend-datalist .ui-fieldset .ui-datalist .ui-paginator{
    border: none;
}
.ui-fieldset.full-width-legend,
.sb-applied-inputs .ui-fieldset,
.sb-side-panel .ui-selectcheckboxmenu + .sb-legend-datalist .ui-fieldset{
    padding: 0;
    /*padding-top: .6em;*/
    margin-top: .5em;
}
.ui-fieldset.full-width-legend legend,
.sb-applied-inputs .ui-fieldset legend,
.sb-side-panel .ui-selectcheckboxmenu + .sb-legend-datalist .ui-fieldset legend{
    position: relative;
    width: calc(100% + 3px);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 0.25em 0.5em;
    margin-right: -2px;
}

.sb-applied-inputs {
    margin-top: 1em;
}

.sb-applied-inputs .row{
    margin: 0;
}
.sb-applied-inputs .row > [class*="col-"]{
    margin: 0;
}
.sb-applied-inputs .ui-accordion-header{
    padding-top: 4px;
    padding-bottom: 4px;
}
.sb-applied-inputs .ui-accordion-content{
    padding-right: 0;
    padding-left: 0;
}
.sb-applied-inputs .selected-inputs-wrapper{
    padding: .5em;
    margin-bottom: .5em;
}
.sb-status-icon{
    margin-top: .5em;
}
.sb-status-icon span{
    vertical-align: top;
}

.editable-column input{
    width: 100%;
}

.cmd-btn-header .ui-datatable-header{
    position: relative;
    padding: 0;
    border: none;
}
.cmd-btn-header .ui-datatable-header button{
    position: absolute;
    z-index: 1;
    right: calc(.5em - 3px);
    top: calc(.5em - 1px);
    border-width: 2px;
}
.cmd-btn-header .ui-paginator-top{
    padding: .5em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
}

.sb-side-panel .ui-accordion-content .ui-widget{
    max-width: 100%;
}
.has-side-panel #content {
    height: calc(100% - 105px);
}
.has-side-panel .main-panel {
    width: calc(100% - 285px) !important;
    right: 5px !important;
}
.has-side-panel #content > .bsd-wrapper{
    height: calc(100% - 5px);
}
.has-side-panel #bodyPanel,
.has-side-panel #bodyPanel_content,
.has-side-panel #content > .bsd-wrapper > form,
.has-side-panel #content > .bsd-wrapper > form > .ui-layout-container,
.has-side-panel #content > .bsd-wrapper > form > .ui-layout-unit {
    height: 100%;
}

.icons-wrapper{
    position: absolute;
    top: 1em;
    left: 0.5em;

}
.icons-wrapper div{
    display: block;
    margin-bottom: 8px;
}

.icons-wrapper div:last-of-type{
    margin-bottom: 0;
}

.increase-font:hover{
    color: #3dee41;
}
.decrease-font:hover{
    color: #e00b00;

}
.increase-font,.decrease-font{
    margin-left: 1em;
    cursor: pointer;
}

.increase-font{}
.decrease-font{}
.decrease-font .fa-font{
    font-size: 1.25em;
}

.increase-font i:last-of-type,
.decrease-font i:last-of-type{
    left: 1em;
    top: -.5em;
}

[dir="rtl"] .sb-side-panel .ui-accordion .ui-accordion-header{
    padding-left: 0;
}

.sb-side-panel .ui-accordion .ui-accordion-header > .row{
    margin: 0;
}

.input-icon{
    position: absolute;
    width: 20px !important;
    left: 17px;
    padding: 0px 12px;
    height: calc(100% - 2px);
    top: 1px;
    box-shadow: 3px 0px 3px -2px #808080;
    color: #A2A2A2;
    background-color: #EAEAEA;
    border-radius: 3px 0px 0px 3px;
}
.ui-widget .ui-widget.input-icon{
    font-size: 140% !important;
}

.input-icon:before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

input.has-input-icon,
.has-input-icon input{
    width: 100%;
}

[dir="rtl"] input.has-input-icon,
[dir="rtl"] .has-input-icon input{
    padding-left: 2.75em;
}
.fa {
    font-family: FontAwesome !important;
}

.ui-spinner,
.ui-spinner input,
.ui-spinner a{
    box-sizing: border-box;
}

.inputs-wrapper .ui-accordion-content{
    -webkit-box-shadow: 0px 6px 13px -10px #5a5a5a inset;
    -moz-box-shadow: 0px 6px 13px -10px #5a5a5a inset;
    box-shadow: 0px 6px 13px -10px #5a5a5a inset;
}
.ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-list-item:nth-child(n+3000){
    display: none;
}


.selected-week{
}

.week-selector-calendar .ui-datepicker th.ui-datepicker-week-col{
    padding-left: .5em;
    padding-right: .5em;
}
.week-selector-calendar .ui-datepicker td.ui-datepicker-week-col{
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.week-selector-calendar .ui-datepicker td a ,
.week-selector-calendar .ui-datepicker td span {
    background: initial;

}

.week-selector-calendar  .ui-datepicker .selected-week td.ui-state-disabled span{
    color: inherit;

}
.week-selector-calendar  .ui-datepicker .selected-week td.ui-state-disabled {
    opacity: 1;
}
.week-selector-calendar .ui-datepicker td.ui-datepicker-current-day .ui-state-active{
    color: inherit;
}

.fake-drop-down{
    width: 100% !important;
    float: none !important;
}
.fake-drop-down > label{
    width: 100% !important;
    float: none !important;
    min-height: 24px !important;
    text-align: right !important;
    padding-left: 2em;
    display: inline-block !important;
    max-width: 100% !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ui-dialog-content{
    max-height: 400px;
    overflow: auto;
}
.display-none{
    display: none;
}


.ui-tabs-nav{
  *zoom: 1;

}
.ui-tabs-nav:before,
.ui-tabs-nav:after {
    display: table;
    content: "";
  }
.ui-tabs-nav:after {
    clear: both;
}

.dashboard-body [id$="inboxTable_content"]  .ui-datagrid-row .ui-panelgrid-even td:first-child label{
    display: inline-block;
    width: auto !important;
    min-width: 50px;
}




.sb-report-viewer-fieldset{

}

.sb-report-viewer-fieldset .ui-fieldset-content{
    position: relative;
    height: 600px;
}
.sb-report-viewer-fieldset .sb-report-viewer{
    display: block;
}

.sb-report-viewer-fieldset .sb-report-viewer iframe{
    position: absolute;
    height: 100% !important;
    width: 100%;
    left: 0;
    top: 0;
}
.sb-report-viewer-fieldset .sb-link-medium{
    position: absolute;
    left: 0;
    top: -1em;
}
.sb-report-viewer-fieldset .sb-link-medium:nth-of-type(2) {
    left: 2em;
}

.sb-report-viewer-fieldset .sb-link-medium:nth-of-type(3) {
    left: 4em;
}

.ui-overlaypanel:not(.ui-overlay-visible){
    position: fixed !important;
}

.ui-overlaypanel .ui-datatable-scrollable-header-box{
    margin-right: 0 !important;
}

.ui-picklist .ui-picklist-list{
    width: 400px;
}

.ui-picklist .ui-picklist-caption{
    width: 400px;
}