@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    background: #f6f6f6 !important;
    font-family: 'Open Sans', sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input,
select {
    vertical-align: middle;
}
input:focus {
    outline: 0;
}
.body-wrapper {
    background: url(../images/login-Screen-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    min-height: 100%;
}
.main-container{
    background:#f6f6f6;
}
.form-container {
    width: 446px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -223px;
    /* margin is -0.5 * dimension */
    
    margin-top: -273px;
}
.form-container strong.logo {
    display: block;
    margin: 0 auto;
    width: 182px;
}
.form-holder {
    overflow: hidden;
    margin: 95px 0 95px 8px;
}
.form-holder span {
    margin: 0 0 22px 0;
}
.form-holder label {
    font-size: 24px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}
span.username {
    width: 428px;
    background: url(../images/user-icon_07.png) no-repeat;
    background-position: 15px 15px;
    display: block;
    border: 1px solid #fff;
    border-radius: 7px;
    overflow: hidden;
    padding: 5px;
}
.goals-detail.card {
    margin-bottom: 8px;
}
span.username input {
    background: transparent;
    border: none;
    width: 100%;
    padding-left: 40px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    display: block;
    padding-top: 5px;
padding-bottom: 5px;
}
span.password {
    width: 428px;
    background: url(../images/pass-icon_03.png) no-repeat;
    background-position: 15px 11px;
    display: block;
    border: 1px solid #fff;
    border-radius: 7px;
    overflow: hidden;
    padding: 5px;
}
span.password input {
    background: transparent;
    border: none;
    width: 100%;
    padding-left: 40px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    display: block;
    padding-top: 5px;
padding-bottom: 5px;
}
.form-holder input[type='checkbox'] {
    margin: 0;
}
.form-holder small {
    font-size: 13px;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
}
.form-holder input[type='submit'] {
    display: block;
    border: none;
    background: url(../images/login-icon_07.png) no-repeat;
    padding: 10px 50px 10px 50px;
    background-color: #c8322e;
    background-position: 10px 10px;
    color: #fff;
    margin: 20px 0;
    -webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.form-holder input[type='submit']:hover{
    background-color:#e44945 ;
    -webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
header.header {
    /* overflow: hidden; */
}
.header-wrapper {
    overflow: hidden;
    padding: 13px 0;
}
.header-wrapper strong {
    float: left;
}
.header-right {
    float: right;
}
.header-right h1 {
    font-size: 22px;
    margin: 0;
    padding: 5px 0;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #343434;
}
.header-right span {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}
.menu-wrapper {
    background: #c8322e;
    background-color: #c8322e;
        border-radius: 0px;
    border:0px
}
.menu-holder ul.action-panel {
    float: right;
}
.menu-holder ul {
    margin: 0;
   /* overflow: hidden; */
    padding: 0;
    float: left;
    list-style: none;
}
.menu-holder ul li {
    vertical-align: middle;
  /*  display: inline-block; */
    margin: 0 -2px;
}

.menu-holder ul li a {
    padding: 15px 20px;
    text-decoration: none;
    display: block;
    height: auto;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    -webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.menu-holder ul li.active a {
    background: #343434;
  
}
 
.menu-holder ul li a:hover {
    background: #343434;
    padding: 15px 20px;
    -webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;

}
.main-section {
    overflow: hidden;
    float: left;
    width: 100%;
}
.main-section h3 {
    font-size: 24px;
    color: #505050;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.main-section h3 > strong{
    font-weight: 600;
}
.checkin-wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 30px 0;
    border:0px solid #c5c5c5;
}
.checkin-wrapper strong.check-in-time {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 46px;
    text-align: center;
    display: block;
    color: #666666;
}
.checkin-wrapper .check-in {    text-align: center;display: block;}
.checkin-wrapper .check-in .btn {
     border:none;
     font-weight: 500;
    color: #fff;
     font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    background: #009250;
    border-radius: 4px;
    width: 264px;
    text-transform: capitalize;
    padding:21px 14px;  
    border: none; 
    text-align: center;
    margin: 13px auto 35px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.checkin-wrapper .check-in .btn:hover{
    background:#009250;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    border:none;outline:none;
    color: #fff;
    font-weight: 500;
    text-shadow:none;
}  
.checkin-wrapper .check-in .btn:focus,
.checkin-wrapper .check-in .btn:active,
.checkin-wrapper .check-in .btn:visited{ border:none;outline:none;color: #fff;}
.checkin-wrapper .check-in span {
    display: inline-block;
    padding-right: 8px;
    position: relative;
    vertical-align: baseline;
    top: 3px;
}
ul.time-logs {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 5px;
    *border-collapse: expression('separate', cellSpacing '5px');
    list-style: none;
}
ul.time-logs li {
    /*background: #f6f6f6;
    border: 1px solid #cfcfcf;
    */
      vertical-align: middle;
    display: table-cell;
    width: 24%;
    padding: 5px 7px 8px;
}
ul.time-logs li strong {
    display: block;     font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600; 
    padding-bottom:1px;
}
ul.time-logs li span {font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    color: #9e9a9a;
    display: block;
    font-family: 'Open Sans', sans-serif;
    
   
}
ul.time-logs li.date strong,
ul.time-logs li.time-in strong ,
ul.time-logs li.time-out strong ,
ul.time-logs li.duration strong {
    color: #343434;
}
.report-wrapper.clearfix {
     margin: 0;
}
.report-wrapper {
    overflow: hidden;
    margin: 26px 0;
}
.report-wrapper h2 {
    color: #2d89c6;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 0;
    margin: 20px 0;
}
.date-filter {
    margin: 20px 0;
    text-align: center;
}
.date-filter span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 19px;
    color: #009250;
    font-size: 19px;
    display: inline-block;
    margin: 0 6px;
}
.report-calender {
    overflow: auto;
}
.report-calender .table > thead > tr > th {
    border-bottom: none;
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.report-calender thead {
    background: #f6dcf0;
    color: #7d2b6a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 19px;
}


.report-calender .table > tbody > tr:nth-child(even) {
    background: #f0f0f0;
    -webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

.report-calender .table > tbody > tr:nth-child(odd) {
    background: #f2faff;
    -webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.report-calender .table > tbody > tr:hover{
    background: #ABABAB;
    -webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.report-calender .table > tbody > tr:hover td{
    color: #f6f6f6;
}
.report-calender .table > tbody > tr > td {
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #7c7c7c;
}
.report-calender .table > tbody > tr.weekend {
    background: #dbffcd;
    text-transform: uppercase;
}
.report-calender .table > tbody > tr.weekend > td {
    color: #009250;
}
.report-calender .table > tbody > tr.weekend > td:last-child {
  /*  font-size: 16px;
    color: #009250;
    text-align: center;
    line-height: 16px; */
}
.report-calender .table > tbody > tr.public-holiday {
    background: #fff6a7;
    text-transform: uppercase;
}
.report-calender .table > tbody > tr.public-holiday > td {
    color: #2184c4;
}
.report-calender .table > tbody > tr.public-holiday > td:last-child {
    font-size: 16px;
    color: #2184c4;
    text-align: center;
    line-height: 16px;
}
.report-calender .table > tbody > tr.public-holiday > td > span {
    font-size: 12px;
    color: #b43697;
}
.report-calender .table > tbody > tr.half_day > td {
    color: #f00;
}
.report-calender .table > tbody > tr.half_day > td:last-child {
    color: #f00;
}
.report-calender .table > tbody > tr.half_day > td > span {
   
    color: #f00;
}
.employee {
    margin-bottom: 10px;
  /*  overflow: hidden;*/
}
.employee-pic img{}
.employee-pic {
   float: left; padding: 0px;    width: 22%;
    box-sizing: border-box;
    margin:9px 3% 10px 0;
    display:block;
}
.employee .employee-detail {
    display: block;    margin-top: 4px;
    vertical-align:top;    float: left; width: 73%;
}
.employee .employee-detail strong {
    display: block;
    font-size: 21px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
}
.employee .employee-detail h2.name{    margin-bottom: 6px;}
.employee .employee-detail h2.name,
.employee .employee-detail strong.name {
    color: #333;
}
.employee .employee-detail .designation {font-weight:700;margin-bottom: 2px; color: #c8322e;font-size:1.1em;}  
.employee .employee-detail p.attendance-rank {display: block; margin:0px 0 2px 0 !important;font-weight: 600;font-size: 1.1em;}
.employee .employee-detail p.attendance-rank span {    font-weight: 700;}
.employee .employee-detail p.designation span ,
.employee .employee-detail p.attendance-rank span {width: 32%;font-weight: 700;display: inline-block;}

.remarks-wrapper {background: #fff;
    overflow: hidden;
    /*border: 1px solid #c5b3c0;*/
    margin: 22px 0;
}
.remarks-wrapper .card-title {background: #e8e8e8;}
.remarks-wrapper .card-title form {     padding:8px 12px 8px 0px;}
.remarks-wrapper .card-title form .form-group {margin-bottom: 0;}
.remarks-wrapper .card-title form .form-group .input-group select{height: 30px;font-size: 14px;}
.remarks-wrapper .card-title form .form-group .input-group .input-group-append{height: 30px;}
.remarks-wrapper .card-title form .form-group .input-group .input-group-append button{line-height: 1.2em; border: 0;}
.remarks-wrapper h3 ,
.remarks-wrapper > h3 {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    background: #e8e8e8;
    color: #6c3b5e;
    padding: 12px;
}
.gj-timepicker-bootstrap .input-group-addon .gj-icon, .gj-timepicker-bootstrap .input-group-addon .material-icons {
    position: absolute;
    font-size: 21px;
    top: 4px !important;
    left: 8px;
}
.goals-notice {
    font-size: 11px;
    display: block;
    text-align: left;
    margin-top: 0px;
    color: #c8322e;
    padding: 0px 10px 10px 10px;
}
.goals-detail {
    background: #fff;
    overflow: hidden;
    margin: 22px 0 22px;
}
.goal-box {
    padding: 12px;
    font-weight: 600;
}
.goals-detail h3 ,.goals-detail > h3 {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    background: #009250;
    color: #fff;
    padding: 12px;
	text-transform: capitalize;
}
.attendance-rank {
    display:none;
    overflow: hidden;
}
.attendance-rank strong {
    display: block;
    float: left;
    font-weight: 400;
    color: #948d8d;
    font-size: 15px;
    padding: 12px;
    font-family: 'Open Sans', sans-serif;
}
.attendance-rank .rating-input {
    float: right;
    padding: 12px;
    font-size: 20px;
    color: #ff9e00;
}
.pie-chart {    
    width: 100%;
    text-align: center;
    padding:10px 0 12px 12px;
}
.pie-chart .pto-leaves,
.pie-chart .short-times {
    float: none;
    vertical-align: middle;
    display: inline-block;
    margin: 0 10px;
}
.pie-chart > .pto-leaves > h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.pie-chart > .short-times > h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.pie-chart h2{  font-size: 18px;}
.diagram {
    margin: 20px 0 0 0;
}
.diagram > span {
    line-height: 120px !important;
}
.submit-buttons {
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin: 12px 0;
}
span.submit-leave {
    width: 156px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #348ec8;

}
span.leave-details {
    width: 156px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #009250;
    
}
span.leave-details a {
    color: #009250;
    background: url(../images/detail-icon_03.png) no-repeat;
    background-position: 10px 3px;
    -webkit-transition: all 0.6s ease-out;;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
span.leave-details a:hover , span.leave-details.active a{
    color: #009250;
    background: url(../images/leave~history.png) no-repeat #009250;
    background-position: 10px 3px;
    color: #fff;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6 ease-out;
} 
span.submit-leave a {
    color: #348ec8;
    background: url(../images/submit-icon_03.png) no-repeat;
    background-position: 10px 3px;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6 ease-out;
}
span.submit-leave a:hover , span.submit-leave.active a{
    color:#fff;
    background: url(../images/submit~leave.png) no-repeat #348ec8;
    background-position: 10px 3px;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6 ease-out;
}
.submit-buttons span a {
    display: block;
    height: 100%;
    padding: 8px 0 8px 23px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-decoration: none;
}
.login-footer {
    text-align: center;
}
.login-footer p {
    color: #444;
    margin: 15px 0;
}

.leave-form .modal-content{
    overflow: hidden;
    border-radius: 0;
}
.leave-form .modal-header{
    padding: 8px 25px;
    background: #e4e4e4;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #717171;
}
.leave-form .modal-body{
    overflow: hidden;
    padding: 15px 10px;
}
.leave-form .modal-body p{
    margin: 0;
    padding: 0;
    color: #707070;
    font-size: 14px;
}
.leave-form .modal-body textarea{
    display: block;
    width: 100%;
    height: 186px;
    border:1px solid #acacac;
    resize:none;
    padding: 5px;
    margin: 5px 0 10px;
}
.leave-form .modal-body textarea:focus{
    outline: 0;
}
.leave-form .modal-body input[type='submit']{
    background: url(../images/checkout.png) no-repeat #009251;
border: none;
color: #fff;
padding: 7px 15px 7px 40px;
background-position: 8px 5px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
margin-right: 8px;
}
.leave-form .modal-body input[type="button"]{
     background: url(../images/cross.png) no-repeat #a5a5a5;
    border: none;
    color: #fff;
    padding: 7px 15px 7px 40px;
    background-position: 3px 5px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}
footer.footer {
    margin:0;
}
footer.footer p {
    color: #343434;
    font-size: 12px;
    float: left;
}
footer.footer img {
    display: block;
    float: right;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
    border-radius: 8px;
}

.trHead
{
    background-color: #D7E1EB;
    font-family: Arial, Tahoma, Verdana;
    padding-left: 3px;
    padding-right: 3px;
}

.tdSpacing {
    padding-left: 10px; 
    padding-top: 8px;
}

.TableRow{
    background-color: #ECF5FF;
    /*font-size: 11px; */
}
.err {
    color:red;
    font-weight: bold
}
.msg {
    color:green;
    font-weight: bold
    
}

html, body {height: 100%;}
#wrap {min-height: 100%;}

#main {
  overflow:auto;
  padding-bottom: 180px; /* must be same height as the footer */
}

#footer {
  position:fixed;
  margin-top: -39px; /* negative value of footer height */
  height: 55px;
 /* background-color:#0F0; */
  
  clear:both;
} 
.top_padding_ten {
    padding-top:10px;    
}
.red
{
    color:#F00;
}
.even_row {
    background-color:#ECF5FF
    }
.odd_row {
    background-color:#FFF
    }
.inner_tr {
    padding-left:10px;
}
.top_padding {
    padding-top:05px    
}
.even_row > td{
    padding-left: 10px;
    padding-top: 5px;
}

.odd_row > td{
    padding-left: 10px;
    padding-top: 5px;
}

.information { color:#0011d8; cursor:pointer}
.success { color:green; cursor:pointer}
.denied { color:red; cursor:pointer}

.radio_spaceing{
    margin-bottom: 8px  !important;
    margin-right: 05px  !important;
}
/*css 5/10/18 */
.main-menu.nav-tabs,
.action-panel.nav-tabs{border-bottom: 0;}
.menu-holder ul li a,
.menu-holder ul li a:hover,
.menu-holder ul li:hover a{    border: none; border-radius: 0;}
@media (min-width: 992px)     {
    .nav.navbar-nav li a:hover,.nav.navbar-nav li a.active,.nav.navbar-nav li a{
    padding:12px 18px;
}
}
.nav.navbar-nav li a{font-size: 14.6px;font-weight:500; }
.navbar.menu-wrapper{min-height: 44px;}                        
.menu-holder .nav-tabs > li.active > a,.menu-holder .nav-tabs > li.active > a:hover,
.menu-holder .nav-tabs > li.active > a:focus{ border: none;color: #fff;background: #343434;cursor: pointer;}
.menu-holder > ul > li > a > .fa{color: #fff;font-size: 14px;margin-right:6px;}
.menu-holder > li > a > .fa,
.menu-holder .nav-tabs > li > a > .fa{margin-right:6px;}
select.form-control:not([size]):not([multiple]){height: 30px !important;}
select.form-control:not([size]):not([multiple]),
 .sm-input-group .input-group-text, .sm-input-group .form-control, select.custom-select.sm-input, .form-control.sm-input {
    height: 30px;
}
.table tr th{font-size: 13.66px;text-transform: capitalize; }
.sm-table-ht tr td{height: 30px;}
.sm-table-ht tr td textarea{height: 30px;}
.table-vcenter td, .table-vcenter th {
    vertical-align: middle !important;
}
.full-width{width: 100%;}
.sm-padding{padding-left:4px;padding-right: 4px;}
.btn-lg{    font-weight: 600; padding-top: 5px;padding-bottom: 5px;}
.submit-buttons .btn{    margin: 0 6px;}
.remarks-wrapper .card-body{padding: 0;}
.remarks-wrapper .card-body table tbody tr td{border: 0;}
.form-control{box-shadow:none;}
.remarks-wrapper .card-body table tr td:first-child{padding-left: 12px;}
.remarks-wrapper .card-title {margin-bottom:0px;}
.form-date-bar{float: right;margin-top: 9px;}
.form-date-bar label,
.form-date-bar select,
.form-date-bar .btn{margin-right: 4px;}
.table > thead > tr > th{border-bottom: 1px solid #dddddd !important;font-weight: 600;}
.fa-rss,
.fa-edit,
.fa-lightbulb-o,
.fa-times-circle,
.fa-check,
.fa-plus-circle,
.fa-trash,
.fa-file-excel-o,
.fa-minus-square,
.fa-info-circle,
.fa-file-text,
.fa-clock-o,
.fa-check-square-o,
.fa.fa-calendar{color:#000;    font-size: 18px !important;margin: 0 6px;}
.form-control{box-shadow: none !important;font-size: 12px;}
.custom-input.sm-input{width: 150px;box-shadow: none;}
.form-control-sb .custom-input{    float: left;}         .

.form-control-sb span.margin-sm{ display: block;float: left;margin: 6px 7px;}
span.margin-sm{ display: block;float: left;margin: 6px 7px;}
.form-inline select.inputDate {    margin-left: 3px;}
#frm_change_password .custom-file-label{line-height: 1.2em;}
#frm_change_password .custom-file-label::after{    line-height: 1.2em;}
.table-striped-consective tbody tr:nth-of-type(3),
.table-striped-consective tbody tr:nth-of-type(7), 
.table-striped-consective tbody tr:nth-of-type(11), 
.table-striped-consective tbody tr:nth-of-type(15),
.table-striped-consective tbody tr:nth-of-type(19),
.table-striped-consective tbody tr:nth-of-type(23),
.table-striped-consective tbody tr:nth-of-type(27),
.table-striped-consective tbody tr:nth-of-type(31){    background-color: #f9f9f9 !important;}
.fa-absent-user{ background: url(../images/user-absent.png) 0 0 no-repeat transparent;height: 13px;width: 16px;background-size: 100%;}
.hide{display: none;}
.btn-black,
.btn-black:hover{color: #fff !important; background: #343434; border-color: #343434;}
.btn-black:hover{opacity:0.8}
.btn-lg, .btn-group-lg > .btn{padding-top: 4px;padding-bottom: 4px;border-radius: 4px;}
.margin-bottom-xs{margin-bottom: 10px !important;}
.modal-sm-block{padding:10px;border:1px solid rgba(221, 221, 221, 0.21);float:left;background: #FAFAFA;width: 240px;}
.ex-bold{font-weight: 700;}

/*new-css 1/7/19*/
.btn.no-side-padding{padding-right: 0;padding-left: 0;}
.custom-file ,.custom-file-label,
.custom-file .custom-file-input{height: 30px !important;}
.custom-file-label:after{height: 28px !important;}
select{color: #333;}
table tr td.width30,
.width30{width:30%;}
table tr td.wrap,
.wrap{white-space: normal !important;}
table tr td.width10,
.width10{width:10%;}
table tr td.width20,
.width20{width: 20%;}
table tr td.width13,
.width13{width: 13%;}
table tr td.width15,
.width15{width: 15%;}
table tr td.width25,
.width25{width: 25%;}
table tr td.width35,
.width35{width: 35%;}
table tr td.width40,
.width40{width:40%;}
table tr td.width50,
.width50{width: 50%;}

label.custom-checkbox.custom-control-inline{margin-bottom: 0;}
.custom-checkbox .custom-control-label{font-weight: 500;line-height: 21px;}

.no-padding{padding: 0 !important;}
tr td.top-align{vertical-align: top;}, .top-align{vertical-align: top;}
label.custom-radio,
.custom-radio{line-height: 23px;margin-bottom: 0;font-weight: 400;}

/**border*/
.table > thead > tr > th, .table > tbody > tr > th, .table > thead > tr > td, .table > tbody > tr > td{    border-right: 1px solid #dddddd;}
.table > thead > tr > th:last-child, .table > tbody > tr > th:last-child, .table > thead > tr > td:last-child, .table > tbody > tr > td:last-child{border-right: none;}
.table > thead > tr > th, .table > tbody > tr > th{  background:#E5EAEF;}
.table-striped tbody tr:nth-of-type(even){background: /*rgba(229, 234, 239, 0.48) !important*/#ECF5FF !important; } 
.top-align{vertical-align: top !important; }
.table-striped tbody tr.weekend{background-color:#DBFFCD !important;}
.table-striped tbody tr.weekend td{font-weight: 600;color: #08a008;}
.table-striped tbody tr.half_day td{color: #f00;}
.lg-text h5{font-size: 16px;color: red;font-weight: 600;margin-bottom: 5px;}
.lg-text ul{font-size: 15px;line-height: 1.5em;}
.lg-text p{ font-size: 15px;color: red;}
.alert-mini{padding: 4px 10px;margin-bottom: 12px;}
.ui-widget.ui-widget-content{    box-shadow: 0 0 4px rgba(0,0,0,0.5) !important;    background: white;}