@font-face {
    font-family: 'notokr-thin';
    src: url('/Content/fonts/notokr-thin.eot');
    src: url('/Content/fonts/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/notokr-thin.woff2') format('woff2'),
         url('/Content/fonts/notokr-thin.woff') format('woff'),
         url('/Content/fonts/notokr-thin.ttf') format('truetype'),
         url('/Content/fonts/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-regular';
    src: url('/Content/fonts/notokr-regular.eot');
    src: url('/Content/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/notokr-regular.woff2') format('woff2'),
         url('/Content/fonts/notokr-regular.woff') format('woff'),
         url('/Content/fonts/notokr-regular.ttf') format('truetype'),
         url('/Content/fonts/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-bold';
    src: url('/Content/fonts/notokr-bold.eot');
    src: url('/Content/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/notokr-bold.woff2') format('woff2'),
         url('/Content/fonts/notokr-bold.woff') format('woff'),
         url('/Content/fonts/notokr-bold.ttf') format('truetype'),
         url('/Content/fonts/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: 'notokr-regular', sans-serif; font-size: 14px; }
html, button, input, select, textarea { font-family: 'notokr-regular', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'notokr-regular', sans-serif; }
p { margin: 0 0 10px; }
/*#header-top-bar { background-color: #000000; height: 37px; margin-top: -10px; }*/
#logo { float: left; padding-top: 10px;padding-left: 17px; font-size: 22px; }
#logo img { height: 30px; }
/*#nav-tabs { margin-bottom:0px; bottom: 0;margin-right: 14px;}
.ui-tabs-nav { margin-bottom: 0px;  }
.ui-tabs-nav li { list-style: none outside none; padding: 0; background-color : #F7F0EB; }
.ui-tabs-nav li a { color: #aaaaaa; outline: medium none; text-align: center; border-right: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; float: right;width: 94px; padding: 6px 0px;margin-top: 10px; text-decoration: none; -moz-border-radius: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;  }
.ui-tabs-nav li a i { font-size: 20px; }
.ui-tabs-nav li:last-child a { border-left: 1px solid #E8E8E8; }
.ui-tabs-nav li a:active, .ui-tabs-nav li a:hover { background-color: #eeeeee; }
.ui-tabs-nav li.active a { background-color: #1E92E0; color: #fff; }

.page-header-fixed .page-container { margin-top: 70px; }
.page-header.navbar { height: 70px; }*/
.tabbable-line > .nav-tabs {border-bottom: 1px solid #ddd}
.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a { font-size: 15px; }
.page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a { font-size: 13px; }
.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a { font-size: 15px; }
.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a { font-size: 15px; }
.note {margin:0px;padding: 10px;border: 1px solid #a0a0a0;}
/* Scheduler Main */
.scheduler-page { background-color: #364150;width: 100%;/*border-top: 1px solid #CCCCCC;*/ }
.scheduler-sidebar {width: 355px; position:fixed; top:50px; right:0; background-color: #364150; z-index: 98; }
.scheduler-sidebar h4 { font-size: 16px;font-weight: bold; /*background-color: #EFD4C2;*/border-bottom: 1px solid #cccccc; margin-right: 20px;padding-top: 5px;padding-bottom: 8px; margin-top: 0px; }
.scheduler-sidebar select { width: 160px; }
.scheduler-sidebar ul { list-style-type: none;margin: 0px;}

.scheduler-subpage-header { margin-bottom: 5px; padding-top: 5px; padding-bottom: 0px; padding-left: 0px;line-height: 14px; }
.schedulebook-datepicker { float: left;/* border: 1px solid #eeeeee;border-radius: 3px;*/}

.schedule-nav {display:inline-block; background:transparent; border:none;color:#898989;outline-color:transparent;}
.schedule-nav-header { display:inline-block; margin-left:60px; margin-right:60px; font-weight:600; }
.schedule-timeperiod { font-size:20px; color:#435770;}


#schedule-sidebar-tabs { margin-top: 20px; }
#comments { padding: 0px;background-color: #364150;border-top: none;padding-top: 15px;margin-right: 0px; border:none;}
#comment-input { margin-bottom: 10px; }
#comments-container-wrapper { background-color: #364150;overflow-y: hidden; }
#comments-container { padding: 5px; }
#comments-container .thumbnail { float: left;margin-right: 8px;}
#comments-container .thumbnail img { width: 32px; }
.scheduler-comment { margin-bottom: 10px;border-bottom: 1px solid #dddddd;padding-bottom: 10px; }
.comment-timestamp { color: #aaaaaa;font-style: italic; }
.activity-timestamp { color: #aaaaaa;font-style: italic; }
#comments-container .activity-container {color:#ffffff;}

#activity { padding: 5px;background-color: #ffffff;border: 1px solid #cccccc;border-top: none;padding-top: 15px; }

.scheduler-main-container hr { margin: 4px; }
#schedule-content { overflow-x: hidden;overflow-y: hidden; /*height: 980px;*/ }
.schedule-selected-date { font-weight: bold; }
/*#scheduleContent { min-width: 980px; }*/
/* End Scheduler Main */

/* Scheduler Daily */
.scheduler-employee-container { float: left; overflow: hidden; }
.scheduler-employee-container-header { /*height: 46px;padding-bottom: 10px;*/background-color: #ffffff; /*width: 200px; */overflow: hidden;  border-bottom: 1px solid #eeeeee; z-index: 1030;}
.scheduler-employee-container-header .thumbnail { float: left;margin-right: 8px; }
.scheduler-employee-container-header img { height: 32px;  }
.appointment-container { border: 1px solid #cccccc;width: 220px; height: 44px;font-size: 14px;}
.appointmenttime-container { width: 65px; height: 34px;padding: 3px;vertical-align: top;font-size: 12px;}
.appointmentslot-container { padding: 3px; height: 34px; }


.scheduler-storeslot-container { float: left; overflow: hidden; }
.scheduler-storeslot-container-header { /*height: 46px;padding-bottom: 10px;*/background-color: #ffffff; /*width: 200px; */overflow: hidden;  border-bottom: 1px solid #eeeeee; z-index: 1030;}


#search-result-table { width: 100%; }
.schedule-table { width: 100%;line-height: 18px; }

.price-display { font-size: 18px; }
.duration-display { font-size: 18px; }

/*
NotPurchased = 1,
TicketUsedButNotRedeemed = 2,
Refunded = 9,
Purchased = 10,
TicketUsedAndRedeemed = 11
*/
.purchasestatus_0_bg.today-shopcarts-shopcart {color: #333333;border-left: 8px solid #1caf9b; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}
.purchasestatus_1_bg.today-shopcarts-shopcart {color: #333333;border-left: 8px solid #62758c; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}
.purchasestatus_2_bg.today-shopcarts-shopcart {color: #333333;border-left: 8px solid #931DEF; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}
.purchasestatus_3_bg.today-shopcarts-shopcart {color: #333333;border-left: 8px solid #f71403; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}
.purchasestatus_5_bg.today-shopcarts-shopcart {color: #333333;border-left: 8px solid #f2b704; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}
.purchasestatus_10_bg.today-shopcarts-shopcart {color: #333333;border-left: 8px solid #02b09b; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}

.purchasestatus_0_bg.today-reservations-reservation {color: #333333;border-left: 8px solid #1caf9b; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}
.purchasestatus_1_bg.today-reservations-reservation {color: #333333;border-left: 8px solid #62758c; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}
.purchasestatus_2_bg.today-reservations-reservation {color: #333333;border-left: 8px solid #931DEF; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}
.purchasestatus_3_bg.today-reservations-reservation {color: #333333;border-left: 8px solid #f71403; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}
.purchasestatus_5_bg.today-reservations-reservation {color: #333333;border-left: 8px solid #f2b704; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}
.purchasestatus_10_bg.today-reservations-reservation {color: #333333;border-left: 8px solid #02b09b; background-image: linear-gradient(to bottom, #626E7C 0%, #626E7C 100%);}

.purchasestatus_0_bg .appointment-inner { /*background: #ED9C28;color: white;*/color: #333333;border-left: 8px solid #1caf9b; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff; }
/* purchase status = 1, unpaid */
.purchasestatus_1_bg .appointment-inner { /*background: #ED9C28;color: white;*/color: #333333;border-left: 8px solid #62758c; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff;}
/* purchase status = 2, partial payment */
.purchasestatus_2_bg .appointment-inner { /*background: #ED9C28;color: white;*/ color: #333333;border-left: 8px solid #931DEF; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff;}
/* purchase status = 3, late */
.purchasestatus_3_bg .appointment-inner { /*background: #ED9C28;color: white;*/color: #333333;border-left: 8px solid #f71403; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff;}
.purchasestatus_5_bg .appointment-inner { /*background: #ED9C28;color: white;*/ color: #333333;border-left: 8px solid #f2b704; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff;}
/*.purchasestatus_10_bg .appointment-inner { color: #333333;border-left: 8px solid #f2b704; background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%); }*/
.purchasestatus_10_bg .appointment-inner { /*background: #39B3D7;color: white;*/color: #333333;border-left: 8px solid #02b09b; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff; }
.purchasestatus_11_bg .appointment-inner { /*background: #39B3D7;color: white;*/ color: #333333;border-left: 8px solid #1caf9b; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff; }
.purchasestatus_class_bg .appointment-inner { /*background: #39B3D7;color: white;*/ color: #333333;border-left: 8px solid #67A322; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff; }

.purchasestatus_0_bg .diary-appointment-item-inner { /*background: #ED9C28;color: white;*/color: #333333;border-left: 8px solid #1caf9b; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff; }
/* purchase status = 1, unpaid */
.purchasestatus_1_bg .diary-appointment-item-inner { /*background: #ED9C28;color: white;*/color: #333333;border-left: 8px solid #62758c; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff;}
/* purchase status = 2, partial payment */
.purchasestatus_2_bg .diary-appointment-item-inner { /*background: #ED9C28;color: white;*/ color: #333333;border-left: 8px solid #ED9C28; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff;}
/* purchase status = 3, late */
.purchasestatus_3_bg .diary-appointment-item-inner { /*background: #ED9C28;color: white;*/color: #333333;border-left: 8px solid #f71403; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff;}
.purchasestatus_5_bg .diary-appointment-item-inner { /*background: #ED9C28;color: white;*/ color: #333333;border-left: 8px solid #f2b704; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff;}
/*.purchasestatus_10_bg .diary-appointment-item-inner { color: #333333;border-left: 8px solid #f2b704; background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%); }*/
.purchasestatus_10_bg .diary-appointment-item-inner { /*background: #39B3D7;color: white;*/color: #333333;border-left: 8px solid #02b09b; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff; }
.purchasestatus_11_bg .diary-appointment-item-inner { /*background: #39B3D7;color: white;*/ color: #333333;border-left: 8px solid #1caf9b; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff; }
.purchasestatus_class_bg .diary-appointment-item-inner { /*background: #39B3D7;color: white;*/ color: #333333;border-left: 8px solid #67A322; /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #f0f0f0 100%);*/ background: #ffffff; }



.purchasestatus_0_color{ color:#1caf9b; }
.purchasestatus_1_color{ color:#ffffff; }
.purchasestatus_2_color{ color:#931DEF; }
.purchasestatus_3_color{ color:#f71403; }
.purchasestatus_5_color{ color:#f2b704; }
.purchasestatus_10_color{ color:#02b09b; }
.purchasestatus_11_color{ color:#1caf9b; }


.yellowbg { background: #39B3D7;color: white; }
.greenbg { background: #edf0f2; /*#DFF2CD;*/ }
.redbg { background: #febed7; }
.graybg { background: #eeeeee; /*#dddddd;*/ }
.bluebg { background: #becafe; }
.clearbg { background: #f0f0f0; }
.clearbg .appointmentslot-container { color: #cccccc; }
.breakbg { background-color: #bbbbbb; }
.timeoffbg { background-color: #bbbbbb; }

.selectcustomerfirst-result-content-details { font-size: 16px; font-weight: bold;}

.schedule-details-table { width: 100%;border: 1px solid #cccccc; table-layout: fixed; border-left:none;border-right:none;}
.schedule-details-table th { border: none; }
.schedule-details-table td { border: 1px dotted #bbbbbb;height: 14px;line-height: 0px;font-size: 12px;}
.schedule-details-table td.schedule-details-time { width: 43px;padding-left: 2px; }
.schedule-details-table td.schedule-details-slot { color: #888888;text-align: center; }
.schedule-details-table td.schedule-details-slot:hover { cursor: pointer;background-color: #eeeeee; }
.schedule-details-table td.schedule-details-slot-nonactive { text-align: center; border: none; position: relative; }
.schedule-details-table tr td:first-child {border:none;color:#34495e; font-weight:bold;}
.blue_border { border-color: #02b09b !important; }

.schedule-employeedetails-table { width: 100%; table-layout: fixed; border-left:none;border-right:none;}
.schedule-employeedetails-table th { border: none; }
.schedule-employeedetails-table td { height: 14px;line-height: 14px;font-size: 12px;}
.schedule-employeedetails-table td.schedule-details-time { width: 43px;padding-left: 2px; }

.appointment-table { width: 100%; border: none; table-layout: fixed; }
.appointment-table td { height: 0px !important; overflow: visible; }
.appointment-table td.schedule-details-time { width: 43px;padding-left: 2px; }
.appointment-table td.schedule-details-slot-nonactive { vertical-align: top; }
.appointment-column-container { position: relative; display: block; box-sizing: content-box; }

.schedule-cell-highlighted { background-color: #F9F9E8; }
.hour-row { border-top: 2px solid #aaaaaa; }

.appointment { border: 1px solid #cccccc;border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;cursor: pointer; }
.appointment-inner { padding: 5px;overflow: hidden;/*line-height: 22px;*/ padding-bottom: 0px;}
.appointment-customer { margin-right: 10px;float: left; }

.employee-display { /*height: 60px;margin-bottom: 10px;*/ }
.employee-display img { height: 32px; }
.customer-display { float: left;padding-left: 20px;padding-top: 15px;border-left: 1px solid #dddddd;padding-bottom: 15px; width: 290px;}
.editappointment-customer-div { float: left;border-left: 1px solid #dddddd;padding-bottom: 15px; }
.editappointment-customer-div .customer-display { border-left: none; }
.edit-customer-in-appointment { padding-left: 20px; }

.edit-appointment-btn { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; width: 100%; pointer-events:auto; }
.edit-appointment-btn-with-notes { position: absolute;bottom: 5px;right: 5px;color: #b2b2b2; }
.edit-appointment-btn-with-notes i {margin-left:5px;}
.edit-appointment-btn-with-notes img {width:7px;}
.edit-appointment-btn-with-products { position: absolute;bottom: 5px;right: 5px;color: #b2b2b2; }
.edit-appointment-btn-with-products img {width:7px;}
.edit-appointment-gradient { background: url("/Content/images/grad10.png"); height: 10px; position: absolute; bottom:0; pointer-events: none; }
.edit-timeoff-btn { user-select: none; position: absolute; width: 100%; pointer-events: auto; }

.appointment-employee-title-div { width:50%; float:left; padding-left:15px; padding-top:10px; color:#cccccc; font-size:16px; }
.appointment-customer-title-div { border-left: 1px solid #dddddd; float: left; padding-left: 15px; padding-top:10px; color:#cccccc; font-size:16px; }

/* End Scheduler Daily */

/* Monthly Scheduler */
/*
.monthly-schedule-details-table { border: 1px solid #cccccc;width: 100%;}
.monthly-schedule-details-table td { vertical-align: top; height: 100px; border: 1px solid #cccccc;box-sizing: inherit; }
*/
.days_of_week_header .day { float: left;width: 14%;text-align: center;margin-bottom: 10px; color:#2b3643;}
.days_of_week_header .red-day {color:#ff4b38;}
.dayview-btn, .dayview-btn:hover, .dayview-btn:focus {color:#9ba0a3; text-decoration:none;}
.week { clear: left;display: table; width:100%;}
.week .weekly-day { width: 14%; border-right:1px solid #9ba0a3;border-top: 1px solid #9ba0a3;border-bottom: 1px solid #9ba0a3; display:table-cell;}
.week .day { width: 14%; border-right:1px solid #9ba0a3;border-top: 1px solid #9ba0a3; display:table-cell;}
.week .weekly-day:last-child {border-right: none;}
.week .day:last-child {border-right: none;}
.monthly-appointment { overflow: hidden; background-color: #00ffff;text-overflow: ellipsis;white-space: nowrap;height: 42px; }

.employeelegend-bg { width: 16px;height: 16px;border: 1px solid #cccccc;padding: 2px;float: left;margin-right: 5px;}
.employeebg-1 { background-color: #39B3D7;color: #ffffff; }
.employeebg-2 { background-color: #e99002;color: #ffffff;  }
.employeebg-3 { background-color: #43ac6a;color: #ffffff;  }
.employeebg-4 { background-color: #9C5BA0;color: #ffffff;  }
.employeebg-5 { background-color: #FB9F8C;color: #ffffff; }
/* End Monthly Scheduler */

/* Search Dialogs */
/*.employeecustomer-dialog-header { border-bottom: 1px solid #dddddd;margin-bottom: 20px; }
.employeecustomer-dialog-header-left { width: 50%;float: left;padding-top: 15px;padding-left: 15px;}
.search-dialog-maincontent { margin-top: 20px; }
.search-results { padding-left: 20px;padding-right: 20px; }*/
/* End Search Dialogs */

/* Search Dialogs */
.employeecustomer-dialog-header { border-bottom: 1px solid #dddddd;margin-bottom: 20px; }
.employeecustomer-dialog-header-left { width: 50%;float: left;padding-top: 15px;padding-left: 15px;}
.search-dialog-maincontent { margin-top: 5px; }
.search-results { padding-left: 20px;padding-right: 20px; height:65%; overflow:auto;}
/*.select-customer-btn:hover { background-color:#ccc; }*/
/* End Search Dialogs */

/* Survey*/
.survey-questions { font-family: 'Lato',sans-serif; padding: 10px 10px 10px 10px; margin-top: 50px}
.btn-editsubmitform {
    margin: 0 auto;
 }
.star-rating {
  line-height:32px;
  font-size:1.25em;
  cursor: pointer;
}
/*
.letter {margin-left: 20%; margin-right: 20%; padding: 10px 10px 10px 10px;}
div.brianrocks{margin-left: 35%; margin-right: 35%; padding: 10px 10px 10px 10px;}
.brian{margin-left: 30%; margin-right: 10%; padding: 10px 10px 10px 10px;}
*/
/* End Survey */


/* Customers */
.header-summary { width: 100%;margin-bottom: 20px; padding-left: 0px; text-align: center;}
.header-summary li { display:inline-block;vertical-align: middle; text-align:center;}
.header-summary-group-title { font-size: 13px;line-height: 20px; padding-bottom: 0px; color:#898989; font-weight:bold;}
.header-summary-group-details { font-size: 18px;line-height: 30px; color:#02b09b;}
.header-sub-summary { width: 100%;padding-left: 0px; text-align: center; list-style:none;}
.header-sub-summary li { display:inline-block;vertical-align: middle; text-align:center;}
.header-sub-summary-group-title { font-size: 15px;line-height: 20px; color:#898989; font-weight:bold;}
.header-sub-summary-group-details { font-size: 16px;line-height: 30px; color:#435770;}
.customer-type-chip-gold {
    color:#ffffff;
    font-size:9px;
    display: inline-block;
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    border-radius: 9px!important;
    background-color: #f71441;
}
.customer-type-chip-silver {
    color:#ffffff;
    font-size:9px;
    display: inline-block;
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    border-radius: 9px!important;
    background-color: #1fae9c;
}
.customer-type-chip-bronze {
    color:#ffffff;
    font-size:9px;
    display: inline-block;
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    border-radius: 9px!important;
    background-color: #435770;
}
.customer-sns-btn {margin-top:10px; width:80px;color:#435a6c; border:1px solid #435a6c;background:transparent;}

.search-sidebar { float: left; width: 180px;padding-bottom: 50px;padding-left: 15px; /*margin-top: 20px;*/ }
.search-sidebar h4 {font-size: 16px;font-weight: bold;  font-family: "Malgun Gothic";color: #555555; /*text-shadow: 0px 1px 1px #bbbbbb; *//*background-color: #EFD4C2;*/margin-top: 0px; }
.search-sidebar select { width: 160px; }
.search-sidebar ul { list-style-type: none;margin: 0px;padding: 0px;}
.searchresults-content { padding-bottom: 50px; }
.search-sidebar-group { margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #cccccc; }
.create-customer-btn { border: 1px solid #aaaaaa; padding-left: 8px; padding-right: 8px; padding-top: 3px; padding-bottom: 3px; border-radius: 25px; color: #aaaaaa; }
.searchpage-container { background-color: #F5F5F5; border: 1px solid #E3E3E3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 19px; }
.customercomment-container { margin-bottom: 15px;padding-bottom: 5px;border-bottom: 1px solid #eeeeee;}
.customercomment-container .thumbnail { float: left;width: 32px;margin-right: 10px;margin-bottom: 10px; }
.customercomment-content { margin-left: 40px; }
#customercomments-container { padding-top: 5px; }
.customeractivity-container { margin-left: 20px; }

.details-title { padding-bottom: 10px; }
.details-title-header { font-size: 18px; }
.details-tab { padding-top: 30px;padding-bottom: 50px;padding-left: 10px;padding-right: 10px; }
.customerdetails-credits-list { list-style-type: none;margin-left: 0px;padding-left: 0px; }
.customerdetails-credits-list li { margin-bottom: 5px; }

.selectreferrer-search .selectreferrer-search-btn > .btn { border-left-width:0;left:-2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: #ffffff;background-image: none; display: inline-block;height: 34px;}
.selectreferrer-search .form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-color: #cccccc; }
.selectreferrer-search .btn { border-color: #cccccc;outline: 0; height: 18px; }

.customerrating { color: rgb(223, 186, 73); }
/* End Customers */

/* Get Employees */
.employee-searchresult-list { list-style-type: none;margin-left: 0px;margin-top: 10px; padding-left: 0px; }
.employee-listitem { height: 92px;padding: 10px;border: 1px solid #dddddd;margin-bottom: 10px; }
.employee-photo { float: left; width: auto;/*width: 70px;*/margin-right: 20px; }
.employee-photo .thumbnail { height: 64px; }
.employee-details { float: left; }
.employee-searchresult-list .employee-info { float: left;width: 20%; }
.employee-searchresult-list .employee-membership-info { float: left;width: 150px;margin-right: 20px; }
/* End Get Employees */

/* Get Customer */
.customer-searchresult-list { list-style-type: none;margin-left: 0px;margin-top: 30px; }
.customer-listitem { height: 76px;padding: 5px; padding-left: 10px;border: 1px solid #dddddd;margin-bottom: 6px; }
.customer-details { float: left; }
.customer-searchresult-list .customer-info { float: left; width: 40%; margin-right: 20px; }
.customer-searchresult-list .customer-info i.fa { color: #555555; }

#customeractivity-container { margin-top: 20px; }
.details-actions { margin-top: 20px;margin-bottom: 30px; }
/* End Get Customer */

/* Announcement Details Page */
.comment-container { margin-bottom: 10px;border-bottom: 1px solid #dddddd;padding-bottom: 10px; }
/* End Announcement Details Page */

/* custom fields */
#customerfield-list { list-style-type: none;margin: 0px;margin-top: 20px; padding: 0px; margin-bottom: 50px;}
.customerfield-container {border: 1px solid #dddddd;padding: 12px;margin: 5px;background-color: #ffffff;cursor: move;height: 150px;width: 350px;float:left; position:relative;}
.customerfield-title {font-size:16px; font-weight:600; color:#34495e;} /*  width: 800px; */
.customerfield-options {font-size:13px;color:#898989;}
.customerfield-control {position:absolute; right:4%;bottom:10%;}
.editcustomfield-button > i, .deletecustomfield-button > i {font-size:20px!important;color:#898989;}
#custom-field-create-description {resize:none;}
.add-custom-field-removeoption-btn > i {font-size:25px!important;color:#898989;margin-top:8px;}
.edit-custom-field-removeoption-btn > i {font-size:25px!important;color:#898989;margin-top:8px;}

#main2col ul#employeefield-list { list-style-type: none;margin: 0px;margin-top: 20px; padding: 0px; margin-bottom: 50px;}
.employeefield-container { border: 1px solid #dddddd;padding: 8px;margin-bottom: 5px;background-color: #ffffff;cursor: move;height: 70px;}
.employeefield-title { float: left; }
/*
.customoption-edit-container { margin-bottom: 10px; }
.customoption-container { margin-bottom: 10px; }
*/
/* end custom fields */


/* Login Page */
.editor-label { float: left;width: 177px; padding-right: 10px;text-align: right; }
.editor-field { margin-bottom: 10px;text-align: left; }
#login-form fieldset legend { line-height: inherit; }
#login-form .alert { margin-bottom: 15px; }
/* End Login Page */

/* Dashboard */
/*.dashboard { float: left; border: 1px solid #d5d5d5; padding: 5px; }*/

/* Search */
.search-keywords-group .search-keywords-group-btn > .btn { border-left-width:0;left:-2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: #ffffff;background-image: none; display: inline-block;height: 34px;}
/*.search-keywords-group input[type=text] { width: 114px;height: 20px;border-right: 0px; }*/
#search-keywords { width: 170px;border-right: 0px;}
/* stop the glowing blue shadow */
.search-keywords-group .input-group-btn { display: inline-block; }
.search-keywords-group .form-control { display: inline-block; }
.search-keywords-group .form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-color: #cccccc; }
.search-keywords-group .btn { border-color: #cccccc;outline: 0; height: 18px; }
/* End Search */

/* POS add customer*/}
.addcustomer-dialog-maincontent { margin-top: 10px; }
.addcustomer-search-btn .addcustomer-search-btn > .btn { height: 34px;}
/* End of POS add customer*/

/* Duty Roster */
.workschedule-employee-details .thumbnail { float: left;width: 32px;height: 32px; margin-right: 10px;margin-bottom: 10px;}
#workschedule td { padding: 5px; }
.lunchbg { background-color: #eeeeee;}
.well {
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
    background-repeat: repeat-x;
    border-color: #DCDCDC;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

#workschedule .breadcrumb { margin-top: 0px;margin-left: 0px;padding-left: 0px;padding-top: 0px; }
/*
#workschedule #titleDate { 
    color: #004BCC;
}

#workschedule .datepicker-inline {
    border: 1px solid #808080;
}

#workschedule .datepicker {
    padding: 2px;
    font-size: 12px;
}

#workschedule #copyTemplate {
    margin-top: 10px;
}

#workschedule select { 
    width: 90px; 
}*/
/* End Duty Roster */


/* POS */
.pos-storeslot-container { float: left;border: 1px solid #dddddd;padding: 10px;margin-right: 5px;margin-bottom: 5px;width: 200px;height: 150px; }

#pos-createorder-main { float: left;width: 70%;position: relative; }
.pos-productservice-subheader { padding-top: 10px;padding-bottom: 10px; border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;}
.pos-productservice-container { height: 200px;border-right: 1px solid #dddddd;padding-top: 10px;overflow-y: scroll;}
.pos-productservice { float: left;width: 180px;height: 160px;margin-right: 10px;margin-bottom: 10px;border-radius: 5px;border: 1px solid #cccccc;padding: 10px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;}
.pos-productservice:hover { cursor: pointer;background-color: #eeeeee; }
.pos-productservice .thumbnail { border: none;margin-bottom: 5px;padding: 0px;padding-top: 5px;padding-bottom: 5px;}
.pos-productservice .thumbnail img { height: 40px; }
.pos-productservice-title { font-size: 16px;font-weight: bold; }
.pos-productservice-price { font-size: 14px;font-weight: bold; }
.pos-credits-container { height: 200px;border-right: 1px solid #dddddd;padding-top: 10px;overflow-y: scroll;}

.pos-product-container { height: 200px;border-right: 1px solid #dddddd;padding-top: 10px;overflow-y: scroll;}
.pos-addon-container { height: 200px;border-right: 1px solid #dddddd;padding-top: 10px;overflow-y: scroll;}

.pos-orderlist-container { position: relative;/*margin-left: 70%;*/float: left;width: 30%;/*border-right: 1px solid #dddddd;*/ }
.pos-orderlist-subheader { padding-top: 10px;padding-bottom: 10px;padding-left: 10px; border-bottom: 1px solid #dddddd; }
.pos-orderlist-container .btn-total { position: absolute;right: 0px; }
.pos-orderlist-container .btn-back { position: absolute;left: 0px; }
.pos-orderlist { overflow-y: scroll; border-bottom: 1px solid #dddddd; }
.pos-orderlist, .pos-orderlist-fromappointment { margin-left: 0px;padding-left: 10px; padding-right: 10px; list-style-type: none;font-size: 15px;font-weight: normal;}
.pos-orderlist-fromappointment  { padding-right: 25px; }
.pos-orderlist li { cursor: pointer; height: 65px; margin-top: 5px;margin-bottom: 5px;padding-top: 8px;border-bottom: 1px solid #dddddd; }
.pos-orderlist-fromappointment li { color: #387CB7; height: 70px; margin-top: 5px;margin-bottom: 5px;padding-top: 8px;border-bottom: 1px solid #dddddd; }
.pos-orderlist .thumbnail, .pos-orderlist-fromappointment .thumbnail { float: left;width: 48px;clear: left;margin: 0px;margin-right: 10px;border: 0px;padding: 0px; }
.pos-orderlist-title { float: left;width: 240px;font-weight: bold; }
.pos-orderlist-price { margin-left: 240px;text-align: right; font-weight: bold; }
.pos-subtotal { font-weight: bold;font-size: 16px;padding-left: 10px;padding-right: 10px; }
.pos-subtotal-amount { float: right; }
/*Done by Brian*/
.pos-orderlist-page { background-color: #ffffff;width: 100%;border-top: 1px solid #CCCCCC; }

.pos-orderlist-sidebar { float: left; width: 240px;padding-bottom: 50px;padding-left: 5px;height:100px;}
.pos-orderlist-sidebar h4 { font-size: 16px;font-weight: bold; /*background-color: #EFD4C2;*/border-bottom: 1px solid #cccccc; margin-right: 20px;padding-top: 5px;padding-bottom: 8px; margin-top: 0px; }
.pos-orderlist-sidebar select { width: 160px; }
.pos-orderlist-sidebar ul { list-style-type: none;margin: 0px;}
#main-pos-orderlist { margin-left: 246px; margin-right: 0px;margin-bottom: 50px;min-width: 750px; }

.pos-customer-details-credits { font-size: 15px; }
.pos-customer-details-tickets { font-size: 15px; }
/* End POS */

/* POS List */
.orders-main { padding-bottom: 100px;}
#pos-createorder-confirm-main { float: left;width: 70%; }
.pos-createorder-confirm-subheader { padding-top: 12px;padding-bottom: 13px;padding-left: 21px; border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;font-weight: bold;font-size: 20px;}
.pos-createorder-confirm-container { height: 200px;border-left: 1px solid #dddddd;padding-top: 10px;  position: relative;}

.pos-createorder-confirm-total {font-weight: bold;font-size: 28px; }
.pos-createorder-confirm-actionbtns {text-align: center; }
.pos-createorder-subtract-transaction-confirm-actionbtns{text-align: center;}

.pos-createorder-complete { margin-top: 100px;text-align: center;}
.pos-createorder-complete-details { margin-top: 50px;text-align: center;}
/* End POS List */

/* Purchase List */
.orders-total {margin-top: 10px;margin-left: 10px;margin-bottom: 10px; font-size: 16px;font-weight: bold;}
.orders-main table { font-size: 15px; }
.purchase_row_9 { background-image: linear-gradient(to bottom, #F0AD4E 0%, #EB9316 100%); background-repeat: repeat-x; border-color: #E38D13;color: #ffffff; }
.purchase_row_9 a.orderlist-link { color: #ffffff; }
.purchase_row_10 { background-image: linear-gradient(to bottom, #D9534F 0%, #C12E2A 100%); background-repeat: repeat-x; border-color: #B92C28; color: #ffffff; }
.purchase_row_10 a.orderlist-link { color: #ffffff; }
/* End Purchase List */

/* Activity */
.activity-container {margin-top:20px; margin-left: 10px;padding-bottom: 5px;border-bottom: 1px solid #2e3843;line-height: 22px; color:#34495e;}
.activity-title { margin-left: -20px;  }
/* End Activity */


/* Analytics */
.dashboard-sidebar h4 { font-size: 14px;font-weight: normal;   }
.dashboard-sidebar h4 i.fa { font-size: 17px; }

.analytics-title { font-size: 20px;margin-top: 20px;margin-bottom: 30px; }
.analytics-subtitle { padding-top: 10px;padding-bottom: 10px;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;color: #aaaaaa;margin-bottom: 27px; }
.analytics-content { padding-bottom: 50px; }
.analytics-filter { margin-top: 20px;margin-right: 20px;float: right; }

.customerrecency-daylabel-label { width: 120px;float: left;color: #aaaaaa;margin-bottom: 10px; }
.customerrecency-daylabel { float: left;width: 120px;font-size: 18px;font-weight: bold;}
.customerrecency-group1 .customerrecency-daylabel { color: #428BCA; }
.customerrecency-group2 .customerrecency-daylabel { color: #428BCA; }
.customerrecency-group3 .customerrecency-daylabel { color: #D9534F; }
.customerrecency-group4 .customerrecency-daylabel { color: #D9534F; }
.customerrecency-group5 .customerrecency-daylabel { color: #D9534F;  }

.customerrecency-numcustomers-label { color: #aaaaaa; margin-bottom: 10px;}
.customerrecency-numcustomers .progress { height: 30px; }
.customerrecency-numcustomers .progress-bar { line-height: 30px; }
.customerrecency-highlight { padding: 30px;width: 230px;text-align: center;position: absolute;right: -273px;top: -18px; }
.analytics-highlight { /*color: #B2D235;*/color: #428BCA; font-size: 60px;line-height: 60px; font-weight: bold;margin-bottom: 7px;}

.newrepeat-labels { border-bottom: 1px solid #cccccc;margin-bottom: 5px; }
.newrepeat-new-label { float: left; }
.newrepeat-repeat-label { float: right; }
.newrepeat-sublabel { color: #aaaaaa; }
.newrepeat-new-stats { float: left;font-size: 17px;font-weight: bold;margin-top: 5px; }
.newrepeat-repeat-stats { float: right;font-size: 17px;font-weight: bold;margin-top: 5px; }
.newrepeat-stats { margin-bottom: 80px; }

.storedaytime-content { padding-bottom: 40px; }
.storedaytime-labels { float: left; width: 130px; }
.storedaytime-day { float: left; width: 80px}
.storedaytime-slot { height: 28px;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff; }
.storedaytime-labels .storedaytime-slot { font-weight: bold; }
.storedaytime-slot-high2 { background-color: #1575AA; }
.storedaytime-slot-high1 { background-color: #348FCD; }
.storedaytime-slot-mid { background-color: #44AFD5; }
.storedaytime-slot-low1 { background-color: #6BB9DA; }
.storedaytime-slot-low2 { background-color: #becafe; }

.analytics-list-value { float: left; width: 100%;}
.analytics-bar {float: left; border: 1px solid #dddddd;height: 30px;  }
.analytics-bar-new { background-color: #1caf9a; } 
.analytics-bar-repeat { background-color: #CCCCCC; } 

.analytics-title {margin-top:0px!important;margin-bottom:0px!important}
.analytics-timeframe-settings {margin-bottom:30px;}
.analytics-timeframe-settings input {width:120px;padding:4px;}
.analytics-timeframe-settings select {width:120px;padding:5px; margin-left:10px;}
.analytics-timeframe-submit-btn {color:#ffffff; background:#02b09b; padding:7px 15px!important; margin-left:5px; width:80px!important;border:none;}

/* Resets */
.graph-container, .graph-container div, .graph-container a, .graph-container span { margin: 0; padding: 0; }
.graph-container, #tooltip, .graph-info a {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);
 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.graph-container {
    position: relative;
    width: 800px;
    height: 500px;
    padding: 20px;
 
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,.1);
}
 
.graph-container > div {
    position: absolute;
    width: inherit;
    height: inherit;
    top: 10px;
    left: 25px;
}
 
.graph-info {
    width: 590px;
    margin-bottom: 10px;
}

#tooltip {
    position: absolute;
    display: none;
    padding: 5px 10px;
    border: 1px solid #e1e1e1;
}

/* End Analytics */

.green-border-btn, .green-border-btn:hover, .green-border-btn:focus {color: #02b09b;background: #ffffff;padding: 8px 10px; width:30%; text-align:center;margin-left:0px!important;margin-right:5px;text-decoration: none; margin-bottom:15px;border:1px solid #02b09b;}

/* Settings Page */
.settings-page ul {margin-bottom: 10px; }
.settings-page ul a {color:#34495e; font-weight:bold; font-size:14px;}
.settings-page ul li { margin-bottom: 8px; }
.settings-section-container {border: 2px solid #ccc; padding:20px;margin-right:2%; margin-bottom:2%; width:45%;float:left;height:260px;}
.settings-section-title {margin-top:10px;}
.settings-section-title p:first-of-type {color:#02b09b; font-weight:bold; font-size:18px;}
.settings-section-title p:last-of-type {color:#898989;  font-size:13px;}
.settings-section-list {margin-top:10px;}
.general-searchresults-summary {font-size:18px; font-weight:bold;}
.general-searchresults-summary span {color:#02b09b;}



/* End Settings Page */


.selectize-input { min-height: 34px !important; }
.selectize-form-group .form-control { height: auto;border: none;box-shadow: none;padding-left: 0px; }
.selectize_service_title { font-weight: bold; }
.selectize_service_duration, .selectize_service_price { color: #aaaaaa; }
.selectize_product_title { font-weight: bold; }
.selectize_product_price { color: #aaaaaa; }
.selectize_customer_displayname { font-weight: bold; }
.selectize_customer_cellphone { color: #aaaaaa; }
.selectize_customer_notes { font-size: 12px; }
.selectize_program_title { font-weight: bold; }
.selectize_program_price { color: #aaaaaa; }


/* Work Schedule */
.modal-sort { width: 150px;}
.workschedule-header-list { list-style-type: none;margin: 0px;padding: 0px; }
.workschedule-header-list .employee-col {height: 45px; display: table; /*border: 1px solid #dddddd; */float: left;}
.workschedule-header-list .employee-row { width: 160px; display: table-cell; }
.workschedule-header-list .data-col { margin-left: 250px; }
.workschedule-header-list .days-row { display: table; table-layout: fixed; width: 99%; /*border: 1px solid #dddddd; */}
.workschedule-header-list .day-header-col { vertical-align: top; height: 20px; width: 14.28%; display: table-cell; /*border-right: 1px solid #dddddd;*/ text-align: center; }
.workschedule-header-list .day-header-col-today { color: #02b09b; }
.workschedule-header-list .day-subheader { color: #999999; font-size:11px;}

.workschedule-list { list-style-type: none;margin: 0px;padding: 0px;}
.workschedule-list li { clear: left; }
.workschedule-list .employee-col { height: 45px; display: table; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: none;float: left; }
.workschedule-list .employee-col-last { border-bottom: 1px solid #dddddd; }
.workschedule-list .employee-row { width: 250px; display: table-cell;padding: 6px 0px;}
.workschedule-list .employee-row .employee-photo { margin-right: 5px; margin-left: 3px; margin-top: 4px; }
.workschedule-list .employee-row .employee-photo .thumbnail { height: 32px;margin-bottom: 0px;padding: 2px; }
.workschedule-list .employee-row a { color: #02b09b; }

.workschedule-list .data-col { margin-left: 250px; }
.workschedule-list .days-row { display: table; table-layout: fixed; width: 99%; }
.workschedule-list .day-col { vertical-align: top; height: 55px; width: 14.28%; display: table-cell; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; }
.workschedule-list .day-col-last { border-bottom: 1px solid #dddddd; }
.workschedule-list .weekend-col { background-color: #ecf0f3; }
/*.workschedule-list .employee-col .thumbnail { height: 64px;float: left;  }*/

.workshift { border: 1px solid #cccccc;width: 100%;height: 55px;padding-top: 18px; padding-left: 0px; text-align: center; background-color: #ffffff; cursor: pointer; font-weight: bold; font-size:14px;}

.workschedule-employee-summary { color: #999999; font-size: 11px; }
.monthly-workschedule-table .employee-row { width: 250px; display: table-cell;padding: 6px 0px;}


.sp-replacer.sp-active { border-color: #dddddd; }
.sp-replacer { border-color: #dddddd; }
.sp-replacer:hover { border-color: #dddddd; }
.sp-container { border-color: #dddddd; }
.employee-row .employee-scheduled-icon {font-size:14px!important; margin-top:0px;margin-right:5px;}
.employee-row .employee-unscheduled-icon {font-size:14px!important; margin-top:0px;margin-right:5px;}
/* End Work Schedule */


/*AutomatedSMS Styling*/
.field-validation-error { color: #cc0000; }

.phonetextarealarge { height: 300px; width: 200px;  }

.smallphone-container { position: relative; height: 260px;background:#ffffff;}
.smallphone-container .phonetextarea {color: #333333; background:#e0f1fb; border:none;height:100%; margin-top:5px; margin:auto; display:table;overflow:auto;}
.smallphone-container .phonetextarea:focus { outline: none !important;  }

.smallphone-txt-container { height: 200px; color: #333333; background:#e0f1fb;padding:5px;}
.automatedsms-container { float: left; /*border-right: 1px solid #dddddd; border-radius: 3px; */padding: 20px; margin-right: 20px;}
.automatedsmstype-container {width:250px; background:#ffffff; float:left; margin-right:30px;margin-bottom:50px; border:1px solid #cccccc;}
.automatedsmstype-container div.checker  {margin-left:10px;}
.automatedsmstype-container-footer {background:#ffffff;height:120px;  position:relative;}
.automatedsmstype-container-footer .submit-btn {width:100%; position:absolute; bottom:0%;}
.automatedsmstype-container-footer select {padding:3px; margin-bottom:5px;}
.automatedsmstype-container-footer input {padding:3px; width:50px;line-height:19px;margin-bottom:2px!important;}
.automatedsmstype-container-footer p {margin-bottom:14px;}
.automatedsmscustom-container-footer {background:#ffffff;height:120px;  position:relative;}
.automatedsmscustom-container-footer .green-border-btn {width:49%; font-size:13px;background:#ffffff; color:#02b09b;border:1px solid #02b09b;}
.automatedsmscustom-container-footer .submit-btn {width:70%; position:absolute; bottom:0%;right:0%;}
.automatedsmscustom-container-footer select {padding:3px; margin-bottom:5px;}
.automatedsmscustom-container-footer input {padding:3px; width:50px;line-height:19px;margin-bottom:2px!important;}
.automatedsmscustom-container-footer p {margin-bottom:14px;}
.automatedsmscustom-container-footer .delete-custom-template-btn {color:red;position:absolute; bottom:0%;right:0%;}
.automatedsmstype-form-header {background:#02b09b; color:#ffffff;padding:5px;}
.automatedsmstype-form-quickfill {background:#f0f0f0;padding:12px 7px;}
.automatedsmstype-form-quickfill .btn-default {color:#02b09b;border:1px solid #02b09b; width:75px;background:transparent;}
.create-custom-template, .create-custom-template:hover, .create-custom-template:focus {width:250px; height:426px; float:left; border:2px dashed #02b09b;margin-right:30px;margin-bottom:50px;text-decoration:none; color:#02b09b; font-weight:bold; font-size:16px;}
.create-custom-template i {font-size:40px!important;margin-bottom:30px;}
#save-template-dialog .smallphone-txt-container {height: 204px;}
/*AutomatedSMS Styling*/

/* payroll style */
#payrollcol {margin-top: 20px; margin-left: 130px; margin-right: 10px;margin-bottom: 50px;min-width: 650px; background: #ffffff; line-height: 20px; } /*margin-left:200px; margin-right:14px; */
.payroll-sidebar { float: left; width: 130px;padding-bottom: 50px;/*margin-top: 20px;*/ } /* width: 200px;*/
.payroll-sidebar-group { margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #cccccc; }
.payrollcol_sidebar_col {margin-right: 14px;margin-bottom: 20px; padding-bottom: 10px; min-width: 250px; border: 1px solid #cccccc; background: #ffffff; border-radius: 6px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;line-height: 20px; }
.payroll_sidebar_header {color: #333; font-size: 16px; line-height: 23px; padding: 10px 15px; border-bottom: 1px solid #ddd; font-weight:300; white-space:nowrap; }
.payroll-info { /*color: #333; cursor: pointer; line-height: 35px; padding: 0 10px 0 15px; border-bottom: 1px solid #ddd; */}
.payroll-sidebar-cf {border-bottom: medium none;}
.button-edit-payroll {
    border-right: medium none;
    min-width: 50%;
    width: auto;
}
.button-close-payroll {
    border-left: 1px solid #ddd;
}
.button-kit.merged.white {
    color: #999 !important;
}
.button-kit.merged.last {
    border-right: medium none;
}

.button-kit.merged {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    border-right: 1px solid #ddd;
    box-shadow: none;
    display: table-cell;
    width: 50%;
}
.button-kit.white {
    /*background-color: #d9d9d9;
    background-position: 0 -300px;*/
    border-color: #c0c0c0;
    color: #666666 !important;
    text-shadow: 0 1px 0 #fff;
    text-transform: none;
}
.button-kit {
    box-sizing: border-box;
    cursor: pointer;
    font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
    font-weight: 400;
    padding: 0 9px;
    text-decoration: none;
}
.card-section {
    margin-bottom: 15px;
    border-radius: 4px;
    background: none repeat scroll 0 0 white;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
    overflow: hidden;
    padding: 0;
}
.user-section ul {
    overflow: auto;
}
.user-item.selected {
    background-color: #f1f9ff;
}
.user-item {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    padding: 10px 15px 10px 10px;
    margin-left:-40px;
}
.user-holder {
    list-style: none outside none;
    width: 141px;
}
#payrolltable th { background-color:#dcdbdb; font-weight:600; border: 1px solid #cccccc;}

.dynamic-icon {
    color: #999;
    cursor: pointer;
    float: right;
    /*display: none;    
    line-height: 40px;
    margin-right: 6px;*/
}
.dynamic-icon:hover {
    visibility:visible;
}
.addtimeCls {
    float:right;
}
/* end of payroll*/


.combodate select { padding: 6px 0px; border: 1px solid #ccc; }
.combodate select:last-of-type {width:46%!important;}

.table-striped > tbody > tr.attendanceActiveShift > td, .table-striped > tbody > tr.attendanceActiveShift > td.outtimeTd{ background-color: #c9e2b3; }
.attendanceActiveWorkshift { font-size: 9px; }





/* Header */
.clr{
	clear:both;	
}

.right_sec{
	display:inline-block;
	float:right;	
}

.top_rt_sec{
	/*background:#3f4a53;*/
	padding:15px;
	float:right;	
}
.top_rt_sec ul li {
    list-style: none;
    padding:8px 0px;
}
.top_rt_sec ul.top_rt-toplevel{
	margin:0;
	padding:0;	
}

.top_rt_sec ul li.top_rt-toplevel{
	color:#fff;
	font-size:14px;
	font-weight:300;
	list-style:none;
	display:inline-block;
	padding:0 5px;	
}

ul.nav_sec{
	margin:0px;
	padding: 0px;
	display:inline-block;	
    height:100%;
    font-size:0px;
}

ul.nav_sec li{
    line-height:40px;
    height:100%;
	display:inline-block;
	background:#2b3643;
	padding:5px 12px;
	font-size:15px;
	/*-webkit-border-top-left-radius: 5px!important;
	-webkit-border-top-right-radius: 5px!important;
	-moz-border-radius-topleft: 5px!important;
	-moz-border-radius-topright: 5px!important;
	border-top-left-radius: 5px!important;
	border-top-right-radius: 5px!important;*/
	position:relative;	
}
/*ul.nav_sec li .h_arrow{
	display:none;
	position:absolute;
	left:0;
	bottom:-11px;	
}*/
ul.nav_sec li i{
	font-size:17px;
    color:#02b09b;
}


/*ul.nav_sec li.active .h_arrow{
	display:block;	
	color:#fff;
}*/


ul.nav_sec li a{
	color:#eee;
	display:block;	
}

ul.nav_sec li a em{
	display:inline-block;
	float:left;	
}

ul.nav_sec li a span {
    display: inline-block;
    float: left;
    margin-top: -2px;
    padding:2px 0 2px 0px;
}

/*ul.nav_sec li:hover{
	background:#02b09b url("../img/hover_arrow.png") no-repeat scroll left bottom;	
}*/

ul.nav_sec li.active{
	background:#ffffff;	
}
ul.nav_sec li.active a{
    color:#02b09b;
}

ul.nav_sec li a:hover{
	text-decoration:none;	
}

.page-header.navbar {
    /*height: 86px;*/
    min-width:1000px;
    height:50px!important;
}
.page-header-fixed .page-container {
    margin-top: 40px;
    min-width:1200px;
}
.page-header-fixed .page-container-promotion-only {
    margin-top: 46px;
}

.right_sec a { color: #ffffff; }

#nav-separator {padding:0px!important; border-left:1px solid #141b25;height: 34px!important;display: inline-block;margin:8px 0px;}
/* End Header */



/* Forms */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { margin-bottom: 0px; }
select { padding: 7px; }
input, .form-control { padding: 5px; }
input[type="radio"], input[type="checkbox"] { margin: 0px;margin-right: 3px; }
.form-horizontal { margin-top: 20px;padding-left: 20px; }
.form-horizontal .form-group { margin: 0px;margin-bottom: 10px; }
legend { padding-bottom: 5px; }
.radio-inline, .checkbox-inline { cursor: auto;padding-left: 0px;padding-top: 0px; }
.form-group-custom-checkbox { margin-top: 15px; }
label, .control-label, .help-block, .checkbox, .radio { font-size: 13px;/*font-weight: bold; */}
.form-section-header { font-weight: bold;font-size: 15px;margin-bottom: 10px; margin-left: 13px;}
.form-separator { margin-top: 5px; margin-bottom: 5px; /*margin-bottom: 15px;*/ }
.form-actions { margin-bottom: 10px;text-align: right;padding-right: 30px; }
.form-actions-last { margin-bottom: 60px;text-align: right;/*padding-right: 30px; */}
.input-validation-error { border-color: #f04124; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

/*.form-group { margin-top: 8px;margin-bottom: 7px; }*/

.schedule-tableinput[type=checkbox] { margin-right: 5px; }

.required-field { color: #cc0000; }
/*
.form-group { margin-top: 10px; }
.form-group label { width: 240px;float: left; }
.form-input { margin-left: 240px;padding-left: 10px; }
*/
.dropdown-menu { font-family: "notokr-regular"; }
/* End Forms */


.card-section { font-family: "notokr-regular"; }




.subpage-submenu { list-style-type: none;margin: 0px;padding-right: 10px;}


.appointment-inner { font-size: 12px; }

.employee-list-table .thumbnail { margin-bottom: 0px; }



/*Additional addings*/
.additional-info {font-size: 11px}

.selection-helper-label { margin-top: 5px; }
.selection-helper-label, .selection-helper-label a { color: #ffffff; }
.condition-helper-label { margin-top: 5px; }
.condition-helper-label, .condition-helper-label a { color: #ffffff; }



.dashboard-workschedule-item { margin-bottom: 10px; }
.dashboard-workschedule { padding: 3px; background-color: #40BEE9; color: #ffffff; }



.dashboard-workschedule { padding: 3px; background-color: #ffffff; color: #999999; text-align: center; border: 1px solid #cccccc; }
.dashboard-workschedule-active { background-color: #40BEE9; color: #ffffff; text-align: center; }

/*.page-container-bg-solid .dashboard-page-content { background: #cccccc; } */
.dashboard-page-content .portlet > .portlet-title { border-bottom: none; margin-bottom: 0px; }
.dashboard-page-content .portlet-title { color: #2b3643 }



.popover { font-family: 'notokr-regular', sans-serif; font-size: 14px; }


/*Tags*/
.edittags_service, .edittags_product, .edittags_addon {
    float: left;
}

.tags {
    width: 100%;
    height: 30px;
}

.tag-table {
    margin-top: 30px;
}

.modal-footer { margin-top: 20px; }

.label { font-family: 'notokr-regular', sans-serif; }



/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/*@media only screen and (max-width : 320px) {
    .page-header.navbar { height: 50px; }
    #logo { padding-top: 5px; }
    #logo img { height: 36px; }

    .nav_sec {  display: none;  }
    .right_sec { display: none;  }
    .col-sm-6 { padding-right: 0px; }
    .col-sm-12 { padding-right: 0px; }
    .menu-mobileonly { display: block; }
    .nav-left-container {display:none;}
}*/

/* Custom, iPhone Retina */ 
/*@media only screen and (min-width : 320px) {
    .page-header.navbar { height: 50px; }
    #logo { padding-top: 5px; }
    #logo img { height: 36px; }

    .nav_sec {  display: none;  }
    .right_sec { display: none;  }
    .col-sm-6 { padding-right: 0px; }
    .col-sm-12 { padding-right: 0px; }
    .menu-mobileonly { display: block; }
    .nav-left-container {float:left;height:100%; display:none;}
}*/

/* Extra Small Devices, Phones */ 
/*@media only screen and (min-width : 480px) {
    .page-header.navbar { height: 50px; }
    #logo { padding-top: 5px; }
    #logo img { height: 36px; }
    .nav-left-container {float:left;height:100%; display:none;}
    .nav_sec {  display: none;  }
    .right_sec { display: none;  }
    .col-sm-6 { padding-right: 0px; }
    .col-sm-12 { padding-right: 0px; }
    .menu-mobileonly { display: block; }
}*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .page-header.navbar { height: 50px; }
    /*#logo { padding-top: 5px; }
    #logo img { height: 36px; }
    .nav-left-container {float:left;height:100%; display:none;}
    .nav_sec {  display: none;  }
    .right_sec { display: none;  }
    .col-sm-6 { padding-right: 15px; }
    .col-sm-12 { padding-right: 15px; }
    .menu-mobileonly { display: block; }*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .page-header.navbar { height: 50px;; }
    .page-header-promotion-only.navbar { height: 46px; }
    #logo { padding-top: 7px; }
    #logo img { height: 30px; }
    .page-header-promotion-only #logo { padding-top: 4px; }
    .page-header-promotion-only #logo img { height: 38px; }
    .page-header-promotion-only .top_rt_sec { padding-top: 11px; }
    .nav-left-container {float:left;height:100%; display:block;}
    .nav_sec {  display: block;  }
    .right_sec { display: block;  }
    .col-sm-6 { padding-right: 15px; }
    .page-sidebar .page-sidebar-menu > li.menu-mobileonly { display: none; }
    .page-sidebar.navbar-collapse {padding-top:40px;}
    .page-header.navbar.navbar-fixed-top {min-width:1233px; /*min-width: 1330px; */}
}


.align-right { text-align: right; }
.align-center {text-align:center;}
.table-thumbnail .thumbnail { width: 32px; margin-bottom: 0px; }

.selectize-dropdown, .selectize-input, .selectize-input input { font-family: 'notokr-regular', sans-serif; padding:8px;}
/*.modal { width: auto; }
.modal-dialog { width: auto; }*/
.page-title { font-size: 20px; font-weight:600;}

.modal-header h4 { font-size: 18px; color: #34495e; }
.select-details-customer-link { font-size: 24px; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i, .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i { color: #dddddd; }
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group, .page-sidebar .sidebar-search .input-group { border-bottom: 1px solid #dddddd; }
#search-keywords::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #dddddd;
}
#search-keywords:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #dddddd;
   opacity:  1;
}
#search-keywords::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #dddddd;
   opacity:  1;
}
#search-keywords:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #dddddd;
}
#search-keywords { color: #dddddd; }

.required { color: #cc0000; }

.context-menu-list { font-family: 'notokr-regular', sans-serif; font-size: 14px; background:#ffffff;padding:0px;border-top:3px solid #02b09b;}
.context-menu-item {background:#ffffff; line-height:35px; border-bottom:1px solid #ccc;padding:0px 10px}
.context-menu-item.hover {background:#ccc;}

.monthly-workschedule-table > tbody > tr > td, .monthly-workschedule-table > tbody > tr > th, .monthly-workschedule-table > tfoot > tr > td, .monthly-workschedule-table > tfoot > tr > th, .monthly-workschedule-table > thead > tr > td, .monthly-workschedule-table > thead > tr > th { width: 20px; padding: 0px; }
.monthly-workschedule-table > tbody > tr > td.employee-col { min-width: 130px;height:50px; overflow: hidden; padding: 3px; resize:none; }
.monthly-workschedule-table thead td { text-align: center; }
.monthly-workschedule-table .weekend-col { background-color: #ecf0f3; color: #02b09b;font-weight: bold;}
.monthlyworkshift { border: 1px solid #cccccc;width: 100%; background-color: #ffffff; font-weight: normal; font-size: 11px; text-align: center; height:60px; padding-top:15px; }

.monthlyworkschedule-nav-btn { padding-top: 2px; }
.monthlyworkschedule-nav-btn i.fa { font-size: 16px; }

.mix-filter { margin-bottom: 10px; }

.vipstatusblock { width: 16px; height: 16px; }
.table > tbody > tr > td.vipstatustablecell, .table > tbody > tr > th.vipstatustablecell, .table > tfoot > tr > td.vipstatustablecell, .table > tfoot > tr > th.vipstatustablecell, .table > thead > tr > td.vipstatustablecell, .table > thead > tr > th.vipstatustablecell { padding-left: 0px; padding-right: 0px; }


.radio-btn { margin-right: 5px; margin-bottom: 10px; }


.device {
    background: #111 none repeat scroll 0 0;
    border-radius: 55px !important;
    box-shadow: 0 0 0 2px #aaa;
    margin: 0 auto;
    padding: 100px 30px;
    position: relative;
    z-index: 1000;
    width: 390px;
    /*width: 450px;*/
    /*float: right;*/
    margin: 0 40px 0 0;
    padding: 100px 30px;
}
.device::after {
    border: 5px solid #333;
    border-radius: 100%;
    bottom: 20px;
    box-sizing: border-box;
    content: "";
    height: 60px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
}
.device::before {
    background: #333 none repeat scroll 0 0;
    border-radius: 10px;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    top: 50px;
    width: 60px;
}

#message-error { color: #cc0000; }
#total-customers-error { color: #cc0000; }

.toggle {
        position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.campaigntype-list { padding-left: 0px; margin-left: 0px; }
.campaigntype-list li { margin-bottom: 5px; list-style-position:inside; list-style-type: none; }

#tab1 h3, #tab2 h3, #tab3 h3, #tab4 h3 { margin-left: 20px; }

.coin-container { padding: 14px; padding-left: 30px; background-color: #2b3643; margin-top: 30px; text-align: center; }
.coin-container a { color: #ffffff; font-size: 14px; }

.alert-insufficientbalance {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}


.blue.btn:active, .blue.btn.active { background-color: #045389; }

.help-block-error { color: #cc0000; }



[class^="fa-"]:not(.fa-stack), [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"] { font-size: 14px; }


.form-label-vert { margin-bottom: 5px; }

.form-breadcrumb {
	/*centering*/
	display: inline-block;
	/*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);*/
	overflow: hidden;
	border-radius: 5px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag; 
    border: 1px solid #cccccc;
}

.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 60px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}

.form-breadcrumb li:first-child {
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}

.form-breadcrumb li:first-child:before {
	left: 14px;
}
.form-breadcrumb li:last-child {
    border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
    /*padding-right: 20px;*/
}

.form-breadcrumb li:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #ccc;
	background: linear-gradient(135deg, #ccc, #999);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		1px -1px 0 1px rgba(0, 0, 0, 0.25), 
		1px -1px 0 1px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.form-breadcrumb li:last-child:after {
	content: none;
}

.form-breadcrumb-flat li, .form-breadcrumb-flat li:after {
	background: white;
	color: black;
	transition: all 0.5s;
}
.form-breadcrumb-flat li:before {
	background: white;
	box-shadow: 0 0 0 1px #ccc;
}

/*we will use the :before element to show numbers*/
.form-breadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
	/*some styles now*/
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
    /*margin-left: -23px;*/
	position: absolute;
	top: 0;
	left: 36px;
	/*background: #ffffff;
	background: linear-gradient(#444, #222);*/
    background: #666666;
    color: #ffffff;
	font-weight: bold;
    text-align: center;
}

.form-breadcrumb .active a:before {
    background: #E26A6A;
    color: #ffffff;
}

.form-breadcrumb .done a:before {
    background: #E26A6A;
}

.form-breadcrumb-flat a {
    color: #666666;
}

.form-breadcrumb-flat .active a, .form-breadcrumb-flat .active a:after
{
    color: #E26A6A;
    font-weight: normal;
	/*background: #9EEB62;*/
}

.nav-pills > li > a, .nav-pills > li > a:focus, .nav-pills > li > a:hover { color: #666666; font-weight: normal; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #E26A6A; font-weight: bold; }
.nav-pills > li.done > a, .nav-pills > li.done > a:focus, .nav-pills > li.done > a:hover { color: #E26A6A; font-weight: normal; }

#form_wizard_1 .nav-justified > li > a { text-align: left; padding-left: 63px; }

#form_wizard_1 .form-tab-controls { padding-right: 15px; text-align: right; }
#form_wizard_1 .button-next { background-color: #1caf9a; color: #eeeeee; margin-left: 10px; }

.button-green-custom { background-color: #1caf9a; color: #eeeeee;  }
.mix-filter li:hover, .mix-filter li.active { background-color: #1caf9a; color: #eeeeee; }

.btn-radiogroup-custom .btn-radio-custom { background-color: #ffffff; color: #666666; border: 1px solid #cccccc; }
.btn-radiogroup-custom .btn-radio-custom.active { background-color: #1caf9a; color: #eeeeee; border: 1px solid #1caf9a; }

.label-tip-custom { background-color: #1caf9a; color: #eeeeee; }

.has-error .form-control {
    border-color: inherit;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-success .form-control {
    border-color: inherit;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-success .help-block { color: #a94442; }


.campaigntitle-confirm { font-weight: bold; }
.total-customers-num-confirm { color: #e26a6a; }
.form-currency-confirm { color: #e26a6a; }

.page-header.navbar .page-logo-promotion-only { background-color: #364150; }

.page-sidebar .page-sidebar-menu > li.sidebar-logo { margin-bottom: 43px; text-align: center; }
.page-sidebar .page-sidebar-menu > li.sidebar-logo a:hover { background-color: inherit; }
.page-sidebar .page-sidebar-menu > li.sidebar-logo img { width: 60%; }
.page-sidebar .page-sidebar-menu > li.sidebar-logo > a { border-top: none; }

.upcomingcampaign-container { width: 300px; float: left; margin-right: 20px; }
.upcomingcampaign-storename { color: #2C3542; font-weight: bold; }
.upcomingcampaign-title a { color: #1caf9a; font-weight: bold; font-size: 16px; }
.upcomingcampaign-image img { width: 300px; }

.mycampaign-phoneheader { font-weight: bold; color: #E26A6A; }
.circle-step {  background: #E26A6A; border-radius: 0.8em !important; -moz-border-radius: 0.8em !important; -webkit-border-radius: 0.8em !important; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 5px; text-align: center; width: 1.6em;  }

.login .content { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; background-color: #ffffff; }

#featuredimage-container img { width: 100%; }


.post-options-container {border:1px solid #cccccc;margin-bottom:20px;background:#ffffff;}
.post-options-header {border-bottom:1px solid #cccccc;padding:5px 10px;}
.post-options-body {padding:10px;}
.post-options-btn {background:#eaeaea; padding:3px 4px; border:1px solid #cccccc;border-radius:2px!important;text-decoration:none; color:#34495e;}
.post-options-btn:hover {text-decoration:none;}
.post-options-btn:focus {text-decoration:none;}
.post-options-footer {background:#eaeaea; border-top:1px solid #cccccc;}
.post-options-body ul {list-style:none;padding:0px;}
.post-options-body ul li {margin:5px 0px;}
.post-options-body>ul>li>div.radio {margin-right: 10px!important;}
.post-options-body>ul>li>.checker {margin-right: 10px!important;}

.gallery-label { background-color: #2b3643; color: #eeeeee; height: 27px; width: 150px; padding: 4px; overflow: hidden; }

div.tagsinput span.tag { background-color: #efefef; color: #515151; border: 1px solid #cccccc; }

.page-content .page-bar {
    background-color: #fff;
    /*position: relative;*/
    padding: 0 20px;
    margin: 0px -20px 0;
    /*border-bottom: 1px solid #e7ecf1;*/
}
.page-bar .page-toolbar {
    padding: 6px 0;
}
.page-bar .page-breadcrumb {
    padding: 11px 0;
}
.page-bar .page-breadcrumb>li>i.fa-circle {
    font-size: 5px;
    margin: 0 5px;
    position: relative;
    top: -3px;
    opacity: .4;
    filter: alpha(opacity=40);
}
.page-breadcrumb>li>i.fa-circle {
    font-size: 5px;
    margin: 0px;
    position: relative;
    top: -3px;
    opacity: .4;
    filter: alpha(opacity=40);
}
.page-breadcrumb {
  display: inline-block;
  float: left;
  padding: 0px 8px;
  margin: 0;
  list-style: none;
  margin-left:20px;
}
.page-breadcrumb > li {
  display: inline-block;
}
.page-breadcrumb > li {
  margin-right: 1px;
}
.page-breadcrumb > li > a,
.page-breadcrumb > li > span {
  color: #888;
  font-size: 14px;
  text-shadow: none;
}
.page-breadcrumb > li > i {
  color: #aaa;
  font-size: 14px;
  text-shadow: none;
}
.page-breadcrumb > li > i[class^="icon-"],
.page-breadcrumb > li > i[class*="icon-"] {
  color: gray;
}
.dark-blue-btn, .dark-blue-btn:hover, .dark-blue-btn:focus {color: #ffffff;
    background: #435770;
    padding: 5px 8px;margin-left:10px!important;text-decoration:none;}
.dark-blue-btn i {color:#02b09b;}
.caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0;
}

.page-title-end { clear:left; margin-bottom: 20px; }

.delete-btn { color: #f71440; font-size: 15px; }
.submit-btn, submit-btn:hover, submit-btn:focus { padding-left: 20px; padding-right: 20px; border: none; font-size: 15px; background-color: #02b09b!important; color: #ffffff!important;}
.modal-close-btn, modal-close-btn:hover, modal-close-btn:focus { padding-left: 20px; padding-right: 20px; border: none; font-size: 15px; background-color: transparent; color: #898989;border:1px solid #898989;}
.cancel-btn, cancel-btn:hover, cancel-btn:focus { background-color: transparent!important; color:#a0a0a0; padding-left: 20px; padding-right: 20px; font-size: 15px; border:1px solid #a0a0a0;}

/*Login Page styling changes*/
.login .content {width: 340px;} 
.login .content .form-control {background-color: #ffffff;height: 43px;color: #8290a3;border: 1px solid #dde3ec;border-radius:0px;}
.login .content .form-actions {border-bottom: none;}
.log-in-btn, .log-in-btn:hover, .log-in-btn:focus {background-color: #1caf9a;color: #eeeeee;width: 30%;margin: auto;display: table;border-radius: 0px;font-weight:bold;}
.login .content {width: 340px; margin: 20px auto 10px auto;padding: 10px 20px;}
/*End Login Page styling changes*/

.tabbable-line > .nav-tabs > li >a {font-size:15px; font-weight:300;color:#364150;}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {border-bottom: 4px solid #02b09b;}
.tabbable-line > .nav-tabs > li.active {border-bottom: 4px solid #02b09b;}

/*Pay form enrollment modal styling*/
.modal-header {min-height: 16.43px;background: #eaeaea;padding: 2px 15px;}
.modal .modal-header .close {margin-top: 10px!important;}
.modal-footer {text-align:center;margin-top:0px;}
.addcustomerandpay-customerdetails {border-bottom:2px solid #eaeaea; border-right:2px solid #eaeaea; padding-top:15px;}
.addcustomerandpay-coursedetails {border-bottom:2px solid #eaeaea;padding-top:15px;}
.details-name {font-size:20px; font-weight:600; color:#a0a0a0;margin-bottom:5px;}
.fontsize-16 {font-size:16px; margin-top:5px;}
.fontsize-12 {font-size:12px; margin-top:5px;}
.addcustomerandpay-paymenthistory {margin:15px;}
.paymenthistory-table {width:100%;}
.paymenthistory-table thead tr {border-bottom:1px solid #a0a0a0;}
.paymenthistory-table td, .paymenthistory-table th {text-align:center;line-height:35px;}
.paymenthistory-table tbody tr:nth-child(odd) {background-color: #eaeaea;}
.addcustomerandpay-paymentdetails {display:table; margin:auto;width:60%;}
.addcustomerandpay-paymentdetailsmore {padding:15px; text-align:center;}
.addcustomerandpay-paymenttype {background:#eaeaea;padding:15px;font-size:14px; text-align:center;}
.addcustomerandpay-bankdetails {margin-top:15px;}
.addcustomerandpay-bankdetails a, .addcustomerandpay-bankdetails a:hover, .addcustomerandpay-bankdetails a:focus {padding:5px 8px; border:1px solid #34495e; text-decoration:none;color:#34495e;margin-left:15px;}
/*End Pay form enrollment modal styling*/

.page-header.navbar.navbar-fixed-top { z-index: 999; min-width:1352px!important;}

/*POS page styling*/
#pos-createorder-main .nav-tabs>li>a {    font-size: 16px;
    font-weight: 600;
    color: #364150;
    background-color: #fff;
    border: none; }
#pos-createorder-main .nav-tabs>li.active>a, #pos-createorder-main .nav-tabs>li.active>a:focus, #pos-createorder-main .nav-tabs>li.active>a:hover {
    font-size: 16px;
    font-weight: 600;
    color: #364150;
    background-color: #fff;
    border: none; 
   border-bottom: 4px solid #02b09b; 
}
#pos-createorder-main .nav>li>a:hover {
    text-decoration: none;
    background-color: #ffffff;
    border:none;
    border-bottom: 4px solid #02b09b;
}
.pos-productservice{position:relative;}
.pos-productservice-duration {font-size:12px;}
.pos-productservice-price {position:absolute; bottom:10px;}
.pos-subtotal-amount {font-size:25px;}
.blue-link, .blue-link:hover, .blue-link:focus {color:#3598dc; background:none; border:none; text-decoration:none; font-weight:bold; font-size:25px;}
.form .form-bordered .form-group > div {
    padding: 15px;
    border-left: none;
}
.form .form-bordered .form-group {border-bottom:none;}
.form-horizontal .control-label {
    text-align: left;
}
.discount {font-weight: bold;font-size: 28px;}
.fontsize-28 {font-size:28px;}
.table-scrollable {margin-bottom:40px!important;min-height:100px; border:1px solid #eaeaea;}
.red-btn, red-btn:hover, red-btn:focus { padding-left: 20px; padding-right: 20px; border: none; font-size: 17px; background-color: #f71440!important; color: #ffffff!important;}
.pos-addcredits-confirm-subheader {border:none;padding-top: 12px;padding-bottom: 13px;padding-left: 21px; border-bottom: 1px solid #dddddd;font-weight: bold;font-size: 20px;}
/*End POS page styling*/

/*POS/Index Styling*/
.pos-header-summary {width:100%;text-align:center; margin-top:30px; margin-bottom:50px;}
.pos-header-summary li {display:inline-block; width:20%; border-right:1px solid #ccc;}
.pos-header-summary li:last-of-type {border:none;}
.pos-header-summary-group-details {float:right; margin-right:10px;color:#02b09b; font-size:18px;}
.pos-header-summary-group-title {float:left; margin-left:10px; font-size:17px; font-weight:600;}
#datatable_orders>tbody>tr>td {border-top:none;padding:15px 8px;}
#datatable_orders>thead>tr>th:nth-of-type(2) {text-align:left;}
#datatable_orders>thead>tr>th:nth-of-type(4) {text-align:right;}
#datatable_orders>tbody>tr>td:nth-of-type(4) {text-align:right;}
#datatable_orders .editBtn  > i {font-size: 25px!important;color: #898989; margin-top: 10px;}
.open-advancesearch-btn, .open-advancesearch-btn:hover, .open-advancesearch-btn:focus {color:#02b09b; border:1px solid #02b09b;text-decoration:none; width:80px;}
.close-advancesearch-btn, .close-advancesearch-btn:hover, .close-advancesearch-btn:focus {color:#02b09b; border:1px solid #02b09b;text-decoration:none; width:80px;}
.pos-advancesearch-btn-group {margin-left:30px;}
.pos-advancesearch-btn-group input {float:left; margin-right:20px;}
.pos-advancesearch-btn-group select {float:left; margin-right:20px;padding:6px;}
.pos-advancesearch-btn-group .pos-advancesearch-btn {color:#ffffff; background:#02b09b;width:68px;}
.pos-advancesearch-container {background-color: #f7f7f7; border-top:1px solid #ddd; padding:15px; display:none;}
/*End POS/Index Styling*/

/*Dashboard Styling*/
.page-container-bg-solid .page-content {
    background: #ffffff;
}
.dashboard-section1 {width:80%; margin:30px auto; display:table;} 
.dashboard-section1 .col-md-3 {
    border-left: 1px solid #dddddd;
}
.dashboard-section1 .col-md-3:last-child{
    border-right: 1px solid #dddddd;
}
.dashboard-section1 .portlet {height:160px;}
.dashboard-section1 .portlet-title {font-size:18px; font-weight:bold; text-align:center;}
.dashboard-section1 .portlet-title img {vertical-align:bottom;}
.dashboard-section1 h1 {color:#1CAF9A}
.dashboard-section2 h1 {color:#1CAF9A}
.dashboard-section2 .portlet-title {font-size:18px; font-weight:bold;}
.dashboard-section2 .portlet-title img {vertical-align:bottom;}
.dashboard-section3 .portlet-title {font-size:18px; font-weight:bold;}
.dashboard-section3 .portlet-title img {vertical-align:bottom;}
/*.dashboard-section2 .col-md-6:first-child {border-right: 1px solid #dddddd;}*/

#capture-image-container img { width: 100%; }

div.tagsinput span.tag a { color: #777777; }

#pay-dialog input[type=radio] { margin-left: 0px; }
.managerdashboard-recentactivities-section {margin-top:40px;}
.managerdashboard-recentactivities-table>tbody>tr>td {vertical-align:middle; border-top:transparent!important;padding-top:10px;padding-bottom:10px;font-size:13px;}
.managerdashboard-recentactivities-table>tbody>tr>td:last-of-type {color:#898989;text-align:right;width:15%;}
/*End Dashboard Styling*/

/*Web POS Settings Styling*/
.settings-body {margin-left:20px;}
.settings-body-title {font-size:16px; color:#454545; font-weight:600;}
.settings-body-subtitle {font-size:16px; color:#454545; font-weight:600;}
.settings-body input {width:40%;} 
.settings-body textarea {width:40%; resize:none; min-height:150px; border-color:#ccc;} 
    .settings-body-pw {width:19%!important; margin-right:1%;} 
    .settings-body-pwconfirm {width:20%!important;} 
.settings-header-hr {display:none;}
.menu-group-btn{width:130px; line-height:2;margin:5px; white-space:normal; height:55px;overflow:hidden; padding:1%;}
.menu-group-btn-active, .menu-group-btn-active:hover, .menu-group-btn-active:focus, .menu-group-btn:hover, .menu-group-btn:focus  {width:130px; line-height:2;background: #1caf9a; color:#ffffff;margin:5px;white-space:normal; height:55px;overflow:hidden;padding:1%;}
.menuitem-list {width:100%;margin-top:30px;}
.menuitem-list th, .menuitem-list td  { text-align:center;}
.menuitem-list thead {line-height: 2.5; border-bottom: 2px solid #ccc;}
.menuitem-list tr {line-height: 3; border-bottom: 1px solid #ccc;}
.menuitem-edit-history {width:100%;margin-top:0px; margin-bottom:30px;}
.menuitem-edit-history th, .menuitem-edit-history td  { text-align:center;}
.menuitem-edit-history thead {line-height: 2.5; border-bottom: 2px solid #ccc;}
.menuitem-edit-history tr {line-height: 3; border-bottom: 1px solid #ccc;}

button.accordion {background-color: transparent;color: #0775aa;font-weight:bold;cursor: pointer;padding: 15px 0px;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s; font-size:16px;}
button.accordion.active, button.accordion:hover {background-color: transparent;}
div.panel {padding: 0px;background-color: transparent;display: none; margin-bottom:0px;}
div.panel.show {display: block;}
div.panel {padding: 0px;background-color: transparent;max-height: 0;overflow: hidden;transition: 1s ease-in-out;opacity: 0.5; font-size:14px;line-height:26px;}
div.panel.show {opacity: 1;max-height: 500px;}
button.accordion:after {content: '∨';font-size: 15px;color: #0775aa;margin-left: 5px;}
button.accordion.active:after {content: "∧";font-size: 15px;color: #0775aa;margin-left: 5px;}

.menu-subgroup-container {margin-right:8px; border:1px solid #ccc;padding:10px;height:400px;margin-top:30px; text-align:center; overflow-y:scroll; overflow-x:hidden;width:29%;float:left;}
.menu-subgroup-container input {width:100%; margin-bottom:8px;}
.menu-subgroup-container input:first-child {width:70%; text-align:center;}
.menu-subgroup-container .submit-btn {width:100%; margin-bottom:8px;height:40px;}
.menu-subgroup-checkbox {text-align:left; margin-top:10px;}
.menu-subgroup-checkbox input, .menu-subgroup-checkbox input:first-child {width:auto; margin:8px;}
.flexbox-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
    justify-content:center;
	align-items: center;
    float:left;
    white-space: normal;
    overflow-y: hidden;
}
/*End Web POS Settings Styling*/

/*Start Web POS Reports Styling*/
.pos-reports-datepicker {}
.pos-reports-datepicker .input-group {width:180px;}
.pos-reports-datepicker .input-group-addon { background-color:transparent; border:none;margin-top:-10px;}
.pos-reports-datepicker .input-group-addon>i {color:#292929; font-size:25px;}
.pos-reports-compare-datepicker .input-group {width:40%;}
.pos-reports-compare-datepicker .input-group-addon { background-color:transparent; border:none;margin-top:-10px;}
.pos-reports-compare-datepicker .input-group-addon>i {color:#292929; font-size:25px;}
.datepicker-connector {font-size:25px; color:#292929; font-weight:bold;display:inline-block;margin-left:10px;}
.pos-reports-table-container {padding:8px; border:1px solid #ccc; width:245px; margin-right:8px; float:left; margin-top:8px;}
.pos-reports-table-container-header {text-align:center; border-bottom:1px solid #ccc; font-size:16px; font-weight:bold;padding-bottom:8px;}
.pos-reports-table-container-body {border-bottom:1px solid #ccc;}
.pos-reports-table-container-body table {font-size:15px; font-weight:600; margin-top:5px;margin-bottom:5px; width:100%;}
.pos-reports-table-container-body table tr {line-height:2;}
.pos-reports-table-container-body table td:nth-child(2) {text-align:right; font-size:17px;}
.pos-reports-table-container-control .menu-group-btn{width:28%; height:30px;margin-top:5px; margin-right:2%;padding:4px 10px;}
.pos-reports-table-container-control .menu-group-btn:hover .menu-group-btn:focus {width:70px; height:30px;background: #1caf9a; color:#ffffff;}
.datepicker-submit-btn {background:#ffffff; border:1px solid #cccccc; padding:6px 15px;}

.pos-reports-compare-graphs {width:100%;margin:10px 0px;}
.pos-reports-compare-control {margin-top:20px;}
.pos-reports-compare-control .menu-group-btn{width:17%; height:30px;margin-top:5px; margin-right:1%;padding:4px 10px;}
.pos-reports-compare-control .menu-group-btn-active, 
.pos-reports-compare-control .menu-group-btn-active:hover, 
.pos-reports-compare-control .menu-group-btn-active:focus, 
.pos-reports-compare-control .menu-group-btn:hover, 
.pos-reports-compare-control .menu-group-btn:focus {width:17%; height:30px;background: #1caf9a; color:#ffffff; padding:4px 10px;}

.pos-reports-summary {display:table; margin:30px auto;font-size:18px; font-weight:600;}
.pos-reports-summary span {color:#1caf9a; font-size:30px; margin-left:10px;}
.pos-reports-summary-breakdown {width:100%; padding:20px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:20px;}
.pos-reports-summary-breakdown p:first-child {margin-right:40px; border:none;}
.pos-reports-summary-breakdown p:last-child {border:none;}
.pos-reports-summary-breakdown p {font-size:18px; font-weight:600;display:inline-block; padding:0px 15px; border-right:1px solid #ccc; margin-bottom:0px;width:18%;text-align:left;}
.pos-reports-summary-breakdown span {color:#1caf9a; font-size:22px; margin-left:10px; float:right;margin-top:-5px;}

.pos-reports-cancel-control {float:right; width:50%;}
.pos-reports-cancel-control .menu-group-btn{width:17%; height:30px;margin-top:5px; margin-right:1%;padding:4px 10px;}
.pos-reports-cancel-control .menu-group-btn-active,
.pos-reports-cancel-control .menu-group-btn-active:hover,
.pos-reports-cancel-control .menu-group-btn-active:focus,
.pos-reports-cancel-control .menu-group-btn:hover,
.pos-reports-cancel-control .menu-group-btn:focus {width:17%; height:30px;background: #1caf9a; color:#ffffff;}
/*End Web POS Reports Styling*/

#customercontact-content-table td { vertical-align: middle; }

/*Start Customer/GetCustomers Styling*/
.mix-filter-container {width:100%; text-align:left;margin:0px auto;}
#mix-filter-basic {background:#eee; padding:10px 20px;}
#mix-filter-advance {background:#eee; padding:10px 20px; border-top:1px solid #ddd;}
.mix-filter-selected {background:#ffffff; padding:5px 20px; border:1px solid #ddd;}
.mix-filter-header {font-size:20px; font-weight:600;}
.mix-filter-button {min-width:110px; margin-bottom:3px;background:transparent; border:1px solid #02b09b;color:#02b09b;}
.mix-filter-button-active {min-width:110px; color:#ffffff; border:1px solid #02b09b;margin-bottom:3px; background:#02b09b;}
.mix-filter-chip {font-size:12px;display: inline-block;padding: 0 6px;height: 30px;line-height: 30px;background-color: transparent;color:#02b09b;border:1px solid #02b09b; margin-right: 3px; }
.mix-filter-closebtn {padding-left: 5px;color: #888;font-weight: bold;float: right;font-size: 16px;cursor: pointer;}
.mix-filter-closebtn:hover {color: #1caf9a;}
.mix-filter-chip-container {}
#filter-gender-modal .modal-dialog {width:300px;}
#filter-contact-modal .modal-dialog {width:350px;}
#filter-contact-modal .modal-dialog input {width:70px;}
#filter-age-modal .modal-dialog {width:350px;}
#filter-age-modal .modal-dialog input {width:70px;}
#filter-group-modal .modal-dialog {width:400px;}
#filter-service-modal .modal-dialog {width:400px;}
#filter-course-modal .modal-dialog {width:400px;}
#filter-product-modal .modal-dialog {width:400px;}
#filter-price-modal .modal-dialog {width:360px;}
#filter-price-modal .modal-dialog input {width:200px; margin-left:10px;}
.customer-summary-label {color:#939393;}
.customer-submenu .send-sms-btn,.customer-submenu .send-sms-btn:hover, .customer-submenu .send-sms-btn:focus {color:#02b09b; background:#ffffff;border:1px solid #02b09b;}
.send-email-btn,.send-email-btn:hover, .send-email-btn:focus {color:#02b09b; background:#ffffff;border:1px solid #02b09b;}
.send-pushnotification-btn,.send-pushnotification-btn:hover, .send-pushnotification-btn:focus {color:#02b09b; background:#ffffff;border:1px solid #02b09b;}
.create-customer-btn-top, .create-customer-btn-top:hover, .create-customer-btn-top:focus {color:#02b09b; font-weight:bold;margin-top:-8px;}
.create-customer-btn-top img {width:30px;margin-left:8px;}
.export-excel-customer {color:#6d8199; font-weight:bold;margin-top:-8px;}
.export-excel-customer img {width:30px;margin-left:8px;}
.customer-quickcontact-btn, .customer-quickcontact-btn:hover, .customer-quickcontact-btn:focus {border:1px solid #02b09b; color:#02b09b;font-size:12px;padding:5px;}
.open-advancedmixfilter-btn, .open-advancedmixfilter-btn:hover, .open-advancedmixfilter-btn:focus {color:#02b09b; background:transparent;float:right;}
.close-advancedmixfilter-btn, .close-advancedmixfilter-btn:hover, .close-advancedmixfilter-btn:focus {color:#02b09b; background:transparent;float:right;}



/*End Customer/GetCustomers Styling*/

.red-text { color: #cc0000; }
.circle-thumbnail img { height: 48px; width:48px;}
.circle-thumbnail-small img { height: 32px; }

/*Start _HeaderPartial Notification Section Styling*/
#header_addnew_bar .dropdown-menu {width: 180px;z-index: 9995;color: #34495e;padding:0px 10px;left: auto;right: 0;}
#header_notification_bar {padding-right:15px; }
#header_notification_bar a:hover, #header_notification_bar a:focus {text-decoration:none;}
#header_notification_bar .dropdown-menu {min-width: 160px; max-width: 275px;width: 275px;z-index: 9995;color: #34495e;padding:0px;left: auto;right: 0;}
#header_notification_bar .dropdown-menu h3 {font-size:13px;}
#header_notification_bar .dropdown-menu>li.external>a {color: #337ab7;display: inline-block;padding: 0;background: 0 0;clear: inherit; font-size: 13px;font-weight: 300; position: absolute;right: 10px;border: 0; margin-top: -25px;}
#header_notification_bar .details {color:#34495e;font-size:11px;}
#header_notification_bar .time {    float: right; color:#292929;max-width: 75px;font-size: 11px;font-weight: 400;opacity: .7;filter: alpha(opacity=70);text-align: right;padding: 1px 5px;}
.dropdown > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .btn-group > .dropdown-menu:after {position: absolute;top: -7px;left: auto;right: 10px;display: inline-block !important;border-right: 7px solid transparent;border-bottom: 7px solid #fff;border-left: 7px solid transparent;content: '';}
.dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before {position: absolute;top: -7px;left: auto;right: 10px;display: inline-block !important;border-right: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid transparent;content: '';}
.dropdown-menu {min-width:130px;}
#header_notification_bar li {border-bottom:1px solid #ccc;padding-bottom:0px;}
#header_notification_bar .details {font-size:13px;margin-bottom:5px;}
#header_notification_bar .time {float:left; padding:0px;}
#header_notification_bar .badge.badge-default {font-family: "Open Sans",sans-serif;position: absolute;top: -8px;right: 26px;font-weight: 300;padding: 3px 6px;background-color: #ff0000;color: #fff;}
.header-notification-bar-seeall {background:#02b09b; color:#ffffff!important; text-align:center;padding:0px!important;}
.header-notification-bar-seeall a ,.header-notification-bar-seeall a:hover, .header-notification-bar-seeall a:focus {background-color:#02b09b!important; color:#ffffff!important; text-align:center;}
/*End _HeaderPartial Notification Section Styling*/

/*Start _HeaderPartial Inbox Section Styling*/
#header_inbox_bar {padding-right:15px; }
#header_inbox_bar a {color:inherit!important;}
#header_inbox_bar a:hover, #header_inbox_bar a:focus {text-decoration:none;}
#header_inbox_bar .dropdown-menu {min-width: 160px;max-width: 275px;width: 275px;z-index: 9995;color: #34495e;padding:0px;left: auto;right: 0;}
#header_inbox_bar .dropdown-menu h3 {font-size:13px;}
#header_inbox_bar .dropdown-menu>li.external>a {color: #337ab7;display: inline-block;padding: 0;background: 0 0;clear: inherit;font-size: 13px;font-weight: 300;position: absolute;right: 10px;border: 0;margin-top: -25px;}
#header_inbox_bar .details {color:#34495e;font-size:11px;}
#header_inbox_bar .time {float:left; color:#292929;font-size: 11px;font-weight: 400;opacity: .7;filter: alpha(opacity=70);text-align: right;padding:0px;}
#header_inbox_bar .badge.badge-default {font-family: "Open Sans",sans-serif;position: absolute;top: -8px;right: 26px;font-weight: 300;padding: 3px 6px;background-color: #ff0000;color: #fff;}
#header_inbox_bar .badge.individual-item-badge {background-color:red;margin-top:20px;}
#header_inbox_bar .from {font-size:16px; font-weight:bold; margin-bottom:5px;}
#header_inbox_bar .message {font-size:13px;margin-bottom:5px;}
#header_inbox_bar li {border-bottom:1px solid #ccc;padding-bottom:0px;}
.header-inbox-bar-seeall {background:#02b09b; color:#ffffff; text-align:center;padding:0px!important;}
.header-inbox-bar-seeall a:hover, .header-inbox-bar-seeall a:focus {background-color:#02b09b!important; color:#ffffff; text-align:center;}
/*End _HeaderPartial Inbox Section Styling*/

/*Start Inventory Styling*/
#addstock-currentqty, #addstock-recommendqty, #editstock-currentqty ,#editstock-recommendqty {display:inline-block;}
.modal-form-display-value> textarea {width:100%;resize:none; height:80px;}
.modal-form-display-value > input {width: 100%; }
.inventoryhistory-table> thead > tr > th {text-align:center!important;}
.inventoryhistory-table> thead > tr > th:first-child {text-align:left!important;}
.inventoryhistory-table> thead > tr > th:nth-child(2), .inventoryhistory-table> thead > tr > th:nth-child(3) {text-align:right!important;}
.inventoryhistory-table > tbody > tr > td {vertical-align: middle!important; text-align:center;}
.inventoryhistory-table > tbody > tr > td:first-child {text-align:left;}
.inventoryhistory-table > tbody > tr > td:nth-child(3), .inventoryhistory-table > tbody > tr > td:nth-child(2) {text-align:right;}
.getinventorycategories-table > tbody > tr > td {vertical-align: middle;}
.getinventorycategories-table > tbody > tr > td:last-child {text-align:right;}
.getinventoryproviders-table > tbody > tr > td {vertical-align: middle;}
.getinventoryproviders-table > tbody > tr > td:last-child {text-align:right;}

.create-inventoryitem-btn-top, .create-inventoryitem-btn-top:hover, .create-inventoryitem-btn-top:focus {color:#02b09b; font-weight:bold;margin-top:-5px;}
.create-inventoryitem-btn-top i {font-size:35px!important;margin-left:8px;vertical-align:middle;}
.addto-inventory-ordersheet-btn {color:#02b09b; border:1px solid #02b09b;}




/*End Inventory Styling*/

/*Start GetServices view Styling*/
.editBtn > a > i {font-size:25px!important; color:#898989;margin-top:10px;}
.editBtn {padding:10px!important;}
.getservices-table {width:100%;}
.getservices-table > thead > tr > th {text-align:center!important;}
.getservices-table > thead > tr > th:first-child {text-align:left!important; width:20%;}
.getservices-table > thead > tr > th:nth-child(3) {text-align:center!important;}
.getservices-table > thead > tr > th:nth-child(4) {text-align:right!important;}
.getservices-table > tbody > tr > td {vertical-align: middle!important; text-align:center;}
.getservices-table > tbody > tr > td:first-child {text-align:left;}
.getservices-table > tbody > tr > td:nth-child(3) {text-align:center!important;}
.getservices-table > tbody > tr > td:nth-child(4) {text-align:right!important;width:60px;}
/*End GetServices view Styling*/

/*Start GetServicePublics view Styling*/
.getservicepublics-table > thead > tr > th {text-align:center!important;}
.getservicepublics-table > thead > tr > th:first-child {text-align:left!important; width:20%;}
.getservicepublics-table > tbody > tr > td {vertical-align: middle!important; text-align:center;}
.getservicepublics-table > tbody > tr > td:first-child {text-align:left;}
.getservicepublics-table > tbody > tr > td:nth-child(4) {text-align:right!important;width:60px;}
.getservicepublics-table > tbody > tr > td:nth-child(3) {text-align:center!important;}
.editservicepublic-form input {width:100%!important;}
/*Start GetServicePublics view Styling*/

/*Start SendSMS Styling*/
.add-name-btn, .add-name-btn:hover, .add-name-btn:focus {background:#696969;color:#ffffff; text-decoration:none;}
.save-template-btn, .restore-template-btn, .manage-template-btn {width:95px; margin-right:2px; background-color:transparent; color:#898989; border:1px solid #898989;font-size:12px;padding:5px; margin-top:2px;}
.save-template-btn:hover, .restore-template-btn:hover, .manage-template-btn:hover,
.save-template-btn:focus, .restore-template-btn:focus, .manage-template-btn:focus {margin-right:2px; background-color:#1caf9a; color:#ffffff; border:1px solid #1caf9a;font-size:12px;padding:5px;}
.radio-btn.active {background-color:#1caf9a!important; color:#ffffff;}
#restore-template-dialog .modal-dialog {width:400px;}
#save-template-dialog .modal-dialog {width:400px;}
#restore_template_dropdown select {width:100%;border:1px solid #CCCCCC;}
#save-template-dialog input {width:100%;border:1px solid #CCCCCC;}
.managetemplate-temp-control {position:absolute; right:0%;bottom:3%;}
.managetemplate-temp-container .col-md-2 {padding-left:0px;color:#898989;font-size:15px;font-weight:600;line-height:1.8;}
.managetemplate-temp-container .col-md-10 {padding-right:0px; color:#2b3643;}
.managetemplate-temp-container {width:100%; position:relative;border-bottom:1px solid #CCCCCC;padding-bottom:60px;margin-bottom:15px;}
.edittemplate-button i, .deletetemplate-button i {font-size:25px!important; color:#CCCCCC;margin-left:8px;}
#sms-to-be-spent {font-weight:bold;}
.automatedsms-createtemp-dialog .modal-dialog {width:280px!important;}
.automatedsms-createtemp-dialog .smallphone-container {border:1px solid #cccccc;}

.price-container{ width: 159px; float: left; border: 1px solid #ccc; margin: 10px; padding: 15px; cursor: pointer; text-align: center; color:black; }
.price-container.active{ background-color:#02b09b; color:white;}
.sms-price-view{ width:100%; margin:15px;background-color: #ccc;min-height:50px; }
.sms-price-view span{text-align:center; margin-top:10px; font-size:20px}
/*End SendSMS Styling*/

/*Start SendEmail Styling*/
.pushnotification-type-input {margin-bottom:10px;}
#newsletter-title-input {padding:10px; margin-bottom:10px!important;resize:none;}
#newsletter-body-input {padding:10px; margin-bottom:10px!important;resize:none; height:350px!important;overflow-y:auto;}
.green-border-btn.newsletter-preview-btn {color: #02b09b;background: #ffffff;padding: 8px 10px; width:100%; text-align:center;text-decoration: none;border:1px solid #02b09b;}
.save-newsletter-template-btn, .restore-newsletter-template-btn, .manage-newsletter-template-btn {width:31.5%; margin-right:2px; background-color:transparent; color:#898989; border:1px solid #898989;font-size:12px;padding:5px 2px; margin-top:2px;}
.save-newsletter-template-btn:hover, .restore-newsletter-template-btn:hover, .manage-newsletter-template-btn:hover,
.save-newsletter-template-btn:focus, .restore-newsletter-template-btn:focus, .manage-newsletter-template-btn:focus {margin-right:2px; background-color:#1caf9a; color:#ffffff; border:1px solid #1caf9a;font-size:12px;padding:5px;}
/*Start SendEmail Styling*/

/*Start SendPushNotification Styling*/
.pushnotification-title-input {padding:10px; margin-bottom:10px!important;resize:none;}
.pushnotification-body-input {padding:10px; margin-bottom:10px!important;resize:none; height:350px!important;overflow-y:auto;}
.green-border-btn.pushnotification-preview-btn {color: #02b09b;background: #ffffff;padding: 8px 10px; width:100%; text-align:center;text-decoration: none;border:1px solid #02b09b;}
.save-pushnotification-template-btn, .restore-pushnotification-template-btn, .manage-pushnotification-template-btn {width:31.5%; margin-right:2px; background-color:transparent; color:#898989; border:1px solid #898989;font-size:12px;padding:5px 2px; margin-top:2px;}
.save-pushnotification-template-btn:hover, .restore-pushnotification-template-btn:hover, .manage-pushnotification-template-btn:hover,
.save-pushnotification-template-btn:focus, .restore-pushnotification-template-btn:focus, .manage-pushnotification-template-btn:focus {margin-right:2px; background-color:#1caf9a; color:#ffffff; border:1px solid #1caf9a;font-size:12px;padding:5px;}
.send-pushnotification-form .col-md-4 label {float:left; font-size:13px; font-weight:bold;}
#pushnotification-title-input {margin-bottom:10px;}

/*Start SendPushNotification Styling*/

/*Start Course/DetailsCourse styling*/ 
.instructor-info-container {margin-top:30px; margin-bottom:20px;}
.course-details-label {float:left; font-weight:bold; margin-right:20px;}
.course-details-details{float:left; margin-right:50px;}
#attendeesTable th {text-align:center;}
#attendeesTable>tbody>tr>td {text-align:center; vertical-align:middle;}
#attendeesTable>tbody>tr>td:nth-child(7), #attendeesTable>tbody>tr>td:nth-child(8), #attendeesTable>tbody>tr>td:nth-child(9) {text-align:right;}
#paymentsTable th {text-align:center;}
#paymentsTable>tbody>tr>td {text-align:center; vertical-align:middle;}
#paymentsTable>tbody>tr>td:nth-child(3), #paymentsTable>tbody>tr>td:nth-child(4) {text-align:right;}
.editpayment-btn i {font-size:25px!important; color:#898989;margin-top:10px;}
.paymenttype-dropdown {width:100%;padding:5px;border:1px solid #ccc;}
.edit-course-btn i {font-size:20px!important; color:#898989;margin-top:8px;}
.editsession-btn i {font-size:25px!important; color:#898989;margin-top:8px;}
#sessionsTable th {text-align:center;}
#sessionsTable th:first-child {text-align:left;;}
#sessionsTable>tbody>tr>td {text-align:center; vertical-align:middle;}
#sessionsTable>tbody>tr>td:first-child {text-align:left;}
#attendeesTable {margin:15px 0px;}
#attendeesTable>tbody>tr>td {padding:5px;}

.personal-hk-btn, .company-hk-btn { width:100%; padding:10px; border:1px solid #ccc; background-color:white; color: black;}
.personal-hk-btn.selected, .company-hk-btn.selected { background-color: #02b09b; border-color:#02b09b; color:white;}  


/*End Course/DetailsCourse styling*/ 

/*Start GetCourseEnrollmentPayments Styling*/
.paymenttype-dropdown {width:100%;padding:5px;border:1px solid #ccc;}
.enrollmentpayments-summary-container {line-height:30px; width:800px; margin: 30px auto;}
.enrollmentpayments-summary-label {float:left; font-weight:bold;font-size:15px;}
.enrollmentpayments-summary-details {float:right; color:#898989;}
.enrollmentpayments-summary-details-green {float:right; color:#1caf9a;font-weight:bold;}
.enrollmentpayments-table>thead>tr>th { text-align:center;}
.enrollmentpayments-table>tbody>tr>td {text-align:center; vertical-align:middle;}
.enrollmentpayments-table>tbody>tr>td:nth-child(3), .enrollmentpayments-table>tbody>tr>td:nth-child(4) {text-align:right;}
.enrollmentpayments-edit-btn i {font-size:25px!important; color:#898989;margin-top:10px;}
.enrollmentpayments-summary-container-group {width:22%; float:left;padding:0px 15px; border-right:1px solid #d9d9d9; margin:10px 0px;}
/*.enrollmentpayments-summary-container-group:first-child, .enrollmentpayments-summary-container-group:nth-child(6) {padding-left:0px;}*/
/*End GetCourseEnrollmentPayments Styling*/

/*GetCourses Styling*/
.getcourses-table>thead>tr>th {text-align:center!important;}
.getcourses-table>tbody>tr>td {text-align:center!important;vertical-align:middle;}
/*End GetCourses Styling*/

/*GetCourseTemplates Styling*/
.getcoursetemplates-table>thead>tr>th {text-align:center;}
.getcoursetemplates-table>thead>tr>th:first-child {text-align:left;}
.getcoursetemplates-table>thead>tr>th:nth-child(4) {text-align:right;}
.getcoursetemplates-table>thead>tr>th:nth-child(5) {text-align:right;}
.getcoursetemplates-table>tbody>tr>td {vertical-align:middle; text-align:center;padding:0px;}
.getcoursetemplates-table>tbody>tr>td:first-child {text-align:left;}
.getcoursetemplates-table>tbody>tr>td:nth-child(4) {text-align:right;}
.getcoursetemplates-table>tbody>tr>td:nth-child(5) {text-align:right;}
.coursetemplateedit-btn i {font-size:25px!important; color:#898989;margin-top:10px;}
/*End GetCourseTemplates Styling*/

/*CreateCourse Styling*/
.createcourse-radio {font-size:17px; font-weight:600; margin-bottom:20px;}
.createcourse-radio .radio input[type=radio] { margin-left: -10px; }
/*End CreateCourse Styling*/

/*Course/GetStoreslots Styling*/
.getstoreslots-table>tbody>tr>td {vertical-align:middle;padding:0px;}
.getstoreslots-table>tbody>tr>td:last-child {text-align:right;}
/*End Course/GetStoreslots Styling*/


/*Course Modals Styling*/
#editsession-dialog .modal-dialog {width:350px;}
.editsession-addinstructor-btn {width:100%;font-size:16px;}
.editsession-addinstructor-btn i {color:#1caf9a;}
.editsession-addinstructor-container {margin-top:10px;}
.editsession-addinstructor-container .col-xs-5 {padding-left:0px;}
.editsession-addinstructor-container .col-xs-2 {padding:0px;}
.editsession-addinstructor-submit-btn, .editsession-addinstructor-submit-btn:hover, .editsession-addinstructor-submit-btn:focus {background:#1caf9a;color:#ffffff; margin-bottom:10px;}
#instructor-table>thead>tr>th {text-align:center;}
#instructor-table>tbody>tr>td {text-align:center;}
#editsession-offeringdatepicker {display:table; margin:auto;}
#editsession-form .combodate select {padding:7px!important;margin:0px 8px;border:1px solid #ccc;}
#addsession-dialog .modal-dialog {width:350px;}
#classtypedDiv {display:none; border: 1px solid #dde1e1; padding: 10px;margin-top:10px;}
#weeklyoptionDiv {margin:10px 0px; width:100%;}
#weeklyoptionDiv input {width:40%;margin:0px 8px;}
#recurringtimeoption {width:100%;margin:5px 0px;}
#offeringdatepicker {display:table; margin:auto;}
#addsession-form .combodate select {padding:7px!important;margin:0px 8px;border:1px solid #ccc;}
#editpayment-dialog .modal-dialog {width:400px;}
#editpayment-datepicker {display:table; margin:auto;}
#editpayment-dialog .combodate select {padding:7px!important;margin:0px 8px;border:1px solid #ccc;}
#editpayment-dialog .combodate select:last-of-type {width: 26%!important;}
#editpayment-dialog .editpayment-delete-btn {color:red; float:left;}
.changeenrollmentstatus-customername {color:#337ab7; font-size:18px; font-weight:600;}
.changeenrollmentstatus-coursehistory table>tbody>tr>td:nth-child(2), .changeenrollmentstatus-coursehistory table>tbody>tr>td:nth-child(3) {text-align:right;}
.changeenrollmentstatus-coursehistory table>tbody>tr:nth-child(odd)>td, .changeenrollmentstatus-coursehistory table>tbody>tr:nth-child(odd)>th {background-color: #eeeeee;}
/*End Course Modals Styling*/

/*POS/GetOrders Styling*/
.posorders-summary-container {margin-top:20px;margin-bottom:30px;line-height:30px;}
.posorders-summary-label {float:left; font-weight:bold;font-size:15px; margin-right:20px;}
.posorders-summary-details {float:left; color:#898989; margin-right:60px;}
#datatable_orders>thead>tr>th {text-align:center;}
#datatable_orders>thead>tr>th:nth-child(5) {text-align:right;}
#datatable_orders>tbody>tr>td {text-align:center; vertical-align:middle;}
#datatable_orders>tbody>tr>td:nth-child(2) {text-align: left;}
#datatable_orders>tbody>tr>td:nth-child(5) {text-align: right;}
/*End POS/GetOrders Styling*/


.attendancestatus_image { border: none; outline: none; }

.changeenrollmentstatus-customername { margin-top: 5px; margin-bottom: 5px; font-size: 18px; }

.membership-label { color: #ffffff;font-size: 12px;display: inline-block;padding: 0 8px;height: 18px;line-height: 18px;border-radius: 9px!important;margin: 3px; }
.group-label { color: #ffffff; font-size: 12px; display: inline-block; padding: 0 5px; height: 18px; line-height: 18px; border-radius: 9px!important; }

/*Course/GetCourseScheduleYearly/Monthly/Weekly/Daily Styling*/
.courseschedule-nav, .coursesbyyear-nav:hover, .coursesbyyear-nav:focus {display:inline-block; background:transparent; border:none;color:#898989;outline-color:transparent;}
.courseschedule-timeperiod {display:inline-block; margin-left:60px; margin-right:60px;font-size:20px; font-weight:600;}
.coursesbyyear-month {font-size:14px;color:#898989;}
.coursesbyyear-separator {width:100%; border-top:1px solid #ccc;margin:20px 0px;}
.coursesbyyear-course-container {display:inline-block; margin-right:20px; vertical-align:top;width:22%; margin-bottom:10px;min-width:140px;}
.coursesbyyear-course-title, .coursesbyyear-course-title:hover, .coursesbyyear-course-title:focus {color:inherit; text-decoration:none; font-size:15px; font-weight:600;}
.coursesbyyear-course-details {font-size:13px; color:#898989;}
.coursesbyyear-course-details a, .coursesbyyear-course-details a:hover, .coursesbyyear-course-details a:focus {font-size:13px; color:#898989; text-decoration:none;}
.coursesbyweek-course-container {padding:5px; margin-bottom:10px;}
.coursesbyweek-course-title, .coursesbyweek-course-title:hover, .coursesbyweek-course-title:focus {color:#34495e; text-decoration:none; font-size:15px; font-weight:600;}
.courseschedule-course-room {margin-left:8px;}
.courseschedule-course-room i {font-size:10px!important;}
.room-color1 {color:#365c80;}
.room-color2 {color:#ff4b38;}
.room-color3 {color:#931def;}
.room-color4 {color:#f2b704;}
.coursesbymonth-course-container {padding:5px; margin-bottom:10px;}
/*End Course/GetCourseScheduleYearly Styling*/

/*Scheduler Modals Styling*/
#create-appointment-form .employee-display img {width:60px;height:60px;}
#create-appointment-form .voucher-section {margin:10px 10px 10px 0px;}
#create-appointment-form .voucher-section button {background:transparent;width:100%;text-align:left;}
#edit-appointment-form .employee-display img {width:60px;height:60px;}
.sms-manage-btn {margin-left:15px;background:transparent; color:#333;border:1px solid #ccc;}
#newreminder {background:transparent; color:#34495e; font-weight:bold;border:1.5px solid #34495e;margin-left:5px;}
.back-to-edit-btn {background:transparent; color:#34495e; font-weight:bold;border:1.5px solid #34495e;}
.back-to-manage-btn {background:transparent; color:#34495e; font-weight:bold;border:1.5px solid #34495e;}
.create-reminder-sms-btn {background:transparent; color:#34495e; font-weight:bold;border:1.5px solid #34495e;margin-left:5px;}
#create-reminder-sms-interval {padding:2px 8px;}
.cancelappointment-btn {color:#34495e; font-weight:600;}
.pay-editappointment-btn {color:#34495e; font-weight:600;}
.paywithticket-editappointment-btn {color:#34495e; font-weight:600;}
.cancelappointment-btn > i {font-size:20px!important;color:red;}
.pay-editappointment-btn > i {font-size:20px!important;color:red;}
.paywithticket-editappointment-btn > i {font-size:20px!important;color:red;}
/*End Scheduler Modals Styling*/

/*Settings Pages Styling*/
.getproducts-table>thead>tr>th {text-align:center;}
.getproducts-table>thead>tr>th:first-child {text-align:left;}
.getproducts-table>thead>tr>th:nth-child(4) {text-align:right;}
.getproducts-table>tbody>tr>td {text-align:center; vertical-align:middle;}
.getproducts-table>tbody>tr>td:first-child {text-align:left;}
.getproducts-table>tbody>tr>td:nth-child(4) {text-align:right;}
.getaddons-table>thead>tr>th:nth-child(4) {text-align:right;}
.getaddons-table>thead>tr>th:nth-child(5) {text-align:center;}
.getaddons-table>tbody>tr>td:nth-child(4) {text-align:right;}
.getaddons-table>tbody>tr>td:nth-child(5) {text-align:center;}
.getcustomermemberships-table>tbody>tr>td:last-child {text-align:right;}
.getannouncements-table>tbody>tr>td {vertical-align:middle;}
.getstoreslots-table>tbody>tr>td {vertical-align:middle;}
.getemployeegroups-table >tbody>tr>td {vertical-align:middle;}
.settings-form label {font-weight:bold;}
/*.settings-form input {width:50%;}
.settings-form textarea {width:50%; height:100px; resize:none;}*/
.settings-form textarea {resize:none;height:100px; overflow-y:auto;}
.settings-form select {width:50%; resize:none;}
.settings-form .col-md-6 input {width:100%;}
.settings-form .col-md-6 select {width:100%;}
.settings-form .col-md-6 textarea {width:100%;}
.settings-form .col-md-5 input {width:100%;}
.settings-form .col-md-5 select {width:100%;}
.settings-form .col-md-5 textarea {width:100%;}
.settings-form .col-md-3 input {width:100%;}
.settings-form .col-md-3 select {width:100%;}
.settings-form .col-md-2 input {width:100%;}
.settings-form .col-md-2 select {width:100%;}
.settings-form .col-xs-12 input {width:100%;}
.settings-form .col-xs-12 select {width:100%;}
.settings-form .col-xs-12 textarea {width:100%;}
.settings-form .col-xs-9 input {width:100%;}
.settings-form .col-xs-9 select {width:100%;}
.settings-form .col-xs-9 textarea {width:100%;}
.settings-form .col-xs-6 input {width:100%;}
.settings-form .col-xs-6 select {width:100%;}
.settings-form .col-xs-6 textarea {width:100%;}
.settings-form .col-xs-5 input {width:100%;}
.settings-form .col-xs-5 select {width:100%;}
.settings-form .col-xs-5 textarea {width:100%;}
.settings-form .col-xs-4 input {width:100%;}
.settings-form .col-xs-4 select {width:100%;}
.settings-form .col-xs-4 textarea {width:100%;}
.settings-form .col-xs-3 input {width:100%;}
.settings-form .col-xs-3 select {width:100%;}
.settings-form .col-xs-2 input {width:100%;}
.settings-form .col-xs-2 select {width:100%;}
.settings-form .col-xs-1 input {width:100%;}
.settings-form .col-xs-1 select {width:100%;}
.col-nopad-left {padding-left:0px!important;}
.col-nopad-right {padding-right:0px!important;}
.settings-form .form-section-header {font-size:16px; margin-left:0px;}
.editaddon-tag {border:none;padding:0px;width:50%;}
/*End Settings Pages Styling*/


.editcustomercontact-btn i {font-size:25px!important; color:#898989;margin-top:10px;}

/*Loader*/
/* Absolute Center Spinner */
.loader {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loader:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  background-image:url('/Content/images/ring-alt.svg');
  background-repeat: no-repeat;
  background-position: center center;
}


/*End Loader*/

.sms-log-table>thead>tr>th {text-align:center;}
.sms-log-table>thead>tr>th:first-child {text-align:left;}
.sms-log-table>tbody>tr>td {vertical-align:middle;}


#sortable li label { height: 180px; overflow: hidden; }
#sortable li { background-color: #ffffff; }
#sortable li label img { overflow: hidden; }
#sortable .image-description { height: 40px; margin-bottom: 0px; overflow: hidden; }

/*Employee ClockIn/Out Styling*/
.employee-clockin {background:#ffffff;}
.employee-clockin .content {width:350px; margin-left:auto; margin-right:auto;text-align:center;}
.employee-clockin .editor-field input {padding:15px; border-radius:0px; height:40px; margin-top:20px;}
.employee-clockin .submit-btn {border-radius:0px; width:120px;}
/*End Employee ClockIn/Out Styling*/

/*Store/CreateProduct Styling*/
.storelogo-container img {width:100%;}
.create-product-form label {font-weight:bold;}
.create-product-form input {width:50%;}
.create-product-form textarea {width:50%; height:100px; resize:none;}
.create-product-form .col-md-3 input {width:100%;}
/*End Store/CreateProduct Styling*/

/*Scheduler Styling*/
/*.ui-datepicker {width: 350px;margin:0px auto; box-shadow:none; -webkit-box-shadow:none;}
.ui-datepicker td span, .ui-datepicker td a {width: 50px;}
.ui-datepicker-calendar td:first-child .ui-state-active {width:51px;}
.ui-datepicker-calendar td:last-child .ui-state-active {width:51px;}
.ui-datepicker-calendar .ui-state-active {width:51px;background:#1caf9b;}
.ui-datepicker-calendar .ui-state-hover {background:#ffffff; color:#1caf9b;text-shadow:none;}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-active {background:#ffffff; color:#1caf9b;text-shadow:none;}
.ui-datepicker th {font-size:8pt; color:#34495e; font-weight:bold; text-align:center;}
.ui-datepicker-header {background:#ffffff;}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-default {background:#ffffff; color:#1caf9b;border:1px solid #1caf9b;text-shadow:none;width:51px;}
.ui-datepicker-header {color:#2b3643; }*/
#main-scheduler {background: #ffffff;/*min-width: 750px*/padding: 20px 20px 50px 20px; margin-right: 355px;}
.scheduler-activity-title {margin-left:0px; margin-bottom:0px; font-weight:bold;}
.scheduler-label-success {background-color:#1caf9b; font-size:12px;}
.scheduler-label-warning {background-color:#f1b62b;font-size:12px;}
.scheduler-label-danger {background-color:#f41c45;font-size:12px;}
.scheduler-activity-timestamp {font-style:normal;font-size:12px;}
.scheduler-activity-timestamp .comment-timestamp {font-style:normal;font-size:12px;}
.scheduler-staffgroup-btn , .scheduler-dayweekview-btn {background:transparent; color:#333;border:1px solid #ccc;}
.scheduler-legend {display:inline-block;margin-right:15px;margin-top:10px;}
.scheduler-legend-color1 {width:15px; height:15px; background:#62758c; display:inline-block; vertical-align:middle;}
.scheduler-legend-color2 {width:15px; height:15px; background:#931DEF; display:inline-block; vertical-align:middle;}
.scheduler-legend-color3 {width:15px; height:15px; background:#f71403; display:inline-block; vertical-align:middle;}
.scheduler-legend-color5 {width:15px; height:15px; background:#f2b704; display:inline-block; vertical-align:middle;}
.scheduler-legend-color10 {width:15px; height:15px; background:#02b09b; display:inline-block; vertical-align:middle;}
.scheduler-legend p {display:inline-block; font-weight:bold;font-size:12px;}
.scheduler-sidebar .tabbable-line {background:#364150;}
.scheduler-sidebar .tabbable-line > .nav-tabs > li.active > a {color:#ffffff;}
.scheduler-sidebar .tabbable-line > .nav-tabs > li >a {color:#ffffff;}
.scheduler-sidebar .tabbable-line > .nav-tabs > li {width:23%; text-align:center;}
.scheduler-sidebar .tabbable-line > .nav-tabs > li:nth-of-type(3) {width:30%; text-align:center;}
.scheduler-sidebar .tabbable-line > .nav-tabs {border-bottom: 1px solid #a0a0a0;}
#today-shopcarts { padding: 0px;background-color: #364150;border-top: none;padding-top: 15px;margin-right: 0px; border:none;}
#today-shopcarts-container-wrapper { background-color: #364150;overflow-y: hidden; }
#today-resevation-container { padding: 5px; }
.today-reservation-summary {border-bottom:1px solid #262e39;}
.today-reservation-noshow-summary {border-bottom:1px solid #262e39;color:#ffffff;}
.today-reservation-cancel-summary {border-bottom:1px solid #262e39;color:#ffffff;}
#service-noshow-count {color: #02b09b;float: right;font-size: 14px;font-weight: bold;}
#service-cancel-count {color: #02b09b;float: right;font-size: 14px;font-weight: bold;}
/*.today-reservation-summary .col-sm-5, .today-reservation-summary .col-sm-7 {padding-top:4px;}*/
/*.today-reservation-summary .col-sm-5:nth-of-type(2), .today-reservation-summary .col-sm-7:nth-of-type(2) {border-right:1px solid #a0a0a0;}*/
.today-reservation-summary .col-sm-6 p:first-of-type, .today-reservation-summary .col-sm-6 p:first-of-type {color:#02b09b; float:right; font-size:14px;font-weight:bold;}
.today-reservation-summary .col-sm-6 p:last-of-type, .today-reservation-summary .col-sm-6 p:last-of-type {color:#ffffff; font-size:14px;}
.today-reservation-summary .col-sm-12 p:first-of-type, .today-reservation-summary .col-sm-12 p:first-of-type {color:#02b09b; float:right; font-size:14px;font-weight:bold;}
.today-reservation-summary .col-sm-12 p:last-of-type, .today-reservation-summary .col-sm-12 p:last-of-type {color:#ffffff; font-size:14px;}
.today-shopcarts-shopcart {background:#626e7c; width:330px; margin:10px 5px 0px 5px;height:auto; cursor:pointer;position:relative;}
.today-shopcarts-shopcart .caret-container {position:absolute;color:#ffffff;text-align:center;top:25%; right:3%;}
.today-shopcarts-shopcart .caret-container i {font-size:30px;}
.today-shopcarts-shopcart .col-xs-10 {padding:10px;}
.today-shopcarts-shopcart .col-xs-10 p:first-of-type {color:#a8a8a8;font-size:13px;margin-bottom:3px;}
.today-shopcarts-shopcart .col-xs-10 p:nth-of-type(2) {color:#ffffff; font-size:14px; margin-bottom:3px;}
.today-shopcarts-shopcart .col-xs-10 p:nth-of-type(2)  span {color:#02b09b; font-size:14px; font-weight:bold;}
#today-shopcarts-container-wrapper .purchasestatus_5_bg .col-xs-10 p:nth-of-type(2)  span {color:#f2b704; font-size:14px; font-weight:bold;}
.today-shopcarts-shopcart .col-xs-10 p:nth-of-type(3) {color:#ffffff; }

purchasestatus_5_bg
.today-shopcarts-shopcart .col-xs-10 p:last-of-type {color:#d7d9d6;font-size:13px;margin-bottom:0px;}

.today-reservations-reservation {background:#626e7c; width:330px; margin:10px 5px 0px 5px;height:auto; cursor:pointer;position:relative;}
.today-reservations-reservation .caret-container {position:absolute;color:#ffffff;text-align:center;top:22%; right:3%;}
.today-reservations-reservation .col-xs-10 {padding:10px;}
.today-reservations-reservation .col-xs-10 p:first-of-type {color:#ffffff;font-size:13px;margin-bottom:3px;}
.today-reservations-reservation .col-xs-10 p:nth-of-type(2) {color:#ffffff; font-size:14px; margin-bottom:3px;}
.today-reservations-reservation .col-xs-10 p:nth-of-type(2)  span {font-size:12px; font-weight:bold;}

#scheduler-chooseaction-popup{ width: 180px; border: 1px solid #ccc; font-weight: 600; background:#ffffff;}
#scheduler-chooseaction-popup hr{ margin:0; color:#ccc; }
#scheduler-chooseaction-popup a{width:100%; font-weight:bold;text-align:left;color:inherit; padding:10px;}
#scheduler-chooseaction-popup a i {color:#02b09b; font-size:16px!important;margin-right:8px;}
#scheduler-chooseaction-popup a:hover{background-color:#eaeaea;}
#scheduler-chooseaction-popup .popup-title{ background-color:#02b09b; padding:7px; color:#ffffff;}
#scheduler-chooseaction-popup .close-scheduler-chooseaction-popup-btn i {color:#ffffff;}

.left-arrow {
    content: ' ';
	height: 0;
	position: absolute;
	width: 0;

    border: 10px solid transparent;

    border-right-color: #ccc;
    right: 100%;
    top: 40px;
}

.right-arrow {
    content: ' ';
	height: 0;
	position: absolute;
	width: 0;

    border: 10px solid transparent;

    border-left-color: #ccc;
    left: 100%;
    top: 40px;
}

.bottom-arrow {
    content: ' ';
	height: 0;
	position: absolute;
	width: 0;

    border: 10px solid transparent;
    border-top-color: #ccc;

	top: 100%;
	left: 32%;
	margin-left: -10px;
}

.bottomright-arrow {
    content: ' ';
	height: 0;
	position: absolute;
	width: 0;

    border: 10px solid transparent;
    border-top-color: #ccc;

	top: 100%;
	right: 10px;
	margin-left: -10px;
}

#today-reservations { padding: 0px;background-color: #364150;border-top: none;padding-top: 15px;margin-right: 0px; border:none;}

.scheduler-waitlist-dropdown {width:100%; height:46px;margin-top:10px;background:#1a9a86;padding:12px 0px;}
.scheduler-waitlist-dropdown i {color:#ffffff;}
.waitlist-dropdown-menu {left:-103!important;margin-top:0px!important;}
.dropdown > .waitlist-dropdown-menu:after, .dropdown-toggle > .waitlist-dropdown-menu:after, .btn-group > .waitlist-dropdown-menu:after {display:none!important;}
.waitlist-dropdown-menu a {font-weight:bold!important;padding:15px!important;}
.waitlist-header-today {color:#ffffff; background:#02b09b; width:70px;padding:2px 8px; text-align:center; border-radius:30px!important;margin:10px;}
.waitlist-seeall-btn, .waitlist-seeall-btn:hover, .waitlist-seeall-btn:focus {color:#02b09b; margin-right:10px;text-decoration:none;}

.today-waitlist-item {background:#505c67; width:330px; margin:10px 5px 0px 5px;height:auto; cursor:pointer;position:relative;border-left:6px solid #63758b;}
.today-waitlist-item .caret-container {position:absolute;color:#ffffff;text-align:center;top:22%; right:3%;}
.today-waitlist-item .col-xs-10 {padding:10px;}
.today-waitlist-item .col-xs-10 p:first-of-type {color:#ffffff;font-size:13px;margin-bottom:3px;}
.today-waitlist-item .col-xs-10 p:nth-of-type(2) {color:#ffffff; font-size:14px; margin-bottom:3px;}
.today-waitlist-item .col-xs-10 p:nth-of-type(2)  span {font-size:12px; font-weight:bold;}

.waitlist-filter {background:#eaeaea; padding:10px;font-size:14px;}
.waitlist-summary {font-weight:bold; font-size:16px; margin-top:20px;margin-bottom:20px;}
.waitlist-summary span {color:#02b09b;}

.waitlist-reserve-btn, .waitlist-reserve-btn:hover, .waitlist-reserve-btn:focus {color:#02b09b; border:1px solid #02b09b; padding:3px 10px;text-decoration:none;}
.waitlist-edit-btn i {color:#a0a0a0; font-size:20px!important;vertical-align:middle;margin-top:3px;}
#schedulerdaily-waitlist-seeall-panel input {padding:5px;}




#today-reservations .nav-pills > li.active > a, #today-reservations .nav-pills > li.active > a:focus,#today-reservations .nav-pills > li.active > a:hover {color:#ffffff; background:#02b09b;padding:5px; border-radius:15px!important;width:80px; text-align:center;margin-right:5px;margin-bottom:10px;}
#today-reservations .nav-pills > li > a, #today-reservations .nav-pills > li > a:focus, #today-reservations .nav-pills > li > a:hover {color:#02b09b; border:1px solid #02b09b; background:transparent; padding:5px; border-radius:15px!important;width:80px; text-align:center;margin-right:5px;margin-bottom:10px;}
.today-reservations-noshow-container {margin:10px;color:#ffffff;border-bottom: 1px solid #2e3843;padding-bottom:10px;}
.today-reservations-cancel-container {margin:10px;color:#ffffff;border-bottom: 1px solid #2e3843;padding-bottom:10px;}




/*End Scheduler Styling*/

/*WorkScheduler Styling*/
#main-workscheduler {background: #ffffff;min-width: 750px;padding: 20px 5px 50px 20px; margin-right: 242px; }
.day-label {font-weight:bold;}
#createmonthlyworkschedule-dialog {width:500px;}
#create-monthlyworkschedule-form {width:500px;}
#create-monthlyworkschedule-form label {font-weight:bold;margin-top:20px;}
.delete-editworkshift-btn {color:red;float:left;}
#employee-visiblity-form .sortable li {width:200px;padding:5px; text-align:left;}
#employee-visiblity-form .ui-state-default {background:#ffffff;}
#employee-visiblity-form input[type="checkbox"] {margin-right:10px!important;}


#sorting-employee-body {padding:25px;}
#sorting-employee-form .sortable { list-style:none; padding-left:0px;}
#sorting-employee-form .sortable li {width:100%;padding:5px 8px; text-align:left;margin: 3px 3px 3px 0;cursor: pointer; }
#sorting-employee-form .ui-state-default {background:#ffffff;}
#sorting-employee-form .ui-state-highlight { height: 1.5em; line-height: 1.2em; }
#sorting-employee-form .ui-state-default,#sorting-employee-form .ui-widget-content .ui-state-default,#sorting-employee-form .ui-widget-header .ui-state-default {border: 1px solid #d3d3d3;background: #ffffff;font-weight: normal;color: #555555;}
#sorting-employee-form .ui-state-highlight,
#sorting-employee-form .ui-widget-content .ui-state-highlight,
#sorting-employee-form .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1;background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color: #363636;}
#sorting-employee-form .employee-scheduled-icon {margin-top:0px;font-size:18px!important; vertical-align:middle; margin-right:10px;}
#sorting-employee-form .employee-unscheduled-icon {margin-top:0px;font-size:18px!important; vertical-align:middle; margin-right:10px;}

#sorting-employee-body {padding:25px;}
#employee-visiblity-form .sortable { list-style:none; padding-left:0px;}
#employee-visiblity-form .sortable li {width:100%;padding:5px 8px; text-align:left;margin: 3px 3px 3px 0;cursor: pointer; }
#employee-visiblity-form .ui-state-default {background:#ffffff;}
#employee-visiblity-form .ui-state-highlight { height: 1.5em; line-height: 1.2em; }
#employee-visiblity-form .ui-state-default,#employee-visiblity-form .ui-widget-content .ui-state-default,#employee-visiblity-form .ui-widget-header .ui-state-default {border: 1px solid #d3d3d3;background: #ffffff;font-weight: normal;color: #555555;}
#employee-visiblity-form .ui-state-highlight,
#employee-visiblity-form .ui-widget-content .ui-state-highlight,
#employee-visiblity-form .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1;background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color: #363636;}
#employee-visiblity-form .employee-scheduled-icon {margin-top:0px;font-size:18px!important; vertical-align:middle; margin-right:10px;}
#employee-visiblity-form .employee-unscheduled-icon {margin-top:0px;font-size:18px!important; vertical-align:middle; margin-right:10px;}
.activity-success {color:#02b09b;}
.activity-danger {color:#ff0000;}
.activity-warning {color:#ffae1e;}

/*End WorkScheduler Styling*/

/*GetCoursePaymentReportMonthly Styling*/
.course-payment-summary {color:#02b09b; font-weight:bold;}
.course-payment-summary td:nth-child(-n+2) {border-top:none;}
/*End GetCoursePaymentReportMonthly Styling*/

/*************Scheduler Action Panel Styling**********************/
#schedulerdaily-action-panel {width:340px; height:100%; position:absolute; right:0; top:0; display:none;background:#ffffff; padding:10px;-webkit-box-shadow: -4px 0px 16px 0px rgba(0,0,0,0.3); -moz-box-shadow: -4px 0px 16px 0px rgba(0,0,0,0.3); box-shadow: -4px 0px 16px 0px rgba(0,0,0,0.3);z-index:99;}
#schedulerdaily-bottom-action-panel { width:60%; height:80px; position:fixed; background:#ffffff; bottom:0; left:30%; display:none; z-index:99;padding:15px;}
#schedulerdaily-bottom-action-panel a {float:right;}
.select-mode {background:pink!important;}

/*add-service-dialog*/
#add-service-dialog .selected { background-color:dodgerblue; color:white; }
/*End add-service-dialog*/

/* Panel */
.scheduler-panel { width:355px; height:100%; position:fixed; right:0; top:50; display:none;background:#ffffff; padding:10px 15px 0px 15px;-webkit-box-shadow: -4px 0px 16px 0px rgba(0,0,0,0.3); -moz-box-shadow: -4px 0px 16px 0px rgba(0,0,0,0.3); box-shadow: -4px 0px 16px 0px rgba(0,0,0,0.3);z-index:99; padding-bottom: 100px; font-size:12px;}
.scheduler-panel  .form-control {font-size:12px;}
.scheduler-panel .table thead tr th {font-size: 12px;font-weight: 600;}
.scheduler-panel.scheduler-full-panel { width:100%; height:100%; position:fixed; right:0; top:50px; display:none;background:#ffffff; padding:20px 15px;-webkit-box-shadow: -4px 0px 16px 0px rgba(0,0,0,0.3); -moz-box-shadow: -4px 0px 16px 0px rgba(0,0,0,0.3); box-shadow: -4px 0px 16px 0px rgba(0,0,0,0.3);z-index:100; overflow:auto;}
.close-panel-btn, .close-panel-btn:focus, .close-panel-btn:hover {color:#898989; text-decoration:none; border:1px solid #898989; padding:6px 10px;line-height:34px;}
.timeoff-btn, .timeoff-btn:focus, .timeoff-btn:hover {background: transparent;color: #a9a9a9;border:none;text-decoration:none;  float:right; margin-top:5px;}
.addproduct-btn, .addproduct-btn:focus, .addproduct-btn:hover {background: transparent;color: #a9a9a9;border:none;text-decoration:none; float:right; margin-left:20px;margin-top:5px;}
.create-appointment-btn, .create-appointment-btn:focus, .create-appointment-btn:hover {background: transparent;color: #a9a9a9;border:none;text-decoration:none;float:right; margin-left:20px;margin-top:5px;}
.scheduler-panel .dark-blue-btn, .scheduler-panel .dark-blue-btn:hover,.scheduler-panel .dark-blue-btn:focus {color: #ffffff;background: #435770;padding: 8px 10px; text-align:center;margin-left:0px!important;margin-right:5px;text-decoration: none; margin-bottom:20px;}
.inline-btn {display:inline-block;}
.scheduler-panel .search-results {padding:0px;}
.search-results-table-inpanel {margin-top:10px;}
.search-results-table-inpanel>tbody>tr>td {border-bottom:5px solid white;text-align:center; background:#eaeaea;border-top:none; padding:20px 5px;}
.search-results-table-inpanel>tbody>tr>td:first-of-type {text-align:left; padding-left:20px;}
.search-results-table-inpanel>thead>tr>th {border-top: 2px solid #ddd!important;text-align:center; line-height:30px;}
.search-results-table-inpanel>thead>tr>th:nth-of-type(3) {width:18%;}
.panel-caption {color: #435770;font-size: 15px; font-weight: 600;margin-top: 30px;margin-bottom:0px;}
.gray-hr {border-top:1px solid #cccccc; margin-top:10px; margin-bottom:10px;}
#create-customer-form label {font-weight:bold;}
#create-customer-form input {padding:8px;height:inherit;}
#create-customer-form select {padding:8px;height:inherit;}
#create-customer-form textarea {padding:8px;}
#selectcustomer-sourceextra {height:100px;resize:none;overflow-y:scroll;}
.searchreferrer-panel-btn, .searchreferrer-panel-btn:hover, .searchreferrer-panel-btn:focus {color:#02b09b; border:1px solid #02b09b; text-decoration:none; padding:8px 10px;margin-bottom:20px;}
.scheduler-panel .submit-btn { float:right;border:1px solid #02b09b; line-height:20px; font-size:13px;padding-left:8px; padding-right:8px; min-width:60px;}
.scheduler-panel .cancel-btn {float:right;background-color: #ffffff!important;color: #565656!important; border:1px solid #cccccc;padding:1px 20px; margin-left:5px;line-height:34px; font-size:14px;padding:5px 15px;}
.searchreferrer-searchresult-table-inpanel {margin-top:10px;}
.searchreferrer-searchresult-table-inpanel>tbody>tr>td {border-bottom:5px solid white;text-align:center; background:#eaeaea;border-top:none; padding:20px 5px;}
.searchreferrer-searchresult-table-inpanel>tbody>tr>td:first-of-type {text-align:left; padding-left:20px;}
.searchreferrer-searchresult-table-inpanel>thead>tr>th {border-top: 2px solid #ddd!important;text-align:center; line-height:30px;}
.searchreferrer-searchresult-table-inpanel>thead>tr>th:nth-of-type(3) {width:18%;}
.customer-info-inpanel {display:inline-block;vertical-align:top; margin-left:20px; margin-bottom:30px;}
.customer-info-inpanel .customer-name {color:#217cda; font-weight:bold;font-size:16px; margin-bottom:5px;}
.scheduler-panel .tabbable-line {margin-bottom:20px;}
#create-service-item input {padding:8px;height:inherit;}
#create-service-item select {padding:7.5px;height:inherit;}
/*.scheduler-panel .add-service-btn {color:#ffffff; background: #02b09b; font-size:16px;}*/
.scheduler-panel .goto-service-list-btn {background:#ffffff; color:#333;border:1px solid #ccc;}
.scheduler-panel .goto-service-list-btn-foredit {background:#ffffff; color:#333;border:1px solid #ccc;}
.scheduler-panel-footer {position: fixed;bottom: 0;width: 325px;border-top: 1px solid #ccc;padding-top: 12px; background:#ffffff;padding-bottom:12px;}
.scheduler-waiting-panel-footer {position: fixed;bottom: 0;width: 325px;border-top: 1px solid #ccc;padding-top: 12px; background:#ffffff;padding-bottom:12px;}
#create-custom-item input {padding:8px;height:inherit;}
#create-custom-item select {padding:8px;height:inherit;}
#create-custom-item .add-custom-service-btn {color:#ffffff; background: #02b09b; width:100%;line-height:40px!important; font-size:16px;}
.product-item-inpanel {width: 100%;border: 1px solid #ccc;padding: 15px;margin-bottom: 8px;}
.voucher-item-inpanel {width: 100%;border: 1px solid #ccc;padding: 15px;margin-bottom: 8px;}
.membership-item-inpanel {width: 100%;border: 1px solid #ccc;padding: 15px;margin-bottom: 8px;}
.addon-item-inpanel {width: 100%;border: 1px solid #ccc;padding: 15px;margin-bottom: 8px;}
#edit-custom-item input {padding:8px;height:inherit;}
#edit-custom-item select {padding:8px;height:inherit;}
.add-appointmentitem-panel-btn, .add-appointmentitem-panel-btn:focus, .add-appointmentitem-panel-btn:hover {float: right;color: #02b09b;border: 2px solid #02b09b;padding: 0px 8px;font-size: 20px;font-weight: bold;margin-top: -3px; text-decoration:none;}
#initial-item-foredit input {padding:8px;height:inherit;}
#initial-item-foredit select {padding:8px;height:inherit;}
#servicetab-foredit input {padding:8px;height:inherit;}
#servicetab-foredit select {padding:8px;height:inherit;}
.product-item-foredit-inpanel {width: 100%;border: 1px solid #ccc;padding: 15px;margin-bottom: 8px;}
.addon-item-foredit-inpanel {width: 100%;border: 1px solid #ccc;padding: 15px;margin-bottom: 8px;}
#edit-item-foredit input {padding:8px;height:inherit;}
#edit-item-foredit select {padding:8px;height:inherit;}
.customer-detail-panel-customername {border-right:1px solid #eaeaea;}
.customer-detail-panel-customername .panel-caption {float:left;margin-top:0px; margin-right:10px;}
.customer-detail-panel-customername .customer-name {color:#217cda; font-weight:bold;font-size:16px; margin-bottom:5px; float:left; margin-right:20px;}
.customer-detail-panel-customername .edit-customer-btn i {font-size: 25px!important;color: #898989; float:left;margin-top:5px;}
#customer-detail-panel .customer-phone {font-size:12px; font-weight:normal;}
#customer-detail-panel .customer-lastvisit, #customer-detail-panel .customer-credits, #customer-detail-panel .customer-ticketcount, #customer-detail-panel .customer-notes {font-weight:bold; margin-left:5px;}
#customer-detail-panel input {padding:8px;height:inherit;}
#customer-detail-panel select {padding:8px;height:inherit;}
#customer-detail-panel textarea {padding:8px;}
/*#customer-detail-panel .save-customercontact-btn {color:#ffffff; background: #02b09b; width:100%;line-height:30px!important; font-size:16px; margin-top:10px;}*/
.goto-service-list-btn-foredit {background:#ffffff; color:#333;border:1px solid #ccc;}
.goto-service-list-btn {background:#ffffff; color:#333;border:1px solid #ccc;}
.product-item-foredit-inpanel {width: 100%;border: 1px solid #ccc;padding: 15px;margin-bottom: 8px;}
.voucher-item-foredit-inpanel {width: 100%;border: 1px solid #ccc;padding: 15px;margin-bottom: 8px;}
.membership-item-foredit-inpanel {width: 100%;border: 1px solid #ccc;padding: 15px;margin-bottom: 8px;}
.panel-title {font-size:16px; font-weight:bold; color:#435770;}
.panel-waiting-title {font-size:16px; font-weight:bold; color:#435770;}
.scheduler-panel .nav-pills > li.active > a, .scheduler-panel .nav-pills > li.active > a:focus, .scheduler-panel .nav-pills > li.active > a:hover{color:white; background:#02b09b;border-radius:15px!important;padding:4px 12px;border:1px solid #02b09b; font-size:12px;margin-top:1px; margin-bottom:3px; margin-right:3px;}
.scheduler-panel .nav-pills > li > a, .scheduler-panel .nav-pills > li > a:focus, .scheduler-panel .nav-pills > li > a:hover {color:#a9a9a9; background:white; border-radius:15px!important;padding:4px 12px; border:1px solid #a9a9a9; font-size:12px;margin-top:1px; margin-bottom:3px;margin-right:3px;}
.scheduler-panel .nav-pills>li+li {margin-left: 0px;}
#customer-name-tab .customer-name {font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px; color:#02b09b;}
#customer-name-tab .change-customer-btn i {font-size: 18px!important;color: #898989; margin-top:7px; margin-left:5px; float:right;}
#customer-name-tab .customer-phone {font-size:12px;width:auto;text-align:left;padding-right:10px; border-right:1px solid #435770; line-height:13px;float:left;} 
.appointmentitem-container-inpanel .appointmentitem-time {font-weight:bold; font-size:12px;}
.appointmentitem-container-inpanel .appointmentitem-category {color:#cccccc; font-weight:bold; font-size:13px;}
.appointmentitem-container-inpanel .appointmentitem-details p:first-of-type {font-weight:bold; font-size:13px; margin-bottom:0px;}
.appointmentitem-container-inpanel .appointmentitem-details p:last-of-type {font-size:12px; color:#a9a9a9;}
.appointmentitem-container-inpanel .appointmentitem-option-btn { border:1px solid #02b09b;padding:3px;}
.appointmentitem-container-inpanel .appointmentitem-edit-btn i {font-size: 18px!important;color: #02b09b; vertical-align:middle;}
.appointmentitem-container-inpanel .dropdown-menu {left:-101px;}
.appointmentitem-container-inpanel .dropdown-menu:after {border-bottom:7px solid #eee;}
.appointment-form-totalamount {color:#02b09b; font-weight:bold; font-size:16px;}
#customer-appointment-history-inpanel {margin-top:10px;margin-bottom:10px;}
#customer-appointment-history-inpanel .customer-appointment-history-date {color:#02b09b; font-weight:bold; font-size:14px;}
#customer-appointment-history-inpanel .customer-appointment-history-details p:first-of-type {font-weight:bold; font-size:14px; margin-bottom:0px;}
#customer-appointment-history-inpanel .customer-appointment-history-details p:last-of-type {font-size:13px; color:#a9a9a9;}
.customer-appointment-history-inpanel-btn {border: none;background: transparent;width: 50%;text-align: left;padding: 0px;padding-bottom: 6px;color: #a9a9a9;font-size: 15px;font-weight: bold;outline:none;margin-right:-40px;}
.customer-appointment-history-inpanel-btn i {font-size: 20px!important;color: #34495e; margin-top: 8px;}
.cancel-appointment-btn, .go-to-appointment-btn, .go-to-shopcart-checkout-btn, .initial-delete-item-foredit-btn {color:#34495e!important; font-weight:bold;padding-left:0px;}
.scheduler-panel-footer .cancel-appointment-btn i {color:red;}
.scheduler-panel-footer .go-to-appointment-btn i {color:red;}
.scheduler-panel-footer .initial-delete-item-foredit-btn i {color:red;}
.scheduler-panel-footer .go-to-shopcart-checkout-btn i {color:red;}
.scheduler-waiting-panel-footer .cancel-appointment-btn i {color:red;}
.scheduler-waiting-panel-footer .go-to-appointment-btn i {color:red;}
.scheduler-waiting-panel-footer .initial-delete-item-foredit-btn i {color:red;}
.scheduler-waiting-panel-footer .go-to-shopcart-checkout-btn i {color:red;}
.scheduler-panel .additional-options {background: transparent;color: #a9a9a9!important;border:none;text-decoration:none; float:right; margin-left:20px;margin-top:5px;}
.scheduler-panel .additional-options a{color: #a9a9a9!important;}
.scheduler-panel .additional-waiting-options {background: transparent;color: #a9a9a9!important;border:none;text-decoration:none; float:right; margin-left:20px;margin-top:5px;}
.scheduler-panel .additional-waiting-options a{color: #a9a9a9!important;}
/*#edit-appointment-container .customer-name { font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px;}
#edit-appointment-container .change-customer-btn i {font-size: 18px!important;color: #898989; margin-top:7px; margin-left:5px; float:right;}
#edit-appointment-container .customer-phone {font-size:15px; text-align:center;}*/ 
#edit-appointment-container .customer-name { font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px; color:#02b09b;}
#edit-appointment-container .change-customer-btn {float:right; color:#02b09b;border:1px solid #02b09b;font-size:13px;padding:3px 10px;}
#edit-appointment-container .hide-editappointment-customer-search {float:right; color:#02b09b;border:1px solid #02b09b;font-size:13px;padding:3px 10px; cursor:pointer; text-decoration:none;}
#edit-appointment-container .customer-phone {font-size:12px;width:auto;text-align:left;padding-right:10px;  line-height:13px;float:left;color:#afafaf;} 
#edit-appointment-container .customer-credits-container {width:auto; text-align:left; padding-right:10px; line-height:13px; float:left;border-right:1px solid #435770; font-weight:bold;}
#edit-appointment-container .customer-freecredits-container {width:auto; text-align:left; padding-left:10px; line-height:13px; float:left; font-weight:bold;margin-bottom:10px;}
.add-editappointmentitem-panel-btn, .add-editappointmentitem-panel-btn:hover, .add-editappointmentitem-panel-btn:focus {float: right;color: #ffffff;border: 2px solid #02b09b; background:#02b09b;padding: 0px 6px;font-size: 20px;font-weight: bold; text-decoration:none; padding-top:inherit; padding-bottom:inherit; height:25px; line-height:20px; margin-top:-4px;}
/*.show-create-sms-reminder-btn, .show-create-sms-reminder-btn:hover, .show-create-sms-reminder-btn:focus {float: right;color: #02b09b;border: 2px solid #02b09b;padding: 0px 6px;font-size: 20px;font-weight: bold; text-decoration:none; padding-top:inherit; padding-bottom:inherit; height:25px; line-height:20px;}*/
#editappointment-customer-appointment-history-inpanel {margin-bottom:10px;}
#editappointment-customer-appointment-history-inpanel .customer-appointment-history-date {color:#02b09b; font-weight:bold; font-size:14px;}
#editappointment-customer-appointment-history-inpanel .customer-appointment-history-details p:first-of-type {font-weight:bold; font-size:14px; margin-bottom:0px;}
#editappointment-customer-appointment-history-inpanel .customer-appointment-history-details p:last-of-type {font-size:13px; color:#a9a9a9;}
#schedulerdaily-searchcustomer-panel .panel-caption {font-size:14px; color:#435770; font-weight:600;margin-top:20px;}
#schedulerdaily-searchcustomer-panel .panel-caption i {font-size:40px; margin-right:8px;vertical-align:sub;}
.scheduler-panel .green-border-btn, .scheduler-panel .green-border-btn:hover, .scheduler-panel .green-border-btn:focus {color: #02b09b;background: #ffffff;padding: 8px 10px; width:32%; text-align:center;margin-left:0px!important;margin-right:5px;text-decoration: none; margin-bottom:15px;border:1px solid #02b09b;}
.create-reservation-select-timestaffroom input {padding:8px;height:inherit;}
.create-reservation-select-timestaffroom select {padding:8px;height:inherit;}
#create-timeoff-form input {padding:8px;height:inherit;}
#create-timeoff-form select {padding:8px;height:inherit;}
#create-timeoff-form textarea {padding:8px;height:inherit;}
.selectcustomer-panel-service-btn {margin-left:auto; margin-right:auto; display:table; width:100%; margin-top:10px; margin-bottom:15px; line-height:30px!important; font-size:16px;}
.selectcustomer-panel-product-btn {margin-left:auto; margin-right:auto; display:table; width:100%; margin-top:10px; margin-bottom:15px; line-height:30px!important; font-size:16px;}
.close-full-panel-btn, .close-full-panel-btn:hover, .close-full-panel-btn:focus {color:inherit; text-decoration:none; font-weight:bold;}
.checkout-details-customer-section label {font-weight:bold; margin-right:20px;}
.checkout-details-customer-section select {padding:5px;width:150px; font-weight:bold;}
.checkout-details-purchaseitem-list-section label {font-weight:bold; font-size:16px;}
.checkout-details-purchaseitem-table {border-top:2px solid #ccc;}
.checkout-details-purchaseitem-table>thead>tr>td {border-bottom:2px solid #ccc; font-weight:bold; text-align:center;}
.checkout-details-purchaseitem-table>thead>tr>td:first-of-type {text-align:left; width:30%;}
.checkout-details-purchaseitem-table>tbody>tr>td {border-top:none;text-align:center; vertical-align:middle;}
.checkout-details-purchaseitem-table>tbody>tr>td:first-of-type {text-align:left; font-weight:bold;}
.checkout-details-purchaseitem-table>tbody>tr>td:nth-of-type(2) {color:#a9a9a9;}
.checkout-details-purchaseitem-table>tbody>tr>td>.use-voucher-btn { float: none;}
.checkout-details-purchaseitem-table>tbody>tr>td>.use-freevoucher-btn { float: none;}

.checkout-complete-message-container {display:table; margin-left:auto; margin-right:auto;text-align:center;padding-top:30px;padding-bottom:30px;}
.checkout-complete-message-container i {color:#02b09b; font-size:70px!important;margin-bottom:40px;}
.checkout-complete-message-container p {font-size:22px;}
.checkout-complete-message-container span {color:#02b09b;}
.checkout-payment-list label {font-weight:bold; font-size:16px;}
.checkout-payment-list-table {border-top:2px solid #ccc;}
.checkout-payment-list-table>thead>tr>td {border-bottom:2px solid #ccc; font-weight:bold; text-align:center;}
.checkout-payment-list-table>thead>tr>td:first-of-type {text-align:left;}
.checkout-payment-list-table>thead>tr>td:last-of-type {width:15%;}
.checkout-payment-list-table>thead>tr>td:nth-child(2) {text-align:right;}
.checkout-payment-list-table>tbody>tr>td {border-top:none;text-align:center; vertical-align:middle;}
.checkout-payment-list-table>tbody>tr>td:first-of-type {text-align:left; /*font-weight:bold;*/}
.checkout-payment-list-table>tbody>tr>td:nth-child(2) {text-align:right;}
/*.checkout-payment-list-table>tbody>tr>td:nth-of-type(2) {color:#a9a9a9;}*/
.checkout-payment-list-table>tbody>tr>td>.cancel-payment-btn {color:red; border:1px solid red;}


.checkout-details-payment-deleted { text-decoration:line-through;}
.checkout-details-payment-refunded { text-decoration:line-through;}
.checkout-details-discount-section label {font-weight:bold; font-size:16px;}
.checkout-details-discount-container {background:#eaeaea;padding:10px 20px;border-top:2px solid #ccc;}
.checkout-details-discount-container select {padding:5px;width:150px; font-weight:bold; margin-right:10px;}
.checkout-details-discount-container input {margin-right:10px;}
.checkout-details-discount-container .checkout-details-discount-apply-btn {float:inherit; line-height:1.3; vertical-align:top; width:98px; float: right; background-color: #364250; color: #ffffff;}

.checkout-details-discount-reset-container {background:#eaeaea;padding:10px 20px;border-top:2px solid #ccc;}
.checkout-details-discount-reset-container label {font-weight:normal; margin-bottom:0px;line-height:34px;}
.checkout-details-discount-reset-container span {margin-left: 70px; font-weight: bold; font-size:18px;}
.checkout-details-discount-reset-container select {padding:5px;width:150px; font-weight:bold; margin-right:10px;}
.checkout-details-discount-reset-container input {margin-right:10px;}
.checkout-details-discount-reset-container .checkout-details-discount-reset-btn {float:inherit; line-height:1.3; vertical-align:top; width:98px; float: right; background-color: #364250; color: #ffffff;}
.discount-reason-input{ width: 420px !important;}
.discount-reason{ font-size: 14px !important;}

.checkout-details-credit-section label {font-weight:bold; font-size:16px;}
.checkout-details-credit-container {background:#eaeaea;padding:10px 20px;border-top:2px solid #ccc;}
.checkout-details-credit-info-section {float:left;  margin-top:8px;width:25%;}
.checkout-details-credit-info-section label {font-size:14px; margin-top:5px;}
.checkout-details-credit-info-section span {font-size:18px; color:#465668;font-weight:bold; float:right;}

.checkout-details-remaining-credit-section {float:left; margin-top:9px; width:21%;}
.checkout-details-remaining-credit-section span {font-size:12px; color:#465668;}

.checkout-details-remaining-freecredit-section {float:left; margin-top:9px; width:21%;}
.checkout-details-remaining-freecredit-section span {font-size:12px; color:#465668;}

.checkout-details-credit-container input {padding:5px;width:160px; font-weight:bold; margin-right:10px; float:left;}
.checkout-details-credit-container .checkout-details-credit-apply-btn {color:#02b09b;border:1px solid #02b09b;float:right; width:98px;}
.checkout-details-credit-container .checkout-details-credit-apply-all-btn {float:left; margin-right:30px;}
.checkout-details-credit-container .checkout-details-credit-apply-all-btn i {color:#02b09b;font-size:28px;margin-top:5px;}

.checkout-details-freecredit-container {background:#eaeaea;padding:10px 20px;}
.checkout-details-freecredit-info-section {float:left;  margin-top:8px; width:25%;}
.checkout-details-freecredit-info-section label {font-size:14px;margin-top:5px;}
.checkout-details-freecredit-info-section span {font-size:18px; color:#465668;font-weight:bold; float:right;}
.checkout-details-freecredit-container input {padding:5px;width:160px; font-weight:bold; margin-right:10px; float:left;}
.checkout-details-freecredit-container .checkout-details-freecredit-apply-btn {color:#02b09b;border:1px solid #02b09b;float:right;width:98px;}
.checkout-details-freecredit-container .checkout-details-freecredit-apply-all-btn {float:left; margin-right:30px;}
.checkout-details-freecredit-container .checkout-details-freecredit-apply-all-btn i {color:#02b09b;font-size:28px;margin-top:5px;}

.checkout-details-split-payment-section {display:none;}
.checkout-details-split-payment-section label {font-weight:bold; font-size:16px;}
.checkout-details-split-payment-container {background:#eaeaea;padding:10px 20px;border-top:2px solid #ccc;}
.checkout-details-split-payment-container label {font-size:14px;float:left; margin-right:55px; margin-top:8px;}
.checkout-details-split-payment-container input {padding:5px;width:160px; font-weight:bold; margin-right:10px; float:left;}
.checkout-details-split-payment-container .shopcart-checkout-split-payment-misc-btn  {border:1px solid #a9a9a9;float:right; margin-right:10px; margin-left:10px; width:98px;color:#34495e;}
.checkout-details-split-payment-container .submit-btn {width:98px; margin-left:10px; }


 .checkout-details-etc-payment-section {display:none;}
.checkout-details-etc-payment-section label {font-weight:bold; font-size:16px;}
.checkout-details-etc-payment-container {background:#eaeaea;padding:10px 20px;border-top:2px solid #ccc;}
.checkout-details-etc-payment-container label {font-size:14px;float:left; margin-right:55px; margin-top:8px;}
.checkout-details-etc-payment-container input {padding:5px;width:620px; font-weight:bold; margin-right:10px; float:left;}
.checkout-details-etc-payment-container .shopcart-checkout-split-payment-misc-btn  {border:1px solid #a9a9a9;float:right; margin-right:10px; margin-left:10px; width:98px;color:#34495e;}
.checkout-details-etc-payment-container .submit-btn {width:98px; margin-left:10px; }


.checkout-details-card-company-section {display:none;}
.checkout-details-card-company-section label {font-weight:bold; font-size:16px;}
.checkout-details-card-company-container {background:#eaeaea;padding:10px 20px;border-top:2px solid #ccc;}
.checkout-details-card-company-container .submit-btn { width:98px; margin-left:10px;  }

.checkout-details-split-card-company-section {display:none;}
.checkout-details-split-card-company-section label {font-weight:bold; font-size:16px;}
.checkout-details-split-card-company-container {background:#eaeaea;padding:10px 20px;border-top:2px solid #ccc;}
.checkout-details-split-card-company-container .submit-btn { width:98px; margin-left:10px;  }

.checkout-summary-title {font-weight:bold; font-size:16px;}
.checkout-summary-section {margin-top:20px;border:2px solid #898989; padding:20px;}
.checkout-summary-section label {font-size:18px;margin-bottom:20px;width:400px;margin-left:20px;}
.checkout-summary-section span {font-size:20px; width:auto; float:right; margin-right: 20px;}
.checkout-summary-section .checkout-summary-payment-values {font-weight:bold; }
.checkout-summary-paid-amount.red {color:red;font-size:20px}
.checkout-summary-finalprice-section label {font-weight:bold; font-size:20px;}
.checkout-summary-split-payments-section span {font-size:20px;}
.checkout-summary-split-payments-section label {font-weight:bold; font-size:20px!important;}
.checkout-summary-payment-amount-left-section span {color:red;font-size:20px;}
.checkout-summary-payment-amount-left-section label {margin-bottom:0px; font-weight:bold; font-size:20px!important;}
.panel-end {margin-bottom: 150px;}
.shopcart-checkout-payment-misc-btn {}
.shopcart-checkout-payment-buttons {width:18%; height: 50px; margin-right:2%; padding:14px;}
.shopcart-checkout-payment-buttons:last-of-type, .shopcart-checkout-payment-buttons:last-of-type:focus, .shopcart-checkout-payment-buttons:last-of-type:hover {margin-right:0%;color:#ffffff; font-size:16px; font-weight:bold;border:1px solid #f41c45; background:#f41c45;margin-right:0%; }
.shopcart-checkout-payment-buttons:first-of-type, .shopcart-checkout-payment-buttons:first-of-type:focus, .shopcart-checkout-payment-buttons:first-of-type:hover {font-size:16px; font-weight:bold; background:#02b09b; color:#ffffff;} 
.shopcart-checkout-payment-buttons:nth-of-type(2), .shopcart-checkout-payment-buttons:nth-of-type(2):focus, .shopcart-checkout-payment-buttons:nth-of-type(2):hover {font-size:16px; font-weight:bold;background:#02b09b; color:#ffffff;}
.shopcart-checkout-payment-buttons:nth-of-type(3), .shopcart-checkout-payment-buttons:nth-of-type(3):focus, .shopcart-checkout-payment-buttons:nth-of-type(3):hover {font-size:16px; font-weight:bold;background:#02b09b; color:#ffffff;}
.shopcart-checkout-payment-buttons:nth-of-type(4), .shopcart-checkout-payment-buttons:nth-of-type(4):focus, .shopcart-checkout-payment-buttons:nth-of-type(4):hover {color:#34495e; font-size:16px; font-weight:bold;border:1px solid #a9a9a9;}
#schedulerdaily-createappointmentitem-panel .customer-name {font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px; color:#02b09b;}
#schedulerdaily-createappointmentitem-panel .change-customer-btn i {font-size: 18px!important;color: #898989; margin-top:7px; margin-left:5px; float:right;}
#schedulerdaily-createappointmentitem-panel .customer-phone {font-size:12px;width:auto;text-align:left;padding-right:10px; border-right:1px solid #435770; line-height:13px;float:left;} 
#schedulerdaily-editappointmentitem-panel .customer-name {font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px; color:#02b09b;}
#schedulerdaily-editappointmentitem-panel .change-customer-btn i {font-size: 18px!important;color: #898989; margin-top:7px; margin-left:5px; float:right;}
#schedulerdaily-editappointmentitem-panel .customer-phone {font-size:12px;width:auto;text-align:left;padding-right:10px; border-right:1px solid #435770; line-height:13px;float:left;}
/*#createappointmentitem-foredit-panel .clickable-name-foredit {color:#02b09b; font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px;}
#createappointmentitem-foredit-panel .change-customer-btn i {font-size: 18px!important;color: #898989; margin-top:7px; margin-left:5px; float:right;}
#createappointmentitem-foredit-panel .customer-phone-foredit {font-size:15px;text-align:center;}*/ 
#producttab-foredit .nav-pills > li.active > a, #producttab-foredit .nav-pills > li.active > a:focus, #producttab-foredit .nav-pills > li.active > a:hover{color:white; background:#02b09b;border-radius:3px!important;padding:6px 12px;border:1px solid #02b09b;margin-right:5px;}
#producttab-foredit .nav-pills > li > a, #producttab-foredit .nav-pills > li > a:focus, #producttab-foredit .nav-pills > li > a:hover {color:#02b09b; background:white; border-radius:3px!important;padding:6px 12px; border:1px solid #02b09b;margin-right:5px; }
#producttab-foredit .nav-pills > li.active {width:33%;text-align:center;}
#producttab-foredit .nav-pills > li {width:33%; text-align:center;}
#create-custom-product-item-foredit input {padding:8px;height:inherit;}
#schedulerdaily-initialeditappointmentitemforedit-panel .clickable-name {font-size:18px; font-weight:bold; cursor:pointer;}
#schedulerdaily-initialeditappointmentitemforedit-panel .customer-phone {font-size:12px;font-weight:normal;}
#initial-edit-item-container input {padding:8px;height:inherit;}
#initial-edit-item-container select {padding:8px;height:inherit; width:100%;}
#edit-item-foredit-container select {padding:8px;height:inherit; width:100%;}
#schedulerdaily-searchcustomer-panel .fa-check-circle-o {margin-bottom:10px;}
.search-dialog-maincontent .search-customer-change-btn {float:right; color:#02b09b;border:1px solid #02b09b;font-size:12px;padding:3px 10px;}
.search-dialog-maincontent .back-to-create-btn {float:right; color:#02b09b;border:1px solid #02b09b;font-size:12px;padding:3px 10px;height:24px;margin-bottom: 8px;}
#search-customer-view .customer-name {color:#177bdd; font-weight:bold; font-size:16px;margin-bottom:10px;}
#search-customer-view .customer-phone {margin-bottom:5px;color:#afafaf;}
#search-customer-view .customer-credits { font-weight:bold; font-size:12px;margin-bottom:38px;}
#product-container .nav-pills > li.active > a, #product-container  .nav-pills > li.active > a:focus, #product-container  .nav-pills > li.active > a:hover{color:white; background:#02b09b;border-radius:3px!important;padding:6px 12px;border:1px solid #02b09b;margin-right:5px;font-size:14px;}
#product-container .nav-pills > li > a, #product-container  .nav-pills > li > a:focus, #product-container  .nav-pills > li > a:hover {color:#02b09b; background:white; border-radius:3px!important;padding:6px 12px; border:1px solid #02b09b;margin-right:5px; font-size:14px; }
#product-container .nav-pills > li.active {width:33%;text-align:center;}
#product-container .nav-pills > li {width:33%; text-align:center;}
.search-dialog-maincontent input {padding:8px;height:inherit;}
.search-dialog-maincontent select {padding:8px;height:inherit;}
.scheduler-panel input {padding:8px;height:inherit;}
.scheduler-panel select {padding:7.5px;height:inherit; padding-left: 2px; padding-right: 2px;}
#main-scheduler #schedule-datepicker-btn i {font-size:22px!important; color:#a9a9a9; margin:0px 0px 0px 5px}
.create-reservation-select-timestaffroom .combodate select {width:45%!important;}
.combodate select.hour, .combodate select.minute { border: 1px solid #ccc; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.scheduler-panel .form-group {margin-top:9px; margin-bottom:2px;}
/*.scheduler-panel-footer .submit-btn, .scheduler-panel-footer .cancel-btn {height:38px; line-height:38px!important; margin-bottom:inherit; margin-top:inherit; padding-left:30px; padding-right:30px;}*/
#service-check {margin-top:34px!important;}
#schedule-timeoff-panel textarea {height:120px;}
#product-check {margin-top:10px;}
.scheduler-panel .search-keywords-group .search-keywords-group-btn > .btn {height: 38px;}
.scheduler-panel .dark-blue-btn, .scheduler-panel .dark-blue-btn:hover, .scheduler-panel .dark-blue-btn:focus {margin-top:10px;}
#editappointment-customer-appointment-history {margin-top:35px;}
#createappointmentitem-foredit-panel .combodate select {width:46%!important;}
#schedulerdaily-editappointmentitemforedit-panel .combodate select {width:auto;}
#schedulerdaily-editappointmentitemforedit-panel .combodate select:first-of-type {width:auto;}
#schedulerdaily-editappointmentitemforedit-panel .customer-name { font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px; color:#02b09b;}
#schedulerdaily-editappointmentitemforedit-panel .customer-phone {font-size:12px;width:auto;text-align:left;padding-right:10px;  line-height:13px;float:left; color:#afafaf;margin-bottom:5px;}
#schedulerdaily-editappointmentitemforedit-panel .customer-credits-container {width:auto; text-align:left; padding-right:10px; line-height:13px; float:left;border-right:1px solid #435770; font-weight:bold;}
#schedulerdaily-editappointmentitemforedit-panel .customer-freecredits-container {width:auto; text-align:left; padding-left:10px; line-height:13px; float:left; font-weight:bold;margin-bottom:10px;}
#schedulerdaily-editappointmentitemforedit-panel .delete-item-foredit-btn {color:#34495e!important; font-weight:bold;padding-left:0px;}
#schedulerdaily-editappointmentitemforedit-panel .delete-item-foredit-btn i {color:red;}
#schedulerdaily-initialeditappointmentitemforedit-panel .combodate select {width:auto;}
#schedulerdaily-initialeditappointmentitemforedit-panel .combodate select:first-of-type {width:auto;}
#schedulerdaily-initialeditappointmentitemforedit-panel .customer-name { font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px; color:#02b09b;}
#schedulerdaily-initialeditappointmentitemforedit-panel .customer-phone {font-size:12px;width:auto;text-align:left;padding-right:10px;  line-height:13px;float:left;color:#afafaf;margin-bottom:5px;}
#schedulerdaily-initialeditappointmentitemforedit-panel .customer-credits-container {width:auto; text-align:left; padding-right:10px; line-height:13px; float:left;border-right:1px solid #435770; font-weight:bold;}
#schedulerdaily-initialeditappointmentitemforedit-panel .customer-freecredits-container {width:auto; text-align:left; padding-left:10px; line-height:13px; float:left; font-weight:bold;margin-bottom:10px;}
.removereferrer-btn i {color:#02b09b; margin-right:5px;}
.scheduler-panel label {font-size:14px;}
#customer-detail-panel .customer-name { font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px;}
#customer-detail-panel .edit-customer-btn i {font-size: 18px!important;color: #898989; margin-top:7px; margin-left:5px; float:right;}
#customer-detail-panel .customer-phone {font-size:12px;width:auto;text-align:left;padding-right:10px;  line-height:13px;float:left; color:#afafaf; margin-bottom:5px;} 
#customer-detail-panel .customer-credits-container {width:auto; text-align:left; padding-right:10px; line-height:13px; float:left;border-right:1px solid #435770; font-weight:bold;}
#customer-detail-panel .customer-freecredits-container {width:auto; text-align:left; padding-left:10px; line-height:13px; float:left; font-weight:bold;margin-bottom:10px;}
#search-customer-view .customer-name { font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px; color:#02b09b;}
#search-customer-view .edit-customer-btn i {font-size: 18px!important;color: #898989; margin-top:7px; margin-left:5px; float:right;}
#search-customer-view .customer-phone {font-size:12px;width:auto;text-align:left;padding-right:10px;  line-height:13px;float:left;} 
#search-customer-view .customer-credits-container {width:auto; text-align:left; padding-right:10px; line-height:13px; float:left;border-right:1px solid #435770; font-weight:bold;}
#search-customer-view .customer-freecredits-container {width:auto; text-align:left; padding-left:10px; line-height:13px; float:left; font-weight:bold;margin-bottom:10px;}
#editappointment-tabtitle {background:#edf0f2; padding:10px 5px;}
#editappointment-tabtitle .nav-pills > li.active > a, #editappointment-tabtitle .nav-pills > li.active > a:focus, #editappointment-tabtitle .nav-pills > li.active > a:hover {font-size:12px!important;}
#createappointmentitem-foredit-panel .clickable-name-foredit { font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:5px; color:#02b09b;}
#createappointmentitem-foredit-panel .change-customer-btn {float:right; color:#02b09b;border:1px solid #02b09b;font-size:13px;padding:3px 10px;}
#createappointmentitem-foredit-panel .customer-phone-foredit {font-size:12px;width:auto;text-align:left;padding-right:10px;  line-height:13px;float:left; color:#afafaf;margin-bottom:5px;}
#createappointmentitem-foredit-panel .customer-credits-container {width:auto; text-align:left; padding-right:10px; line-height:13px; float:left;border-right:1px solid #435770; font-weight:bold;}
#createappointmentitem-foredit-panel .customer-freecredits-container {width:auto; text-align:left; padding-left:10px; line-height:13px; float:left; font-weight:bold;margin-bottom:10px;}
.appointment-form-reservation-note {margin-top:25px;}
.appointment-form-reservation-note .col-md-2 {font-weight:bold;}
.appointment-form-reservation-note textarea {width:100%; height:50px; resize:none; overflow:auto;}
#schedule-timeoff-panel .combodate select {width:46%!important;}
#schedule-edittimeoff-panel .combodate select {width:46%!important;}
#schedule-edittimeoff-panel textarea {height:120px;}
#merge-appointment-container .merge-item {padding-top:20px;padding-bottom:20px;border-bottom:1px solid #eaeaea; position:relative;}
#merge-appointment-container .merge-item:last-of-type {border-bottom:none;}
#merge-appointment-container .merge-item .appointment-customer-name {font-size:16px; font-weight:bold;}
#merge-appointment-container .merge-item .appointment-customer-phone {font-size:13px;}
#merge-appointment-container .merge-item .appointment-service-name {margin-top:15px; font-size:13px; font-weight:bold;}
#merge-appointment-container .merge-item .appointment-service-details {color:#a9a9a9; margin-top:3px; font-size:12px;}
#merge-appointment-container .merge-item .appointment-service-price {font-weight:bold;position:absolute; right:0; bottom:20%; font-size:16px;}

#customer-detail-reservation-history table>tbody>tr>td:first-of-type {font-size:13px; font-weight:bold;}
#customer-detail-reservation-history table>tbody>tr>td:first-of-type span {font-size:12px!important; font-weight:normal;}

#edit-sms-form label {font-weight:bold;}
#edit-sms-form textarea {height:150px; resize:none; overflow-y:scroll;}
#edit-sms-form select {width:31%!important;}
#create-sms-form select {width:31%!important;}
.delete-edit-sms-btn { color: #34495e!important;font-weight: bold;padding-left: 0px;}
.delete-edit-sms-btn i {color:red;font-size: 20px!important;}


#cancel-popup{ width: 125px; position: fixed; bottom: 62px; border: 2px solid #ccc; font-weight: 600; }
#cancel-popup hr{ margin:0; color:#ccc; }
#cancel-popup a{width:100%; font-weight:normal;}
#cancel-popup a:hover{background-color:#ccc;}
#cancel-popup .popup-title{ background-color:#ccc; }
.noshow-confirm-modal-btn {color:inherit;}

.customer-status {width:100%; padding:8px; margin:5px 0px; background:#f9f9f9;font-size:12px;}
.customer-group-status {width:100%; padding:8px; margin:5px 0px; background:#f9f9f9;}
.customer-group-status p {display:inline-block;margin-bottom:0px;margin-right:5px;font-weight:bold;}
.customer-group-status-chip {display: inline-block;padding: 0 8px;height: 20px;font-size: 11px;line-height: 20px;border-radius: 15px!important;background-color: red;color:#ffffff;}

.scheduler-useticket-btn {float:right;}
.scheduler-useticket-btn i {color:#2b3643; font-size:25px!important;}
.scheduler-useticket-btn-foredit {float:right;}
.scheduler-useticket-btn-foredit i {color:#2b3643; font-size:25px!important;}
.scheduler-usefreeticket-btn {float:right;}
.scheduler-usefreeticket-btn i {color:#2b3643; font-size:25px!important;}
.customer-ticketlist-show-more { cursor: pointer; margin-top: 5px;padding:3px; font-size:13px;color:#02b09b;font-weight:bold;}
.customer-ticketlist-container {border-top:1px dashed #cccccc;}
#create-credit-pill label {font-weight:bold;font-size:12px;}
#create-credit-pill-foredit label {font-weight:bold;font-size:12px;}

.searchcustomer-servicedate-employee {float:right; width:261px;position:relative;}
.searchcustomer-servicedate-employee .combodate select:last-of-type {width:auto!important;}
.searchcustomer-servicedate-employee .combodate {display:inline-block; height:21px;}
.searchcustomer-servicedate-employee select {display:inline-block;width:69px; padding:0px; font-size:12px!important;}
.searchcustomer-servicedate-employee select:last-of-type {margin-top:2px;}
.searchcustomer-servicedate-employee .searchcustomer-servicedate-employee-save-btn {display:inline-block;}
.searchcustomer-servicedate-employee .searchcustomer-servicedate-employee-save-btn i {color:#02b09b; font-size:20px!important; vertical-align:middle; margin-left:2px;}

#service-date { width:30%; height:21px; display:inline-block; }

.selectcustomer-createcustomer-btn, .selectcustomer-createcustomer-btn:hover, .selectcustomer-createcustomer-btn:focus {background:#ffffff; border:1px solid #ccc;color:inherit; text-decoration:none; padding:8px 15px;}
.selectcustomer-anonymouscustomer-btn, .selectcustomer-anonymouscustomer-btn:hover, .selectcustomer-anonymouscustomer-btn:focus {background:#ffffff; border:1px solid #ccc;color:inherit; text-decoration:none;padding:8px 15px;}
.selectcustomer-createcustomer-btn i {color:#02b09b; margin-right:5px;font-size:12px!important;}
.selectcustomer-anonymouscustomer-btn i {color:#02b09b; margin-right:5px;font-size:12px!important;}
.show-servicedate-employee-btn, .show-servicedate-employee-btn:hover, .show-servicedate-employee-btn:focus {float:right; color:inherit; text-decoration:none;font-size:14px;}
.time-employeename i {color:#a0a0a0; margin-left:8px; font-size:16px!important; vertical-align:middle;}
.editappointment-createcustomer-btn, .editappointment-createcustomer-btn:hover, .editappointment-createcustomer-btn:focus {background:#ffffff; border:1px solid #ccc;color:inherit; text-decoration:none;padding:8px 15px;}
.editappointment-anonymouscustomer-btn, .editappointment-anonymouscustomer-btn:hover, .editappointment-anonymouscustomer-btn:focus {background:#ffffff; border:1px solid #ccc;color:inherit; text-decoration:none;padding:8px 15px;}
.editappointment-createcustomer-btn i {color:#02b09b; margin-right:5px;font-size:12px!important;}
.editappointment-anonymouscustomer-btn i {color:#02b09b; margin-right:5px;font-size:12px!important;}

#service_storeslot_id {padding:0px; margin-top:-8px;}
.createappointment-categorygroups-selectable {margin:10px 0px;}
.createappointment-category-selectable {display:inline-block;width:100px; background:#edf0f2;height:100px; text-align:center;padding-top:42px;font-weight:bold;cursor:pointer;}
.createappointment-category-selectable-0 {margin:5px 0px;}
.createappointment-category-selectable-1 {margin:5px 9.5px;}
.createappointment-category-selectable-2 {margin:5px 0px;}
.createappointment-category-selectable:hover{background:#02b09b; color:white;}
.createappointment-categorygroups-selectable a { color:inherit; text-decoration:none;}
.createappointment-category-custominput-selectable {display:inline-block;width:100px; background:#ffffff;height:100px;text-align:center;padding-top:42px;font-weight:bold;border:1px solid #cccccc;cursor:pointer;}
.createappointment-services-selectable {margin:10px 0px;}
.createappointment-services-selectable-back-btn, .createappointment-services-selectable-back-btn:hover, .createappointment-services-selectable-back-btn:focus {color:#02b09b;text-decoration:none;  font-size:13px; border:1px solid #02b09b;padding:5px 10px;}
.createappointment-services-selectable-back-btn i {margin-right:7px;}
.creatappointment-service-selectable {background:#ddd; padding:10px;margin-top:5px; font-weight:bold;cursor:pointer;}
.creatappointment-service-selectable:first-of-type {margin-top:15px;}
.creatappointment-service-selectable a {float:right; color:#a0a0a0;margin-left:8px;}
.creatappointment-service-selectable a i {font-size:22px!important;margin-top:3px;}
.creatappointment-service-selectable span {float:right; color:#02b09b;}
.creatappointment-service-selectable-selected {background:#02b09b;color:#ffffff;}
.creatappointment-service-selectable-selected a i {color:#ffffff;}
.creatappointment-service-selectable-selected span {color:#ffffff;}
.creatappointment-service-selectable:hover {background:#02b09b;color:#ffffff;}
.creatappointment-service-selectable:hover span {color:#ffffff;}
.creatappointment-service-selectable:hover a i {color:#ffffff;}
.createappointment-editservice-from-selectable-back-btn, .createappointment-editservice-from-selectable-back-btn:hover, .createappointment-editservice-from-selectable-back-btn:focus {color:#02b09b;text-decoration:none; font-size:13px; border:1px solid #02b09b;padding:5px 10px;}
.createappointment-editservice-from-selectable-title {font-weight:bold;margin-top:10px;margin-bottom:0px;font-size:16px;}
.createappointment-customservice-back-btn, .createappointment-customservice-back-btn:hover, .createappointment-customservice-back-btn:focus {color:#02b09b;text-decoration:none; font-size:13px; border:1px solid #02b09b;padding:5px 10px;}

.show-credit-transfer-modal {float:right; color:#02b09b; border:1px solid #02b09b;margin-left:10px;padding:5px;width:98px;}
.show-freecredit-transfer-modal {float:right; color:#02b09b; border:1px solid #02b09b;margin-left:10px;padding:5px;width:98px;}
#transfer-credit-modal .paying-customer-name {font-size: 18px;font-weight: bold;}
#transfer-credit-modal .current-credits {color:#02b09b; font-weight:bold; font-size:18px;}
#transfer-credit-modal #credit-customer-select-container {padding: 0px 15px;}
#transfer-credit-modal .credit-change-cancel-btn {color: #02b09b;border: 1px solid #02b09b;float: right; display:none;}
#transfer-credit-modal #credit-customer-select-container p {font-size: 18px;font-weight: bold;}
#transfer-credit-modal #credit-customer-select-container span {font-size: 13px;font-weight: bold;color: #898989;}
#transfer-credit-modal .credit-change-customer-btn {color: #02b09b;border: 1px solid #02b09b;float: right;}
#transfer-credit-modal #credit-customer-view-container p {font-size: 18px;font-weight: bold;}
#transfer-credit-modal #credit-customer-view-container {padding: 0px 15px;}
#transfer-credit-modal #credit-customer-view-container span { font-size: 13px;font-weight: bold;color: #898989;}
#transfer-credit-modal .credit-target-name {font-size: 18px;font-weight: bold;margin-bottom: 8px;}
#transfer-credit-modal .credit-target-details {font-weight: normal;}
#transfer-credit-modal #credit-remaining-credits-container {background: #eaeaea;padding: 15px;font-weight: bold;}
#transfer-credit-modal #credit-remaining-credits-container span {float: right;color: red;font-size: 16px;}

#transfer-freecredit-modal .paying-customer-name {font-size: 18px;font-weight: bold;}
#transfer-freecredit-modal .current-freecredits {color:#02b09b; font-weight:bold; font-size:18px;}
#transfer-freecredit-modal #freecredit-customer-select-container {padding: 0px 15px;}
#transfer-freecredit-modal .freecredit-change-cancel-btn {color: #02b09b;border: 1px solid #02b09b;float: right; display:none;}
#transfer-freecredit-modal #freecredit-customer-select-container p {font-size: 18px;font-weight: bold;}
#transfer-freecredit-modal #freecredit-customer-select-container span {font-size: 13px;font-weight: bold;color: #898989;}
#transfer-freecredit-modal .freecredit-change-customer-btn {color: #02b09b;border: 1px solid #02b09b;float: right;}
#transfer-freecredit-modal #freecredit-customer-view-container p {font-size: 18px;font-weight: bold;}
#transfer-freecredit-modal #freecredit-customer-view-container {padding: 0px 15px;}
#transfer-freecredit-modal #freecredit-customer-view-container span { font-size: 13px;font-weight: bold;color: #898989;}
#transfer-freecredit-modal .freecredit-target-name {font-size: 16px;font-weight: bold;margin-bottom: 8px;}
#transfer-freecredit-modal .freecredit-target-details {font-weight: bold;}
#transfer-freecredit-modal #freecredit-remaining-credits-container {background: #eaeaea;padding: 15px;font-weight: bold;}
#transfer-freecredit-modal #freecredit-remaining-credits-container span {float: right;color: red;font-size: 16px;}

#transfer-ticket-modal .paying-customer-name {font-size:18px; font-weight:bold;}
#transfer-ticket-modal #tickettransfer-customer-select-container {padding:0px 15px;}
#transfer-ticket-modal #tickettransfer-customer-select-container p {font-size:18px; font-weight:bold;}
#transfer-ticket-modal #tickettransfer-customer-select-container span {font-size:13px; font-weight:bold;color:#898989; }
#transfer-ticket-modal #tickettransfer-customer-view-container {padding:0px 15px;}
#transfer-ticket-modal #tickettransfer-customer-view-container p {font-size:18px; font-weight:bold;}
#transfer-ticket-modal #tickettransfer-customer-view-container span {font-size:13px; font-weight:bold;color:#898989; margin-left:10px;}
#transfer-ticket-modal .ticket-change-cancel-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-ticket-modal .ticket-change-customer-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-ticket-modal .tickettransfer-target-name {font-size:16px;font-weight:bold;margin-bottom:8px;}
#transfer-ticket-modal .tickettransfer-target-details {font-weight:bold;}
#transfer-ticket-modal #tickettransfer-remaining-tickets-container {background:#eaeaea; padding:15px; font-weight:bold;}
#transfer-ticket-modal #tickettransfer-remaining-tickets-container span {float:right;color:red;font-size:16px;}

#transfer-freeticket-modal .paying-customer-name {font-size:18px; font-weight:bold;}
#transfer-freeticket-modal #freetickettransfer-customer-select-container {padding:0px 15px;}
#transfer-freeticket-modal #freetickettransfer-customer-select-container p {font-size:18px; font-weight:bold;}
#transfer-freeticket-modal #freetickettransfer-customer-select-container span {font-size:13px; font-weight:bold;color:#898989; }
#transfer-freeticket-modal #freetickettransfer-customer-view-container {padding:0px 15px;}
#transfer-freeticket-modal #freetickettransfer-customer-view-container p {font-size:18px; font-weight:bold;}
#transfer-freeticket-modal #freetickettransfer-customer-view-container span {font-size:13px; font-weight:bold;color:#898989; margin-left:10px;}
#transfer-freeticket-modal .freeticket-change-cancel-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-freeticket-modal .freetickettransfer-change-customer-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-freeticket-modal .freetickettransfer-target-name {font-size:16px;font-weight:bold;margin-bottom:8px;}
#transfer-freeticket-modal .freetickettransfer-target-details {font-weight:bold;}
#transfer-freeticket-modal #freetickettransfer-remaining-tickets-container {background:#eaeaea; padding:15px; font-weight:bold;}
#transfer-freeticket-modal #freetickettransfer-remaining-tickets-container span {float:right;color:red;font-size:16px;}


.untendered-badge { margin-left: 3px; }

.checkout-details-card-company-section {background:#eaeaea;}
.checkout-details-card-company-section label {font-weight:bold; margin-right:50px;}
.checkout-details-card-company-section select {width:160px;}
.checkout-details-split-card-company-section {background:#eaeaea;}
.checkout-details-split-card-company-section label {font-weight:bold; margin-right:50px;}
.checkout-details-split-card-company-section select {width:160px;}

#sms-panel .appointmentitem-container-inpanel {background:#eaeaea;padding:10px;}
#sms-panel .appointmentitem-container-inpanel .customer-name {font-weight:bold;margin-bottom:5px; display:inline-block;}
#sms-panel .appointmentitem-container-inpanel .badges {display:inline-block;}
#sms-panel .appointmentitem-container-inpanel .details {margin-bottom:0px;}
#create-sms-panel .appointmentitem-container-inpanel {background:#eaeaea;padding:10px;}
#create-sms-panel .appointmentitem-container-inpanel .customer-name {font-weight:bold;margin-bottom:5px; display:inline-block;}
#create-sms-panel .appointmentitem-container-inpanel .badges {display:inline-block;}
#create-sms-panel .appointmentitem-container-inpanel .details {margin-bottom:0px;}
#create-sms-etc-panel .appointmentitem-container-inpanel {background:#eaeaea;padding:10px;}
#create-sms-etc-panel .appointmentitem-container-inpanel .customer-name {font-weight:bold;margin-bottom:5px; display:inline-block;}
#create-sms-etc-panel .appointmentitem-container-inpanel .badges {display:inline-block;}
#create-sms-etc-panel .appointmentitem-container-inpanel .details {margin-bottom:0px;}
#create-sms-form label {font-weight:bold;}
#create-sms-form select {padding:5px; font-size:14px!important;}
#create-sms-form input {padding:5px; font-size:14px!important;}
#edit-sms-panel .appointmentitem-container-inpanel {background:#eaeaea;padding:10px;}
#edit-sms-panel .appointmentitem-container-inpanel .customer-name {font-weight:bold;margin-bottom:5px; display:inline-block;}
#edit-sms-panel .appointmentitem-container-inpanel .badges {display:inline-block;}
#edit-sms-panel .appointmentitem-container-inpanel .details {margin-bottom:0px;}
#edit-sms-form label {font-weight:bold;}
#edit-sms-form select {padding:5px; font-size:14px!important;}
#edit-sms-form input {padding:5px; font-size:14px!important;}
#edit-sms-form textarea {overflow-y:auto;}

.sms-panel-createsms-btngroup a {background:#02b09b; color:#ffffff; padding:5px;margin-top:-5px;}

#employeereview-modal .employeereview-customer-name {font-size:16px;}
#employeereview-modal .bold {margin-bottom:5px;}
#employeereview-modal .employeereview-service-title {font-size:16px;margin-bottom:3px;}
#employeereview-modal .employeereview-rating {color:#02b09b;float:right;}
#employeereview-modal textarea {width:100%; height:80px;resize:none; overflow-y:auto;margin-bottom:10px;}
#employeereview-modal .employeereview-delete-btn {color:red; float:left;}

.show-goodattendance-modal-btn img {width:35px; margin-right:5px;}
.show-goodattendance-modal-btn, .show-goodattendance-modal-btn:focus, .show-goodattendance-modal-btn:hover {color:#02b09b; font-weight:bold; font-size:15px;text-decoration:none;}
.goodattendance-popup-customer-container {padding:10px}
.goodattendance-popup-customer-container .goodattendance-icon {display:inline-block;}
.goodattendance-popup-customer-container .goodattendance-icon img {width:50px;margin-right:10px;}
.goodattendance-popup-customer-container .goodattendance-customername {display:inline-block; font-size:15px;font-weight:bold;}

.receive-ticket-btn {border:1px #02b09b solid ;color:#02b09b;float:right;}
.receive-freeticket-btn {border:1px #02b09b solid ;color:#02b09b;float:right;}
.checkout-details-purchaseitem-container>tr>td:nth-of-type(4) {width:160px;}
.checkout-details-purchaseitem-container>tr>td:last-of-type {width:160px;}

.postpayment-creditssummary-container {padding:10px; background:#eaeaea;margin-bottom:8px;}
.postpayment-creditssummary-container span {margin-right:15px;}
.postpayment-freecreditssummary-container {padding:10px; background:#eaeaea;margin-bottom:8px;}
.postpayment-freecreditssummary-container span {margin-right:15px;}
/* End Panel */
/*.select-mode {background:pink!important;}*/
/********************End Scheduler Action Panel Styling******************/

/*Monthly Work Scheduler Styling*/
#createmonthlyworkschedule-dialog .modal-body {padding:20px 10px;}
#createmonthlyworkschedule-dialog input[type=checkbox]{/* Double-sized Checkboxes */-ms-transform: scale(2); /* IE */-moz-transform: scale(2); /* FF */-webkit-transform: scale(2); /* Safari and Chrome */-o-transform: scale(2); /* Opera */padding: 10px;margin-left:30px;margin-right:5px;}
#createmonthlyworkschedule-dialog input[type=checkbox]:first-child {margin-left:0px;}
/*End Monthly Work Scheduler Styling*/

/*Merge*/
.merge-selected {user-select: none;position: absolute;width: 100%;pointer-events: auto;z-index: 1000;}
.merge-merged {user-select: none;position: absolute;width: 100%;pointer-events: auto;z-index: 1000;}
.merge-notmerged {user-select: none;position: absolute;width: 100%;pointer-events: auto;z-index: 1000;}
.merge-notmerged .appointment-inner { background: none; color: #ffffff; }
.merge-notmerged .appointment-inner .edit-appointment-gradient { display: none; }
#merge-transparent-block { background-color: #000000; width: 100%; height: 100%; opacity: 0.8; position: absolute; top: 0px; z-index: 1; }
#merge-info-footer { z-index: 10; background-color: #2c3642; color: #ffffff; position: fixed; bottom: 0px; height: 80px; width: 100%; padding-right: 355px; text-align: center; padding-top: 30px; font-size:16px;}
#merge-info-footer i {font-size:30px!important; color:#02b09b; margin-right:10px; vertical-align:middle;}
#schedule-merge-panel { z-index: 2000 !important; }
/*End Merge*/

/*Start Consulting Styling*/
#consulting-create-customer-sidebar {width:300px; color:#cccccc;}
#consulting-main-sidebar {width:300px; color:#cccccc;}
.consulting-panel-header {background:#02b09b; padding:15px; font-size:16px; color:#ffffff;}
.consulting-panel-header i {margin-right:10px;font-size:18px!important;}
#consulting-form {padding:20px 15px;}
#consulting-form .green-border-btn, #consulting-form .green-border-btn:hover, #consulting-form .green-border-btn:focus {color: #02b09b;background: transparent;padding: 8px 10px; width:48%; text-align:center;margin-left:0px!important;margin-right:5px;text-decoration: none; border:1px solid #02b09b;margin-bottom:10px;}
#consulting-form .green-border-btn:last-of-type {margin-right:0px;}
#consulting-form .gray-hr {border-top: 1px solid #58616e;margin-top: 10px;margin-bottom: 10px;}
#consulting-form .search-customer-change-btn {color: #02b09b;background: transparent; text-align:center;text-decoration: none; border:1px solid #02b09b;line-height:10px; padding:7px 20px;}
#consulting-form .customer-phone {font-size:13px;width:50%;text-align:left;padding-right:10px; border-right:1px solid #435770; line-height:13px; margin-bottom:8px;} 
#consulting-form .customer-credits-container {width:50%; text-align:left; padding-left:10px; line-height:13px;}
#consulting-form .customer-name { font-size:18px; font-weight:bold; cursor:pointer; float:left;margin-bottom:10px; color:#02b09b; width:100%;}
#consulting-form .selectize-control.multi .selectize-input > div {padding: 1px 3px;background: #02b09b;color: #ffffff;}
#consulting-form .selectize-control.multi .selectize-input.has-items {max-height:150px;overflow-y:scroll;}
#consulting-main-sidebar .submit-btn { border:1px solid #02b09b; line-height:26px; font-size:14px;padding:8px 52px;width:200px; text-decoration:none;}
#consulting-main-sidebar .cancel-btn {background-color: transparent!important;color: #02b09b!important; border:1px solid #02b09b; margin-left:5px;line-height:34px; font-size:14px;padding:8px 43px;}
#consulting-create-customer-sidebar #create-customer-form {padding:20px 15px!important;}
#consulting-create-customer-sidebar  .submit-btn { border:1px solid #02b09b; line-height:26px; font-size:14px;padding:8px 52px;width:200px; text-decoration:none;}
#consulting-create-customer-sidebar  .cancel-btn {background-color: transparent!important;color: #02b09b!important; border:1px solid #02b09b; margin-left:5px;line-height:34px; font-size:14px;padding:8px 51px;}
.course-detail-btn {padding:10px;width:200px;height:200px;border:1px solid #ccc;float:left;margin-right:20px; margin-bottom:20px;cursor:pointer; font-weight:bold;overflow-y:auto;}
.consult-course-attendeecount {color:#a9a9a9; font-size:18px;float:right;}
.consult-course-attendeecount span {color:#02b09b;}
.consult-course-title {font-size:16px;  margin-top:10px; margin-bottom:15px;}
.consult-course-datelabel {font-weight:normal;margin-bottom:5px;}
.consult-course-date {font-size:13px;}
.back-to-courses-btn, .back-to-courses-btn:hover, .back-to-courses-btn:focus {text-decoration:none; color:inherit;}
.back-to-courses-btn i {color:#02b09b;}
#coursedetails {margin:10px 20px;}
#coursedetails .attendeescount {float:right;font-size:20px;color:#a9a9a9;}
#coursedetails .attendeescount span {color:#02b09b;}
#coursedetails #coursetitle {font-size:20px; font-weight:bold;}
#coursedetails #coursedate {font-size:15px; font-weight:bold;}
#coursedetails #coursetime {font-size:15px; font-weight:bold;}
#coursedetails #employee span {font-size:15px; font-weight:bold;}
#sellingpoint-container {position:relative;}
#sellingpoint-container .edit-sellingpoint-btn {position:absolute; right:2%;top:6%;}
.edit-sellingpoint-btn i {color:#898989; font-size:30px!important;}
.consulting-send-sms-btn, .consulting-send-sms-btn:hover, .consulting-send-sms-btn:focus {float:right; color:#02b09b; border:1px solid #02b09b;line-height:10px!important;}
.course-multi-info .nav-tabs {border-bottom:none;}
.course-multi-info .nav-tabs>li.active>a, .course-multi-info .nav-tabs>li.active>a:focus, .course-multi-info .nav-tabs>li.active>a:hover {border-bottom: 1px solid #ddd}
.course-multi-info .nav-tabs > li > a, .course-multi-info  .nav-pills > li > a {color:#02b09b;}
#contacthistory .page-bar {background:transparent;}
#contacthistory .page-bar p {font-size:20px;margin-top:10px;}
.show-edit-contact i {font-size:20px!important;color:#898989;margin-top:15px;}
#monthlycontactlist>tbody>tr>td:nth-child(1) { width: 77px; }
#monthlycontactlist>tbody>tr>td:nth-child(2) { width: 55px; }
#monthlycontactlist>tbody>tr>td:nth-child(7) { width: 55px; }
#monthlycontactlist>tbody>tr>td:nth-child(8) { min-width: 50px; }
#monthlycontactlist>tbody>tr>td:last-of-type {text-align:right;}
.search-customer-change-foredit-btn, .search-customer-change-foredit-btn:hover, .search-customer-change-foredit-btn:focus {border:1px solid #02b09b; color:#02b09b;text-decoration:none; padding:3px 15px; float:left; margin-left:15px;}
#search-customer-editview .customer-name { color:#02b09b; font-weight:bold; font-size:18px;float:left;}
#search-customer-editview .customer-phone { float:left;font-weight:bold;}
#search-customer-editview .customer-credits-container { float:left; font-weight:bold;}
#edit-customercontact-form .col-md-6 input {width:100%;}
#edit-customercontact-form .col-md-6 select {width:100%;}
#edit-customercontact-form .col-md-6 textarea {width:100%;}
.delete-editcontact-btn, .delete-editcontact-btn:hover, .delete-editcontact-btn:focus {text-decoration:none; color:red;}
.save-editcontact-btn, .save-editcontact-btn:hover, .save-editcontact-btn:focus {color:#ffffff; background:#02b09b;padding:7px 20px;text-decoration:none;}
.close-editcontact-btn, .close-editcontact-btn:hover, .close-editcontact-btn:focus {color:#02b09b; border:1px solid #02b09b;padding:7px 20px;text-decoration:none;}
.consulting-createcustomer-foredit-btn, .consulting-createcustomer-foredit-btn:hover,.consulting-createcustomer-foredit-btn:focus  {color:#02b09b;border:1px solid #02b09b;text-decoration:none;}
.consulting-anonymouscustomer-foredit-btn, .consulting-anonymouscustomer-foredit-btn:hover,.consulting-anonymouscustomer-foredit-btn:focus {color:#02b09b;border:1px solid #02b09b;text-decoration:none;}
.save-createcustomer-foredit-btn, save-createcustomer-foredit-btn:hover, save-createcustomer-foredit-btn:focus {color:#ffffff; background:#02b09b;padding:7px 20px;text-decoration:none;}
.close-createcustomer-foredit-btn, .close-createcustomer-foredit-btn:focus, .close-createcustomer-foredit-btn:hover {color:#02b09b; border:1px solid #02b09b;padding:7px 20px;text-decoration:none;}
#create-customer-foredit-form .col-md-6 input {width:100%;}
#create-customer-foredit-form .col-md-6 select {width:100%;}
#create-customer-foredit-form .col-md-6 textarea {width:100%;}

.history-advancesearch-btn-group .history-selectize input  {width:100%;}
.history-advancesearch-btn-group div select  { width:100%;}
/*End Consulting Styling*/

.active-appointment-1{ border:1px solid #62758c; }
.active-appointment-2{ border:1px solid #931DEF; }
.active-appointment-3{ border:1px solid #f71403; }
.active-appointment-10{ border:1px solid #02b09b; }

/*MyAccount Styling*/
.my-accountinfo-form input {width:100%;}
.service-expirationdate-notice-container {margin-left:20px;}
.service-expirationdate-notice {width:100%; background:#eaeaea;padding:10px;margin-bottom:10px;}
.service-expirationdate-notice i {font-size:25px!important;margin-top:5px;}
.service-expirationdate-notice span {color:red;}
.service-expirationdate-notice p:first-of-type {font-size:15px; font-weight:bold; margin-bottom:0px;}
.service-renewal-btn {width:100%;}
/*End MyAccount Styling*/


/*MembershipRenewal Styling*/
.membershiprenewal-back-btn, .membershipreferral-back-btn, .membershipreferralsuccess-back-btn, .membershiprenewalreceipt-back-btn {color:inherit; text-decoration:none;}
.membershiprenewal-title {display:table; margin-left:auto; margin-right:auto;text-align:center;margin-top:50px;}
.membershiprenewal-title p:first-of-type {font-size:25px; font-weight:bold;margin-bottom:20px;}
.membershiprenewal-title p:last-of-type {color:#898989;line-height:25px; margin-bottom:50px;}
.referral-program-container {background:#02b09b;width:24%;float:left;margin-right:1%;height:200px;color:#ffffff; padding:20px;text-align:center;position:relative;}
.referral-program-container p:first-of-type {margin-top:30px; font-size:18px;margin-bottom:5px;}
.referral-program-container p:last-of-type {font-size:22px; font-weight:bold;}
.referral-program-container a, .referral-program-container a:hover, .referral-program-container a:focus {position:absolute; left:5%; bottom:7%; color:#ffffff; border:1px solid #ffffff; width:90%;}
.renewal-program-container {background:#eaeaea;width:24%;float:left;margin-right:1%;height:200px;color:#ffffff; padding:20px;text-align:center;position:relative;}
.renewal-program-container p:first-of-type {margin-top:30px; font-size:18px;margin-bottom:5px; color:#02b09b; font-weight:bold;}
.renewal-program-container p:last-of-type {font-size:25px; font-weight:bold; color:#636363;}
.renewal-program-container a, .renewal-program-container a:hover, .renewal-program-container a:focus {position:absolute; left:5%; bottom:7%; color:#02b09b; border:1px solid #02b09b; width:90%;}
/*End MembershipRenewal Styling*/



/*MembershipReferral Styling*/
.referral-form-container {margin-top:30px;}
.referral-form-container label {font-size:18px;}
.referral-form-container .green-border-btn {color: #02b09b;background: transparent;padding: 7px 10px; width:100%; text-align:center;margin-left:0px!important;margin-right:0px;text-decoration: none; border:1px solid #02b09b;margin-top:32px; font-weight:bold;}
.referral-form-list {width:100%; background:#eeeeee;padding:15px; margin-top:40px; margin-bottom:30px;}
.referral-form-chip {display: inline-block;padding: 0 8px;height: 30px;font-size: 13px;line-height: 30px;border-radius: 15px!important;background-color: #ffffff;border:1px solid #898989;}
.referral-form-chip-closebtn {padding-left: 10px;color: #02b09b;font-weight: bold;float: right;font-size: 16px;cursor: pointer;}
.referral-form-chip-closebtn:hover {color: red;}
.referral-form-send-btn {width:150px; margin-left:auto; margin-right:auto;display:table;margin-bottom:60px;line-height:30px!important;}
/*End MembershipReferral Styling*/

/*MembershipReferralSuccess Styling*/
.referral-complete-message-container {display:table; margin-left:auto; margin-right:auto;text-align:center;padding-top:30px;padding-bottom:30px;}
.referral-complete-message-container i {color:#02b09b; font-size:70px!important;margin-bottom:40px;}
.referral-complete-message-container p {font-size:22px;}
.referral-complete-message-container span {color:#02b09b;}
.referral-complete-message-container p:last-of-type {font-size:14px; color:#898989;}
.referral-details-list-section label {font-weight:bold; font-size:16px;}
.referral-details-list-table {border-top:2px solid #ccc;}
.referral-details-list-table>thead>tr>td {border-bottom:2px solid #ccc; font-weight:bold; text-align:center;}
.referral-details-list-table>thead>tr>td:first-of-type {text-align:left; width:30%;}
.referral-details-list-table>thead>tr>td:last-of-type {width:30%;}
.referral-details-list-table>tbody>tr>td {border-top:none;text-align:center; vertical-align:middle;}
.referral-details-list-table>tbody>tr>td:first-of-type {text-align:left; font-weight:bold;}
.referral-details-list-table>tbody>tr>td:nth-of-type(2) {color:#a9a9a9;}
/*End MembershipReferralSuccess Styling*/

/*MembershipRenewalReceipt Styling*/
.renewal-item-list-section {margin-top:60px;}
.renewal-item-list-section label {font-weight:bold; font-size:18px;}
.renewal-item-list-table {border-top:2px solid #ccc;}
.renewal-item-list-table>thead>tr>td {border-bottom:2px solid #ccc; font-weight:bold; text-align:center;}
.renewal-item-list-table>thead>tr>td:first-of-type {text-align:left; width:30%;}
.renewal-item-list-table>thead>tr>td:last-of-type {width:30%;}
.renewal-item-list-table>tbody>tr>td {border-top:none;text-align:center; vertical-align:middle;}
.renewal-item-list-table>tbody>tr>td:first-of-type {text-align:left; font-weight:bold;}
.renewal-item-list-table>tbody>tr>td:nth-of-type(2) {color:#a9a9a9;}
.renewal-checkout-info-section {margin-top:60px;}
.renewal-checkout-info-section label {font-weight:bold; font-size:18px;}
.renewal-checkout-info-section hr {border-top: 2px solid #ccc;margin-top:0px;}
.renewal-checkout-info-label {width:100px;display:inline-block;font-weight:bold;}
.renewal-checkout-method-section {margin-bottom:20px;}
.renewal-checkout-method-section input {width:20px;margin-left:30px;}
.renewal-checkout-method-section input:first-of-type {margin-left:0px;}
.renewal-checkout-payername-section {margin-bottom:20px;}
.renewal-checkout-payername-section input {width:200px;}
.renewal-checkout-payername-section p {display:inline-block; margin-left:30px;color:red;font-size:13px;}
.renewal-checkout-texreceiptoption-section input {width:20px;margin-left:55px;}
.renewal-checkout-texreceiptoption-section input:first-of-type {margin-left:0px;}
.renewal-checkout-texreceiptoption-section p {margin-left:100px; margin-top:10px;}
.renewal-taxreceipt-info-section {margin-top:60px;}
.renewal-taxreceipt-info-section label {font-weight:bold; font-size:18px;}
.renewal-taxreceipt-info-section hr {border-top: 2px solid #ccc;margin-top:0px;}
.renewal-taxreceipt-info-section .form-group label {font-size:14px;}
.renewal-terms-agreement-section {margin-top:60px; padding:15px;background:#ddd;}
.renewal-terms-agreement-section label {font-weight:bold; font-size:18px;}
.renewal-checkout-button-group {margin:60px auto;display:table;}
.renewal-cancel-button {float:right; width:150px;font-size:18px; color:inherit; text-decoration:none; border:1px solid #34495e; margin-left:10px;}
.renewal-checkout-button {float:left; width:150px;font-size:18px; color:#ffffff; text-decoration:none; border:1px solid #02b09b; background:#02b09b; margin-left:10px;}
/*End MembershipRenewalReceipt Styling*/

/*DetailsEmployee Styling*/
.detailsemployee-photo {margin-right:0px!important;}
.detailsemployee-photo .circle-thumbnail {width:100%;}
.detailsemployee-photo .circle-thumbnail img {width:100%;height:auto;}

#employee-diary-table { width: 100%; }
#employee-diary-table td { border: 1px solid #cccccc; padding: 5px; height: 60px;}
#employee-diary-table td.time-cell { width: 60px; border-left:none;}
#employee-diary-table td.comment-cell { cursor: pointer; background:#eaeaea;}

#employee-diary-data-table { width: 100%; }
#employee-diary-data-table td { border: 1px solid #cccccc; height: 0px !important; overflow: visible;}
#employee-diary-data-table td.time-cell { width: 59px; }
    
.diary-appointment-item { position: absolute; background-color: #ffffff;border:1px solid #cccccc; overflow:hidden;min-height:30px;}
.diary-appointment-item-inner {height:100%; padding:5px 8px;}
.diary-comment-item { position: absolute; background-color: #ffffff; cursor: pointer; pointer-events: auto;  border:1px solid #cccccc;}
.diary-comment-item-inner { padding: 10px;}

.diary-overall-cell { cursor: pointer; }

#employee-adddiary-popup { width: 330px; border: 1px solid #ccc; background:#ffffff;}
#employee-adddiary-popup .popup-title{ background-color:#02b09b; padding:7px; color:#ffffff;}
#employee-adddiary-popup .close-employee-adddiary-popup-btn i {color:#ffffff;}
#employee-adddiary-popup textarea {width:100%; border-top:none;border-left:none;border-right:none; height:150px;resize:none;padding:15px;}
#employee-adddiary-popup .employeediary-recurring-radio {background:#eaeaea; padding:10px;margin-top:-5px;}
#employee-adddiary-popup .employeediary-recurring-daysofweek {padding:0px 10px;}
#employee-adddiary-popup .employeediary-recurring-timeframe {padding:0px 10px;}
#employee-adddiary-popup .employeediary-recurring-timeframe input {width:100px;}
#employee-adddiary-popup .employee-adddiary-btn {color:#ffffff; background:#02b09b; width:100%;}

.employee-monthly-rating {color:#02b09b;font-size:18px;font-weight:bold;float:right}
.employee-monthly-rating-stars i {color:#02b09b;font-size:25px!important;vertical-align:middle;}
.employee-monthly-rating-table>thead>tr>th {text-align:center;}
.employee-monthly-rating-table>thead>tr>th:first-of-type {text-align:left;}
.employee-monthly-rating-table>tbody>tr>td {text-align:center;}
.employee-monthly-rating-table>tbody>tr>td:first-of-type {text-align:left;}
.employee-monthly-rating-table .rating-positive {font-weight:bold;color:#02b09b;}
.employee-monthly-rating-table .rating-negative {font-weight:bold;color:red;}
.inactivate-rating-btn:focus, .inactivate-rating-btn:hover  {text-decoration:none;}
.activate-rating-btn:focus, .activate-rating-btn:hover {text-decoration:none; color:#a0a0a0;}

.detailsemployee-pills {background:#eaeaea; padding:8px 15px; margin-bottom:25px;}
.detailsemployee-pills ul {margin-bottom:0px;}
.detailsemployee-pills>ul>li>a {color:#02b09b; padding:5px 15px;}
.detailsemployee-pills>.nav>li>a:focus, .detailsemployee-pills>.nav>li>a:hover {text-decoration: none;background-color: transparent; color:#02b09b;}
.detailsemployee-pills>.nav-pills>li.active>a, .detailsemployee-pills>.nav-pills>li.active>a:focus, .detailsemployee-pills>.nav-pills>li.active>a:hover {color: #fff; background-color: #02b09b;border-radius:20px!important; font-weight:normal;}

#prev-month-vacation-btn {color:#ffffff; background:#a0a0a0; margin-right:10px;padding:0px 5px;}
#next-month-vacation-btn {color:#ffffff; background:#a0a0a0;margin-left:10px;padding:0px 5px;}

#vacation-edit-modal .modal-dialog {width:330px;}
#vacation-edit-modal .modal-body {padding:0px;}

/*End DetailsEmployee Styling*/

/*CreateCustomer Styling*/
.createedit-customer-left-menu {background:#eaeaea;width:180px;display:inline-block;vertical-align:top;}
.createedit-customer-left-menu .nav-tabs {float: left;border-bottom: 0;}
.createedit-customer-left-menu .nav-tabs li { float: none;margin: 0;border-bottom:1px solid #ccc;width:180px;}
.createedit-customer-left-menu .nav-tabs li a {margin-right: 0;border: 0; color:inherit;font-weight:bold;padding:20px;}
.createedit-customer-left-menu .nav-tabs li a:hover {background-color: #e0f2f2; color:#02b09b;}
.createedit-customer-left-menu .nav-tabs .glyphicon {color: #fff;}
.createedit-customer-left-menu .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0;background-color: #e0f2f2; color:#02b09b;}
.createedit-customer-menu-content {display:inline-block;vertical-align:top;}
.createcustomer-form {display:inline-block;}
.createedit-customer-inner {width:755px;}
/*End CreateCustomer Styling*/

/*EditCustomer Styling*/
.blacklist-chip {display: inline-block;line-height:1.44; float:right;}
.blacklist-closebtn {padding-left: 10px;color: #888;font-weight: bold;float: right;font-size: 15px;cursor: pointer;}
.blacklist-closebtn:hover {color: #000;}
.add-to-blacklist-btn {float:right;}
.btn-removereferrer, .btn-removereferrer:hover, .btn-removereferrer:focus {margin-left:0px!important;}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {background:#02b09b;}
/*End EditCustomer Styling*/
#customercomment-create-form textarea {height:120px;resize:none; overflow-y:auto;}

/*DetailsCustomer Styling*/
.delete-calllog-btn, .delete-calllog-btn:hover, .delete-calllog-btn:focus {float:left; color:red;}
.transfer-credits-btn, .transfer-credits-btn:hover, .transfer-credits-btn:focus {color:#02b09b;text-decoration:none;float:right;font-size:14px;}
.transfer-credits-btn i {font-size:25px!important;vertical-align:middle;}
.transfer-freecredits-btn, .transfer-freecredits-btn:hover, .transfer-freecredits-btn:focus {color:#02b09b;text-decoration:none;float:right;font-size:14px;}
.transfer-freecredits-btn i {font-size:25px!important;vertical-align:middle;}
.transfer-ticket-btn,.transfer-ticket-btn:hover, .transfer-ticket-btn:focus {color:#02b09b;text-decoration:none;float:right;font-size:14px;}
.transfer-ticket-btn i {font-size:25px!important;vertical-align:middle;}
.transfer-freeticket-btn,.transfer-freeticket-btn:hover, .transfer-freeticket-btn:focus {color:#02b09b;text-decoration:none;float:right;font-size:14px;}
.transfer-freeticket-btn i {font-size:25px!important;vertical-align:middle;}

#transfer-credit-modal .customer-name {font-size:18px; font-weight:bold;}
#transfer-credit-modal #customer-select-container {padding:0px 15px;}
#transfer-credit-modal #customer-select-container p {font-size:18px; font-weight:bold;}
#transfer-credit-modal #customer-select-container span {font-size:13px; font-weight:bold;color:#898989; }
#transfer-credit-modal #customer-view-container {padding:0px 15px;}
#transfer-credit-modal #customer-view-container p {font-size:18px; font-weight:bold;}
#transfer-credit-modal #customer-view-container span {font-size:13px; font-weight:bold;color:#898989; margin-left:10px;}
#transfer-credit-modal .change-cancel-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-credit-modal .change-customer-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-credit-modal .target-name {font-size:16px;font-weight:bold;margin-bottom:8px;}
#transfer-credit-modal .target-details {font-weight:bold;}
#transfer-credit-modal #remaining-credits-container {background:#eaeaea; padding:15px; font-weight:bold;}
#transfer-credit-modal #remaining-credits-container span {float:right;color:red;font-size:16px;}

#transfer-freecredit-modal .customer-name {font-size:18px; font-weight:bold;}
#transfer-freecredit-modal #free-customer-select-container {padding:0px 15px;}
#transfer-freecredit-modal #free-customer-select-container p {font-size:18px; font-weight:bold;}
#transfer-freecredit-modal #free-customer-select-container span {font-size:13px; font-weight:bold;color:#898989; }
#transfer-freecredit-modal #free-customer-view-container {padding:0px 15px;}
#transfer-freecredit-modal #free-customer-view-container p {font-size:18px; font-weight:bold;}
#transfer-freecredit-modal #free-customer-view-container span {font-size:13px; font-weight:bold;color:#898989; margin-left:10px;}
#transfer-freecredit-modal .change-cancel-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-freecredit-modal .change-customer-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-freecredit-modal .target-name {font-size:16px;font-weight:bold;margin-bottom:8px;}
#transfer-freecredit-modal .target-details {font-weight:bold;}
#transfer-freecredit-modal #free-remaining-credits-container {background:#eaeaea; padding:15px; font-weight:bold;}
#transfer-freecredit-modal #free-remaining-credits-container span {float:right;color:red;font-size:16px;}

#transfer-ticket-modal .customer-name {font-size:18px; font-weight:bold;}
#transfer-ticket-modal #tickettransfer-customer-select-container {padding:0px 15px;}
#transfer-ticket-modal #tickettransfer-customer-select-container p {font-size:18px; font-weight:bold;}
#transfer-ticket-modal #tickettransfer-customer-select-container span {font-size:13px; font-weight:bold;color:#898989; }
#transfer-ticket-modal #tickettransfer-customer-view-container {padding:0px 15px;}
#transfer-ticket-modal #tickettransfer-customer-view-container p {font-size:18px; font-weight:bold;}
#transfer-ticket-modal #tickettransfer-customer-view-container span {font-size:13px; font-weight:bold;color:#898989; margin-left:10px;}
#transfer-ticket-modal .change-cancel-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-ticket-modal .change-customer-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-ticket-modal .target-name {font-size:16px;font-weight:bold;margin-bottom:8px;}
#transfer-ticket-modal .target-details {font-weight:bold;}
#transfer-ticket-modal #remaining-tickets-container {background:#eaeaea; padding:15px; font-weight:bold;}
#transfer-ticket-modal #remaining-tickets-container span {float:right;color:red;font-size:16px;}

#transfer-freeticket-modal .customer-name {font-size:18px; font-weight:bold;}
#transfer-freeticket-modal #freetickettransfer-customer-select-container {padding:0px 15px;}
#transfer-freeticket-modal #freetickettransfer-customer-select-container p {font-size:18px; font-weight:bold;}
#transfer-freeticket-modal #freetickettransfer-customer-select-container span {font-size:13px; font-weight:bold;color:#898989; }
#transfer-freeticket-modal #freetickettransfer-customer-view-container {padding:0px 15px;}
#transfer-freeticket-modal #freetickettransfer-customer-view-container p {font-size:18px; font-weight:bold;}
#transfer-freeticket-modal #freetickettransfer-customer-view-container span {font-size:13px; font-weight:bold;color:#898989; margin-left:10px;}
#transfer-freeticket-modal .change-cancel-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-freeticket-modal .change-customer-btn {color:#02b09b;border:1px solid #02b09b;float:right;}
#transfer-freeticket-modal .target-name {font-size:16px;font-weight:bold;margin-bottom:8px;}
#transfer-freeticket-modal .target-details {font-weight:bold;}
#transfer-freeticket-modal #remaining-freetickets-container {background:#eaeaea; padding:15px; font-weight:bold;}
#transfer-freeticket-modal #remaining-freetickets-container span {float:right;color:red;font-size:16px;}

.edit-credit-btn i {color:#a0a0a0;}
.edit-credit-btn {padding:0px;}
.edit-freecredit-btn i {color:#a0a0a0;}
.edit-freecredit-btn {padding:0px;}
.cancel-ticket-btn {padding:0px;}
.cancel-ticket-btn i {color:#a0a0a0;}
.cancel-freeticket-btn {padding:0px;}
.cancel-freeticket-btn i {color:#a0a0a0;}

.btn-open-customercomment-textbox, .btn-open-customercomment-textbox:hover, .btn-open-customercomment-textbox:focus {color:#02b09b; border:1px solid #02b09b; margin-bottom:10px;}
.customerdetails-customercomment-submit-btn {width:100%; height:120px;color:#ffffff; background:#02b09b;}
.delete-comment-btn {display:inline-block; margin-left:8px; color: red; cursor: pointer;}
.delete-comment-btn i {color:red; font-size:18px!important;}

.detailscustomer-pills {background:#eaeaea; padding:8px 15px; margin-bottom:25px;}
.detailscustomer-pills ul {margin-bottom:0px;}
.detailscustomer-pills>ul>li>a {color:#02b09b; padding:5px 15px;}
.detailscustomer-pills>.nav>li>a:focus, .detailscustomer-pills>.nav>li>a:hover {text-decoration: none;background-color: transparent; color:#02b09b;}
.detailscustomer-pills>.nav-pills>li.active>a, .detailscustomer-pills>.nav-pills>li.active>a:focus, .detailscustomer-pills>.nav-pills>li.active>a:hover {color: #fff; background-color: #02b09b;border-radius:20px!important; font-weight:normal;}
.customer-payment-activity-history-pills

.beautydiary-table>thead>tr>th:last-of-type {width:10%;}
.beautydiary-table>thead>tr>th {vertical-align:middle;text-align:center;}
.beautydiary-table>thead>tr>th:nth-of-type(2) {text-align:left;}
.beautydiary-table>tbody>tr>td {vertical-align:middle;text-align:center;}
.beautydiary-table>tbody>tr>td:first-of-type {text-align:left; width:40px;}
.beautydiary-table>tbody>tr>td:last-of-type {text-align:right;}
.beautydiary-table>tbody>tr>td:nth-of-type(2) {text-align:left;}
.beautydiary-table>tbody>tr>td:last-of-type img {width:55px;}
.beautydiary-table>tbody>tr>td:first-of-type img {width:40px;}

#create-beautydiary-modal .modal-dialog {width:1000px;}
#create-beautydiary-modal #create-beautydiary-form .col-xs-3 {padding:20px; font-weight:bold;width:217px;}
#create-beautydiary-modal #create-beautydiary-form .col-xs-3 i {color:#02b09b; font-size:20px!important;margin-right:8px;}
#create-beautydiary-modal #create-beautydiary-form .col-xs-3 p {margin-bottom:25px;}
/*#create-beautydiary-modal .canvas-container {width:621px!important;height:500px!important;}
#create-beautydiary-modal #canvas-container {width:621px!important;height:500px!important;}
#create-beautydiary-modal .canvas-container canvas {border:1px solid #ccc;width:621px!important;height:500px!important;}*/
#face-images {margin-top:20px;}
#face-images img {border:1px solid #ccc;padding:5px; width:40px; height:40px;}
#face-images .face-image-container {display:inline-block;width:19%; vertical-align:top; text-align:center;}
#face-images .face-image-container p {font-size:12px;}
#body-images {margin-top:20px;}
#body-images img {border:1px solid #ccc;padding:5px; width:40px; height:40px;}
#body-images .body-image-container {display:inline-block;width:30%; vertical-align:top; text-align:center;}
#body-images .body-image-container p {font-size:12px;}
.add-customerchart-bodysize-popup-btn, .add-customerchart-bodysize-popup-btn:focus, .add-customerchart-bodysize-popup-btn:hover {float: right;color: #02b09b;border: 2px solid #02b09b;padding: 0px 6px;font-size: 20px; font-weight: bold;text-decoration: none; padding-top: inherit;padding-bottom: inherit;height: 25px; line-height: 20px;margin-top: -4px;}
.edit-customerchart-bodysize-popup-btn i {color:#ccc; font-size:20px!important;vertical-align:middle;}
.add-customerchart-note-popup-btn, .add-customerchart-note-popup-btn:focus, .add-customerchart-note-popup-btn:hover {float: right;color: #02b09b;border: 2px solid #02b09b;padding: 0px 6px;font-size: 20px; font-weight: bold;text-decoration: none; padding-top: inherit;padding-bottom: inherit;height: 25px; line-height: 20px;margin-top: -4px;}
.edit-customerchart-note-popup-btn i {color:#ccc; font-size:20px!important;vertical-align:middle;}
.add-customerchart-healthrecord-popup-btn, .add-customerchart-healthrecord-popup-btn:focus, .add-customerchart-healthrecord-popup-btn:hover {float: right;color: #02b09b;border: 2px solid #02b09b;padding: 0px 6px;font-size: 20px; font-weight: bold;text-decoration: none; padding-top: inherit;padding-bottom: inherit;height: 25px; line-height: 20px;margin-top: -4px;}
.edit-customerchart-healthrecord-popup-btn i {color:#ccc; font-size:20px!important;vertical-align:middle;}
.delete-face-btn, .delete-face-btn:focus, .delete-face-btn:hover {float:right; border:1px solid red; color:red;}
.delete-body-btn, .delete-body-btn:focus, .delete-body-btn:hover {float:right; border:1px solid red; color:red;}

.action-btn, .action-btn:hover, .action-btn:focus {color:#02b09b; border:1px solid #02b09b; padding:5px 15px;}


/*End DetailsCustomer Styling*/

/*GetSchedule Empty Styling*/
.schedule-content-empty {width:100%; min-height:350px; border-top:2px solid #ccc;}
.schedule-content-empty-msgcontainer {display:table; margin:120px auto; text-align:center;}
.schedule-content-empty-msgcontainer i {font-size:70px!important; color:#02b09b; margin-bottom:40px;}
.schedule-content-empty-msgcontainer p:first-of-type {font-weight:bold; font-size:22px;margin-bottom:5px;}
.schedule-content-empty-msgcontainer span {color:#02b09b}
.schedule-content-empty-msgcontainer p:last-of-type {color:#898989; font-weight:bold; font-size:16px; margin-bottom:20px;}
.schedule-content-empty-msgcontainer .green-border-btn {font-weight:bold;width:150px;}
/*End GetSchedule Empty Styling*/

/*GettingStarted Styling*/
.gettingstarted-centermessage-container {width:40%; margin-left:auto; margin-right:auto; margin-top:60px;text-align:center;}
.gettingstarted-centermessage-container img {width:30%; margin-bottom:20px;}
.gettingstarted-centermessage-container p {font-size:17px; font-weight:bold; margin-bottom:40px;}
.gettingstarted-step-indicator {position:relative;text-align:center; margin-bottom:50px;}
.gettingstarted-step-complete {background:#02b09b; width:60px;margin-left:auto; margin-right:auto; margin-bottom:10px;; height:60px; border-radius:50%!important;padding-top:20px; color:#ffffff; font-weight:bold; z-index:9}
.gettingstarted-step-indicator hr {border-top:2px solid #02b09b; width:70%; position:absolute; bottom:45%; left:15%;z-index:1;}
.gettingstarted-centermessage-container .green-border-btn {font-weight:bold;}
.gettingstarted-success-centermessage-container {width:40%; margin-left:auto; margin-right:auto; margin-top:60px;text-align:center;}
.gettingstarted-success-centermessage-container i {font-size:70px!important; color:#02b09b;margin-bottom:50px;}
.gettingstarted-success-centermessage-container p:first-of-type {font-weight:bold;font-size:22px;}
.gettingstarted-success-centermessage-container span {color:#02b09b;}
.gettingstarted-success-centermessage-container p:last-of-type {color:#898989; margin-bottom:30px;}
.gettingstarted-success-centermessage-container .green-border-btn {font-weight:bold;}
/*End GettingStarted Styling*/

/*Create/EditEmployee Permission Styling*/
.employee-permission-table>tbody>tr>td {text-align:center;}
.employee-permission-table>tbody>tr>td:first-child {text-align:left;}
.employee-permission-table>thead>tr>th {text-align:center;}
/*End Create/EditEmployee Permission Styling*/

/*GetEmployees Styling*/ 
.employee-scheduled-icon {color:#02b09b; font-size:25px!important;vertical-align:middle; margin-top:15px;}
.employee-unscheduled-icon {color:#898989; font-size:25px!important;vertical-align:middle;margin-top:15px;}
.create-employee-btn-top, .create-employee-btn-top:hover, .create-employee-btn-top:focus {float:right;margin-top:-5px; color:#02b09b; font-weight:bold;}
.create-employee-btn-top img {width:30px;margin-top:-5px;margin-left:8px;}
.export-excel-employee {color:#6d8199; font-weight:bold; font-size:13px; margin-top:-5px;}
.export-excel-employee img {width:30px;margin-left:8px;}
.send-sms-btn,.send-sms-btn:hover, .send-sms-btn:focus {color:#ffffff; background:#02b09b;border:1px solid #02b09b;}
.export-excel-customer-contact {color:#6d8199; font-weight:bold; font-size:13px; margin-top:-5px;}
.export-excel-customer-contact img {width:30px;margin-left:8px;}
.export-excel-btn {color:#6d8199; font-weight:bold; font-size:13px; margin-top:-5px;}
.export-excel-btn img {width:30px;margin-left:8px;}
.import-excel-btn {color:#6d8199; font-weight:bold; font-size:13px; margin-top:-5px;}
.import-excel-btn img {width:30px;margin-left:8px;}

/*End GetEmployees Styling*/ 

/*GlobalModalsPartial Styling*/
.globalmodals-addcustomer-modal {background:#ffffff;position:fixed; bottom:0px;right:0px;z-index:999999; padding:15px;}
.globalmodals-close-modal-btn, .globalmodals-close-modal-btn:hover, .globalmodals-close-modal-btn:focus {float:right; color:#898989;}
.globalmodals-close-modal-btn i {font-size:18px!important;}
.globalmodals-title {font-weight:600; font-size:18px;}
.globalmodals-addcustomer-modal .submit-btn {float:right;width:120px;}
.globalmodals-addcontactlog-modal {background:#ffffff;position:fixed; bottom:0px;right:0px;z-index:999999; padding:15px;width:500px;}
.globalmodals-addcontactlog-modal .details-tab {padding-bottom:0px!important;}
.globalmodals-title span {font-weight:normal; font-size:13px;}
.globalmodals-title strong {margin-right:10px;}
.global-membershiptype-chip {padding: 0 8px;height: 20px;font-size: 13px;line-height: 20px;border-radius: 10px!important;background-color: gold; color:#ffffff;margin-left:5px!important;}
.globalmodals-searchcustomer-modal {background:#ffffff;position:fixed; bottom:0px;right:0px;z-index:999999; padding:15px;width:500px;height:533px;}
#global-transparent-block { background-color: #000000; width: 100%; height: 100%; opacity: 0.8; position: fixed; top: 0px; z-index: 9999; }
/*End GlobalModalsPartial Styling*/


/*CreatCustomer Styling*/
.remove-guardian-btn, .remove-guardian-btn:hover, .remove-guardian-btn:focus {color:red; border:1px solid red; width:100%;margin-top:23px;}
.add-guardian-btn, .add-guardian-btn:hover, .add-guardian-btn:focus {float:right;margin-top:3px;color:#02b09b;}
.add-guardian-btn i {font-size:25px!important;}
.noguardian-notice {text-align:center;}
/*End CreatCustomer Styling*/

/*MessengerView Styling*/
.messenger-view-list-container {background:#364150; width:235px;margin-top:-15px;margin-left:-20px;position:absolute;}
#messenger-list {padding-left:0px!important; list-style:none; overflow-y:auto;}
#messenger-list .individual-item-badge {background-color:red;margin-top:25px;margin-left:-5px;}
.messenger-item-container {padding:10px 0px;border-bottom:1px solid #898989; cursor:pointer;}
.messenger-item-from {color:#ffffff; font-size:16px; font-weight:bold;margin-bottom:0px;}
.messenger-item-message {color:#ffffff;}
.messenger-item-time {color:#cccccc; margin-bottom:0px;}
.messenger-item-container-active {background:#02b09b;border-bottom:1px solid #02b09b;}
.messenger-item-container-active .messenger-item-time {color:inherit;}
.messenger-list-search {padding:10px;cursor:pointer;}
.messenger-list-search input {width:100%;}
.talk-bubble {margin:0px 40px;display: inline-block;position: relative;width: 40%;height: auto;background-color: #ffffff;}
.tri-right.border.left-in:before {content: ' ';position: absolute;width: 0;height: 0;left: -40px;right: auto;top: 10px;bottom: auto;border: 20px solid;border-color: #666 #666 transparent transparent;}
.tri-right.left-in:after{content: ' ';position: absolute;width: 0;height: 0;left: -20px;right: auto;top: 18px;bottom: auto;border: 12px solid;border-color: white white transparent transparent;}
.talktext{padding: 10px;text-align: left;line-height: 1.5em;}
.talktext p{-webkit-margin-before: 0em;-webkit-margin-after: 0em;}
.tri-right.border.right-in:before {content: ' ';position: absolute;width: 0;height: 0;left: auto;right: -40px;top: 10px;bottom: auto;border: 20px solid;border-color: #666 transparent transparent #666;}
.tri-right.right-in:after{content: ' ';position: absolute;width: 0;height: 0;left: auto;right: -20px;top: 18px;bottom: auto;border: 12px solid;border-color: #494d54 transparent transparent #494d54;}
.talk-bubble-float-right {float:right; background-color:#494d54!important;color:#ffffff;}
.messenger-view-chat-container {left:235px;background:#eaeaea;top:50px; height:100%; width:100%;position:fixed; padding-right:556px;}
.single-message-from-customer {padding:20px;}
.single-message-from-customer-img {float:left;}
.single-message-from-user {padding:20px; float:right;width:100%;}
.single-message-from-user-img {float:right;}
.messenger-chat-input {background:#494d54;padding:10px 15px;position:fixed; bottom:0px;width:100%; padding-right:572px;}
.messenger-chat-input input {width:100%;}
.messenger-chat-input a {background:#02b09b;color:#ffffff; width:100%;}
.messenger-conversation-container {padding-bottom:54px;height:85%; width:100%;overflow-y:auto;}
.messenger-view-cutomerinfo-container {background:#ffffff;top:50px; height:100%; width:320px;position:fixed;right:0px; padding:15px;overflow-y:auto; padding-bottom:100px;}
/*End MessengerView Styling*/

/*GetUnusedCredits Styling*/
.getunusedcredits-table a {text-decoration:none; color:inherit;}
.getunusedcredits-table>tbody>tr>td {padding-top:12px;padding-bottom:12px;}
/*End GetUnusedCredits Styling*/

/*GetUnusedTickets Styling*/
.getunusedtickets-table a {text-decoration:none; color:inherit;}
.getunusedtickets-table>tbody>tr>td {line-height:2;}
/*End GetUnusedTickets Styling*/

/*GetCallLog Styling*/
#customercontact-content-table>thead>tr>th {text-align:center;}
#customercontact-content-table>thead>tr>th:first-of-type {text-align:left;}
#customercontact-content-table>tbody>tr>td {text-align:center; padding-bottom:15px; padding-top:15px;}
#customercontact-content-table>tbody>tr>td:first-of-type {text-align:left;}
#customercontact-content-table>tbody>tr>td:last-of-type {width:100px;}
.call-status-missed {color:red;}
.service-expirationdate-top-notice {background:#eaeaea; padding:15px; font-size:17px; font-weight:bold;margin-top:-25px; margin-left:-20px; margin-right:-20px;}
.service-expirationdate-top-notice p {margin-bottom:0px;}
.service-expirationdate-top-notice span {color:#ea1d56;}
.service-expirationdate-top-notice i {color:#ea1d56; font-size:25px!important;vertical-align:middle; margin-right:8px;}
.top-notice-renew-btn, .top-notice-renew-btn:hover, .top-notice-renew-btn:focus {text-decoration:none; color:#ffffff; background:#ea1d56; font-weight:600;}
.top-notice-dismiss-btn, .top-notice-dismiss-btn:hover, .top-notice-dismiss-btn:focus {text-decoration:none; color:inherit; background:transparent; border:1px solid #ccc;font-weight:600;}
/*End GetCallLog Styling*/

/*ServiceProgram Styling*/
.add-service, .add-service:hover, .add-service:focus {float:right;margin-top:-3px;color:#02b09b;}
.add-service i {font-size:25px!important;}
.delete-service, .delete-service:hover, .delete-service:focus {color:red; border:1px solid red; width:100%; text-decoration:none;margin-top:23px;}

.add-free-service, .add-service:hover, .add-free-service:focus {float:right;margin-top:-3px;color:#02b09b;}
.add-free-service i {font-size:25px!important;}
.delete-free-service, .delete-free-service:hover, .delete-free-service:focus {color:red; border:1px solid red; width:100%; text-decoration:none;margin-top:23px;}
/*End ServiceProgram Styling*/

.currency { text-align: right; }

.activity-icon { width: 36px; }

.contact-additionalinfo { margin-top: 5px; margin-bottom: 5px; font-style: italic; }

/*.search-customers-container .selectize-control.single .selectize-input:after { border: none; }*/


/*Reports Styling*/
.export-excel-appointment {color:#6d8199; font-weight:bold; font-size:13px; margin-top:-7px;}
.export-excel-appointment img {width:30px;margin-left:8px;}

.marketingcost-edit-btn i {color:#a0a0a0; font-size:20px!important; vertical-align:middle;}
.marketingcost-table>thead>tr>th:nth-of-type(3) {text-align: right;width:100px;}
.marketingcost-table>thead>tr>th:nth-of-type(4) {text-align: right; width:200px;}
.marketingcost-table>thead>tr>th:last-of-type {width:40px;}

.report-top-left {margin-bottom:10px; min-width:410px;}
.report-top-left .analytics-timeframe-settings {background:#edf0f2; padding:15px;text-align:center;margin-bottom:15px;}
.report-top-left .analytics-timeframe-settings .analytics-timeframe-submit-btn {background:transparent; color:#02b09b; border:1px solid #02b09b;padding:5px!important;}
.report-top-left .analytics-timeframe-settings i {color:#02b09b; font-size:70px; margin-top:60px;}
.report-top-left .analytics-timeframe-settings img {margin-top:60px;}
.report-top-left .analytics-timeframe-settings p {color:#02b09b; font-weight:bold; font-size:35px; margin-top:5px;}
.report-top-left .analytics-timeframe-settings span {font-size:18px;}
.report-top-left-notes {color:#a0a0a0;font-size:13px;}
.report-top-left-notes span {color:#02b09b; margin-right:8px; font-weight:bold; font-size:14px;}
.report-top-right-title {font-weight:bold; font-size:17px;}
.report-top-right-title i {color:#02b09b; font-size:20px!important; margin-right:5px;}
.report-top-right-cac {color:#02b09b;font-weight:bold; font-size:16px; border-bottom:1px solid #ccc;}
.report-top-right-cac span {color:#a0a0a0; font-weight:normal; font-size:15px;}
.report-top-right-tips .tip-icon {font-size:11px;;background-color:red; color:#ffffff; padding:1px; border-radius:3px;width:30px;border-radius:5px!important;text-align:center;float:left; margin-right:5px;}
.report-top-right-tips .tip-title {font-weight:bold;margin-bottom:5px;}
.report-top-right-tips .tip-details {color:#a0a0a0;font-size:13px;}
.cac-table>thead>tr>th {text-align:right;}
.cac-table>thead>tr>th:first-of-type {text-align:left;}
.cac-table>thead>tr>th:last-of-type {text-align:center;}
.cac-table>tbody>tr>td {text-align:right;}
.cac-table>tbody>tr>td:first-of-type {text-align:left;}
.cac-table>tbody>tr>td:last-of-type {text-align:center;}
.kpi-top-section {margin-bottom:50px;}
.report-kpi-title {font-weight:bold; font-size:17px;}
.report-kpi-title img {width:25px; margin-right:5px;}
.report-kpi-title i {font-size:23px!important; color:#ffae1f; margin-right:5px;}
#avg-per-employee-chart-sparkline>tr>td {color:#02b09b!important;}
#employee-productivity-chart-sparkline>tr>td {color:#02b09b!important;}
#customer-retention-chart-sparkline>tr>td {color:#02b09b!important;}

/*End Reports Styling*/

/*Star rating*/
.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 25px;
  height: 25px;
  width: 125px;
  margin: -10px auto;
  position: relative;
  padding: 0;
}
  
.star-ratings-css-top {
    color: #02b09b;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
  }
.star-ratings-css-bottom {
    padding: 0;
    display: block;
    z-index: 0;
    color: #02b09b;
  }

/*review checkbox display none*/
.employee-monthly-rating-table .checker {display:none;}

/*Coupons Styling*/  
.coupon-input-container {background:#eaeaea;padding:180px;text-align:center;padding-top:120px;}
.coupon-input-container img {width:90px; margin-bottom:20px;}
.coupon-input-container p:first-of-type {font-weight:bold; font-size:22px; color:#02b09b;margin-bottom:5px;}
.coupon-input-container p:last-of-type {color:#a0a0a0; margin-bottom:20px;}
.coupon-input-container input {width:300px!important; margin-right:15px;}
.coupon-input-container .submit-btn {width:100px;}
.coupon-redeem-success {background:#eaeaea;padding:180px;text-align:center;}
.coupon-redeem-success p:first-of-type {font-weight:bold; font-size:22px; color:#02b09b;margin-bottom:5px;}
.coupon-redeem-success p:last-of-type {color:#a0a0a0; margin-bottom:20px;}
.coupon-redeem-success i {font-size:28px!important;margin-right:5px; vertical-align:middle;}
.coupon-container {background:#eaeaea; padding:20px;}
.coupon-container img {width:100%;}
.coupon-container .coupon-title {font-weight:bold; font-size:18px;}
.coupon-container .coupon-desc {color:#a0a0a0;margin-bottom:50px;}
.coupon-container .coupon-expdate {font-weight:bold; margin-bottom:125px;}
.coupon-container .submit-btn {width:100px;}
.coupon-container .cancel-btn {width:100px;}
#coupon-redeem-modal .modal-dialog {width:430px;}
#coupon-redeem-modal .modal-body {padding:0px;}
#coupon-redeem-modal img {width:100%;}
#coupon-redeem-modal .coupon-redeem-coupon-summary {padding:20px; border-bottom:1px solid #cccccc;}
#coupon-redeem-modal .coupon-redeem-coupon-summary p:first-of-type {color:#a0a0a0; margin-bottom:5px;}
#coupon-redeem-modal .coupon-redeem-coupon-summary p:nth-of-type(2) {font-weight:bold; font-size:16px;margin-bottom:20px;}
#coupon-redeem-modal .coupon-redeem-coupon-summary p:nth-of-type(3) {color:#a0a0a0; margin-bottom:5px;}
#coupon-redeem-modal .coupon-redeem-coupon-summary p:last-of-type {font-weight:bold; font-size:16px;margin-bottom:20px;}
#coupon-redeem-modal .coupon-redeem-customer-summary {padding:20px; border-bottom:1px solid #cccccc;}
#coupon-redeem-modal .coupon-redeem-customer-summary p:first-of-type {color:#a0a0a0; margin-bottom:5px;}
#coupon-redeem-modal .coupon-redeem-customer-summary .customer-phone {font-weight:bold; margin-bottom:5px;}
#coupon-redeem-modal .coupon-redeem-customer-summary .customer-phone span {margin:0px 10px;}
#coupon-redeem-modal .coupon-redeem-customer-summary p {display:inline-block;}
#coupon-redeem-modal .modal-footer p {float:left;color:#02b09b; font-size:16px; margin-top:8px;}

/*End Coupons Styling*/  

/*Hotel Reservation Styling*/
.roomreserv-moredetails-btn, .roomreserv-moredetails-btn:hover, .roomreserv-moredetails-btn:focus {color:#02b09b; font-weight:bold;text-decoration:none;}
.roomreserv-table>tbody>tr>td {padding-top:15px!important; padding-bottom:15px!important;}
.restaurantreserv-moredetails-btn, .restaurantreserv-moredetails-btn:hover, .restaurantreserv-moredetails-btn:focus {color:#02b09b; font-weight:bold;text-decoration:none;}
.restaurantreserv-table>tbody>tr>td {padding-top:15px!important; padding-bottom:15px!important;}
.restaurantreserv-table>tbody>tr>td:last-of-type {width:50px;}
.restaurantreserve-edit-btn i {color:#a0a0a0; font-size:22px!important;vertical-align:middle;}

/*End Hotel Reservation Styling*/

/*Site Footer Styling*/
.page-footer {padding:10px;}
.page-footer img {width:80px; display:inline-block;margin-top:-8px; margin-right:20px;}
.page-footer p {color:#7f8587; display:inline-block;}
.page-footer p span {margin:0px 15px;}
/*End Site Footer Styling*/

/*Payment Page Styling*/
#payresult i {color:#02b09b;display:table; margin:20px auto;font-size:60px!important;}
#payresult p:first-of-type {font-size:20px; font-weight:bold; text-align:center;}
#payresult p:first-of-type span {color:#02b09b;}
.payresult-recipient-info {border:2px solid #ccc;display:table; margin:20px 0px;padding:30px;text-align:center;width:100%;}
.payresult-recipient-info span:first-of-type {font-size:18px;font-weight:bold;line-height:40px;}
.payresult-recipient-info span:last-of-type {font-weight:bold;}
.payresult-summary-table {font-size:16px;}
.payresult-summary-table>tbody>tr>td:first-of-type {font-weight:bold; padding:15px 0px;width:150px;}

/*End Payment Page Styling*/

/*Ion Sliders Styling*/
.irs-slider {border-radius:27px!important;width:20px; height:20px; top:28px;}
.irs-line {border-radius:27px!important;}
.irs-bar {background:#02b09b;border:1px solid #02b09b;}
.irs-from, .irs-to, .irs-single {color:#02b09b;background:transparent;}

/*Ion Sliders Styling*/

/*PaymentHistory Styling*/
#edit-payment-modal .modal-dialog {width:350px;}
.edit-payment-modal-table>tbody>tr>td {padding:10px 0px;}
.edit-payment-modal-table>tbody>tr>td:first-of-type {font-weight:bold; width:100px;}
.edit-payment-modal-table .edit-payment-amount {color:#02b09b;font-weight:bold;}
.edit-payment-modal-table .edit-payment-customer-name {font-weight:bold;}

/*End PaymentHistory Styling*/

/*GetEmployeeRevenueDaily Styling*/
.employeerevenue-daily-table {overflow-y:auto;}
.employeerevenue-daily-employeename {color:#02b09b; text-align:center; font-size:16px; font-weight:bold; border-bottom:2px solid #ccc;padding-bottom:8px;}
.employeerevenue-daily-timeslot {padding:10px;border-bottom:1px solid #ccc;}
.employeerevenue-daily-column {display: inline-block; width: 250px; border-right:1px dashed #ccc;vertical-align:top;}
.employeerevenue-daily-column:last-of-type {border-right:none;}
.employeerevenue-daily-timeslot p {margin-bottom:5px;}
.employeerevenue-daily-timeslot p:first-of-type {margin-bottom:15px;}
.employeerevenue-daily-timeslot span {float:right; font-weight:bold;}
.employeerevenue-monthly-table {overflow-y:auto;}
.employeerevenue-monthly-employeename {color:#02b09b; text-align:center; font-size:16px; font-weight:bold; border-bottom:2px solid #ccc;padding-bottom:8px;}
.employeerevenue-monthly-slot {padding:10px;border-bottom:1px solid #ccc; font-size:12px;}
.employeerevenue-monthly-column {display: inline-block; width: 220px; border-right:1px dashed #ccc;vertical-align:top;}
.employeerevenue-monthly-column:last-of-type {border-right:none;}
.employeerevenue-monthly-slot p {margin-bottom:5px;}
.employeerevenue-monthly-slot span {font-weight:bold;}
.employeerevenue-monthly-summary {padding:10px;}
.employeerevenue-monthly-summary-title {font-weight:bold;width:auto;}
.employeerevenue-monthly-summary-amount {color:#02b09b; font-weight:bold; float:right;}
.employeerevenue-monthly-summary
/*End GetEmployeeRevenueDaily Styling*/

/*GetEmployeeReviews Styling*/
.employeereview-advancesearch-btn-group {margin-left:30px;}
.employeereview-advancesearch-btn-group a {float:left; color:#02b09b; border:1px solid #02b09b; margin-right:8px;}
.employeereview-advancesearch-btn-group .pos-advancesearch-btn {color:#ffffff; background:#02b09b;width:68px;}
.employeereview-advancesearch-container {background-color: #f7f7f7; border-top:1px solid #ddd; padding:15px; display:none;}
.employeereview-table {margin-top:20px;}
.employeereview-table>thead>tr>th:first-of-type {width:30px;}
.employeereview-table>thead>tr>th:nth-of-type(2) {text-align:center; width:80px;}
.employeereview-table>tbody>tr>td:nth-of-type(2) {text-align:center;}
.employeereview-table>tbody>tr>td:nth-of-type(2) i {font-size:20px!important; color:red;}
.employeereview-table>thead>tr>th:nth-of-type(3) {width:80px;}
.employeereview-table>thead>tr>th:nth-of-type(4) {width:150px;}
.employeereview-table>thead>tr>th:nth-of-type(5) {width:150px;}
.employeereview-table>thead>tr>th:last-of-type {width:80px;}

/*End GetEmployeeReviews Styling*/

/*CreateEmployee Styling*/
.createedit-employee-left-menu {background:#eaeaea;width:180px;display:inline-block;vertical-align:top;}
.createedit-employee-left-menu .nav-tabs {float: left;border-bottom: 0;}
.createedit-employee-left-menu .nav-tabs li { float: none;margin: 0;border-bottom:1px solid #ccc;width:180px;}
.createedit-employee-left-menu .nav-tabs li a {margin-right: 0;border: 0; color:inherit;font-weight:bold;padding:20px;}
.createedit-employee-left-menu .nav-tabs li a:hover {background-color: #e0f2f2; color:#02b09b;}
.createedit-employee-left-menu .nav-tabs .glyphicon {color: #fff;}
.createedit-employee-left-menu .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0;background-color: #e0f2f2; color:#02b09b;}
.createedit-employee-menu-content {display:inline-block;vertical-align:top;}
.createemployee-form {display:inline-block;}
.createedit-employee-inner {width:755px;}

.createedit-multiform-subgroup {border-top:2px solid #4cccb6;}
.createedit-multiform-profilepic {float:left;width:100px;text-align:center;padding-top:10px;}
.createedit-multiform-profilepic img {width:80%;}
.createedit-multiform-table {float:left;}
.createedit-multiform-row {list-style:none;float:left;padding-left:0px;}
.createedit-multiform-row li {float:left;}
.createedit-multiform-row .title-cell {height:40px;background:#edf0f2;padding:10px 5px;width:80px; font-weight:bold;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.createedit-multiform-row .input-cell-138 {height:40px;padding:5px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;width:138px;}
.createedit-multiform-row .input-cell-138 input {width:125px;height:30px;border:1px solid #ffffff;}
.createedit-multiform-row .input-cell-138:last-of-type {border-right:1px solid #ccc;}






/*End CreateEmployee Styling*/

/*GetEmployeeInfoSheet Styling*/
/*.employeeinfosheet-container {width:900px;}
.employeeinfosheet-subheader {color:#4cccb6;font-size:16px;font-weight:bold;margin-bottom:5px;}
.employeeinfosheet-subgroup {border-top:2px solid #4cccb6;}
.employeeinfosheet-profilepic {float:left;width:100px;text-align:center;padding-top:10px;height:160px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.employeeinfosheet-profilepic img {width:80%;height:auto;overflow-y:hidden;}
.employeeinfosheet-table {float:left;}
.employeeinfosheet-row {list-style:none;float:left;padding-left:0px; margin-bottom:0px;}
.employeeinfosheet-row li {float:left;}
.employeeinfosheet-row .title-cell {height:40px;background:#edf0f2;padding:10px 7px;width:106.5px; font-weight:bold;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.employeeinfosheet-row .title-cell-160 {height:40px;background:#edf0f2;padding:10px 7px;width:160px; font-weight:bold;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.employeeinfosheet-row .input-cell-160 {height:40px;padding:10px 7px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;width:160px;}
.employeeinfosheet-row .input-cell-160:last-of-type {border-right:1px solid #ccc;}
.employeeinfosheet-subgroup-separator {clear:both; height:25px;}
.employeeinfosheet-row .input-cell-343 {height:40px;padding:10px 7px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;width:343.5px;}
.employeeinfosheet-row .input-cell-343:last-of-type {border-right:1px solid #ccc;}
.employeeinfosheet-row .input-cell-193 {height:40px;padding:10px 7px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;width:193.5px;}
.employeeinfosheet-row .input-cell-193:last-of-type {border-right:1px solid #ccc;}
.employeeinfosheet-row .input-cell-740 {height:40px;padding:10px 7px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;width:740px;border-right:1px solid #ccc;}
.employeeinfosheet-row .input-cell-290 {height:40px;padding:10px 7px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;width:290px;}
.employeeinfosheet-row .input-cell-290:last-of-type {border-right:1px solid #ccc;}
.employeeinfosheet-row .input-cell-140 {height:40px;padding:10px 7px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;width:140px;}
.employeeinfosheet-row .input-cell-140:last-of-type {border-right:1px solid #ccc;}*/

.employeeinfosheet-panel {width:560px;border:2px solid #a0a0a0;float:left; margin-right:20px;height:1251px;}
.employeeinfosheet-panel .table {margin:0px;}
.employeeinfosheet-panel .table>tbody>tr>td {vertical-align:middle;font-size:12px!important;text-align:center;}
.employeeinfosheet-panel .table>tbody>tr>.employeeinfosheet-label {padding:3px!important; font-weight:bold;}
.employeeinfosheet-panel .table>tbody>tr>.employeeinfosheet-input {padding:0px!important;}
.employeeinfosheet-panel .table>tbody>tr>.employeeinfosheet-input input {width:100%;border:none;text-align:center;}
.label-dark {background:#edf0f2;}
.label-light {background:#ebf6fc;}
.employeeinfosheet-panel .footer-table { margin-top:30px;}
.employeeinfosheet-panel .footer-table >tbody>tr>td {border:none; font-size:15px!important; font-weight:bold;}
.footer-table p {font-size:11px; color:#a0a0a0; text-align:center;border:1px dashed #a0a0a0;padding:30px 0px;}
.footer-table span {color:deepskyblue;}
/*End GetEmployeeInfoSheet Styling*/

/*EditEmployeeCommissions Styling*/
.employeecommissions-table>thead>tr>th {border:none;}
.employeecommissions-table>thead>tr:last-of-type>th {border-top:1px solid #ccc;}
.employeecommissions-table>thead>tr:first-of-type>th {color:#02b09b;padding:30px;}
.employeecommissions-table>thead>tr:first-of-type>th img {margin-left:15px;}
.employeecommissions-table>tbody>tr>td {border:none;}

/*End GetEmployeeIncentives Styling*/


.form-end { padding-right: 20px; }
.form-multistep-end { padding-right: 20px; padding-top: 30px; }
.next-tab { color: #02b09b; font-size: 15px; }
.prev-tab { color: #02b09b; font-size: 15px; }
 
.createedit-multiform-page { min-width: 1010px; }
.createedit-multiform-page .form-horizontal { margin-top: 30px; padding-left: 25px; }
.createedit-multiform-subheader { padding-bottom: 25px;}


/*Peyto Styling*/
.summary-label {font-size:17px; font-weight:bold;}
.summary-value {font-size:17px; font-weight:bold; color:#02b09b;}
.roomtype-label {float:left;margin-right:20px;text-align:left;}
.roomtype-value {float:right;}
.create-coupon-btn, .create-coupon-btn:hover, .create-coupon-btn:focus {color:#ffffff; background:#02b09b; padding:5px 15px; text-decoration:none;}
.coupon-delete-btn, .coupon-delete-btn:focus, .coupon-delete-btn:hover {color:red; border:1px solid red; padding:5px 15px;}
.add-couponimg-btn {width:100%; border:1px solid #eaeaea; padding:30px 20px; color:inherit;margin-bottom:15px;}
.add-couponimg-btn i {color:#02b09b; font-size:30px!important;margin-top:15px;}
.create-coupon-form-container .picture-container {width:100%; border:1px solid #eaeaea;min-height:80px;}
.create-coupon-form-container #pickfiles {width:100%; border:1px solid #eaeaea; border-top:none;}
.create-coupon-form-container {max-width:300px;}
.create-coupon-form-container label {font-weight:bold;width:60px;}
.create-coupon-form-container input {border:1px solid #eaeaea; width:236px!important;}
.create-coupon-form-container textarea {border:1px solid #eaeaea; width:300px; height:200px; overflow-y:auto;resize:none;padding:10px;margin-bottom:15px;}
.create-coupon-submit-btn {color:#ffffff; background:#02b09b; width:100%;}
.select-coupontype-container {max-width:300px;float:left;}
.select-coupontype-container select {width:100%;border:1px solid #eaeaea; margin-bottom:15px;}
.coupontype-img {width:100%;border:1px solid #eaeaea; margin-bottom:15px;min-height:120px;}
.coupontype-img img {width:100%;}
.coupontype-title {width:100%;border:1px solid #eaeaea; border-bottom:0px;padding:10px;font-weight:bold;}
.coupontype-exp {color:#a0a0a0; font-size:12px;}
.coupontype-content {width:100%;border:1px solid #eaeaea;padding:10px;min-height:190px;}
.select-couponreceiver-container {float:left;margin-left:50px;width:50%;}
.select-couponreceiver-container label {font-weight:bold; width:100px;}
.select-couponreceiver-container .form-inline {padding:20px;border-bottom:1px solid #eaeaea;}
.select-couponreceiver-container .radio  {margin-left:50px;}
.sendcoupon-btn {color:#ffffff; background:#02b09b;margin-top:20px;padding:8px 40px;}
.roomcontrol-type, .buffetcontrol-type {width:150px;float:left;line-height:40px;}
.roomcontrol-container input, .buffetedit-container input {float:left;width:60px;text-align:right;background:#eeeeee;border:1px solid #a0a0a0;}
.roomcontrol-container .reset-btn, .buffetedit-container .reset-btn { margin-left:10px;}
.buffetcontrol-container {padding:15px;}
.buffetcontrol-container p {font-weight:bold;float:left; line-height: 35px;}
.buffetcontrol-container input {width:60px;float:right;text-align:right;}
.buffetcontrol-container a {width:60px;float:right;margin-left:10px;text-align:center;}
.create-package-form-container .picture-container {width:100%; border:1px solid #eaeaea;min-height:80px;}
.create-package-form-container #pickfiles {width:100%; border:1px solid #eaeaea; border-top:none;}
.create-package-form-container {max-width:300px;}
.create-package-form-container label {font-weight:bold;width:70px;}
.create-package-form-container input {border:1px solid #eaeaea; width:226px!important;}
.create-package-form-container #end-date {width:150px!important;}
.create-package-form-container #start-date {width:145px!important;}
.create-package-form-container textarea {border:1px solid #eaeaea; width:300px; height:200px; overflow-y:auto;resize:none;padding:10px;margin-bottom:10px;}
.create-package-submit-btn {color:#ffffff; background:#02b09b; width:100%;}
.create-package-btn {background:#02b09b; color:#ffffff; padding: 5px 20px; text-decoration:none;}
.filter-tabs {background:#eaeaea;padding:10px;}
.package-pill-active,.package-pill-active:hover, .package-pill-active:focus {color:#ffffff; background:#02b09b; padding:5px;border-radius:15px!important;margin-right:10px;width:90px;}
.package-pill, .package-pill:hover, .package-pill:focus {color:#02b09b; background:transparent; padding:5px;border-radius:15px!important;margin-right:10px; border:1px solid #02b09b;width:90px;}
.package-detail-btn {color:inherit; border:1px solid #34495e}
.packageinfo-container {max-width:300px;}
.package-status {border:1px solid #7f8587; padding:5px 8px;margin-bottom:8px; color: #7f8587;}
.package-status label {margin-bottom:0px;}
/*.package-img {border:1px solid #eaeaea;}*/
.package-img img {width:100%;}
.package-title {border:1px solid #eaeaea; padding:8px;}
.packagetype-exp {color:#a0a0a0; font-size:12px;}
.package-content {border:1px solid #eaeaea; padding:8px;min-height:180px; margin-bottom:15px;}
.package-edit-btn {color:inherit; border:1px solid #34495e;padding:5px 20px;}
.package-delete-btn, .package-delete-btn:hover, .package-delete-btn:focus {color:red; border: 1px solid red;padding:5px 20px;}
.edit-package-submit-btn {color:#ffffff; background:#02b09b; width:80px;}
.edit-package-cancel-btn {color:inherit; border:1px solid #34495e; width:80px;}
#filecontainer img {width:100%;}
.roomavailstatus-table div.checker {margin-left:10px; }
.roomavailstatus-table .bootstrap-switch {width:44px!important;}
.roomavailstatus-table .bootstrap-switch-label {width:10px!important;}
.roomavailstatus-table input[type=checkbox] {display:inline-block;}
.roomavailstatus-table input[type=number] { width: 34px; padding: 2px;font-size: 12px;text-align:right; display:inline-block;}
.roomavailstatus-table input[type=number]::-webkit-inner-spin-button, 
.roomavailstatus-table input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;  margin: 0; }
.roomavailstatus-table-container {min-width:1500px; /*min-height:600px;*/}
.roomavailstatus-table>thead>tr>th {text-align:center;}
.roomavailstatus-table>tbody>tr>td:nth-of-type(even) {background:#eaeaea;}
.roomavailstatus-table>tbody>tr>td:first-of-type {font-weight:bold;}


/*End Peyto Styling*/

/*EditApp Styling*/
.settings-help-container {border:1px solid #eaeaea; width:420px;padding:15px;}
.settings-help-container .title {color:red; font-size:16px; font-weight:bold;}
.settings-help-container img {width:25px;}
.settings-help-container p {line-height:28px;}
.editapp-table img {width:40px;}
.editapp-table thead>tr>th:first-of-type {width:80px;text-align:center;}
.editapp-table tbody>tr>td:first-of-type {width:80px;text-align:center;}
.editapp-table tbody>tr>td {vertical-align:middle;}
.editapp-table input {width:100%;border:none;}
.editappmsg-table input {width:100%;border:none;}
.editappvisibility-chk {display:none!important;}

/*End EditApp Styling*/

/*GetResults Styling*/
.green-empty-btn, .green-empty-btn:hover, .green-empty-btn:focus {text-decoration:none; border:1px solid #02b09b;color:#02b09b; padding:5px; margin-top:10px;float:right;}
.preview-content { height: 80%; position: absolute; top: 0; bottom: 0;left: 0; right: 0; margin: auto;}
.preview-footer {position: fixed;right: 0;top: 0;bottom: 0;background-color: white;width: 80px;}
.preview-footer div {width: 100%;text-align: center;height: 80px;padding:5px;}
.preview-footer div:first-child {height: 30px !important; padding:8px;}
#desktop-preview { padding: 60px 30px; width: 1200px; height: 100%;background-image: url("/Content/images/desktop-img.jpg");background-size: cover;background-repeat: no-repeat;transform: scale(0.7);margin: auto;word-wrap: break-word;}
#desktop-preview-container { overflow-y: auto; height: 100%;}
#phone-preview { padding: 95px 30px; width: 380px; height: 100%; background-image: url("/Content/images/phone-img.png"); background-size: cover; background-repeat: no-repeat; margin: auto;transform: scale(0.7);word-wrap: break-word;}
#phone-preview-container {overflow-y: auto;height: 100%;}
.app-header {text-align:center;background-color:#02b09b;color:white;padding:5px;}
.notification-header { width: 100%;padding: 15px;margin: 0;border-bottom:1px solid black;}
.notification-body {width: 100%;padding: 15px;margin: 0;}
.notification-header > div {display: inline-block;vertical-align:middle;}
.app-header {text-align: center;background-color: lightgrey;color: black;padding: 5px;}
.sms-body { border:1px; border-color:transparent; border-radius:20px!important; background-color:lightgrey; padding:15px; margin-top:40px;width:220px;}

/*GetResults Styling*/

/*CorporateRoomRate Styling*/
.basepricesetting-container {border:1px solid #eaeaea;text-align:center; padding:15px; margin-bottom:20px}
.basepricesetting-container label {margin-right:15px; width:120px;text-align:left;}
.basepricesetting-container input {text-align:right;}
.basepricesetting-container .form-inline {display:inline-block; margin-bottom:10px;margin-right:15px;}
.corporaterates-table>thead>tr>th:last-of-type {width:150px;}
.corporaterates-table>tbody>tr>td {vertical-align:middle;}
.blueborder-btn {color:#2b3643; border:1px solid #2b3643;}
.redborder-btn {color:red; border:1px solid red;}
.roomrate-form label {font-weight:bold; width:80px;}
.roomrate-form input {width:200px;}
.roomrate-form select {width:200px;}
.roomrate-form input[type=number] {text-align:right;}
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.roomrates-table>thead>tr>th:last-of-type {width:140px;}
.roomrates-table>thead>tr>th, .roomrates-table>tbody>tr>td {vertical-align:middle; text-align:center;}
.roomrates-table>thead>tr>th:first-of-type, .roomrates-table>tbody>tr>td:first-of-type,
.roomrates-table>thead>tr>th:nth-of-type(2), .roomrates-table>tbody>tr>td:nth-of-type(2) {text-align:left;} 


.filter-label { font-weight: bold; margin-top: 10px; margin-bottom: 3px; margin-right: 9px;}
.filter-text {margin: 10px;}
.filter-border {border-right: 1px solid ; height: 35px; margin-left: 5px; margin-right: 5px; border-color: lightgrey}

/*End CorporateRoomRate Styling*/




.roomreserv-filter-container{ background:#eaeaea;padding:10px; height: 100px;}


.settingmenu-icon{margin-left: 30px; }
.product-seller-input{ margin-top: 9px !important;}

.membership-label .edit-membershipdate-btn { margin-top: 0px !important; margin-left: 0px !important; padding-right: 0px !important; color: #ffffff !important; }