#tutis-courses .sortby {
  clear: both;
  display: inline-block;
  width: 100%;  
  padding:0 0 2% 0;
}
#tutis-courses  .sortby-container {
  float: right;
}
#tutis-courses .contains.sort-order {
  text-transform: uppercase;
    width: 100px;
  margin-left: 10px;
}
#tutis-courses .sortby > .contains div.titleby {
    display: table;
    float: left;
    width: 30%;
}
#tutis-courses .sortby > .contains div.showby{width:10%;float:left;}
#tutis-courses .sort_item,#tutis-courses .show_item{display:none;}
#tutis-courses .sortby > .contains div.showby,
#tutis-courses .sortby > .contains div.titleby {
  border: 1px solid #bbb;
  border-radius: 25px;
  display: block;
  height: 50px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
#tutis-courses .sortby input, #tutis-courses .sortby select {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #666;
  font-size: 14px;
  padding-bottom: 8px;
  padding-top: 8px;
  transition: all 0.5s ease 0s;
  width: 100%;
   box-sizing: border-box;
   margin-bottom:5px;
}
#tutis-courses .contains.sort-order > input {
  width: 100%;
}
#tutis-courses .list-item.row-fields,.block_top_heading {
 /*  border-bottom: 2px solid #bbb; */
  display: inline-block;
  padding: 3% 15px;
  width: 100%;
  margin-bottom:20px;
  position:relative;
  background: #fafafa;
}
.block_top_heading{padding:15px; margin-bottom: 13px;}
#tutis-courses .field {
  display: inline-block;
  width: 100%;
}
#tutis-courses .list-item .block_top > .left-block,.block_top_heading .left-block{
  float: left;
  font-style: italic;
  height: inherit;
  margin-right: 5px;
  width: 4%;
}
#tutis-courses .list-item .field > label {
  display: inline-block;
  float:left;
  padding: 0 11px 0 0;
  font-weight:bold;
}
#tutis-courses .tutis-content {
    display: inline-block;
    float: left;
    width: 77%;
}
#tutis-courses .list-item .block_top {
  display: inline-flex;
  width:100%;
}
#tutis-courses .list-item .right-block ,.block_top_heading .right-block{
  float: left;
  font-style: italic;
  width: 94%;
  display:table;
}
.block_top_heading .right-block{
  float:right;
}
#tutis-courses .enrol-button-container{padding-bottom:15px; display: inline-block;}
#tutis-courses .list-item  .right-block .tutis-content{
  width:auto;
}
#tutis-courses .list-item.row-fields {display:none;}
#tutis-courses .list-item.showlist{display:inline-block;}

#tutis-courses .enrol-button.red-button {  
  bottom: 15px;
   position: unset;
  right: 15px;
  padding:7px;
  margin:0 auto;
  display: table;
  float:right;
}

#tutis-courses #new_filter_v3 .contains {
  display: inline;
  float: left;
  position: relative;
  right: 0;
  width: 100%;
}
#tutis-courses .sortby .contains{
  width: 267px;
}
#tutis-courses .contains:first-of-type {
  float: left;
}
#tutis-courses.coursecalendar .contains {
  width: 100%;
}
#tutis-courses .sort_item.show,#tutis-courses .show_item.show {
  background: #e2e2e2 none repeat scroll 0 0;
  display: block;
  padding: 2px 10px;
}
#tutis-courses .sort_item.show:last-of-type,#tutis-courses .show_item.show:last-of-type{
  border-radius: 0 0 5px 5px;
  padding-bottom:5px;
}
#tutis-courses .contains ul {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50px;
  width: 84%;
  z-index: 1;
  padding:0px;
}
#tutis-courses .contains ul.showby {
  width: 41px;
}
#tutis-courses .contains ul.showby li{padding:2px 5px;text-align:center;}
#tutis-courses #pages > ul {
  display: inline-block;
  float: right;
  margin: 10px 0 0;
  width: auto;
}
#tutis-courses #pages li {
  border: 1px solid #bbb;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  float: left;
  margin: 4px 4px 0 4px;
  padding: 0 10px;
  width: auto;
   text-transform: capitalize;
}
#tutis-courses #pages li.active{
  background: #bbb none repeat scroll 0 0;
}


#create-user-form {
  margin: 50px auto;
  text-align: center;
  position: relative;
  overflow:hidden; 
}
#create-user-form fieldset {
  
  border: 0 none;
  border-radius: 3px;
  box-sizing: border-box;
  width: 100% !important;
  margin: 0 0%;
  
  /*stacking fieldsets above each other*/
  position: absolute;
  max-width:100% !important;
  opacity:0;
    z-index:-13;
}
/*Hide all except first fieldset*/
#create-user-form fieldset:first-of-type{
  z-index:1;
  opacity:1;
}
/*inputs*/
#create-user-form input, #create-user-form textarea, #create-user-form select, #create-user-form .contains span.ul_list{
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 99.3%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  font-size: 13px;
  outline:none;
}
/*buttons*/
#create-user-form .action-button {
  width: 100px;
  background: #27AE60;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
  outline:none;
}
#create-user-form .action-button:hover, #create-user-form .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
  outline:none;
}
/*headings*/
.fs-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2C3E50;
  margin-bottom: 10px;
}
.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}
#progressbar li {
  list-style-type: none;
  color: white;
  text-transform: uppercase;
  font-size: 9px;
  width: 33.33%;
  float: left;
  position: relative;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: #333;
  background: white;
  border-radius: 3px;
  margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
  background: #27AE60;
  color: white;
}
input.error[type="checkbox"],input.error[type="radio"] {
  outline: 1px solid red !important;
}


body[data-fancy-form-rcs="1"] input.error[type="radio"]:not(:checked) + label::before{
  outline: 1px solid red !important;
}
body[data-fancy-form-rcs="1"] input.error[type="checkbox"] ~ label span{
  outline: 1px solid red !important;
}
.enrol-form label {
  float: left;
/*   margin-left: 9px; */
  text-align: left;
  width: 100%;
}
#create-user-form .next,#create-user-form .previous,#create-user-form #create-user-submit,#create-user-form a.ajax-submit {
/* background: #bbb none repeat scroll 0 0;
border-radius: 8px;
color: inherit; */
cursor: pointer;
display: table;
float: left;
font-family: inherit;
margin: 10px auto 0;
padding: 3px 20px;
width: auto;
}
#create-user-form .btn-enrol {
  cursor: pointer;
  display: table;
  font-family: inherit;
  margin: 10px auto 0;
  padding: 3px 20px;
  width: auto;
}
#create-user-form #create-user-submit {
  float: right;
}
#create-user-form .next,#create-user-submit,#create-user-form a.ajax-submit{float:right;}
#create-user-form .inner-row {
  display: inline-block;
  width: 100%;
}
#create-user-form .inner-row > input {
  float: left;
  margin: 8px 0 0 !important;
  width: auto !important;
  clear:both;
  outline:none;
}
#create-user-form .inner-row > label {
  float: left;
  margin-left: 9px;
  width: 80%;
}
.inner-row > input#additional-details-usi-2 {
  clear: both;
  outline:none;
}
.inner-row > input#additional-details-t-and-c {
  float: none;
  outline:none;
}
.inner-row > input#additional-details-usi-number {
  width: 100% !important;
  outline:none;
}
input.ajax-submit {
  position: relative;
  visibility: hidden;
  z-index: -15;
  outline:none;
}
#tutis-courses .list-item > div{padding:0 15px;}
#tutis-courses .list-item > .block_top {
  padding: 15px; 
}
#tutis-courses .list-item > .block-expand{padding:0px;}
#tutis-courses .list-item > .block-expand > div{
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
}
#tutis-courses .list-item > .left-block,#tutis-courses .list-item > .block-expand > .left-block {
  padding: 15px 15px 0;
  width: 100%;
  display: inline-block;
}


#tutis-courses .list-item > div.enrol-button-container {
  display: inline-block;
  margin: 0px auto;
  text-align: center;
  width: 100%;
  padding-bottom:15px;
}
#tutis-courses .ajax-submit.button {
  float: right;
}
#list_of_courses .list-item > .block-expand .left-block > .field {
  float: left;
  width: 48%;
}
#tutis-courses #list_of_courses .list-item > .block-expand  .left-block > .field .tutis-content{width:51%;}
div.error {
  display: none !important;
}
input.error,textarea.error {
  border-color: #ff0000 !important;
 }
.ui-selectmenu-button {
  max-width: 99.3% !important;
  width: 99.3% !important;
}
#create-user-form select {
  display: block !important;
  position: absolute;
  visibility: hidden;
}
#create-user-form span.ui-selectmenu-button.error{border-color:#ff0000 !important;}
#tutis-courses .noresultfound {
    background: #fafafa;
    border-radius: 5px;
    padding: 15px;
  margin:0 0 15px;
}
#tutis-courses{position:relative;}
#tutis-courses .loadaction {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  display:none;
}
.content-area.tutis-enrolment-content {
  margin: 0 auto;
  max-width: 960px;
}
.tutis_short_desc.expan_desc::after {
  border: 1px solid #bbb;
  content: "+";
  cursor: pointer;
  height: 11px;
  line-height: 9px;
  position: absolute;
  right: -23px;
  text-align: center;
  top: 0;
  width: 11px;
}

.tutis_short_desc.expan_desc {
  position: relative;
  margin:0 0 10px;
}
#tutis-courses .list-item .open-icon {
  background: rgba(0, 0, 0, 0) url("images/plus.png") no-repeat scroll center center;
  bottom: 5px;
  color: transparent !important;
  cursor: pointer;
  font-size: 23px;
   height: 100%;
  line-height: 14px;
  margin: 0 auto;
  padding: 0;
  right: 5px;
  width: 38px;
  background-size:100%;
}
#tutis-courses .list-item .open-icon {width:100%;height:100%;background-size:90%;}
#tutis-courses .list-item .open-icon.close-icon {
  background: rgba(0, 0, 0, 0) url("images/minus.png") no-repeat scroll center center / 90% auto;
  padding: 0;
}
#tutis-courses .list-item > .block-expand {
  position: relative;
  overflow:hidden;
/*   transition:all .5s ease .5s; */
}
#tutis-courses .list-item > .block-expand{/* height:0; */ display:none;padding:0px;/*  transition:all .5s ease .5s; */}
.tutis-enrolment-content #create-user-form textarea{ resize: none;}
.block_top .right-block .field > label {
  position: absolute;
  visibility: hidden;
}
#tutis-courses .block_top .right-block{display:table;}
#tutis-courses .block_top .right-block .field,#tutis-courses .block_top_heading .right-block .field{width:10%; text-align:center;display:table-cell;vertical-align:middle; border-right:3px solid;padding-right:5px;}
#tutis-courses .block_top_heading .right-block .field {
  border-color: transparent;
  padding: 0 5px 0 0;
  text-align: left;
}
#tutis-courses .block_top .right-block .field.tutis_sdate,#tutis-courses .block_top_heading .right-block .field.tutis_sdate_h,
#tutis-courses .block_top .right-block .field.tutis_edate,#tutis-courses .block_top_heading .right-block .field.tutis_edate_h {
  width: 12%;
}
/*#tutis-courses.tutis_area_760_600 .block_top_heading .right-block .field.tutis_sdate_h{width:31%;}*/
#tutis-courses .block_top .right-block .tutis_ctitle,#tutis-courses .block_top_heading .right-block .tutis_ctitle_h {
  width: 20%;
}
#tutis-courses .block_top_heading .right-block .tutis_ctitle_h {/* width:32%; */ width:20%}
#tutis-courses .block_top .right-block .tutis_sdate,#tutis-courses .block_top_heading .right-block .tutis_sdate_h {width:12%;}
#tutis-courses .list-item .right-block .right-most ,#tutis-courses .block_top_heading .right-block .right-most{
  display: table-cell;
  vertical-align: middle;
  text-align:right;
  width:14%;
}
.sortby .tutis_search {
  border: 1px solid #ccc;
  border-radius: 5px;
/*   height: 38px; */
outline:none;
}
#tutis-courses .block_top .right-block .tutis-content {float:none;
text-align:center;width:100%;  /*  border-right: 3px solid; */ line-height:25px;}
#tutis-courses .block_top .right-block .tutis_ctitle .tutis-content {text-align:left;}

/*760 to 600 */
#tutis-courses .block_top .row-in-2 .tutis-content,#tutis-courses .block_top .row-in-2 .right-block .field,#tutis-courses .block_top .row-in-2 .left-block .field{border:0px;}
#tutis-courses .block_top .row-in-2 .right-block .field:first-of-type,#tutis-courses .block_top .row-in-2 .left-block .field:first-of-type {padding-right:5px;} 
#tutis-courses .row-in-2,#tutis-courses.tutis_area_760_600 .block_top > .right-block > .field {
  /* display: none; */
}

#tutis-courses.tutis_area_760_600 .block_top > .right-block .row-in-2{
  display:none;
}
#tutis-courses.tutis_area_760_600  .row-in-2 .left-block,#tutis-courses.tutis_area_760_600  .row-in-2 .right-block {
  display: table;
  text-align: left;
  width: 100%;
}

#tutis-courses.tutis_area_760_600  .block_top .row-in-2 .right-block .field:first-of-type .tutis-content,#tutis-courses.tutis_area_760_600  .block_top .row-in-2 .left-block .field:first-of-type .tutis-content{text-align:left;padding-right:5px;}
#tutis-courses.tutis_area_760_600  .row-in-2 .right-block .tutis_sdate {width:35%;}
#tutis-courses.tutis_area_760_600 .sortby > .contains{width:30%}
/*600 to 420*/
#tutis-courses .row-in-2,#tutis-courses.tutis_area_600_420 .block_top > .right-block > .field {
  display: none;
}
#tutis-courses.tutis_area_600_420 .block_top > .right-block .row-in-2{
  display:block;
}
#tutis-courses.tutis_area_600_420 .row-in-2 .left-block,#tutis-courses.tutis_area_600_420  .row-in-2 .right-block {
  display: table;
  text-align: left;
  width: 100%;
}

#tutis-courses.tutis_area_600_420  .block_top .row-in-2 .right-block .field .tutis-content,#tutis-courses.tutis_area_600_420  .block_top .row-in-2 .left-block .field .tutis-content{text-align:left;}
#tutis-courses.tutis_area_600_420  .row-in-2 .right-block .tutis_sdate {width:35%;}
#tutis-courses.tutis_area_600_420 .list-item .open-icon {width:100%;height:100%;background-size:90%;}

/*600 to 320*/
#tutis-courses.tutis_area_600_320 #heading-list {display:none;}
#tutis-courses.tutis_area_600_320 .block_top .right-block .field > label{position:relative;visibility:visible;font-size:14px;float:left;}
#tutis-courses.tutis_area_600_320 .block_top > .right-block .row-in-2,#tutis-courses.tutis_area_600_320 .block_top > .right-block > .field {
  display: none;
}
#tutis-courses.tutis_area_600_320 .block_top > .right-block > .field{
  display:block;
   width: 100%;
   padding-left: 8px;
   clear:both;
}
#tutis-courses.tutis_area_600_320 .block_top > .right-block > .field,#tutis-courses.tutis_area_600_320 .block_top > .left-block > .field{border:0px;}
#tutis-courses.tutis_area_600_320 .block_top > .right-block > .field .tutis-content{
  border:0px;
  text-align:left;
}
#tutis-courses.tutis_area_600_320 .block_top .right-block .tutis-content{float:none;width:auto;display:block}
#tutis-courses.tutis_area_600_320 .row-in-2 .left-block,#tutis-courses.tutis_area_600_320  .row-in-2 .right-block {
  display: block;
  text-align: left;
  width: 100%;
}

#tutis-courses.tutis_area_600_320  .block_top .row-in-2 .right-block .field .tutis-content,#tutis-courses.tutis_area_600_320  .block_top .row-in-2 .left-block .field .tutis-content{text-align:left;}
#tutis-courses.tutis_area_600_320  .row-in-2 .right-block .field,#tutis-courses.tutis_area_600_320  .row-in-2 .left-block .field {width:100%;}
#tutis-courses .list-item .open-icon {width:100%;height:100%;background-size:90%;}
#tutis-courses.tutis_area_600_320 .list-item .right-block .right-most{display:block;margin:0 auto;}
#tutis-courses.tutis_area_600_320 .list-item > .block-expand > div.enrol-button-container { padding:0 15px 15px;   margin-top: -7px;}
#tutis-courses.tutis_area_600_320 .list-item > .block-expand .left-block > .field{width:100%;}
#tutis-courses.tutis_area_600_320 .list-item > .block-expand .tutis-content,#tutis-courses.tutis_area_600_320 #list_of_courses .list-item > .block-expand .left-block > .field .tutis-content{width:100%;}
#tutis-courses.tutis_area_600_320 .sortby > .contains {
  float: right;
}
#tutis-courses.tutis_area_600_320 .sortby > .sortby-container > .contains{ margin-bottom:5px;}
.tutis-enrolment-content #create-user-form input[type="radio"],.tutis-enrolment-content #create-user-form input[type="checkbox"]{margin-left:3px !important;outline:none;float:left;}
.ui-selectmenu-menu .ui-menu {
  max-height: 204px;
  height:auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 1px;
}
.enrol-from-container {
/*   padding: 0 10px; */
  width: 100%;
}
#tutis-courses li,.enrol-from-container .contains ul.tutis_ul_list li{
  list-style: outside none none;
  margin: 0;
  padding: 2px 6px;
  width: auto;
  text-align: left;
}

#tutis-courses .sortby .contains ul.tutis_ul_list, .enrol-from-container .contains ul.tutis_ul_list {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  display: none;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  text-align: left;
  width: 99.5%;
  z-index: 4;
  margin:0px;
  padding:0px;
}
.enrol-from-container .contains ul.tutis_ul_list.toTop{
  bottom:68px;
}
#tutis-courses .sortby .contains ul.tutis_ul_list li:hover,.enrol-from-container .contains ul.tutis_ul_list li:hover{
  cursor:pointer;
}
#create-user-form .contains.ul_list::after,#tutis-courses .contains.ul_list::after {
  border-color: #bbb transparent;
  border-style: solid;
  border-width: 9px 7px 0;
  color: transparent;
  content: "";
  position: absolute;
  right: 18px;
  top: 35%;
   
}
#tutis-courses .contains.ul_list::after {
 right: 17px;
 top: 17px;
}
/* .contains span.ul_list {
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  display: table;
  height: 26px;
  padding: 15px 10px;
  width: 97%;
} */
.contains {
    position: relative;
    display: inline-block;
    width: 100%;
}
.contains.ul_list > span {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  box-shadow: none;
  box-sizing: border-box;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.tutis-enrolment-content #create-user-form input, .tutis-enrolment-content #create-user-form select{
  padding:5px 10px;
}
.content-area.tutis-enrolment-content {
  background: #fff none repeat scroll 0 0;
  margin: 0 auto;
  max-width: 960px;
  padding: 15px;
  display:table;
  width:100%;
  
}
.payment-field {
  display: table;
  float: left;
  margin-right: 10px;
    margin-top: 10px; 
}
.tutis-enrolment-content table.form-result{margin-bottom:10px;}
.ui-datepicker{z-index:55555 !important;}
.form-info > h2 {
  text-align: left;
}
.hide{ /*dh*/
  display:none;
}
.show{ /*dh*/
  display:block;
}

.form-info {
    display: table;
    width: 100%;
    padding: 10px;
    color: red;
}
.form-info > p {
  margin-bottom: 5px;
  text-align: left;
}
.inner-row input#student-note {
    width: 100% !important;
}
.select2-choice {
  width: 256px;
}
.select2-choice.select2-default {
  height: 29px;
  width: 256px;
}
/*new update 18-4-2017*/
.inner-row input#app-form-note {
  width: 100% !important;
}
.application-form-section .usi-form-link {
  display: inline-block;
  margin: 5px 0 0;
  width: 100% !important;
}
.application-form-section .usi-form-link > a {
  float: left;
}
/*.application-form-section .field-instruction.appform-downloadform {
  margin: 0 0 15px !important;
}*//*dh*/
.application-form-section {
  display: inline-block;
  width: 100%;
}
/*new update 18-4-2017*/
/*new update 24-4-2017*/
#ul_topvalidation li {
    list-style: none;
}
/*new update 24-4-2017*/
#confirm > .modal-body, #confirm > .modal-footer {
  background: #fff;
  margin: 0 auto;
  max-width: 600px;
  overflow: auto;
}
#confirm.modal{
  top:30%;
}

.studelete {
  color: #309e30;
  font-size: 15px;
  text-align: center;
  border: 2px solid #309e30;
  padding: 8px 5px;
  font-weight: 400;
}
.goback {
  width: 100%;
  display: inline-block;
  margin: 15px 0;
}
.tutis-enrolment-content a,.tutis-enrolment-content a:hover,.tutis-enrolment-content a:focus{ color:#F87C23 !important; outline:none !important; box-shadow: none !important; }
.tutis-enrolment-content a:hover,.tutis-enrolment-content a:focus{text-decoration: underline;}
.coursedetailspay,.studentdetailspay{display:none;}
.coursedetailspay.open,.studentdetailspay.open{display:block;}
table.margintop{margin-top:50px;}
.tutis-enrolment-content #create-user-form .previous:hover, 
.tutis-enrolment-content #create-user-form .next:hover, 
.tutis-enrolment-content #create-user-submit:hover, 
.tutis-enrolment-content #create-user-form a.ajax-submit:hover, 
.payment-field input[type="submit"]:hover, 
.course-select-form-button button, 
#create-user-form .btn-enrol:hover {
  /* background: #F87C23;
  border-color: #F87C23;
 color: #fff !important;*/
  transition: all .5s;
}
.slide-down span {
  text-align: left;
  font-size: 15px;
  margin: 3px 0;
  display: inline-block;
  border-bottom: 1px solid #bbb;
  width: 100%;
  position: relative;
  cursor: pointer;
  color: #59655d;
  font-weight: bold;
  text-transform: capitalize;
}
.width-style.open {
  display: inline-block;
  margin-top: 5px;
}
.tutisheading {
  color: #F87C23;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 15px;
}
.slide-down span::after {
  content: "+";
  position: absolute;
  right: 4px;
  font-size: 27px;
  top: 5px;
  line-height: 7px;
  color:#F87C23;
}
.studentdetailspay li,.coursedetailspay li {
  width: 50%;
  float: left;
  list-style: none;
  padding-right: 5px;
}
.coursedetailspay li {
  margin-bottom: 7px;
}
.slide-down span.open::after {
  content: "-";
  font-size: 42px;
  top: 1px;
}
.studentdetailspay label,.coursedetailspay label  {
  font-size: 12px;
  color:#8D8B8A;
  text-transform: uppercase;
  margin-bottom: 0;
}
.payment-field input[type="button"] {
  font-size: 14px;
  color: #333;
  text-decoration: none;
  border: 2px solid #666;
  transition: all .5s;
  box-shadow: 0px 0px;
  background: transparent;
}
.payment-field input[type="button"]:hover{
  background: #F87C23;
  color:#fff;
  border: 2px solid #F87C23;
}
.inputgroup {
  float: left;
  width: 73px;
}
.inputgroup .s {
  margin-right: 10px;
}
.inputgroup input {
  float: left;
  margin-top: 6px;
}
.yesno {
  display: inline-block;
  width: 100%;
  /* margin-bottom: 10px; */
}
.payprior-field .textcolorblack {
  color: #000;
  background-color: #fff !important;
  margin: 10px 0 0;
}
.payprior-field .red-button{
  margin-top:10px; 
}
.width-style.margintop {
  margin: 15px 0;
  display: inline-block;
}

.width-style.margintop li {
  width: 100%;
  list-style: none;
  float: left;
}
.width-style.margintop label {
  float: left;
  margin-right: 8px;
}
.student-table a {
  text-transform: uppercase;
  font-size: 12px;
}
.student-table a.paynow-bnt{font-size:15px; }
.student-table .tutisheading {margin-bottom:15px;}
table.width-style tbody tr > td.first {
  width: auto !important;
  text-transform: capitalize;
}
@media screen and (max-width: 1100px) {
  #tutis-courses .sortby > .contains:first-of-type {
    margin-bottom: 10px;
  }
}

@media screen and (max-width:991px)
{
  /* #tutis-courses .list-item .right-block,#tutis-courses .list-item .left-block{width:100%;} */
  #tutis-courses .list-item .left-block{padding-right:0px;}
  #tutis-courses .tutis-content { width: 71%; }
}
@media screen and (max-width:525px)
{
  #tutis-courses .tutis-content { width: 65%; }
  #tutis-courses #pages li{padding:0px;border:0px;border-radius:0px;}
}
@media screen and (max-width:450px)
{
  #tutis-courses .tutis-content { width: 56%; }
  #tutis-courses .contains:first-of-type,#tutis-courses .contains{width:100%;margin-bottom:10px;}
  
}
@media screen and (max-width:380px)
{
  #tutis-courses .tutis-content { width: 100%; }
}

.errormsg > p, .successmsg > p {
  padding: 0;
}
.errormsg, .successmsg{
  margin:10px 0;
}
.errormsg{
  color:red;
}
.tutis-enrolment-content .site-content {
  display: table;
  margin: 10px 0;
  width: 100%;
}
.field-instruction {
  font-size: 12px;
  font-style: italic;
  text-align: left;
}
.application-government-form-section,.application-userchoice-form-section {
    display: inline-block;
    width: 100%;
}
.application-government-form-section  .usi-form-link,.application-userchoice-form-section  .usi-form-link
{
  float: left;
}
.inner-row input#additional-support-req-notes.additional-support-req-notes-cl {
    width: 100% !important;
}
.payprior-field {
    background: #f2f2f2 none repeat scroll 0 0;
    margin: 15px 0;
    padding: 15px;
    clear: both;
    float: left;
    width: 100%;
}
.payment-field div.button {background:none; }
.payprior-field .red-button {
  background: #b2b2b2 none repeat scroll 0 0  !important;
  border: 0 none  !important;
}

.payprior-field form.hide-control {
    margin: 15px 0 0;
}
.payprior-field form.hide-control  .hide{
  margin-right: 13px  !important;
}
span.error-msg {
    color: #ff0000;
    padding: 10px 0;
}
.payprior-field .yesno label{cursor:pointer !important;}
.payprior-field .yesno label, .payprior-field .yesno label input {
    margin: 0 5px;
}

.payprior-field  .red-button
{ /*dh*/
  background: #fff none repeat scroll 0 0 !important;
    border: 2px solid #666 !important;
    color: #333 !important;
}
.textcolorblack
{/*dh*/
  color: #000;
      background-color: #fff !important;
    margin: 10px 0;
}
.contains.ul_list  ul.tutis_ul_list li:hover {/*dh*/
    background: #006c8d none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
}
.application-form-section .field-instruction.appform-note {/*dh*/
    margin: 5px 0 5px 0 !important;
}
.application-form-section .field-instruction.appform-downloadform {/*dh*/
    margin: 5px 0 10px !important;
}
.application-form-section .field-instruction.appform-file {/*dh*/
    margin: 10px 0 0 !important;
}
form.form-info-enrol {
    height: 0px;
    visibility: hidden;
}
.other-disabilities-note,
.discount-block,.bulkenrolment{display:none;}
.other-disabilities-note.show,
.discount-block.show-disc,.bulkenrolment.showq{display:block;}
.oneormore_enrol .inner-row > label {
  margin-bottom: 15px !important;
}
.oneormore_enrol.disabled{position:relative;}

.oneormore_enrol.disabled::after {
  background: transparent none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.bulkenrolment.showq span {
    margin-right: 21px;
}
.group_enrol label {
    float: left;
    text-align: left;
    width: 100%;
}
body::before {
  background: rgba(0, 0, 0, 0.3) url("images/pageloader.gif") no-repeat scroll center center / 50px auto;
  bottom: 0;
  content: "";
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2147483647;
  display:none;
}

body.show-before::before{
  display: block;
}
.modal-body {
  max-height: 350px;
  overflow-y: scroll;
  padding: 20px;
  position: relative;
}
.modal-dialog{width:auto !important;max-width:600px;}
.tutis-enrolment-content .payment-button-hover
{
    background-color: #006c8d;
}
/*stripe*/
.stripe-cardForm {
  display: none;
    z-index: -5;
}
.content-area.tutis-enrolment-content{position:relative;}
.stripe-cardForm.showform {
  
  display: block;
  
  margin: auto;
  max-width: 300px;
  position: fixed;
  
  top: 35%;
  z-index: 1000000001;
}
/* .stripe-cardForm.showform::after {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
} */
.stripe-card-pay .card {
  background: #fff none repeat scroll 0 0;
  padding: 15px;
}
.stripe-card-pay .card > div {
  width: 100%;
}
.stripe-card-pay .card > div input:not(.btn-submit) {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: currentcolor #bbb currentcolor currentcolor;
  border-image: none;
  border-style: none solid none none;
  border-width: 0 1px 0 0;
  float: left;
  margin: 0 0 5px;
  padding: 11px 8px;
  width: 33.33%;
  background: rgb(115, 159, 178) none repeat scroll 0 0;
  font-weight: bold;
  color:#fff;
}
.stripe-card-pay .card > div.card-number input,.stripe-card-pay .card > div input.btn-submit {
  width: 100%;
}

.stripe-card-pay .card > div input.card_cvv,.stripe-card-pay .card > div input.card_number {
  border: 0 none;
}
.stripe_msg {
background: #fff none repeat scroll 0 0;
color: red;
display: inline-block;
float: left;
padding: 0 15px 15px;
width: 100%;
font-size: 15px;
line-height: 19px;
}


.commweb-cardForm {
  display: none;
    z-index: -5;
}
.commweb-cardForm.showform {
  
  display: block;
  
  margin: auto;
  max-width: 300px;
  position: fixed;
  
  top: 35%;
  z-index: 1000000001;
}
.commweb-card-pay .card {
  background: #fff none repeat scroll 0 0;
  padding: 15px;
}
.commweb-card-pay .card > div {
  width: 100%;
}
.commweb-card-pay .card > div input:not(.btn-submit) {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: currentcolor #bbb currentcolor currentcolor;
  border-image: none;
  border-style: none solid none none;
  border-width: 0 1px 0 0;
  float: left;
  margin: 0 0 5px;
  padding: 11px 8px;
  width: 33.33%;
  background: rgb(115, 159, 178) none repeat scroll 0 0;
  font-weight: bold;
  color:#fff;
}
.commweb-card-pay .card > div.card-number input,.commweb-card-pay .card > div input.btn-submit {
  width: 100%;
}

.commweb-card-pay .card > div input.card_cvv,.commweb-card-pay .card > div input.card_number {
  border: 0 none;
}
.commweb_msg {
background: #fff none repeat scroll 0 0;
color: red;
display: inline-block;
float: left;
padding: 0 15px 15px;
width: 100%;
font-size: 15px;
line-height: 19px;
}

.tutis-enrolment-content #ajax-loading-screen_ {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 1000000000;
}
.tutis-enrolment-content #ajax-loading-screen_ .loading-icon {
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tutis-enrolment-content #ajax-loading-screen_ .loading-icon .default-skin-loading-icon {
    width: 100%;
    height: 100%;
    background-position: center;
    display: block;
    background-repeat: no-repeat;
    background-image: url(images/pageloader.gif);
  background-size: 50px;
}
table.width-style tbody tr > td:first-child {
  width: 192px;
}
.right-block .field.tutis-description, .right-block .field.tutis-courseTitle {
    width: 21% !important;
}
/* region/state */
/* .contact-details.create-user-details.tutis_other_country {
  position: relative;
}
.contact-details.create-user-details.tutis_other_country::after {
  background: #bbb none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
} */

/* .tutis_other_country .contains.ul_list > span::after {
  background: #bbb none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: table;
  height: 100%;
  left: 4px;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 99.3%;
  z-index: 3;
} */

.tutis_other_country .contains.ul_list::before {
  background: #bbb none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 5px;
  top: 0;
  z-index: 3;
  opacity:0.5;
}
.tutis-enrolment-content #create-user-form input, .tutis-enrolment-content #create-user-form select{margin:0px;}
.create-user-details {
    margin-bottom: 10px;
}
/* region/state */
/**dh modal in middle**/
.modal-dialog.modal-m {
    left: 0;
}
.validation_error_enrol .modal-dialog{
   left: 0;
}
.progress{
  float: none;
  width: 100%;
}
#new_filter_v3{
    margin: -30px 0 15px 0;
}
#calendar-tutis .fc-center h2{
  font-size: 25pt;
}
.notediscountin{
  font-size: 12px;
  display:inline-block;
}
.usi-form-link{
  clear: both;
}
#tutis-courses #select_oc_ses{
      margin-bottom: 10px;
}
#tutis-courses .listin-removecource-new{
  width: 20px !important;
}
#tutis-courses h2.scourses-ln{
    margin-top: 0;
    clear: both;
    padding: 0;
}
/*dh Calendar selected course listing*/
.courseNameUl{
  font-size: 22px;
  padding: 0 0 0 10px;
}
#tutis-courses #error_msg_cf{
  margin: 0 0 20px 0;
}
#tutis-courses.tutis_area_760_600 .sortby > .contains {
    float: right;
}
.payment-field input[type="submit"]:hover {
    background: #F87C23;
    color: #fff;
    border: 2px solid #F87C23;
}
div#fullCalModal{
    z-index: 100000;
}

.fc-day-grid-event > .fc-content { 
    white-space: unset !important; 
}