@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/opensans-semibold.eot');
    src: url('../fonts/opensans-semibold.eot') format('embedded-opentype'),
         url('../fonts/opensans-semibold.woff') format('woff'),
         url('../fonts/opensans-semibold.ttf') format('truetype'),
         url('../fonts/opensans-semibold.svg#OpenSansSemibold') format('svg');
}

/*th > a:after {
    content: " \f0dc";
}
th > a.asc:after {
    content: " \f0dd";
}
th > a.desc:after {
    content: " \f0de";
}*/
.icon-sort-down {background: url(../img/down_up.png) no-repeat right 8px;padding-right: 13px;}
.icon-sort-up {background: url(../img/down_arrow.png) no-repeat right 8px;padding-right: 13px;}

#printable {float:left;width: 100%;}
a{
	text-decoration:none;
}
ul{
	list-style:none;
}
*{
	margin:0px;
	padding:0px;
}
img{
	vertical-align:middle;
	max-width:100%;
}

body {
  background-color: #fbf0de;
  background-image: url("../img/body-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "OpenSansRegular";
  margin: 0;
  padding: 0;
}
div,li,ul,a{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.wrapper{
	width:1000px;
	margin:0px auto;
}

.my_pro_main_cont a {
    color: #34a3db;
}
.header {

  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
.logo {
   float: left;
height: auto;
position: relative;
width: 27%;
z-index: 2;}
.logo img{
	width:100%;
}
.box{
	width:345px;
	margin:0px auto;
    position:relative;
    background:#fff;
    height:293px;
    border-radius:5px;
}
.outer_div {
  float: left;
  padding: 24px;
  text-align: left;
  width: 100%;
}
.outer_div h1 {
  left: 136px;
  position: absolute;
  top: -36px;
  width: auto;
}
.form-group {
  height: 76px;
}
.outer_div .err {
    font-size: 26px;
    margin-bottom: 14px;
    text-align: center;
    font-family: 'OpenSansSemibold';
}
.outer_div h2 span{
	color:#14bfa2;
}
.outer_div label {
  color: #555555;
  font-size: 14px;
  font-weight: normal;
  margin-bottom:8px;
  float:left;
  width:100%;
}
.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 0px #ddd inset;
    color: #555555;
    display: block;
    font-size: 14px;
    padding: 6px 12px;
    height:40px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    float:left;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.form-group {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 14px!important;
    }
.btn_login {
 background: rgba(246,175,85); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,175,85,1) 0%, rgba(246,175,85,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,175,85,1)), color-stop(100%,rgba(246,175,85,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6af55', endColorstr='#f6af55',GradientType=0 ); /* IE6-9 */
  border: medium none;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  font-size: 13px;
  height: 35px;
  width: 87px;
  font-family: 'OpenSansSemibold';
  text-transform:uppercase;
}
.btn_login:hover{
	 background: rgba(255,177,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,172,88,1) 0%, rgba(240,172,88,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,172,88,1)), color-stop(100%,rgba(240,172,88,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6af55', endColorstr='#f6af55',GradientType=0 ); /* IE6-9 */

}
.right_side {
    float: right;
    color:#fff;
    margin-top:24px;
}
.right_side li{
	float:left;
	color:#444;
	font-size:14px;
}
.heading-top {
  margin: 0 0 60px;
  text-align: center;
  width: 100%;
}
.heading-top h1{
	font-size:27px;
	color:#333;
	font-family: 'OpenSansSemibold';
	text-shadow:0 1px 0 #fff;
}
.heading-top h1 span{
	color:#f6af55;
}

.right_side li:after {
    content: "|";
    font-size: 12px;
    padding: 0 13px;
    position: relative;
    top: -2px;
}
.right_side li:last-child:after{
	content:"";
	padding:0px;
}
.right_side li a:hover{
	text-decoration:underline;
}
.right_side li a{
	color:#444;
	font-size:14px;
}
.clear{
	clear:both;
}
.nav_top {
  background: none repeat scroll 0 0 #333333;
  border-radius: 5px;
  float: left;
  margin: 0;
  padding: 7px 0 7px 7px;
  width: 100%;
}
.nav_top ul li{
	float:left;
	margin-right:2px;
	border-radius:4px 4px 0 0;
}
.nav_top ul li a {
  color: #ffffff;
  float: left;
  font-family: "OpenSansSemibold";
  font-size: 14px;
  margin: 0;
  padding:6px 14px;
}
.nav_top ul li a:hover{
	background:#F6AF55;
	color:#fff;
	border-radius:4px;
}
.nav_top ul .active a{
	background:#F6AF55;
	color:#fff;
	border-radius:4px;
}
.content{
	padding:20px 0 62px;
	float:left;
	margin:0px;
	width:100%;
}
/***** left-side-bar-css start here ****/

.left_sidebr {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;

  float: left;
  padding: 10px;
  width: 233px;
}
.left_sidebr ul {
  float: left;
  width: 100%;
}

.left_sidebr li a {
  border-bottom: 1px solid #cccccc;
  color: #ffffff;
  float: left;
  font-size: 13px;
  line-height: 32px;
  padding: 0 0 0 30px;
  width: 100%;
}
.left_sidebr li {
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
	box-shadow:0 1px 0 #fff;

}
.left_sidebr li a:hover{
	text-decoration:underline;
	}
.dashboard {
  background: url("../img/home_small.png") no-repeat scroll left 2px #333;
  border-bottom: 1px solid #555 !important;
  text-transform:uppercase;
	font-family: 'OpenSansSemibold';

}
.submenu {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  #display: none;
}
.user{
	background:url('../img/user_small.png') no-repeat 3px 5px #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';
}
.Setting{
	background:url('../img/setting_small.png') no-repeat 3px 5px #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';

}
.location{
	background:url('../img/location_small.png') no-repeat 3px 5px #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';

}
.test{
	background:url('../img/tests.png') no-repeat 3px 5px #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';

}
.work{
	background:url('../img/works.png') no-repeat 3px 5px #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';

}
.slot{
	background:url('../img/slot-small.png') no-repeat 3px 5px #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';
}
.booking{
	background:url('../img/booking-small.png') no-repeat 3px 5px #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';
}
.configuration{
	background:url('../img/configuration_small.png') no-repeat 3px 5px #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';

}.social{
	background:url("../img/social_media_small.png") no-repeat scroll 1px 8px #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';

	}
.trans_icon{
	background:url("../img/transaction.png") no-repeat scroll #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';  background-size:17px; background-position:6px 10px;

	}
.activity_icon{
	background:url("../img/e.png") no-repeat scroll #333;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold'; background-size:17px; background-position:6px 10px;

	}

/*------------edited-----------*/

.search_template{ background:url("../img/search-template-sml.png") no-repeat scroll #333; }

.search_admins { background:url("../img/admin-sml.png") no-repeat scroll #333; }

.search_content { background:url("../img/manage-content-sml.png") no-repeat scroll #333; }

.search_group { background:url("../img/manage-group-sml.png") no-repeat scroll #333; }

.search_tags { background:url("../img/manage-tag_sml.png") no-repeat scroll #333; }

.search_admins , .search_content , .search_group , .search_tags , .search_template
{
	text-transform:uppercase;
	font-family: 'OpenSansSemibold';
	background-size:15px;
	background-position:6px 10px;
}

/*----------------------------------*/

.submenu li a {
  background: url("../img/arrow_list.png") no-repeat scroll 9px 11px #f3f3f3;
  border-top: 1px solid #ffffff;
  color: #484747;
  font-size: 13px;
  line-height: 32px;
}
/****** left side bar css end here *****/


.right_side_content {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;

  float: left;
  margin-left: 10px;
  padding: 10px;
  width: 757px;
}
    .right_side_content h1{
	background:#F6AF55;
	font-size:15px;
	color:#fff;
	padding:5px 0 5px 20px;
	font-family: "OpenSansSemibold";
	text-transform:uppercase;
}


.tab {
  border: 1px solid #e5e5e5;
  float: left;
  min-height: 339px;
  width: 100%;
  padding:24px;
}

.tab ul{
	float:left;
}

.tab ul li {
  background: none repeat scroll 0 0 #ffffff;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
  float: left;
  height: 150px;
  margin: 0 20px 20px 0px;
  min-height: 75px;
  padding: 0;
  width: 150px;
  text-align:center;
}

.tab li:first-child {
  margin-left: 0;
}
.tab ul li a {
  color: #333333;
  float: left;
  font-size: 14px;
  margin-left: 0;
  width: 100%;
}
.tab ul li:hover a span{
	color:#F6AF55;
}
.tab ul li a img{
	margin-right:0px;
}
span.left {
  float: left;
  margin-left: 0;
  margin-top: 35px;
  min-height: 67px;
  width: 100%;
}
span.right {
  float: right;
  margin-top: 5px;
  width: 100%;
}.tab li:nth-of-type(3n) {
    border-right: medium none;
}
/************ style for login page *******************/
.banner_admin{
	background:url('../img/result_banner.png') no-repeat;
	width:100%;
	float:left;
	padding:48px 0;
	text-align:center;
	color:#fff;
	font-size:32px;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0px;
	}

.footer{
	float:left;
	margin:0px;
	padding:20px 0;
	float:left;
	text-align:center;
	color:#bbbbbb;
	font-size:14px;
	width:100%;
	background:#222222;
}
.footer span{
	color:#F6AF55;
}
.login_section {
    float: left;
    padding:55px 0;
    width: 100%;
}
.form-group {
    margin-bottom: 15px;
}
/************* style for listing *****************/
#box{
	border:1px solid #E5E5E5;
}
table {
  border: 1px solid #cccccc;
  border-radius:5px 5px 0 0;
  float:left;
}
th {
  background: none repeat scroll 0 0 #333333;
  color: #ffffff;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 6px;
  text-align: center;
  font-family: 'OpenSansSemibold';
  text-align:left;
}
tr{
	border-bottom:1px solid #ccc;
}
tr:last-child{
	border-bottom:none;
}
td {

    padding: 5px 0;
}
tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #f9f9f9;
}
td {
  color: #555555;
  font-size: 13px;
  padding: 5px 10px;
  text-align:left;
}
.tab.list-contet img {
  margin: 0 2px;
}
.pgination {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: center;
    width: 100%;}

.pgination a {
    background: none repeat scroll 0 0 #D7D7D7;
    border: 1px solid #FFFFFF;
    box-shadow: 0 1px 2px #000000;
    color: #1D1D1D;
    font-family: 'RobotoBold';
    font-size: 12px;
    padding: 0 4px;
}
.payment {
  text-align: center;
}
td {
  border-bottom: 1px solid #cccccc;
  color: #555555;
  font-size: 12px;
  padding: 6px;
  text-align: left;
}
tr:last-child td{
	border-bottom:none;
}
.paginaton-div {
  background: none repeat scroll 0 0 #cccccc;
  border-radius: 0 0 5px 5px;
  float: left;
  padding: 3px 0 3px;
  text-align: center;
  width: 100%;
}
.paginaton-div li{
	display:inline-block;
}
.paginaton-div li a {
  background: none repeat scroll 0 0 #f9f9f9;
  border-radius: 2px;
  color: #333333;
  display: inline-block;
  font-size: 13px;
  padding: 2px 8px;
  margin:5px;
   font-family: 'OpenSansSemibold';
}
.paginaton-div a:hover,.paginaton-div li.active a{
	background:#F6AF55;
	color:#fff;
}
.form-left label {
  color: #333333;
  float: left;
  font-family: "OpenSansSemibold";
  font-size: 13px;
  margin-right: 10px;
  margin-top: 6px;
}
.search-box{
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
border-radius:3px;
border:1px solid #ccc;
padding:7px 10px;
font-size:13px;
color:#333;
outline:none;
}
.margin60 {
margin-left:60px;
margin-top: 13px;
}
.select select {
 background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
border-radius:3px;
border:1px solid #ccc;
padding:6px 6px;
font-size:13px;
color:#333;
width:100%;
outline:none;
}
.form-left {
  float: left;
  margin-bottom: 2px;
  width: 100%;
}
.submit-btn {
   background:  rgba(246,175,85); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,175,85,1) 0%, rgba(246,175,85,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,175,85,1)), color-stop(100%,rgba(246,175,85,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6AF55', endColorstr='#F6AF55',GradientType=0 ); /* IE6-9 */
  border: medium none;  border: medium none;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  padding: 6px 13px;
  font-family: 'OpenSansSemibold';
}
.submit-btn:hover{
	background: rgba(240,172,88); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,172,88,1) 0%, rgba(240,172,88,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,172,88,1)), color-stop(100%,rgba(240,172,88,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6AF55', endColorstr='#F6AF55',GradientType=0 ); /* IE6-9 */
}
.add-user {
  float: right;
}
.select {
  float: left;
  margin-right: 14px;
  width: 162px;
}
.form{
	float:left;
	width:69%;
}
.search-upper {
  margin-right: 10px;
  width: 165px;
}
.form-label label {
  color: #333333;
  display: block;
  font-size: 13px;
  text-align: left; float:left; width: 77%;
}
.form-label h6{ float:left;}
.form-label {
  float: left;
  padding-right: 13px;
  text-align: right;
  width: 223px;  margin-top: 6px;
}
.form-label-heding{ margin-top:0px; width:100%;  border-bottom: 1px solid #ccc !important;}
.form-row-heading{ padding:8px 0px 0px !important;}

.form-label-heding label b{ font-size: 14px;
    text-transform: uppercase; border-bottom: 2px solid #1abca1 !important; padding-bottom: 2px; float:left;
     position: relative; top:1px;}


.my_pro_main_cont div a {
    float: left;
    font-size: 13px; color: #34a3db; margin-right: 15px;
}

.tabel_col {
    width: 107px !important;
}

.my_pro_main_cont div a img{ margin-right: 5px;}

.state.New {
    margin-left: 0; color: #fff;
}


.new_comment{
    float: left;
    margin-bottom: 6px;
    width: 100%;
}

.state.Overdue {
    margin-left: 10px;
    margin-top: 4px;
}

.form-label.form-label-heding {
    padding-left: 0px;
}

.form-row-heading2 {
    margin-bottom: 22px;
    margin-top: 7px;
}

.input-field {
  float: left;
  width: 65%;
  position:relative;
}
.input-field .search-box {
  width: 66%; box-sizing: border-box; -moz-box-sizing: border-box; float:left;
}
.form-row {
  float: left;
  width: 100%;  padding: 19px 13px 0; height:72px;
}
.form-label span {
  color: #ff0000;
  display: inline-block;
  font-size: 13px;
  min-width: 7px;
}
.input-field label.radio {
  float: left;
  min-width: 81px;
}
.input-field label input[type=radio] {
  margin-right: 2px;
  position: relative;
  top: 2px;
}
.input-field label {
  color: #555555;
  float: left;
  font-size: 13px;
  margin-top: 8px;
  min-width: 57px;
}
.input-field .select {
  width: 100%;
}
.error-ms {
  color: #ff0000;
  font-size: 12px;
  left: 0;
  position: absolute;
}
p .error-ms-sel {
margin-top: 29px;
  color: #ff0000;
  font-size: 12px;
  left: 0;
  position: absolute;
}
.input-field .search-box{
position: relative;
}
.info_input{
position: relative;
}
/*--------edited---------------*/
.success-message-div {
  background: none repeat scroll 0 0 #eef6e7;
  border: 1px solid #afc483;
  border-radius: 5px;
  color: #555555;
  font-size: 13px;
  left: 0%;
  padding: 4px 8px 4px 5px;
  position: relative;
  top: -5px;
  width: 100%;
}.success-message-div span {
  color: #005801;
  font-family: "OpenSansSemibold";
  margin: 0 4px;
}
.error-message
{
    color:red;
    float: left;
    font-size: 12px;
    font-weight: normal;
    position: static;
    width: 100%;
}
.error-message-div {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.17);
    border: 1px solid red;
    border-radius: 5px 5px 5px 5px;
    color: red;
    font-size: 13px;
    left: 0;
    padding: 5px 8px 5px 5px;
    position: relative;
    top: -6px;
    width: 100%;
}
.error-message-div span{
	color:red;
}

/*-----------edited---------------*/
.error-message-div img{
	vertical-align:top;
}
.form-edit{
	float: left;
    margin-top: 22px;
    width: 100%;
}
.radio-row label {
  margin: 0;
}
/********* style for form *************/

.form_gp {
    padding: 20px;
    float:left;
}

.left_side {
    clear: left;
    float: left;
    margin-bottom: 34px;
    width: 187px;
}

.out_side {
    float: left;
    width: 467px;
}
.form_relative {
    float: left;
}

#box {
    border: 1px solid #E5E5E5;
    float: left;
    position:relative;
}

.left_side span {
    font-size: 14px;
}
.out_side .txt_field {
      background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 220px;}
.txt_field:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}


.err_msg_hidden {
    color: #FF0000;
    font-size: 12px;
}

.button_setting {
    clear: left;
    margin-left: 58px;
    padding-bottom: 0;
    text-align: center;
    width: 371px;
}
.btn_save{
	background: none repeat scroll 0 0 #F7901F;
    border: medium none;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    height: 33px;
    width: 107px;
    }
    .btn_save:hover {
    background: none repeat scroll 0 0 #989898;
}
.meassage_successful {
    background: none repeat scroll 0 0 #008000;
    color: #FFFFFF;
    font-size: 15px;
    padding:10px 0;
    position: absolute;
    top: 39px;
    width:100%;
    text-align:center;
}
.meassage_successful_login{
	background: none repeat scroll 0 0 #008000;
    color: #FFFFFF;
    font-size: 15px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: -79px;
    width: 100%;
}
.relative{
	position:relative;
}
.selected-act {
  display: none;
}
.tab ul li:hover .selected-act , .selected .selected-act{
  display: inline-block;
}
.tab ul li:hover .hidden ,.selected .hidden {
  display: none;
}
.selected a span {
  color: #F6AF55;
}
/*//////// new style for ///////*/
.bedcram li {
  color:#1ABCA1;
  float: left;
  font-size: 13px;
  padding:0 20px;
}
.bedcram li:first-child{
	padding-left:0px;
}
.bedcram a {
  color: #333333;
  font-size: 13px;
}
.bedcram a:hover{
	color: #34a3db;
}
.bedcram {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
.bedcram li + li {
  background-image: url("../img/bedcram.png");
  background-position: 0 5px;
  background-repeat: no-repeat;
}

.list-contet {
  border: 1px solid #e5e5e5;
  float: left;
  #min-height: 340px;
  padding: 10px;
  position: relative;
  width: 100%;
}
/* /// new header-style  /***/
.top-strip {
  background: none repeat scroll 0 0 #333333;
  float: left;
  height: 83px;
  position: relative;
  width: 100%;
}
.icon-after{
	float:left;
	position:relative;
	width:100px;
}
.icon-after:after{
	content: url("../img/arrow.png");
    left: 0;
    position: absolute;
    top:23px;
}
.contetn-loogo {
  float: left;
  width: 100%;
  margin-top: 43px;
}
.error {
    color: red;
    float: left;
    font-size: 13px;
}
.error_login {
  color: red;
    float: left;
    font-size: 13px;  height: 25px;
}
.message {color: red;
font-size: 12px;
font-weight: normal;
float: left;
width: 100%;
position: static;
margin-top: -19px;}

/*//////// new style for ///////*/
.bedcram li {
  color: #34a3db;
  float: left;
  font-size: 13px;
  padding:0 20px;
}
.bedcram li:first-child{
	padding-left:0px;
}
.bedcram a {
  color: #333333;
  font-size: 13px;
}
.bedcram a:hover{
	color: #34a3db;
}
.bedcram {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
.bedcram li + li {
  background-image: url("../images/bedcram.png");
  background-position: 0 5px;
  background-repeat: no-repeat;
}

.list-contet {
  border: 1px solid #e5e5e5;
  float: left;
  #min-height: 340px;
  padding: 10px;
  position: relative;
  width: 100%;
}


/********************************************/
.success {
    color: green;
    float: left;
    font-size: 13px;
    padding: 6px 0;
}

/***************Jan 29, 2015**************************/
#.sort_class, .sort_class.asc{background: url(../img/down_arrow.png) no-repeat right 4px;padding-right: 13px;}
#.sort_class.desc {background: url(../img/down_up.png) no-repeat right 4px;padding-right: 13px;}
a.sort_class{
color:#F6AF55;
}
a.sort_class:hover{
	text-decoration:underline; }
/****************************************************************/
div.breadcrumb {
float: left;
height: auto;
width: 100%;
margin-top: 0px;
/*margin-bottom: 14px;*/
box-sizing: border-box;
padding: 0px 0px 6px;
}

div.breadcrumb ul{ height:auto; width:100%; float:left;}
div.breadcrumb ul li{ height:auto; float:left; display: block; font-size: 12px;  color:#303030;}
div.breadcrumb ul li a{ color:#F6AF55; float:left;}
div.breadcrumb ul li a:hover{ color:#F6AF55; float:left; text-decoration:underline;}
div.breadcrumb ul span{ font-size: 12px; color:#303030; float:left; margin:0px 5px;}

.input-field a img {
    width: 22px; float: right;
}

.input-field a{ margin-top:5px;  position: absolute;}
.opt {    margin-bottom: 5px;}


.my_pro_main_cont_padig{ float:left; height:auto; width:100%; padding:15px;}
.my_pro_main_cont{ height:auto; width:100%; float:left; /*border:1px solid #eeeeee;*/}

.my_pro_main_cont ul{ float:left; width:100%;}
.my_pro_main_cont ul li{ float:left; display:block; width:100%; padding: 14px 0px; border-bottom:1px solid #eeeeee;height:44px}
.my_pro_main_cont ul li:last-child{ border-bottom:none; padding-bottom: 35px;}
.my_pro_main_cont ul li label{ float:left; width:135px; text-align:left; font-size:12px; color:#222222; padding-left: 15px;}
.my_pro_main_cont ul li span{ float:left; font-size:12px; color:#7a7a7a; margin-left:60px;}
.white{ background-color:#f1f1f1;}

.login span{ color:#1abca1;}
.adv_Search,.adv_Search1 {color:#1abca1;font-size:12px;float:right;margin-top: 7px;}
.search-upper1 { margin-bottom: 5px; width: 127px; margin-right: 10px;float:left}


.my_pro_main_cont ul li h6 {
    float: left;
}
select option {
    padding-left:3px
 }

.input_field2 {
    border: medium none;
    float: left;
    height: auto;
    margin-bottom: 12px;
    margin-top: 22px;
    width: 100%;
}

.form-row.search_grey{ background-color:#f1f1f1;}
.print { float: right;}
.print a {
    float: left;
    margin-right: 3px;
}



.mediumrisk {color:#0033CC;font-weight: bold;}
.highrisk {color:#ff9900;font-weight: bold;}
.veryhigh {color:#FF0000;font-weight: bold;}
.sel {width: 30% !important;   margin-right: 0px;
  margin-left: 14px;}
fieldset .head { font-weight: bold;}
.my_pro_main_cont fieldset {   margin-bottom: 15px;}
.event_link {color: #1abca1;}
.info_input_multicheck {margin-top:14px}
.check{
    float: left;
    margin-right: 4px;
    margin-top: 1px;
}
 .black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 180%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: absolute;
        top: 12%;
        left: 12%;
        width: 53%;
        height:auto;
        padding: 16px;
        border: 7px solid #1abca1 !important;
        background-color: white;
        z-index:1002;
        /*overflow: auto;*/
    }
    .pop-up { height: 75px;
    margin: 2px 0;
    width: 100%;}
    .white_content .form-row {padding:0 13px 2px !important}
   /* #light_pop {left:0%;width:75%}*/

.sel_div {
    float: right;
    margin-right: 0;
}
.input-field-pop{ margin-top:4px;}

.close_div {
    position: absolute;
    right: -13px;
    top: -15px;
    z-index: 9;
}

.close_div img {
    width: 25px;
}
.sel_div2 {
    float: left;
    margin-bottom: 3px;
    margin-top: -33px;
}
/*******************************************pop up start*****************************************************/
.admin_popup_main{ height:100%; width:100%; position:fixed; background-color:rgba(0, 0, 0, 0.75); z-index:99;top:0%;left:0px;display:none }
.admin_popup_base{ height:auto; width:45%; position:relative; top:0px; bottom:0px; left:0px; right:0px; padding:17px; background-color:#FFFFFF; border:10px solid #1abca1;
   margin: 0px auto; display:table; top:17%;}
.admin_pop_up_head{ height:auto; width:100%; float:left; border-bottom:2px solid #bebebe;   margin-bottom: 15px;   margin-top: -32px;}
.admin_pop_up_head h5{ float:left; width:auto; font-size:18px; text-transform:uppercase; border-bottom:2px solid #4b4b4b; padding-bottom:5px; position:relative; top:2px;}
.admin_pop_up_head h5 { font-family: "OpenSansSemibold";}
.admin_textbox1{ height:auto; width:100%; float:left;   margin-bottom: 10px;}
.admin_textbox1nomar{
	margin-bottom:0px !important;
	height:auto !important;
}
.admin_textbox1 label{ float:left; font-size:15px; color:#444444; width:100%;}
.admin_textbox1 textarea{ float:left; width:100%; height:90px; background-color:#f7f7f7; border:1px solid #cccccc; margin-top:3px; padding:10px;box-sizing: border-box;  -moz-box-sizing: border-box; }
.admin_textbox1 input{ float:left; width:100%; height:44px; background-color:#f7f7f7; border:1px solid #cccccc; margin-top:3px; padding:10px;box-sizing: border-box;  -moz-box-sizing: border-box; }
.admin_textbox1 input[type=submit]{ float:left;background: none repeat scroll 0 0 #34a3db;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding:10px 24px; border:none;width: 16%;}
.admin_pop_cros{ height:32px; width:32px; position:relative; top:-37px; right:-37px; border-radius: 50%;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.22); float:right;cursor: pointer}

/*******************************************pop up end*****************************************************/

.activity_link { color: #1abca1;padding: 0 3px;}
.state {
	padding: 3px 6px;
	color: #fff;
}

.state.New {
	background: #DB520D;
}

.state.Open {
	background: #35B51F;
}

.state.Resolved {
	background: #666;
}

.state.Closed {
	background: #1B96BA;
}

.state.Away {
	background: #7cb3ba;
}

.state.Overdue {
	background: #D62522;
	font-weight: normal;
	font-size: 10px;
	padding: 2px 3px;
	position: relative;
	top: -1px;
	opacity: 0.5;
}
/* Changes */

#changes {
	padding: 0;
	margin: 30px 0 0 0;
}

.change {
	border: 1px solid #ddd;
	padding: 0;
	margin: 0 0 1em;
	float:left;
	  clear: both; width: 100%;
}

.change .author {
	font-size: 12px;
	color: #777;
	text-align: right;
	background: #f4f4f4;
	padding: 5px 10px;
}

.change .content {
	padding: 1em;
	overflow: auto;
	   font-size: 14px;
}


.tickets.add.form form div {
	margin-bottom: 1em;
	padding: 0;
}
.activity {
    width: 100% !important;
}
.docs_name {
	font-size: 12px;


}
.docs_name a {color:#34A3DB}

/***************status colors on transaction page*****************/
.complete_status{color:#004C1A;font-weight: 900;}
.incomplete_status{color:#339966;font-weight: 900;}
.declined_status{color:#FF0000;font-weight: 900;}
.pending_status_20{color:#3333FF;font-weight: 900;}
.pending_status_25{color:#3366FF;font-weight: 900;}
.pending_status_30{color:#66CCFF;font-weight: 900;}
.cancel_status{color:#FF3333;font-weight: 900;}

/***************status colors ends*************************/

/************css for  page not found**************/

.not-found-main,{
  min-height: 500px;
}
.not-found-main-admin{
  background: url("../img/gray_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 400px;
   width: 76% ;
    float:left;
}
.not-found-inner {
  float: left;
  margin-top: 6%;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.not-found-inner > h3 {
  font-size: 26px;
  font-weight: normal;
}
.not-found-inner span {
  color: #46d633;
  font-weight: bold;
}
.not-found-inner .not-found-content {
  font-size: 40px;
  font-weight: bold;
  margin: 4%;
  text-transform: uppercase;
}
.not-found-inner .home-button > a {
  border: 3px solid #46d633;
  border-radius: 25px;
  color: #46d633;
  font-size: 17px;
  padding: 18px;
}
.not-found-inner .home-button > a:hover {
  background: none repeat scroll 0 0 #46d633;
  color: #fff;
}
.home-button {
  margin-top: 30px;
}

/******************page not found ends***************/


ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
    position: relative;
    line-height: inherit;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only {
    padding: .2em .5em .2em .5em;
}

ul.tagit li.tagit-choice-editable {
    padding: .2em 18px .2em .5em;
}

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type=text] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}



/*******************************************************************************************/

/* Optional scoped theme for tag-it which mimics the zendesk widget. */


ul.tagit {
    border-style: solid;
    border-width: 1px;
    border-color: #C6C6C6;
    background: inherit;
    font-size:13px;
     width: 100%;
       margin-bottom: 6px;
       overflow:hidden;
}

.ui-helper-hidden-accessible {
    display: none;
}
ul.tagit li.tagit-choice {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #CAD8F3;

    background: none;
    background-color: #DEE7F8;

    font-weight: normal;
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #555;
}
ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
    display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    background-color: #bbcef1;
    border-color: #6d95e0;
}
ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #222;
}
ul.tagit input[type=text] {
    color: #333333;
    background: none;
    border:none
}
.ui-widget {
    font-size: 1.1em;
}

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete { position: absolute; cursor: default; }
* html .tagit-autocomplete.ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.tagit-autocomplete.ui-menu .ui-menu {
    margin-top: -3px;
}
.tagit-autocomplete.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.tagit-autocomplete.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.tagit-autocomplete.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222;font-size:13px }
.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.tagit-autocomplete .ui-state-active  { border: 1px solid #aaaaaa; }

.tagit-autocomplete .ui-widget-content { border: 1px solid #aaaaaa; }
.tagit .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); }


/*******************************************************************************************/

.data-sub-btn{
	margin-left:11px;  background:  rgba(246,175,85); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,175,85,1) 0%, rgba(246,175,85,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,175,85,1)), color-stop(100%,rgba(246,175,85,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,175,85,1) 0%,rgba(246,175,85,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6AF55', endColorstr='#F6AF55',GradientType=0 ); /* IE6-9 */
  border: medium none;
  border: medium none;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  padding: 6px 13px;
  font-family: 'OpenSansSemibold';
}
.data-sub-btn:hover {
  background: rgba(240,172,88); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,172,88,1) 0%, rgba(240,172,88,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,172,88,1)), color-stop(100%,rgba(240,172,88,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,172,88,1) 0%,rgba(240,172,88,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6AF55', endColorstr='#F6AF55',GradientType=0 ); /* IE6-9 */
}
.full-width{
	width:100% !important;
}

/*********************  my div *******************/
.count_user_l{font-size:11px;margin-top:-8px;margin:0px;color:#9D9D9D;#padding:3px;letter-spacing: 1px;}
.count_user_r{float:right;font-size:12px;margin-bottom:2px;color:#555555;padding:28px 0 0px;vertical-align: bottom;}

#custom_wrapper{margin: 0 auto;max-width: 100%;width: 1000px;}
.header-main {float: left;height: auto;position: relative;width: 100%;}
header {background-color: #221D19;  float: left;  height: 83px;  width: 100%;}
.navi-main {  float: right;  height: auto;  margin-top: 27px;  width: 72%;}
.navi-main li { font-family: "OpenSansSemibold"; }
.navi-main li:after {
    font-size: 12px;
    padding: 0 2px;
    position: relative;
    top: -2px;
}
.navi-main li:last-child:after{
	content:"";
	padding:0px;
}
.navi-main li a:hover{
	text-decoration:underline;
}
.navi-main li a{
	font-family: "OpenSansSemibold";
	font-size:14px;
}


nav {  float: left;  width: 100%;}
nav ul {  float: left;  text-align: right;  width: 100%;}
nav ul li {  color: #C8C3BF; display: inline-block;  list-style: none outside none;  padding: 0 2px;}
nav ul li a {  color: #C8C3BF;  display: inline-block;  font-family: "OpenSansSemibold"; font-size:14px;}

.search_box_heading { float:left; width:100%; height:25px; }
.submit{ margin-bottom: 5px; }
.mand_fields{ float:right !important; color:red !important;}

.cus-err-ms{ position: relative !important; float:left; }
table {
  border: 1px solid #cccccc;
  border-radius: 5px 5px 0 0;
  float: left;
  margin-top: 5px;
}
.display-none{display:none;}
.count_user_rgt{ color: #555555;  float: right;  font-size: 12px;  vertical-align: bottom; margin-top: 14px;}
.float-left{float:left;}
.textarea{ height: 205px; margin-bottom: 10px;}
.textarea1{ height: auto; margin-bottom: 10px;}
#WorkcomparisonAfterwork{ height: auto;padding: 5px; }
#WorkcomparisonBeforework{ height: auto;padding: 5px; }
.subanchor{#cursor:pointer;}
.subanchor:hover {text-decoration:none !important;}
.small-search-box{width: 133px;margin-right: 5px;}
.count_user_l > h6{display: inline-block;
font-size: 10px;
font-weight: normal;
padding: 0 43px;}
.slot-form{width: 80% !important;}
.height-auto{height:auto;}
.full-width{width:auto;}
.view-bkng{ height:auto; padding: 4px 13px 12px;}
.img-icon {cursor:pointer;}

.input-field select{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	cursor:pointer;
	background: url("../img/dropdown.png");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: 98% center;

}

.select-li {  background: url("../img/arrow_list.png") no-repeat scroll 9px 11px #f6af55 !important;  color: #f3f3f3 !important; border-top:0px !important;}
#booking_pg > a:hover{
color:#f6af55;
}
#booking_pg > a{color: #555555; }
.usr-info > label > a {margin:0px;padding-left:10px;color:#f6af55;}
.viewbkng-input > input, .viewbkng-input > select {height: 33px;
  position: relative;
  top: 5px;
}
pre{font-family: "OpenSansRegular";}

/**********admin roles start******/
.role-parent{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.role-parent input{
  float: left;
    width: 30px;
}
.role-parent label{
  margin-top: -3px;
}
.perm-section {
    height: auto;
}
/**********admin roles end******/
.margin-top-32 {
  margin-top: -32px;
}
.work-detail .form-row{
  height: 125px;
}
.work-detail .input-field{
  max-height: 100px;
}
.template_detail label, .template_detail label table{
  max-width: 475px !important;
}
.template_detail .form-row.message{
  height: auto;
}
.content-detail .content {
  height: auto;
  padding-bottom: 20px;
}
.content-detail .content .input-field label {
  margin-top: 6px;
}
.log-section span.created {
    min-width: 90px;
    float: left;
}
.log-section span.ip {
    min-width: 80px;
    float: left;
}
.log-section span.name {
    min-width: 80px;
    float: left;
}
.log-section span.sno {
    min-width: 40px;
    float: left;
}
.log-section table tbody .log {
    font-family: OpenSansSemibold;
    font-size: 13px;
    opacity: 1;
}
.log-section table tbody .log a{
    color: #f6af55;
}
/************tree ************/
.role-parent::before {
    width: 1px;
    height: 100%;
    border-left: 1px dashed #999;
    content: "";
    position: absolute;
    left: 15px;
    top: 9px;
}
.role-parent {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}
.role-child-main {
    width: 100%;
    float: left;
    margin-bottom: 0px;line-height: 21px;
}
.role-child-main input {
    position: absolute;
    left: 0;
    top: 0;
}
.role-child-outer {
    width: 100%;
    float: left;
    position: relative; padding-left: 30px;  margin-top: 10px;
}
.role-child-outer::before {
    width: 1px;
    height: 100%;
    border-left: 1px dashed #999;
    content: "";
    position: absolute;
    left: 15px;
    top: -10px;
}
.role-child-outer .role-child {
    margin-bottom: 9px;
    width: 100%;
    float: left;position: relative;padding-left: 13px;line-height: 21px;
}
.role-child-outer .role-child input {
    position: absolute;
    left: -22px;top:0;width: 10px;
}
.role-child-outer .role-child::before {
    width: 22px;
    height: 1px;
    border-top: 1px dashed #999;
    content: "";
    position: absolute;
    left: -13px;
    top: 8px;
}
.role-parent:last-child::before{
display:none;
}
.role-child:last-child {
    margin-bottom: 0;
}
/************tree ************/
#others{
  position: relative;
}
ul.othersul {
    display: none;
}
.nav_top .othersul li:last-child {
  border-bottom:none;
}
.othersul {
    background: #333333 none repeat scroll 0 0;
    border-radius: 3px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 33px;
    width: 115px;display: none;
}

.nav_top .othersul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    float: left;
    padding: 0;
    width: 100%;
}
.nav_top .othersul li.active, .nav_top .othersul li.active a{
    background: #F6AF55;
    border-radius: 0px;
}
/*.nav_top .othersul li a:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(246, 175, 85) 0%, rgb(246, 175, 85) 100%) repeat scroll 0 0;
    border-radius: 0;
    width: 100%;
}*/
.nav_top .othersul li a:hover {
  border-radius: 0px;
}
.nav_top .othersul li a {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    padding: 7px 10px;
    width: 100%;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('https://lkp.dispendik.surabaya.go.id/assets/loading.gif') 50% 50% no-repeat rgb(249,249,249);