.subscription-steps-form .text-field select{outline:none;background: #eef2f2;border: none;border-radius: 5px;color: #0dade5;float: left;height: 35px;line-height: 35px;margin-bottom: 0;padding: 0;text-indent: 15px;width: 300px;font-size: 16px;}
.subscription-steps-form .text-field.grey-box select{color: #b1b3b6;}
select{background-color: #ffffff;border: 1px solid #cccccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;}
.select_arrow{pointer-events: none;}
.pager {clear:both}
.pager li{float:left;}
.step-section .active-color .span3 p {position: relative;background: #414449;}
.step-section .active-color .span3 p:before{border-left-color: #414449;}
.step-section .active-color .span3.step-one p:after{border: none;}
.nav-tabs, .nav-pills {margin: 0px;}
.subscription-steps-form .text-field.full-width select{width: 640px;}
.add-more-popup .close-btn, .subscription-login-popup .close-btn{cursor: pointer;}
.step-section .active .span3 p a{color: #0dade5;}
.full-width .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 640px;}
html input[type="button"].back_point{cursor:auto;}
.mask{z-index: 9999999;}
.subscription-login-popup,.bulk_upload_alert{z-index: 99999999;}
#signin_form input[type="checkbox"]{margin-top:0px;}
.login-form-section .gender-field label {float: left;margin: 0 10px 0 0;}
.add-more-popup{z-index: 9999999;position: fixed;}
.error_message{color: #ff0000;margin-bottom: 10px;}
.tab_one a.back_point{margin-right:10px;cursor: pointer;}
.tab_one input.back_point{display:none;}
a.back_point{display:none !important;}
a.subscribe_link.back_point{display:block !important;}
.tab_one a.back_point{display:block !important;}
.error_message h3{font-size: 13px;line-height: 20px;margin-bottom: 5px;}
.subscription-login-popup,.bulk_upload_alert{margin-top: 30px;}
.login-form-section {padding: 3px 30px 15px 30px;}
.login-form-section .buttons-block{margin-top:0px;}
.inputBox select{margin-bottom:0px;}
a.back_point{background: #0dade5 !important;color: #fff;border: none !important;border-radius: 5px !important;font-size: 16px;font-weight: normal;font-family: open_sansregular;padding: 5px 10px !important;min-width: 80px;height: 20px;box-shadow: 1px 2px 0px 0 #019acf;}
a.back_point.subscribe_link{font-size: 14px;padding-top: 0px !important;padding-bottom: 0px !important;float:right}
.bottom_space{float:left;}
.border_remove{border:none !important;}
label.error{color:#ff0000;font-size:12px;width: 196px;clear:both;}
.login-form-section .buttons-block div.blue-btn{margin-bottom: 0px;color: #fff;line-height: 33px;}
.register_button{margin-top: 10px;}
.students-count i{font-style:normal;margin-right:10px;}

/* selection box css */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){	width: 300px;}
.bootstrap-select.btn-group .btn .filter-option{	color: #b1b3b6;	font-size: 16px;}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle,.btn-group.open .btn.dropdown-toggle{outline:none;background: #eef2f2;box-shadow: none;border-radius: 5px;border:none;height: 35px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{	background: #b1b3b6;}
.bootstrap-select.btn-group .btn .caret{border-top: none;background: url(../images/dwn-grey-arrow.png) no-repeat center center #fff;height: 30px;width: 38px;margin-top: 0px;top: 2px;right: 2px;position:absolute;}
.dropdown-menu{top: 35px;}
.bootstrap-select .btn:focus{outline: none !important;}
.select-autocomplete .date-picker{pointer-events: none;}
#my-account-panel .select-autocomplete,.subscription-account-container input[type="text"], .subscription-account-container input[type="password"]{margin-right: 40px;}
.dropup .caret{border-bottom:none;}
.selectpicker.diabled{pointer-events: none;}

.login-form-section .gender-field label {float: left;margin: 0 10px 0 0;}
.add-more-popup .close-btn, .subscription-login-popup .close-btn,.bulk_upload_alert .close-btn {cursor: pointer;}
.error_message {color: #ff0000;margin-bottom: 10px;}

/*login*/
.login-form-section .text-field{ margin-bottom: 20px;}
.buttons-block > p {font-size: 14px;margin: 15px 0 5px;}
.active-package ul li .reference-id {margin-right: 10px;width: 150px;}
#signin_form .submit_button {margin-bottom: 10px;}
/*Subscription*/
.previous-invoices{width: 800px;}
#subscriber_form .error,#account-edit .error{clear: both;}
#subscriber_form label.error ,#account-edit label.error{width: auto;}
.active-package{width: 920px;}
.select-autocomplete.inputBox.head_block .top-lable {display: block;}
input.error[type="text"], input.error[type="password"],input.error[type="number"], input.error[type="email"], input.error[type="url"], input.error[type="tel"]{border-color: rgba(82, 168, 236, 0.8);outline: 0;outline: thin dotted \9;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
.know_more_block label.error{width:auto;}
.forgot.check #package_autorenewal_value{margin-right: 5px;}
a.ext{display:block !important;}
#subscriber_form .back_point {  padding-top: 5px!important;  height: 20px;  margin-top: 0px;  padding-bottom: 5px!important;}
/*my profile*/
.btn-field {float: left;}
.btn-field .btn-right{margin-top: 20px;text-align: center;width: 100%;}
#myprofile .error{width: auto;}
.text-field.gender-field{position: relative;}
.text-field.gender-field > label > label.error {bottom: 0px;left: 133px;position: absolute; width: 100%;}
#myprofile .btn-field .blue-btn{position: relative;}
#myprofile .btn-field .blue-btn label.error {bottom:-23px; position: absolute;}


#inst_signin_form .sign-social {float: left;width: 100%;}
#inst_signin_form .popup,#signin_form .popup{background: #179862;color: #fff;width: 100%;font-family: open_sansregular;font-size: 18px;float: left;text-align: center;padding: 8px 0px;margin-top: 10px;}

#institute_form .back_point {margin-top: 0px;padding-top: 5px!important;height: 20px;padding-bottom: 5px !important;}
#account-edit .ext {margin-top: 0px;margin-left: 10px;padding-top: 8px!important;height: 17px!important;}

.custom-radio label.error{position: absolute;bottom: -14px;}

.article-content-section .subscribe-dtls{  float: right;}
.article-content-section ul li a.dropdown-toggle{    color: #fff;  background-color: #0dade5;  padding: 5px 12px;  border-radius: 5px;}
.article-content-section ul li .dropdown-menu:after{bottom: 100%;  right: 15px;  border: solid transparent;  content: " ";  position: absolute;  border-color: rgba(238, 238, 238, 0);  border-bottom-color: #fff;  border-width: 7px;  margin-left: -10px;}
.article-content-section .dropdown-menu{  top: 21px;}
.article-content-section ul li .dropdown-menu li a:hover{  background: #84d03a;  transition: all 0.2s ease-in;}

.bootstrap-select.btn-group .dropdown-menu.inner{max-height:120px !important;}
.free a{color: #fff;}

/* offer */
.offer {border: 1px solid #e9e9e9;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;padding: 25px 0px 5px;  background: #f2f2f2;}
.offer p{border:none;border-radius:0px; padding:0px 0px 15px;}
.offer p:first-child { text-decoration: line-through;}
.offer p:last-child {font-size: 18px;}

/*login and subscriber css*/
button.btn.dropdown-toggle.selectpicker.btn-default {width: 100%;}
.state.open .dropdown-menu.open,.city .dropdown-menu.open,.open .dropdown-menu.open {top: 32px;width: 100%;}
.open .dropdown-menu {top: 0px;margin: 0px;width: 100%;}
.state .dropdown-menu.open {min-height: 54px !important;max-height: 120px !important;}
.city-select .dropdown-menu.open {min-height: 92px !important;}
.city-select .dropdown-menu.inner{min-height: 92px !important;}

.bootstrap-select.btn-group .dropdown-menu.open{top:auto;}
.trail {margin-top: 37px;}
#loading{width: 100%;text-align: center;display:none;}
.bulk{color: #FFFFFF;}

.bulk-packages {float: left;width: 100%;margin: 40px 0px;}
.bulk-packages .frstmonthcnt p,.bulk-packages .sixmonthcnt p,.bulk-packages .twlmonthcnt p{line-height: normal;font-size: 13px;font-weight: bold;min-height: 29px;font-family: 'Open Sans',sans-serif;}

.blue-btn a {color: #fff;}
.bootstrap-select.btn-group .dropdown-menu.inner{  position: static;float: none;border: 0px;padding: 0px;margin: 0px;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;}
.institute-download {background: #0dade5;color: #fff;border: 0;border-radius: 5px;font-weight: normal;font-family: open_sansregular;min-width: 100px;box-shadow: 1px 2px 0 0 #019acf;width: auto;padding: 3px 10px;font-size: 14px;}

/*new add*/
.activate-students ul li {width: 100%;}
.activate-students ul li span.licence-key {width: 150px;height: 100%;}
.activate-students ul li .student-name {width: 130px;}
.activate-students ul li .mail-id {width: 250px;}
#update-button {float: right;}

.student-bulk-submit {width: 650px;float: left;position: relative;}
.student-bulk-submit .bulk-upload {width: 50%;float: left;}
.download-button {left: 213px;position: absolute;bottom: 0;}
.student-bulk-submit .bulk-upload .text-field {margin-bottom: 20px;float: left !important;width: 100% !important;}
.activate-students ul li span{height:100%;}
 .update-button {float: right;}
.remove-button {float: right;}
.bulk p {color: #000;}

.header .subscribe-dtls ul li .dropdown-menu {top: 19px;}
/* css for bulkupload*/
.bulk_upload_alert{left:36%!important;}
.alert_msg{padding:20px;text-align:center;}
.bulk_upload_alert{ width:480px; background:#fff; z-index:10000000; position:absolute; top:0; left:0; padding:0; margin-top:100px; border-bottom:4px solid #000; }
.bulk_upload_alert .popup-header span { background:url(../images/subscribe-logo.png) no-repeat 0 0 transparent; height:40px; width:95px; float:left; margin:17px 0 0 15px; }
.bulk_upload_alert .popup-header{ background:#002957; height:70px; }
#loading{float:left;width:30px;height:30px;position:fixed;top:50%;left:50%;display:none;}
.hidden{display:none;}
.datepicker table tr th,.datepicker table tr td{cursor:pointer;}

.slogan{  text-transform: capitalize;font-style: italic;color: #fff;}

.savecnt{text-align: center;}
.frstmonthcnt, .sixmonthcnt, .twlmonthcnt {border-radius: 3px;background: #fff;width: 270px;}

.monthcnt .frstmonthcnt a, .sixmonthcnt a, .twlmonthcnt a{padding: 10px 91px;display: inline-block;background: #d56f8c;color: #fff;margin: 20px 0 10px;font-size: 14px;text-align: center;}
.bulk-packages .span3 {width: 140px;}

/ Custom Stylesheet /

.main {margin-top: 50px; color: #000;}

/* It's easier to calculate widths 
  with border-box layout */
.customfile-container  {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font: normal 14px Arial, sans-serif; / Global font to use ems with precision /
}

.customfile-container {
  padding: 1em 0px;
  margin: 0 auto;
  float: left;
  width: 360px;
}
.customfile-container .customfile-filename {
    margin-right: 20px!important;
}

.customfile-container label:first-child {
  width: 100px;
  display: block;
  margin-bottom: .5em;
  font: bold 18px Arial, sans-serif;
  color: #333;
}

.customfile-wrap {
  position: relative;
  padding: 0;
  margin-bottom: .5em;
}

.customfile-filename,
.customfile-upload { 
  margin: 0;
  padding: 0;
}

.customfile-filename {
  width: 230px;
  height:35px!important;
  margin-right:20px;
  padding: .4em .5em;
  border: 1px solid #A8A49D;
  border-radius: 2px 0 0 2px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.customfile-filename:focus { 
  outline: none;
}

.customfile-upload {
  display: inline-block;
  width:auto;
  padding:5px 10px;
  border:none;
  color: #fff;
  background:#0dade5;
  border-radius:4px;
  margin-left: -1px; / align with input /
  cursor: pointer;
  box-shadow:1px 2px 0 0 #019acf;
  font-size:16px;
  font-family:open_sansregular;
}

.customfile-upload::-moz-focus-inner { / Fix firefox padding /
  padding: 0; border: 0 
}

.check span {color: #797474;font-size: 14px;}
.full-width .select-autocomplete{margin-right: 0px;}
.bloc-subscription .error span {margin-left: 0px;}
.forgot input[type="checkbox"] {margin-right: 10px;}

/*institute package */
.package-block { background-image: url("../images/packagesbanner.jpg");font-family:Helvetica, Arial, sans-serif;}
.package-block .container{width:90%;}
.header-block {float: left;width: 100%;margin-top: 23px;}
.header-block h2 {font-size: 30px;color: #fff;padding:0px 0px 12px;}
.header-block h3 {font-size: 24px;color: #fff;}
.package-block .bulk-packages{margin:17px 0px;}
.package-block .bulk-packages .span2{margin:0px 20px 20px 0px;background-color: transparent;width:278px;float:left; }
.package-block .span2 h2{ font-family:  Helvetica, Arial, sans-serif;    font-size: 30px;background-color: #00b6f4;border-radius:0px;font-weight:normal;text-transform:none;padding:12px 0px; }
 .package-block .sixmonthcnt h2{ background: #a700f4;}
 .package-block .twlmonthcnt h2{ background: #f49b00;}
 .package-block .savecnt{margin:0px 1px;float:left;width:99.3%;background-color:#fff;padding:25px 0px 20px;}
 .package-block .savecnt p{background:#fff;border:none;font-family:  Helvetica, Arial, sans-serif; min-height: auto;font-weight: normal;font-size: 24px;color: #002458;padding: 0px 0px 7px; }
 .package-block .savecnt p span{font-weight:bold;font-size:30px; }
 .package-block .savecnt p:last-child{padding:0px;}
.package-block .savecnt h4 {font-family: Helvetica, Arial, sans-serif;font-size: 36px;line-height: normal;color: #002458;    margin-bottom: 8px;}
.chosse-plan {margin:0px 1px;float:left;width:99.3%;text-align: center;padding: 14px 0px;background-color: #eeeded;}
.bulk-packages .chosse-plan a {margin: 0px;font-family: Helvetica, Arial, sans-serif;padding:16px 14px;font-size:24px;background-color:#9bcc00;font-weight:bold;}
.package-block .span12 a{margin-top:0px;}
.package-block .span12{padding-bottom:20px;color:#fff;}
#contact_form #contact_details_last_name {border-left: 4px solid #0065a5;width: 196px;}
#contact_form #contact_details_city,#contact_form #contact_details_institute_name  {width: 196px;}
.package-block .savecnt h4:first-child {text-decoration: line-through;}
#contact_details_phone_number-error {width: 200px;}

.bootstrap-select.btn-group .dropdown-menu.open{top:auto;}

.subscription-steps-form h1{margin: 0px 0px 15px;font-size: 25px;}
.trail {margin-top: 37px;}
#loading {text-align: center;display:none;}

.slogan{  text-transform: capitalize;font-style: italic;color: #fff;}
#contact_form .error {width: 196px;}
#contact_form #contact_details_city, #contact_form #contact_details_institute_name {width: 196px;}
.active-package ul {display: block;}

/*popup*/
.showcase-popup-block,.showcase-popup-secondblock{width: 475px;  margin-left: -300px;left:50%;display:none}
.showcase-popup-block .login_heading, .showcase-popup-secondblock .login_heading{margin-bottom:0;}
.showcase-popup-block .login_heading h3, .showcase-popup-secondblock .login_heading h3 {color: #fff;line-height: normal;font-size: 14px ;background:#6286A2;padding:8px 10px;    font-weight: bold;font-family: Helvetica,Arial,sans-serif;}
.login-section {float: left;width: 100%;background: #051417;padding:2px 10px;box-sizing: border-box;}
.login-section h1 {font-size: 14px;color: #fff;font-weight: bold;}
.login-section h1 span{color:#EEAF19;}
.login-section p{color:#6081BA;margin-bottom:5px;}
.login-section p a{color:#6081BA;}
.login-section  a {text-decoration: underline;font-size: 14px;font-family: arial;}
.bloc-pop .close-btn {float: right;width: 26px;height: 26px;border: 0px;content: '';position:absolute;right: -21px;z-index: 9999999;top: -14px;color: #fff;cursor: pointer;font-family: "Droid Sans";background: url('http://bloc.thehindu.co.in/kreatio/images/pop-close.png')no-repeat;}
.mask {background: rgba(0,0,0,0.85); position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
.showcase-popup-block, .showcase-popup-secondblock {width: 475px; display: none; right: 25px; bottom: 25px;position: fixed;left: auto; top: auto;border-bottom:none;}