body {
    background-image: linear-gradient(to right, #ef9494 , #60bfb7) !important;
    color: black !important;
}

.table thead th {
    vertical-align: middle;
}

.table thead th td {
    color: black !important;
}

.userfullname {
    color: #e4eaec;
    font-weight: 900;
}

.userfullname span, span.uType {
    position: relative;
    top: -4px;
}

span.uLogout.btn.btn-important {
    /*background-image: linear-gradient(to right, #c4e1ea , #f99494) !important;*/
    border: 1px solid #fff;
    position: relative;
    top: -2px;
}

/*span.uLogout.btn.btn-important a {
    color: #bf1a1a;
    font-weight: 900;
}*/

div#user-nav span {
    color: #f9f9f9;
    font-weight: 900;
    font-size: 13px;
}

li#profile-messages i {
    font-size: 16px;
    color: #c0ecc1;
}

/*#header {
    background-image: linear-gradient(to right, #257892 , #a25c61) !important;
    margin-top: 10px;
}*/

/*.btn {
    background-color: inherit !important;
    background-repeat: inherit;
}*/

#sidebar > ul > li.active > a {
    background-image: linear-gradient(to right, #199cd6 , #bd5132) !important;
    text-decoration: none;
}

/*#sidebar > ul > li > a {
    padding: 7px 0 7px 10px;
    display: block;
    color: #c8def7;
    background-image: linear-gradient(to right, #247994 , #925a5a) !important;
}*/

/*#sidebar > ul > li > a {
    padding: 9px 0 9px 10px;
    display: block;
    color: #4f5b67;
    background-image: linear-gradient(to top, #fff, #93a099) !important;
    font-weight: 700;
}*/

#sidebar > ul > li > a {
    /* padding: 10px 0 10px 15px; */
    padding: 9px 0 9px 10px;
    display: block;
    color: #c3cdd8;
    /*background-image: linear-gradient(to top, #08630f , #4d8667) !important;
    font-weight: 700;*/
}
/*#sidebar > ul > li > a:hover {
    background-image: linear-gradient(to right, #925a5a , #247994) !important;
    color: #fff;
}*/

#sidebar > ul > li {
    border-top: 1px solid #27a9e3;
    border-bottom: 1px solid #d6c7c7;
}

#sidebar > ul > li > a:hover {
    background-image: linear-gradient(to bottom, #0d7b16 , #0d734d) !important;
    color: #fff;
}

#sidebar > ul li ul > li {
    background-image: linear-gradient(to right, #10479c , #11a264) !important;
    border-top: 1px solid #7f868c;
    border-bottom: 1px solid #101215;
}

#sidebar > ul li ul li a:hover, #sidebar > ul li ul li.active a {
    background-image: linear-gradient(to right, #11a264 , #10479c) !important;
}

#sidebar > ul li ul > li a {
    color: #f1f1f1;
}


#breadcrumb {
    background-image: linear-gradient(to right, #aac7bc , #c1c1c1) !important;
    border-bottom: 1px solid #e3ebed;
}



.userfullname {
    color: #7df08e;
}

span.uType {
    color: #fff;
}

button#empIn i, button#empOut i {
    margin: 5px;
}

#clock.dark .display {
    background-image: linear-gradient(to right, #515b63 , #2255a4) !important;
    box-shadow: 0 1px 1px rgba(0,0,0,0.08) inset, 0 1px 1px #2d3642;
}


.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    color: #fff !important;
    background-image: linear-gradient(to right, #d4524c , #8cdc91) !important;
    *background-color: #a9302a;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.padding10 {
    padding: 7px 8px;
    display: inline;
    float: left;
    width: 250px;
}
.margin10{margin:10px;}
.lm {
    line-height: 15px;
    margin: 11px;
}
.c{text-align: center !important;}
.printableArea table td {
    padding: 0px 4px;
}

table.table.table-bordered.table-striped.routine td {
    text-align: center;
}

table.table.table-bordered.table-striped.routine tr td:nth-child(1) {
    text-align: left;
}

.breadcrumbN a {
    padding: 8px 20px 8px 10px;
    display: inline-block;
    background-image: none !important;
    background-position: center right;
    background-repeat: no-repeat;
    font-size: 11px;
    color: #666666;
}

a.tip-top.btnAdd {
    border: 1px solid #fff !important;
    background: #04c;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: bold;
}

a.tip-top.btnView {
    border: 1px solid #fff !important;
    background: #2f96b4;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: bold;
}
a.tonotifications {
    position: absolute;
    top: 10px;
    right: -55px;
}

.leaveNoti {
    color: #6bf517 !important;
    font-weight: bold !important;
}
a.leaveNoti i {
    color: #f9092a;
    font-weight: bold;
    font-size: 15px;
}

#user-nav > ul > li > a > i, #sidebar li a i {
    opacity: 1;
    margin-top: 2px;
}

.modal-header, .table th, div.dataTables_wrapper .ui-widget-header {
    background: #c0ccc7;
    border-bottom: 1px solid #CDCDCD;
    /* height: 36px; */
}

.table tbody tr.success>td {
    background-color: #f4fff0;
}

.table tbody tr.warning>td {
    background-color: #dff7d9;
}

.btn-group .dropdown-menu {
    right: 0 !important;
    position: absolute !important;
    top: 25px !important;
    padding: 0 !important;
}

.btn-group .dropdown-menu li {
    border-bottom: 1px solid #539044;
    text-align: right;
}