.fa-xof:before {
    content: "CFA";
    font-size: .7em;
    vertical-align: -16%;
}
.fa-myr:before {
    content: "MR";
    font-size: .7em;
    vertical-align: -16%;
}

.fa-pkr:before {
    content: "Rs";
    font-size: .7em;
    vertical-align: -16%;
}
/* Add here all your css styles (customizations) */

.form-fullwidth {
	width: 100%;
	float: left;
}

.legend-listing li {
    color: #fff;
    list-style: none;
    
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 10px;
}
.legend-listing .approved{
    background-color: #23b62b;
}
.legend-listing .rejected{
    background-color: #f3180a;
}
.legend-listing .pending{
    background-color: #dfba49;
}
.legend-listing .approved-hd{
    background-color: #9CCC65;
}
.legend-listing .rejected-hd{
    background-color: #EC407A;
}
.legend-listing .pending-hd{
    background-color: #8D6E63;
}
.navbar-header {
    padding-left: 15px;
}
@media (max-width: 991px){
    .header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #687074;
    }
    .hidden-xs {
    display: none!important;
    }
}

/***
Portlets
***/
/* Full Screen portlet mode */
.page-portlet-fullscreen {
    overflow: hidden;
}

/* Basic portlet */
.portlet {
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.portlet.portlet-fullscreen {
    z-index: 10060;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.portlet.portlet-fullscreen > .portlet-body {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px;
}
.portlet.portlet-fullscreen > .portlet-title {
    padding: 0 10px;
}
.portlet > .portlet-title {
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 10px;
    min-height: 41px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.portlet > .portlet-title:before, .portlet > .portlet-title:after {
    content: " ";
    display: table;
}
.portlet > .portlet-title:after {
    clear: both;
}
.portlet > .portlet-title > .caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    padding: 10px 0;
}
.portlet > .portlet-title > .caption.bold {
    font-weight: 400;
}
.portlet > .portlet-title > .caption > i {
    float: left;
    margin-top: 4px;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    color: #666;
}
.portlet > .portlet-title > .caption > i.glyphicon {
    margin-top: 2px;
}
.portlet > .portlet-title > .caption > .caption-helper {
    padding: 0;
    margin: 0;
    line-height: 13px;
    color: #9eacb4;
    font-size: 13px;
    font-weight: 400;
}
.portlet > .portlet-title > .actions {
    float: right;
    display: inline-block;
    padding: 6px 0;
}
.portlet > .portlet-title > .actions > .dropdown-menu i {
    color: #555555;
}
.portlet > .portlet-title > .actions > .btn,
.portlet > .portlet-title > .actions > .btn.btn-sm,
.portlet > .portlet-title > .actions > .btn-group > .btn,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
    padding: 4px 10px;
    font-size: 13px;
    line-height: 1.5;
}
.portlet > .portlet-title > .actions > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
    padding: 3px 9px;
}
.portlet > .portlet-title > .actions > .btn > i,
.portlet > .portlet-title > .actions > .btn.btn-sm > i,
.portlet > .portlet-title > .actions > .btn-group > .btn > i,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i {
    font-size: 13px;
}
.portlet > .portlet-title > .actions .btn-icon-only {
    padding: 5px 7px 3px 7px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default {
    padding: 4px 6px 2px 6px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
    font-size: 14px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen {
    font-family: FontAwesome;
    color: #a0a0a0;
    padding-top: 3px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm {
    padding: 3px 3px !important;
    height: 27px;
    width: 27px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before {
    content: "\f065";
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before {
    content: "\f066";
}
.portlet > .portlet-title > .tools {
    float: right;
    display: inline-block;
    padding: 12px 0 8px 0;
}
.portlet > .portlet-title > .tools > a {
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.portlet > .portlet-title > .tools > a.fullscreen {
    display: inline-block;
    top: -3px;
    position: relative;
    font-size: 13px;
    font-family: FontAwesome;
    color: #ACACAC;
}
.portlet > .portlet-title > .tools > a.fullscreen:before {
    content: "\f065";
}
.portlet > .portlet-title > .tools > a.fullscreen.on:before {
    content: "\f066";
}
.portlet > .portlet-title > .tools > a:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.portlet > .portlet-title > .pagination {
    float: right;
    display: inline-block;
    margin: 2px 0 0 0;
    border: 0;
    padding: 4px 0;
}
.portlet > .portlet-title > .nav-tabs {
    background: none;
    margin: 0;
    float: right;
    display: inline-block;
    border: 0;
}
.portlet > .portlet-title > .nav-tabs > li {
    background: none;
    margin: 0;
    border: 0;
}
.portlet > .portlet-title > .nav-tabs > li > a {
    background: none;
    margin: 5px 0 0 1px;
    border: 0;
    padding: 8px 10px;
    color: #fff;
}
.portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a {
    color: #333;
    background: #fff;
    border: 0;
}
.portlet > .portlet-body {
    clear: both;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.portlet > .portlet-empty {
    min-height: 125px;
}
.portlet.full-height-content {
    margin-bottom: 0;
}

/* Portlet background colors */
/* Side bordered portlet */
.portlet.bordered {
    border-left: 2px solid #e6e9ec !important;
}
.portlet.bordered > .portlet-title {
    border-bottom: 0;
}

/* Solid colored portlet */
.portlet.solid {
    padding: 0 10px 10px 10px;
    border: 0px;
}
.portlet.solid > .portlet-title {
    border-bottom: 0;
    margin-bottom: 10px;
}
.portlet.solid > .portlet-title > .caption {
    padding: 16px 0 2px 0;
}
.portlet.solid > .portlet-title > .actions {
    padding: 12px 0 6px 0;
}
.portlet.solid > .portlet-title > .tools {
    padding: 14px 0 6px 0;
}

/* Solid bordered portlet */
.portlet.solid.bordered > .portlet-title {
    margin-bottom: 10px;
}

/* Box portlet */
.portlet.box {
    padding: 0px !important;
}
.portlet.box > .portlet-title {
    border-bottom: 0;
    padding: 0 10px;
    margin-bottom: 0;
    color: #fff;
}
.portlet.box > .portlet-title > .caption {
    padding: 11px 0 9px 0;
}
.portlet.box > .portlet-title > .tools > a.fullscreen {
    color: #fdfdfd;
}
.portlet.box > .portlet-title > .actions {
    padding: 7px 0 5px 0;
}
.portlet.box > .portlet-body {
    background-color: #fff;
    padding: 10px;
}
.portlet.box.portlet-fullscreen > .portlet-body {
    padding: 10px;
}

/* Light Portlet */
.portlet.light {
    padding: 12px 20px 15px 20px;
    background-color: #fff;
}
.portlet.light.bordered {
    border: 1px solid #e1e1e1 !important;
}
.portlet.light.bordered > .portlet-title {
    border-bottom: 1px solid #eee;
}
.portlet.light.bg-inverse {
    background: #F7F7F7;
}
.portlet.light > .portlet-title {
    padding: 0;
    min-height: 48px;
}
.portlet.light > .portlet-title > .caption {
    color: #666;
    padding: 10px 0;
}
.portlet.light > .portlet-title > .caption > .caption-subject {
    font-size: 16px;
}
.portlet.light > .portlet-title > .caption > i {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    margin-top: 3px;
}
.portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
    font-size: 15px;
}
.portlet.light > .portlet-title > .caption.caption-md > i {
    font-size: 14px;
}
.portlet.light > .portlet-title > .actions {
    padding: 6px 0 14px 0;
}
.portlet.light > .portlet-title > .actions .btn-default {
    color: #666;
}
.portlet.light > .portlet-title > .actions .btn-icon-only {
    height: 27px;
    width: 27px;
}
.portlet.light > .portlet-title > .actions .dropdown-menu li > a {
    color: #555;
}
.portlet.light > .portlet-title > .inputs {
    float: right;
    display: inline-block;
    padding: 4px 0;
}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
    font-size: 14px;
    margin-top: 9px;
}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
    height: 30px;
    padding: 2px 26px 3px 10px;
    font-size: 13px;
}
.portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {
    height: 30px;
    padding: 3px 10px;
    font-size: 13px;
}
.portlet.light > .portlet-title > .pagination {
    padding: 2px 0 13px 0;
}
.portlet.light > .portlet-title > .tools {
    padding: 10px 0 13px 0;
    margin-top: 2px;
}
.portlet.light > .portlet-title > .nav-tabs > li {
    margin: 0;
    padding: 0;
}
.portlet.light > .portlet-title > .nav-tabs > li > a {
    margin: 0;
    padding: 12px 13px 13px 13px;
    font-size: 13px;
    color: #666;
}
.portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a {
    margin: 0;
    background: none;
    color: #333;
}
.portlet.light.form-fit {
    padding: 0;
}
.portlet.light.form-fit > .portlet-title {
    padding: 17px 20px 10px 20px;
    margin-bottom: 0;
}
.portlet.light .portlet-body {
    padding-top: 8px;
}
.portlet.light.portlet-fullscreen > .portlet-body {
    padding: 8px 0;
}

.tab-pane > p:last-child {
    margin-bottom: 0px;
}

/* Reverse aligned tabs */
.tabs-reversed > li {
    float: right;
    margin-right: 0;
}
.tabs-reversed > li > a {
    margin-right: 0;
}

/* jQuery UI Draggable Portlets */
.portlet-sortable:not(.portlet-fullscreen) > .portlet-title {
    cursor: move;
}

.portlet-sortable-placeholder {
    border: 2px dashed #eee;
    margin-bottom: 25px;
}

.portlet-sortable-empty {
    height: 45px;
}
/***********
Green Colors
************/
/***
Green Default
***/
/* Button */
.green.btn {
    color: #FFFFFF;
    background-color:#716aca;
    /*border-color: "";*/
}
.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
    color: #FFFFFF;
    background-color: #716aca;
}
.open .green.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color:#716aca;
}
.green.btn:active, .green.btn.active {
    background-image: none;
    background-color: #716aca;
}
.green.btn:active:hover, .green.btn.active:hover {
    background-color: #716aca;
}
.open .green.btn.dropdown-toggle {
    background-image: none;
}
.green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active {
    background-color: #716aca;
}
.green.btn .badge {
    color:#716aca;
    background-color: #FFFFFF;
}

/* Control Label */
.control-label {
    margin-top: 1px;
    text-align: left;
}
.control-label .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}
/***
Customized Bootstrap Labels
***/
.label {
    text-shadow: none !important;
    font-size: 13px;
    font-weight: 300;
    padding: 3px 6px 3px 6px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}
.label.label-sm {
    font-size: 12px;
    padding: 0px 4px 1px 4px;
}
h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label {
    font-size: 75%;
}

/* Labels variants */
.label-default {
    background-color: #c6c6c6;
}
.label-default[href]:hover, .label-default[href]:focus {
    background-color: #adadad;
}

.label-primary {
    background-color: #428bca;
}
.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #3071a9;
}

.label-success {
    background-color: #45B6AF;
}
.label-success[href]:hover, .label-success[href]:focus {
    background-color: #37918b;
}

.label-info {
    background-color: #89C4F4;
}
.label-info[href]:hover, .label-info[href]:focus {
    background-color: #5aadf0;
}

.label-warning {
    background-color: #dfba49;
}
.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #d0a625;
}

.label-danger {
    background-color: #F3565D;
}
.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #f0262f;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.pagination li a {
    padding: 5px 15px;
}
#search-form .form-group .form-control.select2-container {

    width: 107px !important;
}
.form-inline .form-control{
    width: 107px !important;
    height: 30px;
}
/*.footer-v1 {*/
    /*position: fixed;*/
    /*width: 100%;*/
    /*bottom: 0px;*/
    /*background: #716aca;*/
    /*z-index: 9999999999;*/
/*}*/
/*footer-v1 .copyright {*/
    /*background: #1B6E17;*/
    /*border-top: none;*/
    /*padding: 10px 0 5px;*/
/*}*/

.container.content {
  position: relative;
  height: 100%;
  padding-bottom: 60px; /* Should be equal to the height of your footer */
}
.m-stack.m-stack--desktop.m-stack--ver > .m-stack__item.m-stack__item--left {

    text-align: center;
}
.m-header--minimize-on .add-staff {
    position: fixed;
    top: 60px;
    right: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    padding: 9px 108px !important;
    display: inline-block;
    border-top: 1px solid #0000001a !important;
}
.m-brand .m-brand__logo .m-brand__logo-wrapper img{
    max-height: 36px !important;
}
.m-nav.m-nav--hover-bg .m-nav__item.m-nav__item--active>.m-nav__link, .m-nav.m-nav--hover-bg .m-nav__item:hover>.m-nav__link{
    background-color: #f7f8fa00 !important;
}
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile>.m-nav__link .m-topbar__username{
    padding-left: 10px !important;
}

/*SIDEBAR SECTION START*/
.m_hr_table{
    border-collapse: separate;
    width: 100%;
}
.m_hr_table td{
      padding-left: 4%;
    padding-right: 2%;
    border: 2px solid;
    border-collapse: separate;
    border-spacing: 5px;
    background-color: #ffffff;
    color: #716aca;
    height: 60px;
        width: 50px;
}
.m_hr_link{
    text-align: center;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.16);
    -webkit-box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.16);

}
.m-nav__item .m-nav__link .m_hr_link-text{
        text-align: center;
    background-color: #716aca;
    padding: 10px !important;
    color: #fff !important;
    font-size: 14px !important;
    width: 80% !important;
    display: block !important;
    margin: 0 auto !important;
}

/*SIDEBAR SECTION END*/

/*LOGIN SECTION */

.m-login.m-login--2 .m-login__wrapper{
        align-items: center;
    display: flex !important;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container{
        width: 500px;
    background-color: #ffffff24;
    -webkit-box-shadow: 0 1px 15px 1px rgba(81,77,92,.08);
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.1);
    padding: 50px 50px;
    border-radius: 35px;
    min-height: 410px;
}
@media (min-width: 320px) and (max-width: 480px) {
  
    .m-login.m-login--2 .m-login__wrapper .m-login__container{
        width: 100%;
    }
}
input.checkbox-form{
    margin-top: 13px;
    margin-left: -23px;
}
.display_none {
  display: none;
}

.fc-day-grid-container .fc-sun,.fc-day-grid-container .fc-day-grid > div.fc-week:nth-child(2n+2) .fc-sat{
    color: red!important;
    font-weight: bold!important;
}
.hidden{
    display:none;
}
.hr-calender-p{
    padding: 30px 30px !important;
}
.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon>i:before {
    background: -webkit-gradient(linear,left top, left bottom,color-stop(25%, #ad5beb),color-stop(50%, #c678db),color-stop(75%, #da6ea9),to(#e76e92));
    background: linear-gradient(180deg,#ad5beb 25%,#c678db 50%,#da6ea9 75%,#e76e92 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 20px;
}
.m-portlet.m-portlet--full-height .m-portlet__body{
    margin-top:4%!important;
}
.m-timeline-3 .m-timeline-3__item{
    margin-left:2%!important;
}
.m--font-title{
    font-size:13px;
    margin-left:2%;
}
.fc-license-message{
    display:none!important;
}
#chartdiv {
  width: 100%;
  height: 500px;
}

.m-portlet .m-portlet__body.m-policy {
        padding: 2.2rem 2.2rem;
}
.m-policy .m-form__actions{
    margin: 20px 0;
}
.form-fullwidth .input-medium{
        min-width: 432px !important;
}
.ladda-button[data-style=expand-right] .ladda-spinner{
    right: 5px !important;
    top: 0 !important;
}
.hr-checkbox-item{
        display: flex;
}
.hr-checkbox-item .m-switch{
    padding-left: 16px;
}
.hr-checkbox-item .m-switch input:empty~span{
        width: 46px;
}
.panel-hrm .panel-heading.m-portlet__head{
    align-items: center;
}
.hrm-data-table .dataTables_scrollHeadInner{
    width: auto !important;
}
.hrm-data-table .dataTables_info{
    padding-left: 11px; 
}
.hrm-data-table .dataTables_filter{
    padding-right: 15px;
    padding-top: 10px;
}

/* ___________ */
.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}