.loader_change img{width:50%;}
.profile-classic .panel-body{padding: 0;}
.panel-title{width:100%;}
.panel-body{padding: 15px;}
.member{margin-left:0;margin-right:0;}
.filter-row {margin-bottom: 15px;}
.filter-item { margin-bottom: 10px;}
.service-serchbox-bg{display: flex;column-gap: 20px;}
form label.error {
color:red!important;
}
form input.error {
border:1px solid red;
}
div.flash-message-success {
  color: white;
  background: none repeat scroll 0 0 #66cc66;
  padding: 10px;
}
div.flash-message-error{
  color: white;
  background: none repeat scroll 0 0 #D9534F ;
  padding: 10px;
}
.loading{background:url('../img/loader.gif') no-repeat center;}
.loading-back{position: relative;}
.loading-back:before{background:url('../img/loader.gif') no-repeat center;content:'';position: absolute;left: 0;right: 0;margin: 0 auto;text-align:center;width:60px;height:60px;z-index: 9px;top: 50px;}

.cart-div{min-height:148px;}
.holiday_div{color:#357ebd;}
.sickday_div{color:#800000;}

.datepicker .datepicker_input{
	font-size:14px;
	font-weight:500;
	border:0 none;
	background:url('../img/dateselect-arrow.png') no-repeat right center;
	cursor:pointer;
	text-align:center;
	width:100%;
}
#app_datepicker .datepicker_input{width:110px;font-size:16px!important;text-align:left;padding:5px 0px 0px 5px;}
.datepicker-dropdown {border-top: 0 none; box-shadow: none;	/*margin: 50px 0 0;*/ border-color: #ddd; /* width: 313px; */ padding: 5px 15px 15px; border-radius: 0; /*left: auto !important; right: 45px;*/}
.datepicker-dropdown table{/*border:0 none;*/width:100%;}
.event-agenda-content.rotate1 {background-color: #dedede;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.emp_select .btn.dropdown-toggle.selectpicker.btn-default{font-size:14px;font-weight:500;border:0 none;background: #fff url('../img/dateselect-arrow.png') no-repeat 96% center;cursor:pointer;text-align:center;width:100%;height: 53px;border-radius: 0; }
.emp_select .caret{border-left: none;border-right: none;border-top: none;display: none;}
.emp_select{width: 340px;float: left;}
.loader_change{float: left;width: auto;}
.loader_change .form-group{margin-top: -3px;}
/*.email_editor .note-editable {border: 1px solid #ddd !important;padding: 10px !important;}*/
.date_font_16{font-size: 18px;}
.header-menu #notifications-header li ul li{position: relative;}
.header-menu #notifications-header li ul li a.close-notification {display: none;}
.header-menu #notifications-header li ul li:hover a.close-notification {background: #fff none repeat scroll 0 0;color: #000 !important;display: block;height: 20px;position: absolute;right: 10px;text-align: center;top: 5px;width: 20px;}

.service-list h3{float: left;}

 .group-checkbox { padding:5px 0px;}
.group-checkbox .ui-checkbox { margin:0px;}
.group-checkbox .ui-checkbox .ui-btn { padding-left:25px;}

.print-btns .btn.btn-white{padding: 7px 16px;}

/* Harsh Css */
	#form_box{
		border: 1px solid #d3d3d3;
		min-height: 493px;
		max-height: 493px;
		overflow: auto;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background: #f7f7f7 none repeat scroll 0 0;
		position: relative;
	}
	#field_box{
		border: 1px solid #d3d3d3;
		min-height: 200px;
		position:relative;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	.control-box{
		background: #f5f5f5;
		padding: 0px;
		width:100%;
	}
	.control-box li {
		border-bottom: 1px solid #d3d3d3;
		cursor: pointer;
		display: block;
		padding: 10px 15px;
		cursor: move;
	}
	.control-box li:hover {
		background: #e7e7e7;
	}
	.element_box {
		border: 1px dashed #aaa;
		margin-bottom: 5px;
		padding: 15px;
		position: relative;
	}
	#form_box li {
		height: auto !important;
		padding: 5px;
		width: 100% !important;
	}
	.create-user{
		font-size: 0;
		height: 20px;
		position: absolute;
		right: 19px;
		top: -1px;
		width: 20px;
		background: #357ebd url('../img/edit-icon.png') no-repeat center center;
		background-size: 12px auto;
	}
	.remove-element {
		font-size: 0;
		height: 20px;
		position: absolute;
		right: -1px;
		top: -1px;
		width: 20px;
		background: #ef4040 url('../img/delete-icon.png') no-repeat center center;
		background-size: 10px auto;
	}
	.remove.btn.btn-danger {
		padding: 6px 14px;
	}
	.no-pad-left {
		padding-left: 0;
	}
	#form_box li.loader {
		/*background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;*/
		height: 100% !important;
		left: 0;
		padding-top: 219px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		display: none;
                background:url('../img/loader.gif') rgba(0, 0, 0, 0.5) no-repeat center;
	}
  /* Harsh Css end */

/* Harsh Css 03-11 */
.edit-client-upload-block .edit-client-img {
    position: relative;
}
.edit-client-upload-block .edit-client-img a img{
	background: #ddd none repeat scroll 0 0;
    margin: 5px;
    max-height: 180px;
    padding: 5px;
    cursor: pointer;
}
.edit-client-upload-block .edit-client-img a.remove_images {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    height: 18px;
    line-height: 16px;
    position: absolute;
    right: -3px;
    text-align: center;
    top: 0px;
    width: 18px;
    cursor: pointer;
}
.edit-client-upload-block .loader_change {
    float: left;
    left: 45px;
    position: absolute;
    top: 40px;
    width: auto;
    z-index: 1;
}
/* Harsh Css End 03-11 */
.app_edit{
height:20px;
overflow:hidden;
}
#report-unredeemed{
font-size:11px;}
#report-unredeemed th{font-size:11px;font-weight: bold;padding:2px 3px 2px 5px; text-align: left;}
#report-unredeemed h3{font-size:15px; font-weight: bold!important;}
#report-unredeemed h4{/*font-size:11px!important; */ font-weight: bold;}
#report-unredeemed td{padding:2px 3px 2px 5px; font-size:13px;}


#insurance_pdf{font-size:11px !important; font-family:"Open Sans",verdana,arial;}
#insurance_pdf th{font-size:11px;font-weight: bold;padding:2px 3px 2px 5px; text-align: left;}
#insurance_pdf h3{font-size:15px; font-weight: bold!important;}
#insurance_pdf h4{font-size:13px!important; font-weight: bold;}
#insurance_pdf td{padding:2px 3px 2px 5px; font-size:13px;}

.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}
.online td{background:#F4B643!important;}
.online:hover td{background:orange!important;}


/*css added by shadman on 13-11-2018 start*/
.wd-50{width: 50% !important}
/*css added by shadman on 13-11-2018 end*/
.pagination li.active{
  margin-top: 3px;
  font-weight: 900;
  padding: 0px 0px;
  background-color: #159077;
  padding: 6px 12px;
  color: white;
  border-radius: 3px;
}

.popover{
	background: #fff;
  border:1px solid;
  box-shadow:: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.pagination li.active a{
  padding: 0px 0px;
}
.position-relative {
	position: relative;
}
.position-absolute-btn {
	position:absolute;
	right:0;
	top:0;
}
/*.popover.fade.right.in {
	left: 0 !important;
	right: 0;
	top: 51px !important;
}
.agenda-contenter{
  position: relative;
}*/


@media (min-width: 768px) {
    #sidebar {display: block;}
}
@media screen and (max-width: 767px){
#sidebar{display:none;}
#sidebar.in{display:block;}
.appointment-easy-drop .bootstrap-select {width: 100% !important;}
/*css added by shadman on 13-11-2018 start*/
.wd-50{width: 100% !important}
/*css added by shadman on 13-11-2018 end*/
/*22062026*/
.input-group-addon {min-width: 90px;text-align: left;}
.btn{padding:5px 10px;font-size:11px;}
#product_general .force-table-responsive table td{white-space: normal!important;}
#product_general .force-table-responsive table td button{white-space: normal;}
#cashdesk .force-table-responsive table tr{display: block;}
#cashdesk .force-table-responsive table td{white-space: normal!important;}
#cashdesk .force-table-responsive table td button{white-space: normal;}
#software .force-table-responsive table tr{display: block;}
#software .force-table-responsive table td{white-space: normal!important;}
#software .force-table-responsive table td button{white-space: normal;}
#onlinebooking .force-table-responsive table tr{display: block;}
#onlinebooking .force-table-responsive table td{white-space: normal!important;}
#onlinebooking .force-table-responsive table td button{white-space: normal;}
#connection .force-table-responsive table tr{display: block;}
#connection .force-table-responsive table td{white-space: normal!important;}
#connection .force-table-responsive table td button{white-space: normal;}
.employee-calender-arrow-right .emp-panel-default{max-width: 295px;}
.employee-calender-select.employee-calender-arrow-right{max-width: 385px;}
.employee-calender-select.employee-calender-arrow-right.cale-week{max-width:210px!important;}
.emp_select{width: 160px;margin:0;padding:0;}
.emp_select .btn.dropdown-toggle.selectpicker.btn-default{height:35px;}
#appointment-index{margin:0 15px;}
html:has(.cale-week) .datepicker-dropdown {top: 86px !important;left: 13px !important;}
.service-serchbox-bg .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){min-width:auto!important}
.employee-calender-arrow-right.cale-week .emp-panel-default{max-width: 130px;height: 35px;margin-bottom:0!important}
.employee-calender.cale-week .panel-default .panel-body{padding:5px;}
.form-group.employee-calender-arrow{margin-bottom:0!important}
.cale-week .employee-calender-arrow #right-arrow,.cale-week .employee-calender-arrow #left-arrow{height: 35px;width: 25px;}
#appointment-index .print-export-btn{display: none;}
#appointment-index .wntext{display: none;}
.employee-calender{padding:0;}
#main-content { padding : 10px; }
.conn-emp-apple-google{padding:10px;}
.conn-emp-apple-google,.conn-emp-apple-google thead,.conn-emp-apple-google tbody,.conn-emp-apple-google th,.conn-emp-apple-google td,.conn-emp-apple-google tr {display: block;width: 100%;}
.conn-emp-apple-google thead {display: none;}
.conn-emp-apple-google tr {margin-bottom: 20px;border: 1px solid #ddd;border-radius: 8px;padding: 15px;background: #fff;}
.conn-emp-apple-google td {border-top: 1px solid #ddd!important;border-right: 0!important;border-left: 0!important;border-bottom: 0!important;position: relative;text-align: left;word-break: break-word;}
.conn-emp-apple-google td:before {left: 10px;top: 12px;width: 40%;font-weight: 600;white-space: normal;font-size:15px;}
/* Column Labels */
.conn-emp-apple-google td:nth-child(1):before {content: "Employee";}
.conn-emp-apple-google td:nth-child(2):before {content: "Synchronization with Google";}
.conn-emp-apple-google td:nth-child(3):before {content: "Synchronization with Apple";}
/* Buttons */
.conn-emp-apple-google .btn {width: 100%;margin-bottom: 8px;white-space: normal;}
.conn-emp-apple-google .btn-group.bootstrap-select {width: 100% !important;} 
}
/* end 22062026*/
@media screen and (max-width: 430px) {
    .emp_select {width: 130px;}
    .employee-calender-select.employee-calender-arrow-right.cale-week {max-width: 220px !important;}
    .employee-calender-arrow-right.cale-week .emp-panel-default {max-width: 160px;}
    .employee-calender-arrow-right .emp-panel-default {max-width: 275px;}
    .employee-calender-select.employee-calender-arrow-right {max-width: 350px;}
    .loader_change {float: left;width: 39px;margin: 0;padding: 0;height: 35px;line-height: 35px;text-align: center;}
    .cale-week .employee-calender-arrow{width: 60px;}
}
@media screen and (max-width: 390px) {
    .emp_select {width: 115px;margin: 0;padding: 0;}
    .employee-calender-select.employee-calender-arrow-right.cale-week {max-width: 215px !important;}
    .employee-calender-arrow-right.cale-week .emp-panel-default {max-width: 155px;}
    .employee-calender-arrow-right .emp-panel-default { max-width: 250px; }
    .employee-calender-select.employee-calender-arrow-right {max-width: 330px;}
}
@media screen and (max-width: 375px) {
        .employee-calender-arrow-right .emp-panel-default {max-width: 235px;}
        .emp_select { width: 115px;}
        .employee-calender-select.employee-calender-arrow-right.cale-week {max-width: 200px !important;}
        .employee-calender-select.employee-calender-arrow-right {max-width: 310px;}
        .employee-calender-arrow-right.cale-week .emp-panel-default {max-width: 140px;}
}

@media screen and (max-width: 360px) {
    .emp_select {width: 110px;margin: 0;padding: 0;}
    .employee-calender-select.employee-calender-arrow-right.cale-week {max-width: 190px !important;}
    .employee-calender-arrow-right.cale-week .emp-panel-default {max-width: 130px;}
    .employee-calender-arrow-right .emp-panel-default {max-width: 220px;}
    .employee-calender-select.employee-calender-arrow-right {max-width: 300px;}
}

@media screen and (max-width:320px){
/*.datepicker-dropdown{width:283px;left:20px!important;padding:0;border:0 none;float: left;}
.datepicker-dropdown table{border:1px solid #ddd;border-top:0 none;}*/
.emp_select{width:313px !important;float: none !important;}
.service-list h3{clear:both;width:100%;margin: 0px;}
.service-list a.bookservice{float: left;margin-bottom: 10px;}
.datepicker-width-control{margin:5px 0 0;}
.datepicker-width-control .datepicker td,
.datepicker-width-control .datepicker th{padding:4px 10px !important;}
/*css added by shadman on 13-11-2018 start*/
.wd-50{width: 100% !important}
/*css added by shadman on 13-11-2018 end*/
}

.ui-autocomplete.ui-menu{max-height:205px;overflow:auto}.ui-autocomplete.ui-menu .ui-menu-item{border-top:solid 1px #ccc}.ui-autocomplete.ui-menu .ui-menu-item:first-child{border-top:0 none}.ui-autocomplete.ui-menu .ui-menu-item a{-webkit-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;line-height:normal;padding:8px 10px;position:relative}.ui-autocomplete.ui-menu .ui-state-focus{background:transparent;border:0 none;margin:0!important;}.ui-autocomplete.ui-menu .ui-menu-item a:after{background:#ededed;content:'';position:absolute;left:0;top:0;width:0;height:100%;bottom:0;right:0;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:-1}.ui-autocomplete.ui-menu .ui-menu-item .ui-state-focus:after{width:100%}

/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }
.ui-autocomplete-loading { background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
    list-style:none;
    padding: 10px;
    margin: 0;
    display:block;
    /*width:227px;*/
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    /*width: 200px;*/

}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    margin: -1px;
}


.ui-menu-item {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

    .ui-state-active, .ui-state-hover {
        color: #ffffff;
        text-decoration: none;
        background-color: #0088cc;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        background-image: none;
    }

}

.datepicker-dropdown.datepicker th.prev, .datepicker-dropdown.datepicker th.next {color: #fff;}

@media screen and (max-width: 479px){
.datepicker-dropdown.datepicker td,
.datepicker-dropdown.datepicker th {padding: 4px 7px !important;}
.datepicker-dropdown {right: 44px;}
/*css added by shadman on 13-11-2018 start*/
.wd-50{width: 100% !important}
/*css added by shadman on 13-11-2018 end*/
	
/*.blog-result {padding: 0px !important;}*/
}
/*.employee-calender{padding: 0 15px;}*/

@media screen and (max-width: 400px){

/*css added by shadman on 13-11-2018 start*/
.wd-50{width: 100% !important}
/*css added by shadman on 13-11-2018 end*/
}
/*--- PS CSS START ---*/
.datepicker-dropdown{margin:0;padding:12px}
.datepicker .datepicker-days,.datepicker .datepicker-months,.datepicker .datepicker-years,.datepicker .datepicker-decades,.datepicker .datepicker-centuries{border:1px solid #eee;overflow:auto}.datepicker table{border:0 none;width:100%}.datepicker th.prev,.datepicker th.next{color:#fff}
/*--- PS CSS END ---*/

/*--- PS CSS FOR TOOTL TIP START ---*/
.popover hr{display: block;height: 1px;border: 0;border-top: 1px solid black;margin: 3px 0;padding: 0;}
.popover-content {
	color: black;	
	font-weight: 400;
}
/*--- PS CSS FOR TOOTL TIP END ---*/
.booked_services td{background-color : #d7ebf3 !important;}
.appointment-border-top,.manage_pre_time
{
	border-top:2px solid #888888;
}

#ProductSaveprodcutstockForm .stock-form::after,#ProductSaveprodcutstockForm .stock-form::before {
	content: "";
	display: block;
	clear: both;
}
#ProductSaveprodcutstockForm .modal-footer {
	margin-top: 0;
}
#ProductSaveprodcutstockForm .stock-form {
	padding-bottom: 0;
}
.background_red {
	background-color: #f2dede!important;;
}
.background_red td{
	background-color: #f2dede!important;;
}
.customer-notes .fa.fa-info {
	content: "\f129";
	color: #C75757 !important;
}
.customer-info-section {
	float: left;
	margin-top: 33px;
	margin-left: -11px;
	z-index: 999999;
	position: relative;
}
.customer-notes .fa.fa-info:hover {
	cursor: pointer;
}
.customer-notes{cursor: pointer;}
.cust-notes{
cursor: pointer;
display: block;
position: absolute;
background: white;
z-index: 9999;
border: 1px solid #ccc;
padding: 15px;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: none;
    opacity: unset;
}
.tooltip .tiptext {
    visibility: hidden;
    width: 250px;
    background-color: white;
    color: #000;
    text-align: center;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    text-align: left;
}
.tooltip .tiptext::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}
.tooltip:hover .tiptext {
    visibility: visible;
}

.tooltip.right .tiptext{
    top: -12px;
    left: 110%;
    white-space: pre-line;
}
.tooltip.right .tiptext::after{
    margin-top: -5px;
    top: 16%;
    right: 100%;
    border-color: transparent #2E2E2E transparent transparent;
}
.col-md-2.edit-client-div{width: 15.6%}
.noshow_request{width: 25%;}
.employee-updated{cursor: pointer;}
.employee-not-change{pointer-events: none;}
.selectpicker li.selected{background-color: #428bca; color: #fff;}

/**** responsive css starts  ******/

@media (max-width: 1021px) {
	.pull-right{padding-left: 0; padding-right: 2px;}
}

@media (max-width: 993px) {	
	#appointment-index .col-lg-2.pull-right .btn{padding: 7px;}
}

@media (max-width: 355px) {

    .employee-calender-select.employee-calender-arrow-right {
        max-width: 100%;
        padding: 0;
        gap: 5px;
    }

    .employee-calender-select > .col-lg-9 {
        flex: 1;
        width: auto;
        padding-right: 0;
        padding-left: 0;
    }

    .employee-calender-select > .col-lg-3 {
        flex: 0 0 70px;
        width: 70px;
        padding: 0;
    }

    #datepicker {
        width: 100%;
    }

    .datepicker_input {
        width: 100%;
        font-size: 14px;
        padding-right: 20px;
    }

    .employee-calender-arrow {
        display: flex;
        justify-content: space-between;
        width: 70px;
    }

}
@media (max-width: 768px) {
    .datepicker_input {
        width: 100%;
        min-width: 0;
        font-size: 14px;
    }
}

@media (min-width: 769px) {

      /* DATE BLOCK */
 
    #datepicker,
    .datepicker_input {
        width: 230px;   /* fixed width instead of stretching */
        min-width: 230px;
    }
}

@media (min-width:356px) and (max-width:546px) {

    /* DATE SECTION */
      #datepicker{
        width:100%;
    }

    .datepicker_input{
        width:100%;
        min-width:0;
        font-size:13px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        padding-right:20px;
    }

    /* ARROWS */
   
}

@media (min-width:356px) and (max-width:533px){
    .datepicker_input{
        font-size:12px;
        padding-right:12px;
    }

  
.client-detail-top .col-md-12 .row{margin-right:0; margin-left:0}
	
 #clients_index .tab-content{background-color: transparent; margin-left: 15px;}
#clients_index .btn-white, .client-detail-top .pull-right a{margin-top: 5px !important;}
	
}

@media (max-width: 517px) {

    /* Datepicker fills its column */
    #datepicker,
    .panel-body {
        width: 100%;
    }

    .datepicker_input {
        width: 100%;
        box-sizing: border-box;
        padding-right: 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 991px) {

    

    /* Group Name label and select */
    .filter-right .col-md-4 .col-md-5,
    .filter-right .col-md-4 .col-md-7 {
        width: 100% !important;
        float: none !important;
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .filter-right .col-md-4 .col-md-5 {
        margin-bottom: 8px;
    }

    /* Bootstrap select */
    .filter-right .bootstrap-select,
    .filter-right .bootstrap-select .dropdown-toggle {
        width: 100% !important;
    }

    /* Search */
    
    .filter-right .dataTables_filter input {
        width: 100% !important;
        margin-top: 5px;
    }
	
	/* Space below pagination dropdown section */
   

    
	
	/* Footer info text */
    .dataTables_info {
        width: 100%;
        float: none !important;
        text-align: center;
        margin-bottom: 15px;
        font-size: 13px;
    }

    /* Pagination container */
    .dataTables_paginate {
        width: 100%;
        float: none !important;
        text-align: center !important;
        margin-top: 10px;
    }

    /* Allow page buttons to wrap nicely */
    .pagination,
    .dataTables_paginate .pagination {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .pagination > li,
    .dataTables_paginate .pagination > li {
        display: inline-block;
    }
	
	div.dataTables_paginate ul.pagination{margin-bottom: 20px;}
	
	  .form-btn {
        float: none !important;
        clear: both;
        width: 100%;
        margin-top: 20px;
		  order: 2;
    }

    .pull-right.form-btn { float: none !important; clear: both !important; width: 100%; margin-top: 20px; }
	.client-detail-top { display: flex; flex-direction: column; }
	.page-title { order: 1; }
	.form-btn { order: 2; }
	.client-detail-top .form-btn { position: relative; }
}

@media (max-width: 767px) {

     .dataTables_paginate {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        overflow: hidden !important;   /* prevents outer scroll */
    }

    .dataTables_paginate .pagination {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
         justify-content: flex-start !important; /* important */
        margin: 0 auto;
        width: auto !important;
        padding: 0;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
		white-space: nowrap !important;
    }

    .dataTables_paginate .pagination > li {
      flex: 0 0 auto !important;
        float: none !important;
    }
	
	.table-responsive{overflow-x: auto;}
	
    /*.panel{padding-left: inherit;}*/
	
	 .client-details-img img {
        margin: 0 auto;
    }

    .page-title h3 {
        text-align: center;
    }
	
	[data-url*="cms/support"] #main-content,
    [data-url*="exportimports"] #main-content,
    [data-url*="maildot/maildot"] #main-content,
    [data-url*="salesgoals"] #main-content{
        padding: 10px;
    }
    [data-url*="cms/support"] #main-content .panel-body,
    [data-url*="exportimports"] #main-content .panel-body,
    [data-url*="maildot/maildot"] #main-content .panel-body
    {padding: 20px; }
	
	[data-url*="salesgoals"] .table-responsive .dropdown-menu{position: relative;}
	
	[data-url*="salesgoals"] .table-responsive h4{text-align: left !important;}
	
}

@media (max-width: 650px) {
    .dataTables_paginate .pagination li:nth-child(9),
    .dataTables_paginate .pagination li:nth-child(10) {
        display: none;
    }
}

@media (max-width: 550px) {
    .dataTables_paginate .pagination li:nth-child(7),
    .dataTables_paginate .pagination li:nth-child(8) {
        display: none;
    }
}

@media (max-width: 450px) {
    .dataTables_paginate .pagination li:nth-child(5),
    .dataTables_paginate .pagination li:nth-child(6) {
        display: none;
    }
	
	.dataTables_paginate {
        text-align: center !important;
    }

    .dataTables_paginate .pagination {
        display: inline-flex !important;
        float: none !important;
    }
	
	.pagination li{ margin-left: 0}
	
	#clients_index .tab-content{background-color: transparent; margin-left: 15px;}
	#clients_index .btn-white, .client-detail-top .pull-right a{margin-top: 5px !important;}
}

@media (max-width: 342px) {
    .dataTables_paginate .pagination li:nth-child(3),
    .dataTables_paginate .pagination li:nth-child(4) {
        display: none;
    }
}

@media (max-width: 479px) {
	
	.sidebar-hidden #sidebar {
	   width: 100%;
    position: relative;
    overflow-y: auto; /* not hidden */
		}
	

}

@media (min-width: 1200px) {
	.col-lg-3 {padding-left:0 !important;}
}