body    {overflow-y:auto;}

.animate-if {
    padding:10px;
}

.animate-if.ng-enter, .animate-if.ng-leave {
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
    opacity:0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
    opacity:1;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    border-radius: 0px !important;
}
.ngdialog.ngdialog-theme-default.dialogwidth60p .ngdialog-content{width : 60%;}
.ngdialog.ngdialog-theme-default.dialogwidth60p-appender {padding-top: 55px;}
.ngdialog.ngdialog-theme-default.dialogwidth60p-appender .ngdialog-content{width : 60%; padding: 0px;}
.ngdialog.ngdialog-theme-default.dialogwidth70p .ngdialog-content{width : 70%;}
.ngdialog.ngdialog-theme-default.dialogwidth80p .ngdialog-content{width : 80%;}
.ngdialog.ngdialog-theme-default.dialogwidth1024 .ngdialog-content{width : 1024px;}
.ngdialog.ngdialog-theme-default.dialogwidth900 .ngdialog-content{width : 900px;}
.ngdialog.ngdialog-theme-default.dialogwidth800 .ngdialog-content{width : 800px;}
.ngdialog.ngdialog-theme-default.dialogwidth700 .ngdialog-content{width : 700px;}
.ngdialog.ngdialog-theme-default.dialogwidth600 .ngdialog-content{width : 600px;}
.ngdialog.ngdialog-theme-default.dialogwidth500 .ngdialog-content{width : 500px;}
.ngdialog.ngdialog-theme-default.resolver-detail .ngdialog-content{
    width : 620px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

}

.ngdialog.ngdialog-theme-default.ngdialog-reporter{
    padding-bottom: 0px;
    padding-top: 0px;
}

.ngdialog.ngdialog-theme-default.ngdialog-reporter .ngdialog-content{
    width: 100%;
    height: 100% !important;
}


.ngdialog.ngdialog-theme-resolver{
    padding-top: 55px !important;
}


.ngdialog.ngdialog-theme-default.resolver-v2 .ngdialog-content {
    padding: 0em;
}



.my-modal-header{
    padding: 10px 12px 1px 10px;
    margin: -14px -14px -14px -14px;
    background-color: #1797be;
    color: #ffffff;
}

.my-modal-header-2019{
    padding: 10px 12px 1px 10px;
    margin: 0;
    background-color: #1797be;
    color: #ffffff;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #F4F6F7;
}

.table-hover > tbody > tr:hover {
    background-color: #F4F6F7;
}

.input-group.input-group-unstyled input.form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.input-group-unstyled .input-group-addon {
    border-radius: 4px;
    border: 0px;
    background-color: transparent;
}

h3 + .breadcrumb, .content-heading + .breadcrumb {
    margin: -25px -25px 5px -20px;
}

 table.ngc {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
     display: table;
     table-layout: fixed;
}

.ngc > td,.ngc > th {
    /*padding: 0.3em;*/
    border: 1px solid lightgrey;
    min-width: 500px;
}

.ngc > tbody > tr:hover {
    background-color: #fafbfc;
}
.dropdown-menu {
    padding: 5px 10px;
}

.form-group {
    margin-bottom: 8px;
}

.form-group-cxc {
    margin-bottom: 15px;
}



.faded  {
    color: burlywood;
}

html.ngdialog-open {
    overflow: visible;
}

table.clone thead tr:last-child th {
    border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
}

table.clone + md-table-container table tbody tr:first-child td {
    border-top: 1px solid red;
}

.loading {
    background-color: #ffffff;
    background-image: url("/app/img/preloader/loading_3.gif");
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}

.loading-center {
    background-color: #ffffff;
    background-image: url("/app/img/preloader/loading_3.gif");
    background-size: 25px 25px;
    background-position:center;
    background-repeat: no-repeat;
}


label{
    vertical-align: middle;
}

.label-semi-warning {
    background-color: #ffeb3b;
    color: grey;
}


.label-cxc-late,.label-cxc-earlyout,.label-cxc-undertime,.label-cxc-overbreak{
    background-color: #ffeb3b;
    color: grey;
}


.label-cxc-absent{
    background-color: #ff902b;
}

.label-cxc-odette{
    background-color: #2e9e07;
}

.label-cxc-leave{
    background-color: #2e9e07;
}

.label-cxc-leave_sl{
    background-color: Grey;
}

.label-cxc-leave_vl{
    background-color: purple;
}

.label-cxc-undertime_sl{
    background-color: Grey;
}

.label-cxc-uts{
    background-color: rgb(84, 12, 12);
}

.label-cxc-undertime_vl{
    background-color: purple;
}


.label-cxc-holiday{
    background-color: #2e9e07;
}

.label-cxc-maybeot{
    background-color: #23b7e5;
}

.label-cxc-absent{
    background-color: #ff902b;
}

.label-cxc-maybeshiftoverlap{
    background-color: #ff902b;
}

.label-cxc-approvedot, .label-cxc-approvedotwplus, .label-cxc-wor{
    background-color: #27c24c;
}

.label-cxc-future{
    background-color: #2e9e07;
}

.label-cxc-special_policy, .label-cxc-special_policy{
    background-color: #b527c2;
}


.label-cxc-approvedearlyout{
    background-color: #23b7e5;
}


.label-cxc-maybepsot{
    background-color: #23b7e5;
}

.label-cxc-error{
    background-color: #f05050;
}

.label-cxc-weekend{
    background-color: #23b7e5;
}

.label-cxc-restday{
    background-color: #23b7e5;
}

.label-cxc-ctl{
    background-color: #2e9e07;
}

.label-cxc-lwop{
    background-color: #2e9e07;
}

.label-cxc-nsd{
    background-color: #9cd484;
}

.label-cxc-success{
    background-color: #27c24c;
    border-radius: 1.25em;
}

.label-cxc-info{
    background-color: #23b7e5;
    border-radius: 1.25em;
}

.label-cxc-offsetted{
    background-color: #9cd484;
    border-radius: 1.25em;
}

.label-cxc-processed{
    background-color: #8a8a8a;
}


.slim-header{
    padding: 0px 0px 0px 5px;
}

.codecube_pre_navbar{
    padding: 0px;
}

.sidebar-subnav > .sidebar-subnav-header {
    padding: 0px;
}




/*Toaster*/
.toast-top-right-angle {
    top: 70px;
    right: 12px;
}



/*@media only screen and (min-width: 768px) {*/
    /*.content-wrapper {*/
        /*padding: 0px;*/
    /*}*/
    /*.content-wrapper > h3,*/
    /*.content-wrapper > .content-heading {*/
        /*margin: -20px;*/
        /*margin-bottom: 20px;*/
        /*padding: 20px;*/
    /*}*/
    /*.content-wrapper > button,*/
    /*.content-wrapper > .btn {*/
        /*margin: 0;*/
    /*}*/
/*}*/

/*.breadcrumb {*/
    /*padding: 12px 15px;*/
    /*margin-bottom: 0px;*/
    /*list-style: none;*/
    /*background-color: #fafafa;*/
    /*border-radius: 4px;*/
/*}*/



@media only screen and (min-width: 768px) {
    .content-wrapper {
        padding: 20px;
    }
    .content-wrapper > h3,
    .content-wrapper > .content-heading {
        margin: -20px;
        margin-bottom: 5px;
        padding: 0px 12px 10px 10px;
    }
    /* .content-wrapper > button,
    .content-wrapper > .btn {
        margin: 0;
    } */
}


.cxc-panel {
    padding: 8px 10px 0px;
}

.loan-deduction-table > thead > tr > th {
    padding: 5px;
    text-align: center;
}

.panel-heading-slim{
    padding:0px;
}

.action-footer{
    background-color: rgb(250, 250, 250);
    padding: 15px;
}

.table-borderless  > thead > tr > th, .table > tbody > tr > th, .table-borderless  > tfoot > tr > th, .table-borderless > thead > tr > td, .table-borderless > tbody > tr > td, .table-borderless > tfoot > tr > td {
    border: 0px;
}


.label-danger-cxc{
   background-color: rgb(240, 80, 80);
}

.label-cancelled{
    background-color: rgb(192, 192, 193);
}


.label-cxc{
    border-radius: 0;
}

.btn-link{
    color: rgb(154, 154, 155);
}

.btn-link:hover, .btn-link:focus {
    text-decoration: none;
}

.wrapper > footer {
    height: 40px;
    padding: 10px;
}

.table-cxc > thead > tr > th {
    padding: 8px 8px;
    color: #4a4a4a;
    background-color: #f7f7f7;
}

.table-cxc-gen-pay{
    background-color: rgb(247, 247, 247);
    color: rgb(74, 74, 74);
    text-transform: uppercase;
}

.table-cxc-gen-pay > thead > th{
    text-align: center;
}

/*.panel-footer {*/
    /*margin: 0px -15px -10px -15px;*/
/*}*/

.nav-tabs > li > a {
    color: rgb(138, 136, 136);
    background-color: rgba(242, 244, 245, 0.8);
    padding: 5px 20px;
}

.panel.panel-default {
    border-top-width: 2px;
}

/*#toast-container > .toast-warning {*/
    /*background-image:none !important;*/
    /*!* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR…7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important; *!*/
/*}*/

/*.ngdialog.ngdialog-theme-cxc .ngdialog-content {*/
    /*background-color: #fff !important;*/
    /*border-radius: 4px !important;*/
    /*font-family: inherit !important;*/
    /*font-size: inherit !important;*/
    /*line-height: inherit !important;*/
/*}*/

.page-heading {
    font-size: 28px;
    color: #3e4956;
    font-weight: 300;
    margin: 0 0 20px 0;
}

.avatar-circle {
    border-radius: 50%;
    background-color: #7266bb;
}

.avatar_initial {
    font-size: 14px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding-top: 6px;
    font-weight: 500;
}

.numeric-value{
    text-align: right;
}

.cliff-modal-footer {
    padding: 10px 10px 11px 5px;
    text-align: right;
    border-top: 1px solid rgb(229, 229, 229);
    background-color: rgba(83, 210, 249, 0.05);
    margin: -14px;
}

.table-xtra-condensed > thead > tr > th,
.table-xtra-condensed > tbody > tr > th,
.table-xtra-condensed > tfoot > tr > th,
.table-xtra-condensed > thead > tr > td,
.table-xtra-condensed > tbody > tr > td,
.table-xtra-condensed > tfoot > tr > td {
    padding: 6px;
}

.dropdown-menu > li > a {
    padding: 3px 5px;
}

div.checkbox.c-checkbox.needsclick.resolver-v2 {
    position: relative;
    display: block;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.form-horizontal .control-label {
    text-align: left;
}

.margin-70 {
    margin-left: 70px;
}

.margin-220 {
    margin-left: 220px;
}

.table-account-appender > thead > tr > th {
    padding: 0px 10px;
}

.table-account-appender > thead > tr > th, .table-account-appender > tbody > tr > th, .table-account-appender > tfoot > tr > th, .table-account-appender > thead > tr > td, .table-account-appender > tbody > tr > td, .table-account-appender > tfoot > tr > td {
    padding: 5px 10px;
}

.appender-scroll-table > tbody {
    display:block;
    height:350px;
    overflow:auto;
}  

.appender-scroll-table > thead, .appender-scroll-table > tbody tr {
    display:table;
    width:100%;
    table-layout:fixed; 
 } 

 .bootstrap .tags {
    background-color: #fff;
    border: 1px solid rgb(221, 230, 233);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bootstrap .tags.focused {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
}

.bootstrap .tags .tag-item {
    background: #aae6f9;
    border: 1px solid #daecfb;
    border-radius: 0px;
    color: #fff;
}

.bootstrap .tags .tag-item.selected {
    background: #d9534f;
    /*border: 1px solid #d43f3a;*/
    border-radius: 4px;
    color: #fff;
}

.bootstrap .tags .tag-item button {
    background: transparent;
    color: #000;
    opacity: .4;
}

.bootstrap .autocomplete {
    border-radius: 4px;
}

.bootstrap .autocomplete .suggestion-item.selected {
    color: #262626;
    /*background-color: #67a7ff;*/
}

.bootstrap .autocomplete .suggestion-item em {
    font-weight: bold;
    /*background-color: #67a7ff;*/
}

.bootstrap .autocomplete .suggestion-item.selected em {
    color: #262626;
    /*background-color: #67a7ff;*/
    font-weight: bold;
}

tags-input .tags .tag-item .remove-button {
    color: #ffffff;
}

.scrolltable > tbody {
    display:block;
    height:400px;
    overflow:auto;
}
.scrolltable > thead, .scrolltable > tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

.cached-data {
    border-left: 4px solid #fadbff !important;
}