.login-slides{float: left;width: 95%;margin:20px 0 0 0;padding: 10px 2.5% 0 2.5%;}
.registration h2{font: 32px/32px 'Open Sans Semibold',arial;color: #fff; margin-bottom:73px;}
.registration h3{display: inline-block;font-size: 18px;color: #fff;margin: 40px 0 30px 0;}
.registration-form{float: left;width: 100%;}
.registration-form li{float: left;padding: 0 0 30px 0;width: 100%;}
.registration-form li label{width: 25%;margin: 15px 0 0 0;color: #fff;font-size: 14px;float: left;}
.registration-form li input[type="text"]{padding: 15px 2%;background: #fff;border: 1px solid #cccccc;font-size: 14px;color: black;width: 63%;}
.registration-form li span{float: right;background:url(../../images/icon-sprite.png) no-repeat 0 -119px;width: 22px;height: 22px;margin: 15px 0 0 0;}
.registration-form li span.tick-box{background-position: 0 -356px;}
.registration-form li span.calender{background-position: 0 -328px;}
/*.registration-form li input[type="submit"]{-webkit-appearance: none;float: right;background:#59b337;padding: 10px 20px;color: #fff;border: 0;cursor: pointer;font-size: 20px;margin: 0 8% 0 2%;}
.registration-form li input[type="submit"].cancel-btn{background:none;margin: 10px 20px;padding: 0;}*/
.primary-button{-webkit-appearance: none;float: right;background:#59b337;padding: 10px 20px;color: #fff;border: 0;cursor: pointer;font-size: 20px;margin: 0 8% 0 1%;}
.secondary-button{background:none;margin: 10px 20px;padding: 0;-webkit-appearance: none;float: right;color: #fff;border: 0;cursor: pointer;font-size: 20px;}
.registration-form li strong{margin: 30px 0 0 0;font-size: 18px;color: #fff;line-height: 20px;font-weight: normal;}
.registration-form li .error{float: right;position: relative;}
.registration-form li .error span{cursor:pointer;background: url("../../images/icon-sprite.png") no-repeat scroll -77px -850px;width: 21px;height: 20px;float: left;}
.error em{display:none;position: absolute;top: -5px;left: 0;background: url("../../images/icon-sprite.png") no-repeat scroll -76px -876px;width: 20px;height: 12px;float: left;}
.error p{display:none;padding: 5px 3%;font-size: 14px;color: #585858;border: 1px solid #ccc;background: #fff;position: absolute;top: 10px;left: 20px; background: none repeat scroll 0 0 #ffffff;border: 1px solid #cccccc;color: #585858;font-size: 12px;left: -124px;padding: 5px 10px;position: absolute;top: -29px;width: 177px;}
.error em.active{display: block;}
.error p.active{display: block;}
.login-slides.registration .ui-datepicker-trigger{float: left;margin: 16px 0 0 0;}
.calender-date{float:left;padding: 0;background: #fff;border: 1px solid #cccccc;font-size: 14px;color: #585858;width: 35%;}
.calender-date input[type="text"]{width:80% !important;border: 0 !important;float: left;padding: 15px 2% 15px 6% !important}
/* calender css chages */
.ui-datepicker table{margin: 0 !important;}
.ui-datepicker-trigger{margin: 16px 0 0 5px;float: left;}
#ui-datepicker-div{border-top: 1px solid #e4e4e4 !important;}
#ui-datepicker-div .ui-datepicker-header{border-left: 1px solid #e4e4e4 !important;border-right: 1px solid #e4e4e4 !important;}
.ui-datepicker{width: 17.3em !important;padding: 0 !important;}
.ui-widget-content{background: none;border: 0 !important;}
.ui-datepicker .ui-datepicker-header{text-transform:uppercase !important;padding:12px 0 !important;background: none !important;border:0 !important;border-top:1px solid #e4e4e4 !important;color: #1c3361 !important;font: 14px/14px 'open_sansregular',arial !important;}
.ui-widget-header .ui-icon{margin:0 !important;left:auto !important;background: url(../../images/slider-arrows.png) no-repeat 0 0 !important;width: 24px !important;height: 24px !important;}
.ui-icon.ui-icon-circle-triangle-e{background-position: 0 -24px !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0 !important; background:none !important; font-weight: normal !important; color: #c77405 !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width: 24px !important;height: 24px !important;top: 0 !important; cursor:pointer !important;}
.ui-datepicker .ui-datepicker-next{right: 3px !important;}
.ui-datepicker .ui-datepicker-prev{left: 3px !important;}
.ui-datepicker th{background: #59b337 !important;color: #fff !important;font: 12px/12px 'open_sansbold',arial !important;padding: 13px 0.3em !important;}
.ui-datepicker td{border: 1px solid #e4e4e4 !important;padding: 0 !important;}
.ui-datepicker td span,.ui-datepicker td a{padding:8px !important;text-align: center;color: #575757 !important;}
.ui-state-default,.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border: 0;background: none;font-weight: normal !important;}
.ui-datepicker-month{font: 14px;color: #585858;text-transform: capitalize;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border: 0 !important;background: #fff !important}
.ui-widget-content{background: #fff !important}
.ui-widget-content .ui-state-active,.ui-widget-content .ui-state-active.ui-state-highlight.ui-state-hover{background: #004fb6 !important;color: #fff !important}
.ui-widget-content .ui-state-hover,.ui-widget-content .ui-state-focus{color: #59b337 !important}
/*============================= 
! Layout for ipad landscape  
============================= */
@media only screen and (max-width: 1024px) {
.error p{left: -144px;}
}
/* ============================= */
/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 992px) {

}
/* ============================= */
/* ! Layout for mobile(lanscape) version   */
/* ============================= */
@media only screen and (max-width: 767px) {
.login-slides{padding:10px 2.5%;}
.error p{left: -170px}
.shade{min-height: 550px;}
}
/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */
@media only screen and (max-width: 479px) {
.registration h2 {font: 24px/26px "Open Sans Semibold",arial;}
.registration h3{font-size: 14px;}
.registration-form li label{margin: 10px 0;width: 100%;}
.registration-form li{padding:0 0 10px; }
.registration-form li input[type="text"]{width: 82%;padding: 10px 2%;}
.primary-button{margin: 0 13% 0 2%;padding: 6px 20px;}
.calender-date{width: 44%}
.error p{left: -174px}
}