sxup { color: #fc0404; }
.sign-in-bg { background: url(../images/signinBg.jpg) no-repeat 0 0; width: 100%; height: 100%; background-color: #152243; float: left; }
.top-area { width: 100%; height: 180px; background: url(../images/top-transperent-bg.png) repeat; }
.salon { border-left: solid 1px #fff; margin: 37px 0 0 30px; }
.salon h1 { color: #f70670; font-family: 'Pacifico', cursive; padding: 0 0 0 30px; margin: 20px 0; }
.header-wrapper { width: 65%; margin: 0 auto; }
.logo-area { margin: 17px 0 0; }
.center-trans-bg { background: url(../images/top-transperent-bg.png) repeat; width: 635px; margin: 0 auto; padding: 12px 100px 20px; margin: 50px auto 0; }
.center-trans-bg strong { font-size: 24px; color: #f2f4f8; font-weight: normal; }
.loginInput input { margin-bottom: 15px; height: 40px; }
.center-trans-bg .btn-primary { background: #f70670; border: #f70670; outline: none !important; }
.center-trans-bg .btn-primary:hover { background: #da0965; }
.center-trans-bg small { font-size: 16px; color: #fff; }
.small-logo img { max-height: 49px !important; }
.thumb-outer .thumb { display: inline-block; margin: 6px 10px 0 0; width: 35px; }
.dashboardicon { background: url(../images/dashboard-icon.png) no-repeat 14px 15px; display: block; }
.dashboardicon:hover, .active { background-position: 14px -169px; background-color: #787275; color: #fff !important; }
.usermanagement { background: url(../images/usermanagement.png) no-repeat 14px 13px; display: block; }
.usermanagement:hover, .active2 { background-position: 14px -171px; background-color: #787275; color: #fff !important; }
.locmanagement { background: url(../images/locationManagement.png) no-repeat 14px 13px; display: block; }
.locmanagement:hover, .active3 { background-position: 14px -169px; background-color: #787275; color: #fff !important; }
.jobclassfication { background: url(../images/jobclassification.png)no-repeat 14px 13px; display: block; }
.jobclassfication:hover, .active4 { background-position: 14px -172px; background-color: #787275; color: #fff !important; }
.wagesCate { background: url(../images/wagesCate.png)no-repeat 14px 16px; display: block; }
.wagesCate:hover, .active5 { background-position: 14px -173px; background-color: #787275; color: #fff !important; }
.timeSheetentry { background: url(../images/enterTimeSheet.png)no-repeat 14px 12px; display: block; }
.timeSheetentry:hover, .active6 { background-position: 14px -171px; background-color: #787275; color: #fff !important; }
.viewtimesheet { background: url(../images/viewTimeSheet.png)no-repeat 14px 12px; display: block; }
.viewtimesheet:hover, .active7 { background-position: 14px -172px; background-color: #787275; color: #fff !important; }
.staffmanagement { background: url(../images/staffmanagement.png)no-repeat 14px 15px; display: block; }
.staffmanagement:hover, .active8 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.staff-perf { background: url()no-repeat 14px 15px; display: block; }
.staff-perf:hover, .active9 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.salon-banking { background: url()no-repeat 14px 15px; display: block; }
.salon-banking:hover, .active10 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.view-banking-run { background: url()no-repeat 14px 15px; display: block; }
.view-banking-run:hover, .active11 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.salon-tills { background: url()no-repeat 14px 15px; display: block; }
.salon-tills:hover, .active12 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.school-payments { background: url()no-repeat 14px 15px; display: block; }
.school-payments:hover, .active13 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-client-details { background: url()no-repeat 14px 15px; display: block; }
.report-client-details:hover, .active14 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-client-missing { background: url()no-repeat 14px 15px; display: block; }
.report-client-missing:hover, .active15 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-discounts { background: url()no-repeat 14px 15px; display: block; }
.report-discounts:hover, .active16 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-staff { background: url()no-repeat 14px 15px; display: block; }
.report-staff:hover, .active17 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-salons { background: url()no-repeat 14px 15px; display: block; }
.report-salons:hover, .active18 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-financial { background: url()no-repeat 14px 15px; display: block; }
.report-financial:hover, .active19 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-welcome-pack { background: url()no-repeat 14px 15px; display: block; }
.report-welcome-pack:hover, .active20 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-salon-audits { background: url()no-repeat 14px 15px; display: block; }
.report-salon-audits:hover, .active21 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-min-max { background: url()no-repeat 14px 15px; display: block; }
.report-min-max:hover, .active22 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-category-output { background: url()no-repeat 14px 15px; display: block; }
.report-category-output:hover, .active23 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-salon-ranks { background: url()no-repeat 14px 15px; display: block; }
.report-salon-ranks:hover, .active24 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-giftvouchers { background: url()no-repeat 14px 15px; display: block; }
.report-giftvouchers:hover, .active25 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-lish-sales { background: url()no-repeat 14px 15px; display: block; }
.report-lish-sales:hover, .active26 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-avg-spend-salon { background: url()no-repeat 14px 15px; display: block; }
.report-avg-spend-salon:hover, .active27 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-avg-spend-staff { background: url()no-repeat 14px 15px; display: block; }
.report-avg-spend-staff:hover, .active28 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.wage-calc { background: url()no-repeat 14px 15px; display: block; }
.wage-calc:hover, .active29 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-salpac-category-output { background: url()no-repeat 14px 15px; display: block; }
.report-salpac-category-output:hover, .active30 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-budget-tracking { background: url()no-repeat 14px 15px; display: block; }
.report-budget-tracking:hover, .active31 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-hourly-rate { background: url()no-repeat 14px 15px; display: block; }
.report-hourly-rate:hover, .active32 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.report-salpac-min-max { background: url()no-repeat 14px 15px; display: block; }
.report-salpac-min-max:hover, .active33 { background-position: 14px -170px; background-color: #787275; color: #fff !important; }
.whiteBg { background: #fff; border: solid 1px #ccc; margin: 0 0 30px 3px; padding: 20px; }
.tblBg { background: #fff; border: solid 1px #ccc; margin: 0 0 0 3px; }
.cust-form label, .cust-form2 label { padding-top: 5px; font-size: 13px; font-weight: bold; }
.cust-form { margin: 0 0 60px; }
.cust-form2 { margin: 0 0 40px; }
.submitBtn { margin-right: 19.5%; }
.tableHeader { padding: 10px; }
.tableSearch { border: solid 1px #ccc; }
.delete, .edit { float: left; }
.edit { margin-left: 10px; }
table.tGrid tr th { border: solid 1px #ccc !important; padding: 10px !important; }
table.tGrid tr td { color: #666 !important; }
table.tgrid2 tr th { background: #dfdfe1; border: solid 1px #ccc !important; padding: 10px !important; }
.reports h5 { float: left; padding: 0 60px 0 0; }
/*timesheet entry page css start*/
.calenderIcon { background: url(../images/calenderIcon.png) no-repeat 96% 4px; }
.username a { padding-bottom: 0 !important; }
/*.signout { padding: 0 !important; font-size: 11px; background: none !important; float: left; }*/
.signout { padding: 0 58px 0 0 !important; font-size: 11px; background: none !important; float: right; }
.btnMarginLeft { float: right; }
.smallWhiteBg { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; padding: 30px 20px; margin-bottom: 30px; }
.smallWhiteBgwidth { background: none repeat scroll 0 0 #fff; width:900px; border: 1px solid #ccc; padding: 30px 20px; margin-bottom: 30px; }
.smallWhiteBg2 { background: #fff; border: 1px solid #ccc; }
.smallWhiteBg2 h5 { padding-left: 10px; }
.borderNone { border: none !important; }
.user-management-block { background: #1d89cf; }
.dashboard-block { padding: 15px 15px 2px; cursor: pointer; }
.dashboard-block:hover { opacity: .9; }
.dashboard-block h5 { color: #fff; font-weight: bold; }
.icnBlock { min-height: 66px; }
.loc-management-block { background: #33c4c6; }
.mainrow { margin-bottom: 15px; }
.staff-management-block { background: #e33244; }
.job-classification-block { background: #0daed3; }
.wages-management-block { background: #ffb400; }
.time-sheet-entry-block { background: #33c4c6; }
.view-time-sheet-entry { background: #1d89cf; }
.paddingL0 { padding-left: 0 !important; }
.display-block { display: block; }
.center-trans-bg select.m-b { height: 40px; }
.review { width: 615px; padding: 10px; border-radius: 7px; }
.review h2 { color: #666; font-size: 20px; font-weight: 600; border-bottom: solid 1px #ccc; padding: 0 0 10px; margin: 0 0 15px; }
.reviewBlock { width: 50%; float: left; }
.rInnerblock { padding: 5px 0; width: 100%; }
.rLeft, .rRight { float: left; width: 47%; }
.rLeft label { color: #666; font-size: 12px; font-weight: bold; }
.clr { clear: both; }
.fRight { float: right !important; }
.rRight { float: right !important; }
.buttonArea { border-top: 1px solid #ccc; float: left; margin: 15px 0 0; padding: 15px 0; text-align: center; width: 100%; }
.btn-back { background-color: #676566; border-color: #676566; color: #fff; }
.fancybox-close { right: 10px !important; top: 9px !important; }
#chekingexist { background: none repeat scroll 0 0 red; }
.hide-calendar .ui-datepicker-calendar { display: none; }
.loc-mgm .form-control { width: 90%; }
ul, ol { list-style-type: none; }
.smallWhiteBg ul li { margin: 0 20px 0 0; display: block; float: left; width: 34%; }
.clr { clear: both; }
.smallWhiteBg ul { float: left; margin: 0; padding: 0; width: 100%; }
.lab-Width { width: auto !important; }
.subBtn { width: 90px !important; }
.subBtn btn { float: right; }
.lab-Width .control-label { line-height: 28px; }
.dropdown-toggle.signSlide { cursor: pointer; }
.dropdown-toggle.signSlide:hover { background: none; }
.center-trans-bg .m-b-lg { margin: 0; }
.popupOuter .modal-content { padding: 20px; }
.popupOuter .modal-content .modal-header, .popupOuter .modal-content .modal-body { padding: 0; margin: 0; }
.popupOuter .modal-content .modal-footer { padding: 25px 0 0; }
.popupOuter .modal-dialog { width: 650px; }
.popupOuter .modal-content .modal-body { padding: 15px 0 0; }
.popupOuter .modal-footer .btn-default { background: #676566; color: #fff; border-radius: 4px; padding: 6px 25px; }
.popupOuter .modal-footer .btn-danger { border-radius: 4px; padding: 6px 25px; }
.table-responsive2 { border: 1px solid #ddd; margin-bottom: 15px; width: 100%; overflow: hidden; }
.genBtn { float: left; }
.fileinput .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 40% !important;
}


#status_text_2 > a {
    cursor: pointer;
}
#status_text_2 {
    cursor: pointer;
}

.status_text > a{
    cursor: pointer;
}
.status_text{
    cursor: pointer;
}


/*====================mobile and tabs css start========================*/



@media only screen and (min-width:1024px) and (max-width:1600px) {
table.tGrid tr th { font-size: 12px; padding: 8px !important; }
.table-responsive { overflow: scroll; }
.tGrid { margin-bottom: 20px; width: 1300px !important; }
.btnMargin { margin-top: 15px; }
.paddingT15 { padding-top: 15px; }
.btn { -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; line-height: 1.42857; margin-bottom: 0; margin-right: 5%; padding: 6px; text-align: center; vertical-align: middle; white-space: nowrap; }
.center-trans-bg .btn { font-size: 18px; padding: 10px; }
.btn.btn-success.pull-right.submitBtn { margin-right: 20%; }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.logo-area img { width: 50%; }
.table-responsive { overflow: scroll; }
table.tGrid tr th { font-size: 12px; padding: 8px !important; }
.tGrid { margin-bottom: 20px; width: 1400px !important; max-width: 1000px; }
.btnMargin { margin-top: 15px; }
.paddingT15 { padding-top: 15px; }
.loc-mgm .form-control { width: 100%; margin-bottom: 10px; }
.btn.btn-success.subBtn { float: right; margin: 15px 0 0; }
.smallWhiteBg ul li { width: 100%; }
.subBtn { float: right !important; margin: 15px 0 0 !important; padding: 0; width: auto !important; }
.genBtn { float: right; margin: 15px 19% 0 0; }
}

@media (max-width: 767px) {
.header-wrapper { width: 100%; }
.top-area { height: 90px; }
.salon h1 { color: #f70670; font-family: "Pacifico", cursive; margin: 10px 0; padding: 0 0 0 30px; }
.logo-area { margin: 11px auto; width: 83%; }
.salon h1 { font-size: 20px; }
.salon { margin: 5px 0 0 30px; }
.center-trans-bg { width: 100%; padding: 0 20px; margin-top: 20px; }
.center-trans-bg strong { font-size: 15px; }
.center-trans-bg small { font-size: 12px; }
.whiteBg { padding: 0; }
.cust-form { margin: 0 0 15px; }
.submitBtn { margin-bottom: 15px; margin-right: 5.5%; }
.small-logo img { max-height: 35px !important; }
.paddingT15 { padding-top: 15px; }
.paddingL0 { padding-left: 15px !important; }
.tGrid { margin-bottom: 20px; width: 1400px !important; max-width: 1000px; }
.signout { margin: 6px 0 0; width: 100%; }
.loc-mgm .form-control { width: 100%; margin-bottom: 10px; }
.dataTables_filter { margin: 20px 0 0; }
.signout { display: block !important; }
.open b.caret { display: none; }
.reviewBlock { width: 100%; }
.smallWhiteBg ul li { width: 100%; }
.subBtn { float: right !important; margin: 15px 0 0 !important; padding: 0; width: auto !important; }
.pagination > li > a, .pagination > li > span { padding: 6px 7px; }
}

@media only screen and (min-width: 480px) and (max-width:767px) {
.logo-area img { width: 26%; }
.logo-area { float: none; margin: 11px auto; width: 73%; }
.popupOuter .modal-dialog { width: 95%; }
.genBtn { float: right; margin: 0 3.5% 15px; }
}

@media only screen and (min-width: 320px) and (max-width:479px) {
.logo-area img { width: 30%; }
.genBtn { float: right; margin: 0 6% 15px; }

.popupOuter .modal-dialog { width: 93%; }
}

@media (max-width:320px) {
.logo-area img { width: 30%; }
.top-area { height: 72px; }
.center-trans-bg { padding: 0 20px 54px; }
.popupOuter .modal-dialog { width: 93%; }
}
/*====================mobile and tabs css end========================*/


.active_user { cursor: pointer; }
.deactive_user { cursor: pointer; }

.coloured {
    color: green;
    font-weight: bold;
}