body, div, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, th, td, img
{ margin:0; padding:0; border:0; font-family: Arial, Helvetica, sans-serif; }
.clear{clear:both;}
*{ outline:none;}
.hide{display:none;}
*::-moz-selection { background: none repeat scroll 0 0 #00bff3; color: #FFF; }

h3 { font-size: 20px; color: #7d7d7d; font-weight: normal; padding: 0px 0px 20px 0px; }

p{ font-size: 12px; color: #464646; line-height: 18px; text-align:justify;  padding: 5px 0px 5px 0px;}
a { color: #464646; text-decoration: none; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
a:hover { color: #000; text-decoration: underline; }

.wrapper-main { width: 100%; height: auto; display: table; }

.header-wrapper { width: 100%; height: 70px;  background:  url(../images/header-bg.png) repeat-x top left; padding: 0px 0px 0px 0px;}
.logo { width: 300px; height: 68px; float: left;}
.header-right-section { /*width: 500px;*/ width: 175px; height: 68px; float: right;}
.settings-icon { width: 47px; height: 68px; float: right; padding: 0px 7px 0px 0px;}
.home-but { width: 152px; height: 68px; float: right;}
.home-but a { width: 152px; height: 68px; background: url(../images/top-menus.png) no-repeat left top -7px; display: block; transition: none; }
.home-but a:hover { width: 152px; height: 68px; background: url(../images/top-menus.png) no-repeat left top -90px; }
.change-pass-but { width: 176px; height: 68px; float: right;}
.change-pass-but a { width: 176px; height: 68px; background: url(../images/top-menus.png) no-repeat left -152px top -7px; display: block; transition: none; }
.change-pass-but a:hover { width: 176px; height: 68px; background: url(../images/top-menus.png) no-repeat left -152px top -90px; }
.logout-but { width: 115px; height: 68px; float: right;}
.logout-but a { width: 115px; height: 68px; background: url(../images/top-menus.png) no-repeat left -328px top -7px; display: block; transition: none; }
.logout-but a:hover { width: 115px; height: 68px; background: url(../images/top-menus.png) no-repeat left -328px top -90px; }
.content-wrapper { width: 100%; height: auto; background: url(../images/texture-bg.png) repeat left top; min-height: 550px;}
.head-search-section { width: 100%; height: 55px;  border:0px solid #000; }
.hed-search { width: 285px; height: auto; float: left; padding: 17px 0px 0px 17px;}  
.head-search-fld { width: 250px; height: 33px;  background: #FFF; border: 1px solid #bababa; padding: 0px 10px; margin-right: 5px; border-radius: 4px;}
.head-search-but { color: #FFF; font-size:18px; float: left; text-decoration: none; border: 0px; cursor: pointer; padding: 5px 10px; background-color: #ff313e; background-image: linear-gradient(to bottom, #ff82a1, #ff313e); border-radius: 4px;}
.head-search-but:hover { background-color: #B2D157; background-image: linear-gradient(to bottom, #B2D157, #64A434); }
.hed-search-small { width: 285px; height: auto; float: left; padding: 15px 0px 0px 10px;}
.hed-search-small-fld { width: 90px; height: 25px; float: left; background: #FFF; border: 1px solid #bababa; padding: 0px 10px; margin-right: 5px; border-radius: 4px;}
.hed-search-small-but { color: #FFF; font-size:15px; float: left; text-decoration: none; border: 0px; cursor: pointer; padding: 2px 10px 5px; background-color: #ff313e; background-image: linear-gradient(to bottom, #858585, #4A4A4A); border-radius: 3px; }
.hed-search-small-but:hover { background-color: #B2D157; background-image: linear-gradient(to bottom, #B2D157, #64A434); }
.hed-main-date { width: 250px; height: auto; display: table; margin:0px auto;}
.hed-main-date .prev_day { display:table-cell; vertical-align: middle; }
.hed-main-date .next_day { display:table-cell; vertical-align: middle; }
.hed-date-main-box { height: auto; display: table-cell; font-size: 20px; color: #2d9334; white-space: nowrap; padding: 0px 5px; vertical-align: middle; }
.hed-date-left-arrow { width: 17px; height: 17px; float: left;  background: url(../images/e-maid-icons.png) no-repeat left top; border: 0px;  -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; cursor: pointer; }
.hed-date-left-arrow:hover { background: url(../images/e-maid-icons.png) no-repeat left -18px top;}
.hed-date-right-arrow { width: 17px; height: 17px; float: left; background: url(../images/e-maid-icons.png) no-repeat right top; border: 0px;  -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; cursor: pointer; }
.hed-date-right-arrow:hover  { background: url(../images/e-maid-icons.png) no-repeat right -18px top;}
.hed-date-calender-icon { width: 17px; height: 17px;  display: table-cell; vertical-align: middle;; padding-left: 10px; }
.hed-date-calender-icon span { width: 10px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat left top -31px; display: block; transition: none; cursor: pointer; margin-top: 6px; }
.hed-date-calender-icon span:hover { width: 10px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat left -18px top -31px; }
.hed-main-button { width: auto; height: 36px; padding-right: 10px;}
.hed-main-button ul { list-style: none; margin: 0px; padding: 0px;}
.hed-main-button li { display: inline; font-size: 14px; color: #FFF; line-height: 36px; font-weight: bold; text-transform: uppercase; }
.hed-main-button li span { color: #FFF; background: #8D8D8D; text-decoration: none; padding: 10px 20px; margin-left: 1px; cursor: pointer;}
.hed-main-button li span:hover { background: #64A434;}
.table-head-main-wrapper { width: 100%; height:auto; margin: 0 auto; padding-bottom: 50px; }
.table-content-main { width: auto; height:auto; border: 1px solid #479f2f; margin: 0px 10px; position: relative; }
.hed-time-left-arrow { width: 17px; height: 17px; float: right; background: url(../images/e-maid-icons.png) no-repeat left top; border: 0px;  -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; cursor: pointer; margin-right: 10px; margin-top: 10px; }
.hed-time-left-arrow:hover { background: url(../images/e-maid-icons.png) no-repeat left -18px top;}
.hed-time-right-arrow { width: 17px; height: 17px; float: left; background: url(../images/e-maid-icons.png) no-repeat right top; border: 0px;  -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; cursor: pointer;  margin-top: 10px; }
.hed-time-right-arrow:hover  { background: url(../images/e-maid-icons.png) no-repeat right -18px top;}

/*--------------: GREEN, BLUE, ORANGE HEADING:-------------- ( just change class name in htlm )*/

.green-head { width: 100%; height: 39px; background: #238d37; background-image: linear-gradient(to bottom, #479f2f, #12853a);}
.blue-head { width: 100%; height: 39px; background: #04aae4; background-image: linear-gradient(to bottom, #1abff7, #04aae4);}
.orange-head { width: 100%; height: 39px; background: #f88920; background-image: linear-gradient(to bottom, #fbad15, #f88920);}
.hed-maid-name { width: 15%; height:auto; float: left; color: #FFF; font-size: 12px; line-height: 35px; padding: 0px 0px 0px 10px;}
.hed-maid-time { width: 7.4%; height:auto; float: left; color: #FFF; font-size: 12px; line-height: 35px; text-align: center; padding: 0px 0px 0px 0px;}
.ash-table-section { width: 100%; min-height: 60px; border-bottom: 1px solid #E4E4E4;}
.ash-maid-name { width: 15%; min-height: 60px; float: left; color: #333; font-size: 13px; line-height: 18px; padding: 43px 0px 0px 10px; border-left: 1px solid #D6D6D6;}
.ash-maid-time { width: 7.5%; min-height: 103px; float: left; border-left: 1px solid #d6d6d6; display: block; background: url(../images/dotted-line.png) repeat-y left 50% top;}

/*--------------: GREEN POP UP SCALE:-------------- ( just change class name in htlm )*/

.green-scale-main-box { width: auto; height:auto; background: url(../images/e-maid-icons.png) no-repeat left -387px top -72px; position: absolute; left: 23.3%; top: 51%; padding-left: 4px; z-index: 999;}
.green-scale-bg-box { width: auto; height:auto; background: #238d37; background-image: linear-gradient(to bottom, #479f2f, #12853a); padding: 1px 3px 3px 0px;}
.green-scale-text-box { width: auto; height:auto; float: left; font-size: 12px; color: #FFF; line-height: 15px; padding: 5px 10px 0px 10px;}
.green-white-box { width: auto; height: auto; float: left; font-size: 11px; color: #333; background: #FFF; padding: 5px 8px; border-radius: 2px; margin-top: 2px;}

/*--------------: ORANGE POP UP SCALE:-------------- ( just change class name in htlm )*/

.orange-scale-main-box { width: auto; height:auto; background: url(../images/e-maid-icons.png) no-repeat left -387px top -72px; position: absolute; left: 23.3%; top: 51%; padding-left: 4px; z-index: 999;}
.orange-scale-bg-box { width: auto; height:auto; background: #f88920; background-image: linear-gradient(to bottom, #fbad15, #f88920); padding: 1px 3px 3px 0px;}
.orange-scale-text-box { width: auto; height:auto; float: left; font-size: 12px; color: #FFF; line-height: 15px; padding: 5px 10px 0px 10px;}
.orange-white-box { width: auto; height: auto; float: left; font-size: 11px; color: #333; background: #FFF; padding: 5px 8px; border-radius: 2px; margin-top: 2px;}

/*--------------: BLUE POP UP SCALE:-------------- ( just change class name in htlm )*/

.blue-scale-main-box { width: auto; height:auto; background: url(../images/e-maid-icons.png) no-repeat left -387px top -72px; position: absolute; left: 23.3%; top: 51%; padding-left: 4px; z-index: 999;}
.blue-scale-bg-box { width: auto; height:auto; background: #04aae4; background-image: linear-gradient(to bottom, #1abff7, #04aae4); padding: 1px 3px 3px 0px;}
.blue-scale-text-box { width: auto; height:auto; float: left; font-size: 12px; color: #FFF; line-height: 15px; padding: 5px 10px 0px 10px;}
.blue-white-box { width: auto; height: auto; float: left; font-size: 11px; color: #333; background: #FFF; padding: 5px 8px; border-radius: 2px; margin-top: 2px;}
.footer-wrapper { width: 100%; height:auto; background: #555; position: relative; bottom:  0px;}/* z-index: 9999;}*/
.footer-main { width: 200px; height: auto; margin: 0 auto; color: #ceced0; font-size: 12px; text-align: center; padding: 15px 0px;}

/*------------------------------------: BLUE POP UP SCALE :------------------------------------*/

.popup_dark-box { width: 100%; height: auto; background: url(../images/dark-bg.png) repeat left top; padding: 180px 0px; }
.popup-main-box { width: auto; height:auto; margin: 0 auto; display: table;border-radius: 20px; padding: 0px; background: #000; }
.green-popup-head { width: auto; height: auto; background: #238d37; background-image: linear-gradient(to bottom, #479f2f, #12853a); color: #FFF; font-size: 16px; font-weight: bold; line-height: 25px; padding: 10px 35px; -webkit-border-top-left-radius: 10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topleft: 10px;
					-moz-border-radius-topright: 10px;
					border-top-left-radius: 10px;
					border-top-right-radius: 10px; } 
.green-popup-head span.pop_close { float:right; margin: -3px -25px 0px 0px; cursor: pointer; }
.white-content-box { width:auto; height:auto; padding: 25px 20px 25px 35px; background: #FFF; -webkit-border-bottom-right-radius: 10px;
					 -webkit-border-bottom-left-radius: 10px;
					 -moz-border-radius-bottomright: 10px;
					 -moz-border-radius-bottomleft: 10px;
					 border-bottom-right-radius: 10px;
					 border-bottom-left-radius: 10px;}
.white-content-box #b-error { color:#F00; padding: 0px 0px 0px 153px; font-size: 12px; }
.pop-main-cont-fld-box { width: auto; height:auto; padding-bottom: 5px; }
.popup-fld-box-sml03 {
    color: #464646;
    float: left;
    font-size: 13px;
    height: auto;
    line-height: 33px;
    padding: 0 5px 0 0;
    width: auto;
}
.booking_form { display:table; }
.popup-main-box .booking_form .row { display:table-row; }
.popup-main-box .booking_form .row .cell1 { display:table-cell; font-size: 13px; color: #464646; width: 140px; padding:8px 0px 8px 0px; }
.popup-main-box .booking_form .row .cell1 span { background: url(../images/e-maid-icons.png) no-repeat left -2px top -71px; width: 17px; height: 17px; display: inline-block; }
.popup-main-box .booking_form .row .cell1 span.icon_btype { background: url(../images/e-maid-icons.png) no-repeat left -2px top -161px; }
.popup-main-box .booking_form .row .cell1 span.icon_stype { background: url(../images/e-maid-icons.png) no-repeat left -2px top -206px; }
.popup-main-box .booking_form .row .cell1 span.icon_time { background: url(../images/e-maid-icons.png) no-repeat left -2px top -261px; }
.popup-main-box .booking_form .row .cell1 span.icon_lock { background: url(../images/e-maid-icons.png) no-repeat left -2px top -308px; }
.popup-main-box .booking_form .row .cell1 span.icon_note { background: url(../images/e-maid-icons.png) no-repeat left -2px top -357px; }

.popup-main-box .booking_form .row .cell1 span.icon_clean { background: url(../images/e-maid-icons.png) no-repeat left -2px top -464px; }
.popup-main-box .booking_form .row .cell1 span.icon_disc { background: url(../images/e-maid-icons.png) no-repeat left -2px top -410px; }

.popup-main-box .booking_form .row .cell2 { display:table-cell; font-size: 13px; color: #464646; width: 3px; padding: 8px 0px 8px 0px; }
.popup-main-box .booking_form .row .cell3 { display:table-cell; font-size: 13px; color: #464646; width: 320px; padding:8px; }
.popup-main-box .booking_form .row .cell3 label { display: inline-block; margin-bottom: 0px; font-size: 12px; line-height: normal; }
.popup-main-box .booking_form .row .cell3 .sel2 { font-size:12px !important; width:320px !important; }
.popup-main-box .booking_form .row .cell3 .sel2.small { width:100px !important; }
.mr15 { margin-right: 15px; }
.popup-main-box .booking_form .row .cell3 .end_datepicker { width:100px; font-size:13px; margin: 0px; height: auto; }
.popup-main-box .booking_form .row .cell3 input[type=checkbox] { margin: 6px 3px 2px 0px; vertical-align: bottom; }
#repeat-days, #repeat-ends,#normal-repeat-days, #normal-repeat-ends, #user-repeat-days, #user-repeat-ends { display: none; }
#repeat-days .cell3 label { margin-right:4px; }
#repeat-ends .cell1, #repeat-ends .cell2, #repeat-ends .cell3 { padding-bottom:0px; }
#repeat-ends .cell3 input[type=radio] { margin:0px; vertical-align: top; }
.popup-note-fld { width: 465px; height: 70px; border: 1px solid #CCCCCC; border-radius: 3px; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.popup-disc-fld { width: 65px; height: 20px; border: 1px solid #CCCCCC; border-radius: 3px; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.pop-main-button { width: 473px; height:auto; padding: 5px 0px 0px 0px; }
.save-but { color: #FFF; text-transform: uppercase; font-size:14px; float: left; text-decoration: none; border: 0px; cursor: pointer; padding: 6px 15px; background-color: #B2D157; background-image: linear-gradient(to bottom, #B2D157, #64A434); border-radius: 4px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; margin-right: 20px;}
.save-but:hover { color: #C9E86E; background-color: #434343; background-image: linear-gradient(to bottom, #7e7e7e, #434343);  }
.cancel-but { color: #FFF; font-size:17px; float: left; text-decoration: none; border: 0px; cursor: pointer; padding: 5px 18px; background-color: #ff313e; background-image: linear-gradient(to bottom, #ff82a1, #ff313e); border-radius: 4px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
.cancel-but:hover { color: #f00; background-color: #434343; background-image: linear-gradient(to bottom, #7e7e7e, #434343); }
.delete-but { color: #FFF; font-size:17px; float: right; text-decoration: none; border: 0px; cursor: pointer; padding: 5px 18px; background-color: #ff313e; background-image: linear-gradient(to bottom, #ff82a1, #ff313e); border-radius: 4px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
.delete-but:hover { background-color: #B2D157; background-image: linear-gradient(to bottom, #B2D157, #64A434); }
.copy-but { color: #FFF; text-transform: uppercase; font-size:14px; float: left; text-decoration: none; border: 0px; cursor: pointer; padding: 6px 15px; background-color: #B2D157; background-image: linear-gradient(to bottom, #B2D157, #64A434); border-radius: 4px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; margin-right: 20px;}
.copy-but:hover { color: #C9E86E; background-color: #434343; background-image: linear-gradient(to bottom, #7e7e7e, #434343);  }
.sms-but { color: #FFF; text-transform: uppercase; font-size:14px; float: right; text-decoration: none; border: 0px; cursor: pointer; padding: 3px 15px; background-color: #B2D157; background-image: linear-gradient(to bottom, #B2D157, #64A434); border-radius: 4px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; margin: 8px;}
.sms-but:hover { color: #C9E86E; background-color: #434343; background-image: linear-gradient(to bottom, #7e7e7e, #434343);  }
#smspushid{display: none;}
#cancelsmspushid{display: none;}
/*------------------------------------: ADD CUSTOMER :------------------------------------*/

.ad-content-main-box { max-width: 100%; width: auto; height: auto; margin: 0 auto; }
.ad-content-hed-main { width: auto; height: auto; display: table; margin: 0 auto; background: #fafafa; background-image: url(../images/main-border-bg-lft.png), url(../images/main-border-bg-rit.png); background-position:left top, right top; background-repeat: repeat-y; border-radius: 9px; -moz-border-radius: 15px 15px 8px 8px; -webkit-border-radius: 15px 15px 8px 8px; border: 1px solid #FFF; }
.ad-content-hed-lft-cor { width: 38px; height: 41px; float: left; background: url(../images/ash-cornner.png) no-repeat left bottom; }
.ad-content-hed-rgt-cor { width: 38px; height: 41px; float: left; background: url(../images/ash-cornner.png) no-repeat left top; }
.ad-content-main-area { width: auto; min-width: 700px; height: auto; background: #fafafa; float: left;}
.ad-content-heding { width: auto; min-width: 700px; height: 41px; background: url(../images/strock-bg.png) repeat left top #fafafa; }
.ad-content-area { width: auto; min-width: 700px; height: auto; background: #fafafa; }
.ad-content-heding-txt { width: auto; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ff6279; line-height: 40px; text-transform: uppercase; float: left; }
.ad-content-heding-link { width: auto; height: 41px; float: right; font-size: 11px; color: #636363; line-height: 39px; }
.ad-content-heding-link a { color: #636363; font-size: 11px; line-height: 39px; text-decoration: none; background: url(../images/white-arrow.png) no-repeat left 3px; padding: 0px 13px 0px 13px; margin-left: 7px;} 
.ad-content-heding-link a:hover {color: #FF313E; text-decoration: underline;}
.table-blu-hed {  font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 16px; background: #448bbe; padding: 5px 0px; text-align: center; border-right: 1px solid #53a5d4;  border-left: 1px solid #3a7db5; }
.table-cont-box1 {  font-family: Arial, Helvetica, sans-serif; color: #777676; font-size: 14px; background: #e2e2e2; padding: 5px 0px; text-align: center; border-right: 1px solid #FFF;  border-left: 1px solid #d1d1d1; }
.table-cont-box2 { font-family: Arial, Helvetica, sans-serif; color: #777676; font-size: 14px; background: #FFF; padding: 5px 0px; text-align: center; border-right: 1px solid #FFF;  border-left: 1px solid #d1d1d1; }
.table-cont-box-border { box-shadow: 0 0 1px #D5D5D5; }
.ad-save-but { width: 96px; height: 35px; float: left; background: url(../images/save.png) no-repeat left bottom; border: 0px; cursor: pointer; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.ad-save-but:hover { background: url(../images/save.png) no-repeat left top; }
.fild-main-box-big { width: 500px; float: left; height: auto; padding: 5px 0px 30px 0px;}
.fild-main-box-big-rit { width: 455px; float: left; height: auto; padding: 5px 0px 5px 0px;}
.ad-cont-box-main-content { width: auto; height:auto; padding: 30px 0px 0px 0px;}
.fild-main-box { width: 500px; height: auto; padding: 5px 0px 5px 0px;}
.fild-main-box-rit { width: 450px; height: auto; padding: 5px 0px 5px 0px;}
.fild-name { width: 130px; height: auto; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444; line-height: 20px; padding: 6px 0px 0px 0px;}
.fild-name span { float: right;}
.fild-box { width: 325px; height: auto; float: left; padding: 0px 0px 0px 20px;}
.fild-box-rit { width: 300px; height: auto; float: left; padding: 0px 0px 0px 20px;}
.inner-button { font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #FFF; float: left; text-transform: uppercase; text-decoration: none; border-radius: 3px; padding: 7px 18px; cursor: pointer; background: url(../images/inner-but-bg.png) repeat-x left top; border: 0px; margin-top: 15px; text-transform: uppercase;}
.inner-button:hover { color: #90eb21;}
.ad-content-wrapper { width: 100%; height: auto; padding: 50px 0px; }
.in-bookingform-field { width: 270px; height: 37px; color: #555; font-size: 14px; float: left; border: 1px solid #DBDBDB; border-radius: 4px; padding: 0px 15px 0px 15px; line-height: 39px; }
.in-bookingform-field:focus { border: 1px solid #3CF;}
.in-bookingform-field1 { width: 75%; height: 37px; color: #555; font-size: 14px; float: left; border: 1px solid #DBDBDB; border-radius: 4px; padding: 0px 15px 0px 5px; line-height: 39px; }
.in-bookingform-field1:focus { border: 1px solid #3CF;}
.in-bookingform-field-date { width: 300px; height: 37px; color: #555; font-size: 14px; float: left; /*background: url(../images/inner-fld-date.png) no-repeat left top;*/ border: 1px solid #DBDBDB; border-radius: 4px; padding: 0px 15px 0px 15px;   }
.in-bookingform-field-droop-main { width: 300px; float: left; overflow: hidden; margin-right: 20px; }
.in-bookingform-field-droop { width: 300px; height: 37px; color: #555; font-size: 14px; float: left;/* background: url(../images/inner-fld-droop.png) no-repeat left top;*/ border: 1px solid #DBDBDB; border-radius: 4px; padding: 7px 7px 6px 12px; }
.in-bookingform-field-droop:focus { border: 1px solid #3CF;}
.in-bookingform-text-area { width: 278px; height: 60px; font-family: Arial, Helvetica, sans-serif; color: #555; font-size: 14px; float: left; padding: 5px 5px 5px 15px; line-height: 19px; border: 1px solid #e2dfdf; border-radius: 3px;}
.in-bookingform-text-area:focus { border: 1px solid #3CF;}
.in-bookingform-field-sml { width: 28px; height: 33px; color: #555; font-size: 14px; float: left;  padding: 0px 5px 0px 5px; text-align: center; line-height: 39px; border: 1px solid #e2dfdf;  border-radius: 3px; }

/*------------------------------------:  USER PROFILE :------------------------------------*/

.n-cont-head { min-width: 700px; height: auto; color: #464646; padding: 0px 0px 0px 0px;} 
.n-cont-head span { width: auto; height: auto; color: #464646; font-size: 14px; float: right; padding-right: 15px; background: url(../images/logout-icon.png) no-repeat left top; padding: 0px 0px 0px 22px; }
.n-content-main-box { min-width: 700px; height: auto; border-radius: 12px; margin-top: 20px; margin-bottom: 30px;}
.n-content-box-01 { width: 940px; height: auto; padding: 30px 0px 0px 0px;}
.n-content-box-01-cont { width: 820px; height: auto; float: left; padding: 0px 0px 0px 0px;}
.n-content-box-01-img-main { width: 119px; height: 154px; float: left; padding: 0px 0px 0px 0px;}
.n-content-box-01-img { width: 109px; height: 114px; box-shadow: 1px 0 10px #C1C1C1; border: 5px solid #FFFFFF; margin-bottom: 10px; padding: 0px 0px 0px 0px;}
.n-content-box-01-but { width: 119px; height: auto; text-align: center; background: #a9a9ad; border-radius: 3px; padding: 0px 0px 0px 0px; overflow: hidden;}
.n-content-box-01-but a { color: #FFF; font-size: 12px; text-decoration: none; padding: 3px 0px; display: block;}
.n-content-box-01-but a:hover { color: #FFF; background: #ff6279;}
.n-cont-boxes { width: 750px; height: auto; padding: 0px 0px 20px 0px;}
.n-cont-boxes1 { width: 110px; height: auto; color: #898989; font-size: 13px; float: left; padding: 0px 0px 0px 0px;}
.n-cont-boxes2 { width: 25px; height: auto; color: #898989; font-size: 13px; float: left; padding: 0px 0px 0px 0px;}
.n-cont-boxes3 { width: 300px; height: auto; color: #898989; font-size: 13px; float: left; padding: 0px 0px 0px 0px;}
.n-profile-main-tab { width: 940px; height: auto; padding: 0px 0px 0px 0px;}
.n-pro-con-min { width: 905px; height: auto; padding: 0px 0px 0px 13px; border-bottom: 1px dotted #CCC; }
.n-pro-con-min-1 { width: 250px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-transform: uppercase; float: left; border-right: 1px dotted #CCC;  padding: 15px 0px 15px 0px; }
.n-pro-con-min-2 { width: 171px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-transform: uppercase; float: left; border-right: 1px dotted #CCC; padding: 15px 0px 15px 20px; }
.n-pro-con-min-3 { width: 170px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-transform: uppercase; float: left; border-right: 1px dotted #CCC; padding: 15px 0px 15px 20px; }
.n-pro-con-min-4 { width: 250px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-transform: uppercase; float: left; padding: 15px 0px 15px 20px; }
.n-pro-con-min-5 { width: 250px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; float: left; border-right: 1px dotted #CCC; padding: 15px 0px; }
.n-pro-con-min-5 span { font-weight: bold; padding-left: 15px;}
.n-pro-con-min-6 { width: 171px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; float: left; border-right: 1px dotted #CCC; padding: 15px 0px 15px 20px; }
.n-pro-con-min-7 { width: 170px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; float: left; border-right: 1px dotted #CCC; padding: 15px 0px 15px 20px; }
.n-pro-con-min-8 { width: 250px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #F00; float: left; padding: 15px 0px 15px 20px; }
.n-pro-con-min-8 span { font-weight: bold; font-size: 16px; }
.n-pro-con-min-9 { width: 250px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #39b54a; float: left; padding: 36px 0px 0px 20px; }
.n-pro-con-min-9 span { font-weight: bold; font-size: 16px; }
.n-pro-con-min-10 { width: 250px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; float: left; border-right: 1px dotted #CCC; padding: 5px 0px 13px 0px;}
.n-pro-con-min-10 span { font-weight: bold; padding-left: 15px;}
.n-pro-con-min-11 { width: 171px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; float: left; border-right: 1px dotted #CCC; padding: 36px 0px 0px 20px; }
.n-pro-con-min-12 { width: 170px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; float: left; border-right: 1px dotted #CCC; padding: 36px 0px 0px 20px; }
.n-maid-img-box { width: 51px; height: 68px; float: left; padding: 10px 0px 0px 0px;}
.n-maid-img { width: 51px; height: 49px; float: left; padding: 0px 0px 0px 0px;}
.n-maid-img-but { width: 51px; height: 19px; float: left; padding: 0px 0px 0px 0px;}
.n-maid-img-but a { width: 51px; height: 19px; float: left; background: url(../images/more.png) no-repeat left bottom; }
.n-maid-img-but a:hover { width: 51px; height: 19px; background: url(../images/more.png) no-repeat left top; }
.n-maid-nme-min-box { width: 185px; height: 68px; float: left; padding: 10px 0px 0px 10px;}
.n-maid-img-nme01 { width: 185px; height: auto; float: left; padding: 0px 0px 5px 0px;}
.n-maid-img-star { width: 185px; height: auto; float: left; padding: 5px 0px 0px 0px;}
.n-footer-wrapper { width: 100%; height:auto; background: #3d3d3d;}
.n-footer-main { width: 1000px; height:auto; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.n-footer-left { width: 500px; height:auto; float: left; font-size: 12px; color: #FFF; padding: 0px 0px 0px 0px; }
.n-footer-left01 { width: 500px; height:auto; padding: 0px 0px 0px 0px; }
.n-footer-right { width: 250px; height:39px; float: right; background: url(../images/get-email.png) no-repeat left top; padding: 20px 0px 0px 243px; }
.n-footer-follow { width: 30px; height: 30px; float: left; padding-right: 5px; padding-top: 15px;}
.n-header-right-search-but1 { width: 34px; height: 24px; float: left; background: url(../images/go.png) no-repeat right top; border: 0px; cursor: pointer; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; margin-right: 20px;}
.n-header-right-search-but1:hover { background: url(../images/go.png) no-repeat left top; }
.bot-space-div { width: auto; height: 30px;}

/*---------------------: PROFILE DETAILS :------------------------*/

.n-profile-main-tab ul.tabs { font-size: 0; margin:0; list-style-type: none; text-align: left; padding: 0px 0px; }       
.n-profile-main-tab ul.tabs li { display: inline; margin: 0; float: left; }       
.n-profile-main-tab ul.tabs li a { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; text-decoration: none; position: relative; z-index: 1; outline:none; background: #ceced2; padding: 7px 23px; border: 1px solid #E2E2E2; border-bottom: 0px;  }
.n-profile-main-tab ul.tabs li a:visited { }       
.n-profile-main-tab ul.tabs li a:hover { color: #FFF; background: #969699; }       
.n-profile-main-tab ul.tabs li.selected a {color: #898989; position: relative; top: 0px; background: #f6f6f6; border: 1px solid #E2E2E2; border-bottom: 0px; }
.n-profile-main-tab ul.tabs li.selected a:hover { color: #898989; text-decoration: none; }       
.n-profile-main-tab div.tabcontent { display: block; padding: 10px; }
.n-profile-main-tab div.tabcontents { background: #f6f6f6; border: 1px solid #E2E2E2; margin-top: 6px;}

/*---------------------: LOGIN :------------------------*/

.login-main-box { width: auto; height: auto; display: table; margin: 0 auto; }
.login-box-main { width: 316px; height:auto; background: url(../images/login-bg-top.png) no-repeat center top; padding: 52px 83px 0px 79px; margin: 100px 0px 200px 0px ;}
.login-box-content-section { width: 318px; height:auto; background: #FFF; border: 1px solid #EDEDED; border-top: 0px; padding: 0px 0px; }
.login-box-cont-sec-hed { width: 268px; height:auto; font-size: 21px; color: #000; border-bottom: 1px dashed #E2E2E2; padding: 10px 25px; }
.login-box-cont-sec-content { width: 268px; height:auto; padding: 25px 25px 0px 25px; }
.login-box-cont-sec-content .error { padding-bottom: 5px; }
.login-box-cont-sec-user-fld-main { width: 268px; height: 47px; padding: 0px 0px; }
.login-box-cont-sec-user-fld { width: 228px; height: 47px; background: url(../images/e-maid-icons.png) no-repeat right 240px top -108px; border: 1px solid #CCC; -webkit-border-top-left-radius: 3px;
							   -webkit-border-top-right-radius: 3px;
							   -moz-border-radius-topleft: 3px;
							   -moz-border-radius-topright: 3px;
							   border-top-left-radius: 3px;
							   border-top-right-radius: 3px; padding: 0px 0px 0px 40px; }
.login-box-cont-sec-pass-fld { width: 228px; height: 47px; background: url(../images/e-maid-icons.png) no-repeat right 240px top -154px; border: 1px solid #CCC; -webkit-border-bottom-right-radius: 3px;
							   -webkit-border-bottom-left-radius: 3px;
							   -moz-border-radius-bottomright: 3px;
							   -moz-border-radius-bottomleft: 3px;
							   border-bottom-right-radius: 3px;
							   border-bottom-left-radius: 3px; border-top: 0px; padding: 0px 0px 0px 40px; }
.login-box-cont-rem-main { width: 268px; height: auto; padding: 8px 0px 0px 0px; }
.login-box-cont-rem-box { width: 115px; height:auto; font-size: 13px; float: left; color: #464646; margin: 9px 0px 0px 0px;}
.login-box-cont-rem-box01 { width: 115px; height:auto; font-size: 13px; float: right; text-align: right; color: #464646; margin: 9px 0px 0px 0px;}
.login-box-cont-set-but-main { width: 268px; height: auto; padding: 30px 0px 25px 0px; }
.log-but { color: #FFF; font-size:17px; float: left; text-decoration: none; border: 0px; cursor: pointer; padding: 5px 18px; background-color: #ff313e; background-image: linear-gradient(to bottom, #ff82a1, #ff313e); border-radius: 4px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; width: 100%;}
.log-but:hover { background-color: #B2D157; background-image: linear-gradient(to bottom, #B2D157, #64A434); }
.login-bot-shadow { width: 318px; height: 25px; background: url(../images/login-shadow.png) no-repeat left top; padding: 0px 0px 0px 0px;}

/*------------------------------------: CUSTOMER LISTING :------------------------------------*/

.customer-list-main-heading { width: auto; min-width: 700px; height: 41px;  padding: 10px 0px 0px 13px }
.hed-search-small01 { width: 330px; height: auto; float: left; padding: 7px 60px 0px 0px;}
.hed-search-small01 span { font-size: 13px; font-weight: bold; float: left; line-height: 25px; padding-right: 10px;}
.hed-search-smallller { width: 264px; height: auto; float: left; padding: 7px 0px 0px 0px;}
.hed-search-smallller001 { width: auto; height: auto; float: left; padding: 7px 30px 0px 0px;}
.hed-search-smallller001 h2 { color: #FF6279; float: left;  font-family: Arial,Helvetica,sans-serif; font-size: 18px;  height: auto; line-height: 25px; text-transform: uppercase; font-weight: normal;}
.hed-search-smallller span { font-size: 13px; font-weight: bold; float: left; line-height: 25px; padding-right: 10px;}
.in-bookingform-field-droop-main-small { width: 215px; float: left; overflow: hidden;font-size: 13px; font-weight: bold; line-height: 25px; margin-right: 20px; margin-top: 7px; }
.in-bookingform-field-droop-small { width: 115px; height: 28px; color: #555; font-size: 13px; border: 1px solid #DBDBDB; border-radius: 4px; padding: 3px 4px 3px 3px;  }
.in-bookingform-field-droop-small-topper { width: 173px; height: 28px; float: left; color: #555; font-size: 13px; border: 1px solid #DBDBDB; border-radius: 4px; padding: 3px 4px 3px 3px; margin-right: 3px;  }
.customer-list-cont-main { width: auto; min-width: 700px; height:auto; background: #FFF; border: 1px solid #ECECEC; border-radius: 6px; padding: 0px 0px 0px 0px; overflow: hidden;}
.customer-list-heading { width: 100%; height: 39px; background: #238d37; background-image: linear-gradient(to bottom, #479f2f, #12853a); display: inline-flex;}
.customer-list-no { width: 4%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; text-align: center; padding: 6px 0px 6px 0px; border-right: 1px solid #ebebeb;}
.customer-list-name { width: 19%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-right: 1px solid #ebebeb;}
.customer-list-contact-no { width: 13%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-right: 1px solid #ebebeb;}
.customer-list-address { width: 36%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-right: 1px solid #ebebeb;}
.customer-list-area { width: 15.9%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-right: 1px solid #ebebeb;}
.customer-list-actions { width: 7%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; }

/*
.pagination { margin: 0 auto; width: auto; text-align: center;}
.page { display: inline-block; padding: 2px 7px; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; font-size: 12px;  font-weight: bold; text-decoration: none; color: #555;}
.page:hover, .page.gradient:hover { color: #FFF; background: #555; text-decoration: none; border: solid 1px #555; }
.page.active {  color: #FFF; background: #555; margin-right: 4px; padding: 3px 8px; border: 0px;}
.page.gradient { background: #FFF;}
.pagination.dark { background: #414449; color: #feffff;}
.page.dark { border: solid 1px #32373b; background: #3e4347; box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1); color: #feffff; text-shadow: 0px 1px 0px rgba(0,0,0, .5);}
.page.dark:hover, .page.dark.gradient:hover { background: #3d4f5d; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d)); background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);}
.page.dark.active { border: none; background: #2f3237; box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);}
.page.dark.gradient { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347)); background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);}
*/

/*--------------------------: MAID LISTING :------------------------------*/

.customer-list-nationality { width: 20%; height:auto; float: left; color: #FFF; font-size: 12px; line-height: 35px; padding: 3px 0px 0px 10px; border-left: 1px solid #12853a; border-right: 1px solid #479f2f;}
.ash-customer-list-nationality { width: 20%; min-height: 36px; float: left; color: #555; font-size: 12px; line-height: 16px; padding: 15px 0px 0px 10px; border-left: 1px solid #CACACA; border-right: 1px solid #FBFBFB;}

/*-----------------------------: MAID DETAILS :------------------------------*/

.head-search-section-half { width: 50%; height: 55px; margin: 0 auto; }
.table-head-main-wrapper-half { width: 50%; height:auto; margin: 0 auto; padding-bottom: 50px; }
.customer-det-cat { width: 40%; height:auto; float: left; color: #FFF; font-size: 12px; line-height: 35px; text-align: center; padding: 3px 0px 0px 0px; border-right: 1px solid #479f2f;}
.customer-det-cat-det { width: 50%; height:auto; float: left; color: #FFF; font-size: 12px; line-height: 35px; padding: 3px 0px 0px 10px; border-left: 1px solid #12853a;}
.customer-det-cat-no { width: 40%; height:auto; float: left; color: #555; font-size: 12px; line-height: 35px; text-align: left; padding: 8px 0px 0px 15px; border-right: 1px solid #FBFBFB;}
.customer-det-cat-name { width: 50%; min-height: 36px; float: left; color: #555; font-size: 12px; line-height: 18px; padding: 15px 0px 0px 10px; border-left: 1px solid #CACACA;}
.customer-list-small-but-smal {  width: auto; color: #FFF; font-size:12px; float: left; text-decoration: none; border: 0px; cursor: pointer; padding: 8px 10px; background-color: #FF313E; background-image: linear-gradient(to bottom, #FF82A1, #FF313E); border-radius: 3px; }
.customer-list-small-but-sml:hover { background-color: #B2D157; background-image: linear-gradient(to bottom, #B2D157, #64A434); }
.maid-photo { width: 100px; height:100px; margin-bottom: 10px; border: 1px solid #CCC; border-radius: 5px; overflow: hidden;}

.error {color:#F00; font-size:12px;}
.fild-box input[type=radio] { vertical-align: top; margin: 11px 0px; }
.fild-box .rlabel { font-size: 13px; margin: 11px 10px 11px 0px; padding-left: 2px; display: inline-block;}
.fild-box input[type=checkbox] { vertical-align: middle; margin: 5px 0px 5px; }
.fild-box .clabel { font-size: 13px; margin: 8px 15px 0px 0px; padding-left: 2px; display: inline-block;}
.flash_success { background:#E2F9E3; width:auto; margin:0px auto 10px; padding:10px 12px; border-radius:5px; font-size:13px; color: #006600; border:1px solid  #D0E7D1; }
.flash_failure { background:#FCDAE7; width:auto; margin:0px auto 10px; padding:10px 12px; border-radius:5px; font-size:13px; color: #F00; border:1px solid  #EECCD9; }
.ad-content-wrapper .flash_success, .ad-content-wrapper .flash_failure { width:1000px; }
#offerwrapper .flash_success, #offerwrapper .flash_failure { width:auto; }
#maid-photo-upload { width: 125px !important; }
#maid-passport-upload { width: 170px !important; }
#maid-visa-upload { width: 150px !important; }
#maid-lc-upload { width: 190px !important; }
#maid-photo-upload:hover, #maid-passport-upload:hover, #maid-visa-upload:hover, #maid-lc-upload:hover { text-decoration: underline; }
#maid-photo-uploaded, #maid-passport-uploaded, #maid-visa-uploaded, #maid-lc-uploaded { display: none; }
#maid-photo-uploaded img, #maid-passport-uploaded img, #maid-visa-uploaded img, #maid-lc-uploaded img { border:1px solid #CCC; width: 100px; height: 100px; }
#remove_maid_photo, #remove_maid_passport, #remove_maid_visa, #remove_maid_lc, #remove_customer_photo, #change_customer_photo, #change_maid_photo, #change_maid_passport, #change_maid_visa, #change_maid_lc { font-size:13px; margin-left: 10px; color:#F00; cursor: pointer; }
#remove_maid_photo:hover, #remove_maid_passport:hover, #remove_maid_visa:hover, #remove_maid_lc:hover, #remove_customer_photo:hover, #change_customer_photo:hover, #change_maid_photo:hover, #change_maid_passport:hover, #change_maid_visa:hover, #change_maid_lc:hover { text-decoration: underline; }
#add-more-address { cursor: pointer; }
#add-more-address:hover { text-decoration: underline; }
.remove_address { color:#F00; font-size: 12px; float:none !important; cursor:pointer; }

/*-----------------------------: CUSTOMER LISTING NEW :------------------------------*/

.customer-list-main-wrapper { width: 100%; height:auto; margin: 0 auto; padding-bottom: 2px; padding-top: 1px }
.customer-list-content-main-strock { width: auto; height:auto; border: 1px solid #FFF; border-radius: 8px; margin: 10px; }
.customer-list-content-main { width: auto; height:auto; border: 1px solid #ebebeb; border-radius: 8px; background: #fafafa; overflow: hidden; }
.customer-list-main-heading { width: auto; height: auto; border-bottom: 1px solid #ebebeb;}
.customer-list-main-heading h2 { color: #FF6279; float: left;  font-family: Arial,Helvetica,sans-serif; font-size: 18px;  height: auto; line-height: 20px; text-transform: uppercase; font-weight: normal; padding-bottom: 8px;}
.customer-list-main-heading-link { width: auto; height: auto; font-size: 11px; color: #636363; float: right; background: url(../images/dark-arrow.png) no-repeat right top; margin-right: 10px; padding: 0px 15px 0px 0px;}
.customer-list-main-heading-link a { color: #636363; font-size: 11px; line-height: 18px; text-decoration: none; background: url(../images/white-arrow.png) no-repeat left 3px; padding: 0px 13px 0px 13px; margin-left: 7px;} 
.customer-list-main-heading-link a:hover {color: #FF313E; text-decoration: underline;}
.customer-search-main-box { width: auto; height: auto; background: #f4f4f4; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; padding: 3px 15px 10px 15px;}
.customer-list-hed-view { width: auto; height: auto; font-size: 12px; color: #636363; line-height: 18px; float: right; padding: 10px 0px 0px 0px;}

.fleft { float: left; margin-left: 15px; }
.fright { float: right; }
.wauto { width: auto !important; }
.w5p { width: 5%; }
.w10p { width: 10%; }
.w15p { width: 15%; }
.w20p { width: 20%; }
.w12p { width: 12%; }
.w30p { width: 30%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w25p { width: 25%; }
.w8p { width: 8%; }
.pagination { text-align: center; margin: 10px 0px; }

.actions a.view { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -52px top -243px; margin-right: 5px; }
.actions a.view:hover { background: url(../images/e-maid-icons.png) no-repeat right -52px top -268px; }
.actions a.edit { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -26px top -243px; margin-right: 5px; }
.actions a.edit:hover { background: url(../images/e-maid-icons.png) no-repeat right -26px top -268px; }
.actions a.delete { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right top -243px; }
.actions a.delete:hover { background: url(../images/e-maid-icons.png) no-repeat right top -268px; }
.actions a.permission { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right top -171px; }
.actions a.permission:hover { background: url(../images/e-maid-icons.png) no-repeat right top -171px; }
.actions a.account { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -102px top -243px; margin-right: 5px; }
.actions a.account:hover { background: url(../images/e-maid-icons.png) no-repeat right -102px top -268px; }
.actions a.print { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -128px top -243px; margin-right: 5px; }
.actions a.print:hover { background: url(../images/e-maid-icons.png) no-repeat right -128px top -268px; }
.actions a.mail { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -153px top -243px; margin-right: 5px; }
.actions a.mail:hover { background: url(../images/e-maid-icons.png) no-repeat right -153px top -268px; }
.ui-widget-content .blacklistyes{display:inline-block; width: 17px; height: 17px; margin-right: 5px; background: url(../images/e-maid-icons.png) no-repeat right top -364px;}


.actions a.active { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -178px top -243px; margin-left: 5px; }
.actions a.active:hover { background: url(../images/e-maid-icons.png) no-repeat right -178px top -268px; }

.actions a.deactive { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -203px top -243px; margin-left: 5px; }
.actions a.deactive:hover { background: url(../images/e-maid-icons.png) no-repeat right -203px top -268px; }

#add-customersss { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -77px top -243px; margin-right: 5px; }
#add-customersss:hover { background: url(../images/e-maid-icons.png) no-repeat right -77px top -268px; }

.add-remark span.add { display:inline-block; width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -77px top -243px; margin-right: 5px; }
.add-remark span.add:hover { background: url(../images/e-maid-icons.png) no-repeat right -77px top -268px; }

#customer-listing-top { background: #F4F4F4; padding: 10px 10px; font-size: 12px; }
#customer-listing-top .ipr { width:100px; font-size: 13px; }
#customer-listing-top .cstat { width:120px; font-size: 13px; }
#customer-listing-top .per_page { float:left; margin-right: 40px; }
#customer-listing { width:100%; border-top: 1px solid #ebebeb; display: table; }
#customer-listing .row { display: table-row; cursor: pointer; }
#customer-listing .row.customer_row:hover { background: #F2F2F2; }
#customer-listing .row .cell { color: #444; font-size: 12px; line-height: 18px; padding: 8px 6px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; display: table-cell; vertical-align: top; }
#customer-listing .row .cell.last { border-right: 0px; }



/*
.customer-listing-main-content-box { width: auto; height:auto; border-top: 1px solid #ebebeb;  padding: 0px 0px; min-height: 450px; }
.customer-listing-main-cont-list-box { width: auto; height:auto; border-bottom: 1px solid #ebebeb;  padding: 0px 0px; }
.customer-list-details-but { width: 17px; height: 17px; border: 0px; cursor: pointer; background: url(../images/e-maid-icons.png) no-repeat right -52px top -243px; }
.customer-list-details-but:hover { width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -52px top -268px; }
.customer-list-edit-but { width: 17px; height: 17px; border: 0px; cursor: pointer; background: url(../images/e-maid-icons.png) no-repeat right -26px top -243px; margin: 0px 5px;}
.customer-list-edit-but:hover { width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -26px top -268px; }
.customer-list-delete-but { width: 17px; height: 17px; border: 0px; cursor: pointer; background: url(../images/e-maid-icons.png) no-repeat right top -243px;  }
.customer-list-delete-but:hover { width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right top -268px; }
.customer-listing-main-content-box span { margin: 0px; padding: 0px; line-height: 10px;}
.customer-listing-main-content-box a span .customer-listing-main-cont-list-box { cursor: default; margin: 0px; padding: 0px;}
.customer-listing-main-content-box a:hover span .customer-listing-main-cont-list-box { border: 1px solid #00bff3; background: #FFF; box-shadow: 0px 1px 3px #D9D9D9;}

.customer-list-pagination-main { width: auto; height:auto; padding: 30px 0px 50px 0px; }
*/

/*-----------------------------: CUSTOMER DDTAILS NEW :------------------------------*/

.customer-search-main-box h2 { font-size: 16px; float: left; line-height: 20px; padding: 10px 40px 0px 0px;}
.customer-list-time { width: 9.6%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-right: 1px solid #ebebeb;}
.customer-list-status { width: 6.6%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; }
.blank-space { width: 100%; height: 30px; }

.customer-listing-main-cont-list-box-half-main { width: 50%; height:auto; float: left; }

.customer-list-invoice-no { width: 5%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; text-align: center; padding: 6px 0px 6px 0px; border-right: 1px solid #ebebeb; }

.customer-listing-main-cont-list-box-half { width: 100%; height:auto; border-bottom: 1px solid #ebebeb; border-right: 1px solid #CCCCCC; padding: 0px 0px; }
.customer-listing-main-cont-list-box-half span { margin: 0px; padding: 0px; line-height: 10px;}
.customer-listing-main-content-box .customer-listing-main-cont-list-box-half a span { cursor: default; margin: 0px; padding: 0px; display: block;}
.customer-listing-main-content-box .customer-listing-main-cont-list-box-half a:hover span { border: 1px solid #00bff3; background: #FFF; box-shadow: 0px 1px 3px #D9D9D9;}

span.no_photo_lbl { display: block !important; padding-top: 33px !important; text-align: center; border: none !important; box-shadow: none !important; }

.customer-list-name-half { width: 30.8%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-right: 1px solid #ebebeb;}
.customer-list-time-half { width: 20%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-right: 1px solid #ebebeb;}
.customer-list-date-half { width: 15%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-right: 1px solid #ebebeb;}
.customer-list-status-half { width: 10.3%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; }
.customer-list-payment-half { width: 15%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-left: 1px solid #ebebeb;}

.heading-half-box { width: 47.8%; float: left;}
.heading-half-box01 { width: 32.3%; float: left;}

.customer-list-name-full { width: 65.7%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px;}

.customer-list-add-but { width: 17px; height: 17px; float: right; border: 0px; cursor: pointer; background: url(../images/e-maid-icons.png) no-repeat right -77px top -243px; margin: 0px 5px;}
.customer-list-add-but:hover { width: 17px; height: 17px; background: url(../images/e-maid-icons.png) no-repeat right -77px top -268px; }
.added-date { width: 150px; height:auto; float: left;}
.personal-det-emaid-photo-fld { width: 30.8%; height: 85px; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-right: 1px solid #ebebeb;}
.personal-det-emaid-photo { width: 75px; height:75px; margin: 4px 0px;  border: 1px solid #ebebeb;}
.emaids-active { width: auto; height:auto; background: url(../images/e-maid-icons.png) no-repeat right 40px top -327px; padding-left: 20px; display: inline;}

/*-----------------------------: TOP MAIN MENUS :------------------------------*/
#menu { width: auto; height: 32px; float: right; margin-top: 10px; margin: 40px 0px 0px 0px; z-index: 999999;}
#menu ul,#menu li,#menu span,#menu a { margin: 0; padding: 0;position: relative;}
#menu:after,#menu ul:after { content: ''; display: block; clear: both;}
#menu a { font-size: 12px; color: #555; font-weight: bold; line-height: 18px; text-transform: uppercase; padding: 6px 20px; text-decoration: none; display: block; }
#menu ul { list-style: none;}
#menu > ul { float: left;}
#menu > ul > li { float: left; line-height: 29px; border-right: 1px solid #DDDDDD; }
#menu > ul > li:first-child > a { border: 0px; }
#menu > ul > li:last-child > a { }
#menu > ul > li.active a {}
#menu > ul > li:hover > a { background: #FFF; text-decoration: none;}
/*#menu .has-sub { z-index: 999;}*/
#menu ul li ul {z-index: 999;}
#menu .has-sub:hover > ul { display: block;}
#menu .has-sub ul { width: 235px; display: none; position: absolute; left: 0; margin-top: -1px; top: 31px; box-shadow: 1px 1px 1px #EBEBEB;}
#menu .has-sub ul li { *margin-bottom: -1px; border-bottom: 1px solid #EBEBEB;}
#menu .has-sub ul li:first-child { border-top: 0px;}
#menu .has-sub ul li a { background: #FFF; font-size: 12px; display: block; line-height: 120%; padding: 10px 0 10px 24px; font-weight: bold; text-decoration: none; text-transform: none; }
#menu .has-sub ul li:hover a { color: #00bff3; }

#menu > ul > li > ul >li:hover > a { background: #FFF; text-decoration: none;}
#menu .has-sub .has-sub:hover > ul { display: block;}
#menu .has-sub ul .has-sub ul { width: 235px; display: none; position: absolute; background: #fff; z-index: 999; left: 130px; margin-top: -30px; top: 31px; box-shadow: 1px 1px 1px #EBEBEB;}
#menu .has-sub ul .has-sub ul li { margin-bottom: -1px; border-bottom: 1px solid #EBEBEB; z-index: 999999;}
#menu .has-sub ul .has-sub ul li:first-child { border-top: 0px;}
#menu .has-sub ul .has-sub ul li a { background: #FFF; font-size: 12px; display: block; line-height: 120%; padding: 10px 0 10px 24px; font-weight: bold; text-decoration: none; text-transform: none; color: #555; z-index: 99999;}
#menu .has-sub ul .has-sub ul li:hover a { color: #00bff3; }

/*-----------------------------: ZONE :------------------------------*/
.customer-list-action-half { width: 20%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px;}
.customer-list-invoice-no-half { width: 8%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; text-align: center; padding: 6px 0px 6px 0px; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; }
.add-zone-button { width: auto; height:auto; float: right; padding: 0px 0px;}
.add-zone-button-sml { width: auto; height:auto; float: right; padding-top: 10px;}
.add-zone-button span { font-size: 11px; color: #444; font-weight: normal; float: right; line-height: 16px; padding: 0px 5px 0px 0px;}
.add-zone-button-sml span { font-size: 11px; color: #444; font-weight: normal; float: right; line-height: 16px; padding: 0px 5px 0px 0px;}
.customer-list-main-wrapper-half { width: 50%; height:auto; margin: 0 auto; padding-bottom: 2px; padding-top: 1px }
.customer-list-content-main-strock-half { width: 100%; height:auto; border: 1px solid #FFF; border-radius: 8px; margin: 10px; }
.customer-list-content-main { width: 100%; height:auto; border: 1px solid #ebebeb; border-radius: 8px; background: #fafafa; overflow: hidden; }
.customer-list-name-big { width: 67.7%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 6px 0px 6px 10px; border-right: 1px solid #ebebeb; }
.customer-list-fld-box { width: 30.8%; height:auto; float: left; color: #444; font-size: 12px; line-height: 20px; padding: 0px 0px 0px 10px; border-right: 1px solid #ebebeb; margin-top: 2px;}
.hed-search-small-fld-big { width: 82%; height: 30px; background: #FFF; border: 1px solid #E8E8E8; padding: 0px 10px; margin-right: 5px; border-radius: 4px;}
.hed-search-small-fld-big:focus { border: 1px solid #33CCFF; }
.customer-list-add-zone-but { width: auto; border: 0px; color: #FFF; font-size: 12px; font-weight: bold; border-radius: 2px; cursor: pointer; background-color: #B2D157; background-image: linear-gradient(to bottom, #B2D157, #64A434);padding: 3px 7px 3px; margin-top: 10px; font-family: Arial, Helvetica, sans-serif; }
.customer-list-add-zone-but:hover { width: auto;  background-color: #434343; background-image: linear-gradient(to bottom, #7E7E7E, #434343);color: #C9E86E; }
.zone-add-left-box { width: 40%; height:auto; float: left; padding-top: 25px;  }
.zone-add-right-box { width: 60%; height:auto; float: left; padding-top: 25px;  }
.zone-name-box { width: auto; height:auto; color: #000; font-size: 12px; line-height: 15px; padding: 15px 0px 5px 15px; display: block; }
.zone-name-box span { color: #000; font-size: 13px; font-weight: blod; float: right; padding: 5px 10px 5px 0px; }
.zone-fld-box { width: auto; height:auto; color: #000; font-size: 12px; line-height: 20px; padding: 10px 0px 2px 0px;}
.customer-listing-main-cont-list-box-half-main-half { width: 30%; height:auto; float: left; }
.customer-listing-main-cont-list-box-half-main-half-big { width: 70%; height:auto; float: left; }

/*-----------------------------: AREA :------------------------------*/
.dropdown select {  width: 88%; height: auto;  border: 1px solid #E8E8E8; padding: 7px 10px; margin-right: 5px; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; background: url(../images/ash-arrow.png) no-repeat right 10px top 10px #FFF; text-indent: 0.01px; text-overflow: ""; cursor: pointer; color: #444; font-size: 13px;}
.select option { text-align: left;}

.padd20 { padding: 20px !important; }
#alert-popup {
	border:none;
	background:#f3f4f6;
	border-radius:5px;
	max-width:550px;
	min-width: 350px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
}
#alert-popup .head {
	background-color:#8F1F1B;
	padding:10px;
	color:#FFF;
	font-size:17px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-weight:bold;
}
.alert-popup-close {
	background-image:url(../images/pup_close.png);
	background-repeat:no-repeat;
	display:inline-block;
	float:right;
	width:22px;
	height:22px;
	margin:-1px;
	cursor:pointer;
}
#alert-popup .content {
	font-size:15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#alert-popup input[type=button]
{
	border:1px solid #0F9DDB;
	background:#0F9DDB;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px 10px;
	font-size:14px;
	border-radius:5px;
	cursor:pointer;
}
#alert-popup .cancel_btn {
	background:#F60 !important;
	border:1px solid #F60 !important; }
#alert-popup .bottom { padding-bottom: 25px; text-align: center;}
.blue-popup {
	background:#FFF !important;
	border:none;
	border-radius:5px;
	margin:0px;
}
.blue-popup .head {
	background-color:#0F9DDB !important;
	padding:10px;
	color:#FFF;
	font-size:18px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-weight: bold;
}
.blue-popup .content {
	font-size:15px;
	text-align: left;
}
.alert-popup-close {
	background-image:url(../images/pup_close.png);
	background-repeat:no-repeat;
	display:inline-block;
	float:right;
	width:22px;
	height:22px;
	margin:-1px;
	cursor:pointer;
}
#schedule-top { display: table; width:100%; padding-top: 10px; }
#schedule-top .row { display: table-row; }
#schedule-top .cell1 { display:table-cell; width:20%; vertical-align: middle; padding-left: 10px; }
#schedule-top .cell1 div { font-size:13px; display:inline-block; width: 70px; }
#schedule-top .cell1 span.oneday { display:inline-block; width: 10px; height: 10px; background: #7e7e7e; }
#schedule-top .cell1 span.weekly { display:inline-block; width: 10px; height: 10px; background: #53a5d4; }

#schedule-top .cell1 span.zonea { display:inline-block; width: 10px; height: 10px; background: #AA9B39; }
#schedule-top .cell1 span.zoneb { display:inline-block; width: 10px; height: 10px; background: #26596A; }
#schedule-top .cell1 span.zonec { display:inline-block; width: 10px; height: 10px; background: #71266E; }
#schedule-top .cell1 span.zoned { display:inline-block; width: 10px; height: 10px; background: #AC000D; }
#schedule-top .cell1 span.zonee { display:inline-block; width: 10px; height: 10px; background: #EA6A00; }
#schedule-top .cell1 span.zoneo { display:inline-block; width: 10px; height: 10px; background: #2D8633; }

#schedule-top .cell1 span.biweekly { display:inline-block; width: 10px; height: 10px; background: #53a5d4; }
#schedule-top .cell2 { display:table-cell; width:30%; text-align: center; vertical-align: middle; }
#schedule-top .cell4 { display:table-cell; width:15%; text-align: center; vertical-align: middle; }
#schedule-top .cell5 { display:table-cell; width:15%; text-align: center; vertical-align: middle; }
#schedule-top .cell3 { display:table-cell; width:20%; vertical-align: middle; text-align: right; }
#schedule-wrapper { min-height: 450px; margin-bottom: 50px; }
#schedule { margin: 10px; display: none; }
#schedule .maids { width:185px; float: left;border: 1px solid #CCC; border-right: none; border-bottom: none; }
#schedule .head {width:145px; height: 39px; background: #238d37; background-image: linear-gradient(to bottom, #479f2f, #12853a);line-height: 35px; text-align: left; padding: 0px 10px; font-size: 12px; color:#FFF; float:left;}
#schedule .maids .maid { color: #333; width:183px;  height: 50px; border-bottom: 1px solid #d6d6d6; font-size:12px; padding: 30px 5px 0px 10px; }
#schedule .time_grid { border: 1px solid #CCC;  overflow: hidden; position: relative; float: right; }
#schedule .time_line { float: left; overflow: hidden; background: #238d37; background-image: linear-gradient(to bottom, #479f2f, #12853a); height: 39px; position:relative; }
#schedule .prev { width: 17px; height: 39px;  float: left; background: #238d37;background-image: linear-gradient(to bottom, #479f2f, #12853a); padding-right: 3px;}
#schedule .prev input {  background: url(../images/e-maid-icons.png) no-repeat left top; border: 0px; margin: 10px 0px; cursor: pointer; width: 17px; }
#schedule .prev input:hover { background: url(../images/e-maid-icons.png) no-repeat left -18px top; }
#schedule .next {width: 17px; height: 39px;  float: left; background: #238d37;background-image: linear-gradient(to bottom, #479f2f, #12853a); padding-right: 7px;}
#schedule .next input { background: url(../images/e-maid-icons.png) no-repeat right top; border: 0px;  cursor: pointer;  margin: 10px 2px; width:17px; }
#schedule .next input:hover { background: url(../images/e-maid-icons.png) no-repeat right -18px top; }
#schedule .time_line .time_slider { position:absolute; left:-1600px; display: inline-block;  }/*left:-3200px;*/
#schedule .time_line .time_slider div { float:left; color: #fff; font-size: 12px; text-align: left; line-height: 35px; width: 100px; }
#schedule .time_grid .grids { position:absolute; left:-1600px; }/*left:-3200px;*/
#schedule .time_grid .grids .row { width:4800px; border-bottom:1px solid #CCC; height: 80px; margin-left: 0px !important; }
#schedule .time_grid .grids .row .slot { height: 80px; float: left; }
#schedule .time_grid .grids .row .cell { border-right:1px solid #CCC; width: 99px; height: 80px; float:left; position: relative; font-size:12px; }

.schedule_bubble
{
	/*
	background: linear-gradient(to bottom, #479f2f, #12853a);
	*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
	color:#FFF;
	padding: 6px 10px;
	position: absolute;
	z-index: 10;
	top:10px; 
	left:2px;
	cursor: pointer;
	line-height: 16px;
}

.schedule_bubble div{ overflow: hidden; white-space: nowrap;}

.schedule_bubble:after
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 4px 4px 4px 0;
	border-color: transparent #448bbe;
	display: block;
	width: 0;
	z-index: 1;
	left: -4px;
	top: 8px;
}
.schedule_bubble.od {
	background:#7e7e7e;
}
.schedule_bubble.od:after {
	border-color: transparent #7e7e7e;
}
.schedule_bubble.we {
	/*background:#ff6279;*/
        background:#53a5d4;
}
.schedule_bubble.we:after {
	border-color: transparent #53a5d4;
}
.schedule_bubble.bw {
	background:#53a5d4;
}
.schedule_bubble.bw:after {
	border-color: transparent #53a5d4;
}
/*.schedule_bubble.zonea {
	background:#AA9B39;
}
.schedule_bubble.zonea:after {
	border-color: transparent #AA9B39;
}
.schedule_bubble.zoneb {
	background:#26596A;
}
.schedule_bubble.zoneb:after {
	border-color: transparent #26596A;
}
.schedule_bubble.zonec {
	background:#71266E;
}
.schedule_bubble.zonec:after {
	border-color: transparent #71266E;
}
.schedule_bubble.zoned {
	background:#AC000D;
}
.schedule_bubble.zoned:after {
	border-color: transparent #AC000D;
}
.schedule_bubble.zonee {
	background:#EA6A00;
}
.schedule_bubble.zonee:after {
	border-color: transparent #EA6A00;
}
.schedule_bubble.zoneo {
	background:#2D8633;
}
.schedule_bubble.zoneo:after {
	border-color: transparent #2D8633;
}*/

.schedule_bubble .zonea {
	background:#AA9B39;
        color: #fff;
}
.schedule_bubble.zonea:after {
	/*border-color: transparent #AA9B39;*/
}
.schedule_bubble .zoneb {
	background:#26596A;
        color: #fff;
}
.schedule_bubble.zoneb:after {
	/*border-color: transparent #26596A;*/
}
.schedule_bubble .zonec {
	background:#71266E;
        color: #fff;
}
.schedule_bubble.zonec:after {
	/*border-color: transparent #71266E;*/
}
.schedule_bubble .zoned {
	background:#AC000D;
        color: #fff;
}
.schedule_bubble.zoned:after {
	/*border-color: transparent #AC000D;*/
}
.schedule_bubble .zonee {
	background:#EA6A00;
        color: #fff;
}
.schedule_bubble.zonee:after {
	/*border-color: transparent #EA6A00;*/
}
.schedule_bubble .zoneo {
	background:#2D8633;
        color: #fff;
}
.schedule_bubble.zoneo:after {
	/*border-color: transparent #2D8633;*/
}

/*for agent*/
.schedule_bubble_frnchse.zonea {
	background:#AA9B39;
}
.schedule_bubble_frnchse.zonea:after {
	border-color: transparent #AA9B39;
}
.schedule_bubble_frnchse.zoneb {
	background:#26596A;
}
.schedule_bubble_frnchse.zoneb:after {
	border-color: transparent #26596A;
}
.schedule_bubble_frnchse.zonec {
	background:#71266E;
}
.schedule_bubble_frnchse.zonec:after {
	border-color: transparent #71266E;
}
.schedule_bubble_frnchse.zoned {
	background:#AC000D;
}
.schedule_bubble_frnchse.zoned:after {
	border-color: transparent #AC000D;
}
.schedule_bubble_frnchse.zonee {
	background:#EA6A00;
}
.schedule_bubble_frnchse.zonee:after {
	border-color: transparent #EA6A00;
}
.schedule_bubble_frnchse.zoneo {
	background:#2D8633;
}
.schedule_bubble_frnchse.zoneo:after {
	border-color: transparent #2D8633;
}

/*Franchise booking bubble */
.schedule_bubble_frnchse
{
	/*
	background: linear-gradient(to bottom, #479f2f, #12853a);
	*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
	color:#FFF;
	padding: 6px 10px;
	position: absolute;
	z-index: 10;
	top:10px; 
	left:2px;
	cursor: pointer;
	line-height: 16px;
}

.schedule_bubble_frnchse div{ overflow: hidden; white-space: nowrap;}

.schedule_bubble_frnchse:after
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 4px 4px 4px 0;
	border-color: transparent #448bbe;
	display: block;
	width: 0;
	z-index: 1;
	left: -4px;
	top: 8px;
}
.schedule_bubble_frnchse.od {
	background:#7e7e7e;
}
.schedule_bubble_frnchse.od:after {
	border-color: transparent #7e7e7e;
}
.schedule_bubble_frnchse.we {
	background:#53a5d4;
}
.schedule_bubble_frnchse.we:after {
	border-color: transparent #53a5d4;
}
.schedule_bubble_frnchse.bw {
	background:#53a5d4;
}
.schedule_bubble_frnchse.bw:after {
	border-color: transparent #53a5d4;
}
/* Ends */

 .ui-selecting { background: #FECA40; }
 .ui-selecting {border: none;}
 .ui-selected { background: #F39814; color: white; }
 
#customer-address-panel { border:1px solid #CCC; width: 472px; min-height: 307px; background: #FFF; position: absolute; z-index: 20; border-radius: 5px; margin: 0px; box-shadow: 2px 2px 2px #CCC; display: none; }
#customer-address-panel .head { border-top-left-radius: 5px;  border-top--radius: 5px; background: #EFEFEF; font-size: 12px; padding: 8px;font-weight: bold; }
#customer-address-panel .close { float:right; display: block; font-weight: normal; color:#F60; cursor:pointer; font-size: 12px; opacity: 1; }
#customer-address-panel .close:hover { text-decoration: underline; }
#customer-address-panel .inner { padding:20px; font-size: 12px; }
#customer-address-panel .inner .table { display:table; font-size: 12px;border-top: 1px solid #EFEFEF; }
#customer-address-panel .inner .table .row { display:table-row; }
#customer-address-panel .inner .table .row .cell1 { display:table-cell; width: 300px; line-height: 18px; padding:8px; border-bottom: 1px solid #EFEFEF; }
#customer-address-panel .inner .table .row .cell2 { display:table-cell; width: 140px; padding:8px; vertical-align: middle;border-bottom: 1px solid #EFEFEF; }
#customer-address-panel .pick_customer_address { border:1px solid #1c94c4; cursor: pointer; background: #1c94c4; color:#FFF; border-radius: 3px; padding: 1px 15px 1px 5px; font-size:12px; line-height: normal; }
#customer-picked-address .address { padding-top:5px; width: 250px; float: left; }
#customer-picked-address .action { float:left;padding-top:5px; font-size: 11px; text-align: right; width: 50px; color:#0099FF; }
#customer-picked-address .action #chg-cust-address { cursor:pointer }
#customer-picked-address .action #chg-cust-address:hover { text-decoration: underline; }
/* Edited by Geethu*/
#maids-panel { border:1px solid #CCC; width: 472px;  min-height: 338px; box-shadow: 0px 0px 0px; /*min-height: 307px;*/ background: #FFF; position: absolute; z-index: 20; border-radius: 5px; margin: 0px; /*box-shadow: 2px 2px 2px #CCC; */ display: none; }
#maids-panel .head { border-top-left-radius: 5px;  border-top--radius: 5px; background: #EFEFEF; font-size: 12px; padding: 8px;font-weight: bold; }
#maids-panel .close { float:right; display: block; font-weight: normal; color:#F60; cursor:pointer; font-size: 12px; opacity: 1; }
#maids-panel .close:hover { text-decoration: underline; }
#maids-panel .inner { padding:20px; font-size: 12px; height:260px; overflow: scroll; overflow-x:hidden; padding-top: 0px; }
#maids-panel .inner .table { display:table; font-size: 12px;border-top: 1px solid #EFEFEF; }
#maids-panel .inner .table .row { display:table-row; }
#maids-panel .inner .table .row .cell1 { display:table-cell; width: 300px/*125px*/; line-height: 18px; padding:5px; border-bottom: 1px solid #EFEFEF; }
#maids-panel .inner .table .row .cell2 { display:table-cell; width: 140px/*50px*/; padding:8px; vertical-align: middle;border-bottom: 1px solid #EFEFEF; }
#maids-panel .copy_maid { border:1px solid #1c94c4; cursor: pointer; background: #1c94c4; color:#FFF; border-radius: 3px; padding: 1px 15px 1px 5px; font-size:12px; line-height: normal; }
#customer-copied-maid .copy { padding-top:5px; width: 250px; float: left; }
#customer-copied-maid .action { float:left;padding-top:5px; font-size: 11px; text-align: right; width: 50px; color:#0099FF; }
#customer-copied-maid .action #chg-cust-address { cursor:pointer }
#customer-copied-maid .action #chg-cust-address:hover { text-decoration: underline; }
#maids-panel #c-error { color:#F00; font-size: 12px; }
/* Let's get this party started */ 
::-webkit-scrollbar { width: 12px; } 
/* Track */ 
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; }
/* Handle */ 
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #EFEFEF; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } 
::-webkit-scrollbar-thumb:window-inactive { background: #EFEFEF; }

/* End */
#booking-action-confirm-panel { border:1px solid #CCC; width: 451px; padding: 10px; background: #FFF; position: absolute; z-index: 100; border-radius: 5px; margin: -10px 0px 0px 0px;box-shadow: 2px 2px 2px #CCC; text-align: center; display: none; }
#booking-action-confirm-panel input[type=button] { cursor: pointer; color:#FFF; border-radius: 3px; padding: 5px; margin-right: 15px; }
#booking-action-confirm-panel #delete-one-day { border:1px solid #FF6279; background: #FF6279; }
#booking-action-confirm-panel #delete-permanent { border:1px solid #FF313E; background: #FF313E; }
#booking-action-confirm-panel #delete-cancel { border:1px solid #0F9DDB; background: #0F9DDB; margin-right: 0px; margin-left: 15px; }
#booking-action-confirm-panel #update-one-day, #booking-action-confirm-panel #updating-one-day { border:1px solid #448bbe; background: #448bbe; }
#booking-action-confirm-panel #update-permanent, #booking-action-confirm-panel #updating-permanent { border:1px solid #479f2f; background:#479f2f; }
#booking-action-confirm-panel #update-cancel { border:1px solid #F60; background: #F60; margin-right: 0px; margin-left: 15px; }



.schedule_report { width: 21cm; padding: 2cm; margin: 1cm auto;  border-radius: 5px; background: white; box-sizing: border-box; -moz-box-sizing: border-box; font: 13px "Tahoma"; }
.schedule_report .inner { height: auto; outline: 2cm #FFF solid; width: 21cm; margin: auto !important; }
.schedule_report .head { font-size:17px; margin-bottom:.5cm; font-weight: bold; text-align: center; }
.schedule_report .table { display: table; border: 1px solid #999; width:  99.7%; }
.schedule_report .table .row { display: table-row; }
.schedule_report .table .row .cell1 { display:table-cell; width:1.3cm; border-right:1px solid #999; border-bottom:1px solid #999; padding: 0.3cm 0.2cm; }
.schedule_report .table .row .cell2 { display:table-cell; width:6.4cm; border-right:1px solid #999; border-bottom:1px solid #999; padding: 0.3cm 0.2cm; }
.schedule_report .table .row .cell3 { display:table-cell; width:4.5cm; border-right:1px solid #999; border-bottom:1px solid #999; padding: 0.3cm 0.2cm; }
.schedule_report .table .row .cell4 { display:table-cell; width:8cm; border-bottom:1px solid #999; padding: 0.3cm 0.2cm; }

.add-sales-remark span.sales-add {
    background: rgba(0, 0, 0, 0) url("../images/e-maid-icons.png") no-repeat scroll right -77px top -243px;
    display: inline-block;
    height: 17px;
    margin-right: 5px;
    width: 17px;
    cursor: pointer;
}

.add-sales-remark span.sales-add:hover {
    background: rgba(0, 0, 0, 0) url("../images/e-maid-icons.png") no-repeat scroll right -77px top -268px;
}

/* Customer add Shift Style */

.fild-box ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.week-time1 > li, .week-time2 > li, .week-time3 > li, .week-time4 > li, .week-time5 > li, .week-time6 > li {
    margin-bottom: 0px;
    margin-left: 34px;
    margin-top: 00px;
    font-size: 13px;
}
.days-main label{
    font-size: 13px;
}

.new-form-sub-box {
    float: left;
    height: auto;
    padding: 15px 0 0 15px;
    width: 100%;
}
.new-form-sub-cont {
    float: left;
    height: auto;
    padding: 0;
    width: 30%;
}
.new-form-sub-field {
    float: left;
    height: auto;
    padding: 0;
    width: 30%;
}
.widget-header h3 {
    color: #525252;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    left: 10px;
    line-height: 18px;
    margin-right: 3em;
    position: relative;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
    top: 2px;
}
.book_maid_list {
    background-color: #b2d157;
    background-image: linear-gradient(to bottom, #b2d157, #64a434);
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
    padding: 6px 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.cell3 > label {
    float: left;
    padding-right: 16px;
}

/*Agent CSS*/

#customer-address-panel-normal { border:1px solid #CCC; width: 472px; min-height: 307px; background: #FFF; position: absolute; z-index: 20; border-radius: 5px; margin: 0px; box-shadow: 2px 2px 2px #CCC; display: none; }
#customer-address-panel-normal .head { border-top-left-radius: 5px;  border-top--radius: 5px; background: #EFEFEF; font-size: 12px; padding: 8px;font-weight: bold; }
#customer-address-panel-normal .close { float:right; display: block; font-weight: normal; color:#F60; cursor:pointer; font-size: 12px; opacity: 1; }
#customer-address-panel-normal .close:hover { text-decoration: underline; }
#customer-address-panel-normal .inner { padding:20px; font-size: 12px; }
#customer-address-panel-normal .inner .table { display:table; font-size: 12px;border-top: 1px solid #EFEFEF; }
#customer-address-panel-normal .inner .table .row { display:table-row; }
#customer-address-panel-normal .inner .table .row .cell1 { display:table-cell; width: 300px; line-height: 18px; padding:8px; border-bottom: 1px solid #EFEFEF; }
#customer-address-panel-normal .inner .table .row .cell2 { display:table-cell; width: 140px; padding:8px; vertical-align: middle;border-bottom: 1px solid #EFEFEF; }
#customer-address-panel-normal .pick_customer_address_normal { border:1px solid #1c94c4; cursor: pointer; background: #1c94c4; color:#FFF; border-radius: 3px; padding: 1px 15px 1px 5px; font-size:12px; line-height: normal; }

#customer-picked-address-n .address { padding-top:5px; width: 250px; float: left; }
#customer-picked-address-n .action { float:left;padding-top:5px; font-size: 11px; text-align: right; width: 50px; color:#0099FF; }
#customer-picked-address-n .action #chg-cust-address-normal { cursor:pointer }
#customer-picked-address-n .action #chg-cust-address-normal:hover { text-decoration: underline; }
#normal-repeat-days label{float: left; margin-right: 4px; padding-right: 16px;}
#normal-repeat-days input[type=checkbox]{
    margin: 6px 3px 2px 0px;
    vertical-align: bottom;
}
#normal-repeat-ends label{float: left; padding-right: 16px;}
#normal-repeat-ends label input[type="radio"]{margin: 0;}
#normal-repeat-ends .normal_end_datepicker{ width:115px; font-size:13px; margin: 0px; height: auto; }
#add-agent-booking-form .fild-main-box{padding: 10px 0;}
#add-agent-booking-form #n-error { color:#F00; padding: 0px 0px 0px 153px; font-size: 12px; }

/*Admn User Normal booking CSS*/

#customer-address-panel-user { border:1px solid #CCC; width: 472px; min-height: 307px; background: #FFF; position: absolute; z-index: 20; border-radius: 5px; margin: 0px; box-shadow: 2px 2px 2px #CCC; display: none; }
#customer-address-panel-user .head { border-top-left-radius: 5px;  border-top--radius: 5px; background: #EFEFEF; font-size: 12px; padding: 8px;font-weight: bold; }
#customer-address-panel-user .close { float:right; display: block; font-weight: normal; color:#F60; cursor:pointer; font-size: 12px; opacity: 1; }
#customer-address-panel-user .close:hover { text-decoration: underline; }
#customer-address-panel-user .inner { padding:20px; font-size: 12px; }
#customer-address-panel-user .inner .table { display:table; font-size: 12px;border-top: 1px solid #EFEFEF; }
#customer-address-panel-user .inner .table .row { display:table-row; }
#customer-address-panel-user .inner .table .row .cell1 { display:table-cell; width: 300px; line-height: 18px; padding:8px; border-bottom: 1px solid #EFEFEF; }
#customer-address-panel-user .inner .table .row .cell2 { display:table-cell; width: 140px; padding:8px; vertical-align: middle;border-bottom: 1px solid #EFEFEF; }
#customer-address-panel-user .pick_customer_address_user { border:1px solid #1c94c4; cursor: pointer; background: #1c94c4; color:#FFF; border-radius: 3px; padding: 1px 15px 1px 5px; font-size:12px; line-height: normal; }

#customer-picked-address-u .address { padding-top:5px; width: 250px; float: left; }
#customer-picked-address-u .action { float:left;padding-top:5px; font-size: 11px; text-align: right; width: 50px; color:#0099FF; }
#customer-picked-address-u .action #chg-cust-address-user { cursor:pointer }
#customer-picked-address-u .action #chg-cust-address-user:hover { text-decoration: underline; }
#user-repeat-days label{float: left; margin-right: 4px; padding-right: 16px;}
#user-repeat-days input[type=checkbox]{
    margin: 6px 3px 2px 0px;
    vertical-align: bottom;
}
#user-repeat-ends label{float: left; padding-right: 16px;}
#user-repeat-ends label input[type="radio"]{margin: 0;}
#user-repeat-ends .user_end_datepicker{ width:115px; font-size:13px; margin: 0px; height: auto; }
#add-user-booking-form .fild-main-box{padding: 10px 0;}
#add-user-booking-form #u-error { color:#F00; padding: 0px 0px 0px 153px; font-size: 12px; }
/*CINTO@1-7-2018*/
.popup-main-box .booking_form .row .cell3 .sel2.width130{
 width:130px!important;
}
.v_number_txt,#s2id_booking_voucher_type{
	float:left;
}
.v_number_txt{
	padding:8px;
}
.popup-main-box .booking_form .row .cell3{
	padding:5px;
}
.cv_booking_date{
	width:90px;
}
#clear-date{
	width:36px;
}
.cv_plan_sms_wrapper#smspushid{
	display:block!important;
}
.cv_plan_sms_btn{
	padding: 0px 3px;
}
.cv_plan_sms_wrapper#smspushid.cv_hidden{
	display:none!important;
}
#panel1{
	display:none;
}