label.error {
    color: #a94442;
}
input.error {
    border: 1px solid #a94442;
}
textarea.error {
	border: 1px solid #a94442;
}
select.error {
	border: 1px solid #a94442;
}
.profile{
	display: none;
}
.my-table{
	width: 100%;
    overflow: scroll;
    display: block;
}
table a{
	color: #636b6f;
}
table a:hover{
	color: #636b6f;
	text-decoration: none;
}
table a:focus{
	color: #636b6f;
	text-decoration: none;
}
.custom_pagination{
	width: 100%;
	text-align: center;
}
a.edit_btn{
	padding: 3px 10px;
    font-size: 12px;
    font-weight: bold;
    background: red;
    color: #fff;
    border: 0;
    line-height: normal;
}
#loaderDiv{
	display: none;
    position: fixed;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.49);
    height: 100%;
    text-align: center;
    z-index: 999;
    top: 0px;
    padding-top: 20%;
}
.mag_top{
    margin-top: 4px;
}
.panel_custom_head{
    color: #333;
    background-color: #fff;
    border-color: #d3e0e9;
    border-bottom: 1px solid #d3e0e9;
    width: 100%;
    float: left;
    margin: 0 0 1% 0;
}
.no_more{
    display: none;
}
.no_more td{
    text-align: center;
}
/********** 22 July 2017 Start ************/

*{margin: 0; padding: 0; box-sizing:border-box;}
ul li{ list-style: none;}
a{text-decoration: none;}

.logtime{ width: 100%; display: inline-block;}

.headinglogtime{ width: 100%; display: inline-block;
padding: 6px 10px;    margin-bottom: 10px;    border: 1px solid #eee;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f4f4f4+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7f7f7 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

}
.headinglogtime h1{font-size: 23px;    font-weight: normal;    padding: 8px 10px;}
.contentlogtime{  width: 100%; display: inline-block; }
.descriptioncont{  width: 100%; display: inline-block;}
.whomlogtime{  width: 100%; display: inline-block;}
.blocklogtime{  width: auto; display: inline-block; vertical-align: top; margin-right: 10px;}
.blocklogtime span{width: 100%; display: inline-block; font-size: 13px; margin-bottom: 6px;}

.datecnt{  width: 100%; display: inline-block;}
.datestyle{     display: inline-block;    padding: 9px 4px 9px 7px;    border-radius: 5px;    border: 1px solid #d5d5d5;}
.timespent span{ display: inline-block;    width: 40%;    margin-right: 20px;}
.timespent .datestyle{ display: inline-block; width: 100%;}
.istblocklog{ width: 20%;   }
.scndblocklog{width: 20%;     } 
.thirdblocklog{width: 30%;        }
.frthblocklog{   width: 20%; margin-top: 31px;      }
.descriptioncont span{ display: inline-block;    width: 100%;}
.descriptioncont textarea{ margin-top: 10px; display: inline-block;    width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #d5d5d5; resize:none; height: 150px;}
.footerclosesubmit{margin-top: 10px; padding: 15px; background: #f5f5f5; border-top: 1px solid #eee;}
.closebutn{ cursor: pointer;    background: #ffffff;    border: 1px solid #d5d5d5;    padding: 7px 11px;    color: #f45454;    font-size: 15px;    border-radius: 8px;}
.closebutn:hover{background: #f2f2f2;}
.logbutn{ cursor: pointer;    background: #43c86f;    border: 1px solid #d5d5d5;    padding: 7px 11px;    color: #fff;    font-size: 15px;    border-radius: 8px; float: right;}
.logbutn:hover{ background: #2f8f4f;}

.whocnt{ width: 100%; display: inline-block;    padding: 5px 4px 5px 7px;    border-radius: 5px;    border: 1px solid #d5d5d5;}
.whocnt span{    background: #139fdb;    color: #fff;    display: inline-block;    width: auto;    padding: 5px 6px;    border-radius: 56px;    font-size: 11px; margin-bottom: 0; }
.whocnt label{font-size: 12px; }

/********** 22 July 2017 End ************/

thead{
    background: rgba(51, 122, 183, 0.71);
    color: #fff;

}
tbody tr:nth-child(even),
tbody tr:nth-child(even):hover{
    background-color:rgba(217, 237, 247, 0.25);
}
tbody tr .btn ,
.btn-default{
    background: #337ab7;
    color: #fff;
    border-color: #337ab7;
}
tbody tr .btn {
    margin:5px;
}
.navbar-default {
    background-color: #337ab7;
    border-color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #337ab7;
}
.dropdown-menu{
    padding: 0px;
}
.dropdown-menu > li > a{
    padding: 8px 20px;
}
.ui-datepicker-calendar tbody tr:nth-child(even){
    background-color: inherit;
}
.panel{
    background-color: #ffffff;
}
.panel-default > .panel-heading{
  color: #fff; 
  background-color: #337ab7;
  border-color: #ddd;
}
.myloader{
    position: fixed;
    background-color: rgba(255,255,255,0.6);
    width: 100%;
    top: 0;
    z-index: 9999999;
    height: 100%;
    text-align: center;
    left: 0;
}
.myloader img{
    padding-top: 18%;
}