#successMessage {
    display:none;
}
#ErrorMessage {
    display:none;
}
#updatesuccessMessage, #rentsuccessMessage, #updaterentsuccessMessage, #updatedealssuccessMessage, #mechUpdatesuccessMessage, #BusinesstypesuccessMessage{
    display:none;
}
#updateErrorMessage, #rentErrorMessage, #updaterentErrorMessage, #updatedealsErrorMessage, #mechUpdateErrorMessage, #BusinesstypeErrorMessage {
    display:none;
}
tbody > tr > td {
	padding: 15px 5px 5px !important;
}
 thead > tr > th,{
  padding: 15px 5px !important;
}
.page-container .page-sidebar {
    width: 225px;
}
.business-hours {
background: #222; 
padding: 40px 14px;
margin: 0px;
position: relative;
}
.business-hours:before{
content: '';
width: 23px;
height: 23px;
background: #111;
position: absolute;
top: 5px;
left: -12px;
transform: rotate(-45deg);
z-index: -1;
}
.business-hours .title {
font-size: 20px;
color: #BBB;
text-transform: uppercase;
padding-left: 5px;
border-left: 4px solid orangered; 
}
.business-hours li {
color: #888;
line-height: 30px;
border-bottom: 1px solid #333; 
}
.business-hours li:last-child {
border-bottom: none; 
}
.business-hours .opening-hours li.today {
color: orangered; 
}
.heading {
  font-size: 25px;
  margin-right: 25px;
}

.fa {
  font-size: 25px;
}

.checked {
  color: orange;
}

/* Three column layout */
.side {
  float: left;
  width: 15%;
  margin-top:10px;
}

.middle {
  margin-top:10px;
  float: left;
  width: 70%;
}

/* Place text to the right */
.right {
  text-align: right;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
}

/* Individual bars */
.bar-5 { height: 18px; background-color: #4CAF50;}
.bar-4 { height: 18px; background-color: #2196F3;}
.bar-3 { height: 18px; background-color: #00bcd4;}
.bar-2 { height: 18px; background-color: #ff9800;}
.bar-1 { height: 18px; background-color: #f44336;}

/* Responsive layout - make the columns stack on top of each other instead of next to each other */
@media (max-width: 400px) {
  .side, .middle {
    width: 100%;
  }
  .right {
    display: none;
  }
}
.yol_ul{
  background: none!important;
}
.page-content-yol{
  height: auto!important;
}
.yol_widget{
font-size: 11px!important;
}
article
{
    width: 80%;
    margin:auto;
    margin-top:10px;
}
.thumbnail{

    height: 70px;
    margin: 3px;  
    float: left;
}
/*
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    display:none;
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    display:none;
}

table.dataTable thead .sorting_asc {
  background: none;
}
table.dataTable thead .sorting_desc {
  background: none;
}
table.dataTable thead .sorting {
  background: none;
}

span.arrow-hack {
    margin-left: 5px;
}
span.asc {
  background: url("../img/sort_asc.png") no-repeat center center;
}
span.desc {
  background: url("../img/sort_desc.png") no-repeat center center;
}
span.sort {
  background: url("../img/sort_both.png") no-repeat center center;
}*/

/*CSS Design  prince */
@media(max-width:767px){
.login-body.myloginform{
	margin-top:-0px;
}
label.control-label.shopphotos{
	margin-left:-12px !important;
}
.dropdown.bootstrap-select.selecttypebox{
	margin-bottom:9px;
}
.typefirst{
margin-left:72px !important;
}
.btn-group.bootstrap-select.select.selecttypebox{
	margin-bottom:19px;
}
.col-md-8.filterbutton{
	text-align:center;
}
div#demo1, div#demo2, div#demo3, div#demo4{
	text-align:center;
}	
.form-group.documentdeatils{
margin-left:-0px !important;	
}
.col-md-6.newpassword{
	margin-left:-0px !important;
}
}
.newformcontrol{
	background: rgb(231 239 253) !important;
}

a.btn.btn-link.btn-block.myforgotpassword{
 color: black;
  border: 0px;	
}
.myloginform {
background-color:white !important;
 margin-top:50px;
}

.myloginformtitle{
 color: black !important;
  text-align:center !important;	
}
button.btn.btn-info.btn-block.mylogin{
   background-color: #0079b9;
    border-color: #0079b9;	
	
}

button.btn.btn-info.btn-block.mylogin:hover, .btn.btn-info.btn-block.mylogin:focus, .btn.btn-info.btn-block.mylogin:active{
  background-color: #fe6100;
    border-color: #fe6100;	
}


.imagePreview.boximgpreview {
    width: 100%;
    height: 200px;
    background-position: center center;
    background:url("/yolmate-admin-portal/uploads/no_image1.jpg");
    background-color:#fff;
    background-size: cover;
    background-repeat:no-repeat;
    display: inline-block;
    box-shadow:0px -3px 6px 2px rgba(0,0,0,0.2);
}

.form-group.documentdeatils{
margin-left:100px;	
}

tbody {
    text-align: center;
}

input.selectall.checkall{
	margin-left:-15px;
}

/*.row [class^='col-xs-'],
.row [class^='col-sm-'],
.row [class^='col-md-'],
.row [class^='col-lg-'] {
  min-height: 1px;
  padding-left: 1px;
  /padding-right: 0px;/
}*/

a.fa.fa-star.pull-right, a.fa.fa-user.pull-right, a.fa.fa-edit.pull-right, i.fa.fa-trash.pull-right, a.fa.fa-eye.pull-right, .fa.pull-right{
	font-size: 15px !important;
}
.panel-body.ratingimg{
	padding:0px;
}
.col-md-12.ratingimg2{
padding:0px;	
	
}
.filterbutton{
  margin-left: -10px;
}
/*.fa.pull-right {
    margin-left: .1em !important;
}*/
.yolmate-tbody tr > td {
    padding: 15px 0px 5px !important;
}
.upperspace2 {
    margin-top: -16px;
}
thead.yolmate-th th{
	width: 113px !important;
	text-align:center !important;
  background-color: #e0e2e3 !important;
}
thead.yolmate-th tr,td{
font-weight: 600;
color: black;
}
.yolmate-table-new {
    border: 1px solid #ced8e3;
    margin-top: 8px;
}


i.fa.fa-plus.imgAdd.plusimg{
    font-size: 22px;
line-height:31px !important;	
	
}
span.fa.fa-star.reviewstar{
	color:#333 !important;
}
/*.fa-eye, .fa-star, .fa-edit, .fa-trash, .fa-heart, .newplus{
color:#33414e !important;
}*/
.btn-warning, .btn-info{
 margin-left: -0px !important;
}

a.fa.fa-user.members.pull-right{
color:#33414e !important;	
}

a.fa.fa-download.pull-right{
color:#33414e !important;	
}

a.fa.fa-download{
color:#33414e !important;
}

i.fa.fa-download.pull-right{
color:#33414e !important;	
}
   

/*.startdatediv{
	margin-left: 33px;
    width: 100%;
}

.startdatedivnew{
	 width:100%;
}*/
.icon-input-btn{
        display: inline-block;
        position: relative;
		
}
.icon-input-btn input[type="submit"]{
    padding-left: 20px;
	
}
.icon-input-btn .fa{
    display: inline-block;
    position: absolute;
    left: 0.65em;
    top: 30%;
}
/*li#mechanic_services {
    background: red;
}
li#mechanic_designation{
 background: #182129;  
}
li#mechanic_specialization{
  background: #182129; 
}*/

.newnavigation li > a:hover .fa,.newnavigation li > a:hover .glyphicon {
     color: #da5401 !important;
}
.newnavigation li.active > a .fa, .newnavigation li.active > a .glyphicon {
    color: #da5401 !important;
}

.newnavigation li > a:hover .fa,.newnavigation li > a:hover .glyphicon {
  color: #da5401 !important;
}
.yolmate-table-new > thead > tr > th, .yolmate-table-new > tbody > tr > th, .yolmate-table-new > tfoot > tr > th, .yolmate-table-new > thead > tr > td, .yolmate-table-new > tbody > tr > td, .yolmate-table-new > tfoot > tr > td {
    border-color: #d5dee7;
}
.x-navigation li > ul li > a:hover {
    background: #182129 !important;
    color: #FFF;
}
.x-navigation li > a:hover .fa,
.x-navigation li > a:hover .glyphicon {
   color: #da5401 !important;
}

.x-navigation.x-navigation-horizontal > li.active > a .fa,
.x-navigation.x-navigation-horizontal > li.active > a .glyphicon {
  color: #da5401 !important;
}

.x-navigation.x-navigation-horizontal > li > a:hover .fa,
.x-navigation.x-navigation-horizontal > li > a:hover .glyphicon {
  color: #da5401 !important;
}
.newnavigation li > ul li > a {
    color: #CCC;
    font-size: 12px;
    line-height: 19px;
    font-weight: 400;
    padding: 12px 10px;
    border-bottom-color: #23303b !important;
    background: #0d1217 !important;
}
.newnavigation li.xn-title {
    padding:0px 0px 0px;
}

.newnavigation li.active > a {
    background: #182129 !important;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.newnavigation li > a:hover {
    background: #3c6180 !important;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.panel-default .panel-heading, .panel-primary .panel-heading, .panel-success .panel-heading, .panel-info .panel-heading, .panel-warning .panel-heading, .panel-danger .panel-heading {
    background: #e0e2e3;
    border-color: #E5E5E5;
}
/*.newnavigation li > a:hover .fa, .newnavigation li > a:hover .glyphicon {
    color: #fe6100;
}*/

/*.newnavigation li.active > a .fa, .newnavigation li.active > a .glyphicon {
       color: #fe6100;
}*/

.btn-yol {
    background-color: #182129;
    border-color: #182129;
}

/*.btn-danger {
   background-color: #383838;
    border-color: #2d3945;
}*/

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-color: #2680eb !important;
    border-color: #2680eb !important;
}


ul.panel-controls > li > a {

   color: #434A54;
    border: 1px solid  #999;

}

.upperspace {
    margin-top: -37px;
}
.upperspace2 {
    margin-top: -16px;
}
.bottomspacing{
  margin-bottom: 25px;
}

.panel .panel-heading {
    padding: 2px;
}

.plusaddbutton2{
  margin-top: -29px;background-color: #3fbae4;border: none; padding: 8px 18px; color: white;
}
.plusaddbutton2:hover, .plusaddbutton2:focus {
   background-color: #3fbae4 !important;
}
