/* plugin style */

/*** list items ***/ 
#tutis-courses .ui-selectmenu-button span.ui-selectmenu-text {
		padding-top: 0px;
		padding-bottom: 0px;
}
#tutis-courses .ui-state-default,
#tutis-courses .sortby input,
#tutis-courses .sortby select {
	background: none;
	border: 1px solid #ccc;
	color: #666;
	transition: all .5s;
	width: 100%;
	border-radius: 5px;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	 box-sizing: border-box;
}
#tutis-courses .sortby input,
#tutis-courses .sortby select {
	padding: 9px 10px;
}
#tutis-courses .ui-state-default:focus,
#tutis-courses .sortby input:focus,
#tutis-courses .sortby select:focus {
	border-color: #F87C23;
	transition: all .5s;
}

#tutis_ascdesc-menu.ui-widget-content,
#sortbytitle-menu.ui-widget-content {
	border: 1px solid #F87C23;
}
.ui-selectmenu-menu.ui-front .ui-menu .ui-menu-item,
#tutis_ascdesc-menu.ui-menu .ui-menu-item,
#sortbytitle-menu.ui-menu .ui-menu-item{
	background: none;
	border: 0px;
	font-size: 14px;
	color: #666;
	transition: all .5s;
}
.ui-selectmenu-menu.ui-front .ui-menu .ui-state-focus,
.ui-selectmenu-menu.ui-front .ui-menu .ui-state-active,
#tutis_ascdesc-menu.ui-menu .ui-state-focus,
#tutis_ascdesc-menu.ui-menu .ui-state-active,
#sortbytitle-menu.ui-menu .ui-state-focus, 
#sortbytitle-menu.ui-menu .ui-state-active  {	
	color: #F87C23;
	font-weight: normal;
	transition: all .5s;
}

#tutis-courses .list-item.showlist {
	/* box-shadow: 3px 3px #fafafa; */
}
#tutis-courses .list-item.row-fields {
	padding: 0px;
}

#tutis-courses .list-item > div{
	padding: 0 15px; 
	box-sizing: border-box;
}
#tutis-courses .list-item > .block_top {
	padding: 15px; 
	background: #f6f6f6;
	box-sizing: border-box;
}
.block_top_heading{background:#f6f6f6;}
input, optgroup, select, textarea{color:#bbb;}

#tutis-courses .list-item > .left-block {
	padding: 15px 15px 0;
	box-sizing: border-box;
}

#tutis-courses .list-item .field > label {
	font-size: 16px;
	height:unset !important;
}
#tutis-courses .tutis-content {
	font-size: 14px;
	color: #666;
}
#tutis-courses .enrol-button.red-button {
	background: none;
    border: 2px solid #666;
    color: #333;
    padding: 7px 20px;
    border-radius: 4px;
    transition: all .5s;
    margin: 0 auto;
    font-weight: bolder;
}
#tutis-courses .enrol-button.red-button:hover { 
	background: #bbbbbb;
	color:#fff;
	transition: all .5s;
}
/*** Register Form ***/

.tutis-enrolment-content h1 {
	font-size: 34px;
	color: #F87C23;
	text-transform: uppercase;
	
}
.tutis-enrolment-content h2 {
	font-size: 26px;
	color: #333;
}	
.tutis-enrolment-content h3 {
	font-size: 24px;
	color: #666;	
}

.tutis-enrolment-content #create-user-form h3 {
	font-size: 22px;
	color: #333;
}
.tutis-enrolment-content #create-user-form .enrol-form label {
	font-size:14px;
	color: #F87C23;
	height:unset !important;
}
.tutis-enrolment-content #create-user-form .inner-row {
	margin-bottom: 5px;
}
.tutis-enrolment-content #create-user-form .inner-row > label {
	color: #666;height:unset !important;
}

.tutis-enrolment-content .ui-state-default,
.tutis-enrolment-content #create-user-form input,
.tutis-enrolment-content #create-user-form textarea,
.tutis-enrolment-content #create-user-form select {
	background: none;
	border: 1px solid #ccc;
	color: #666;
	transition: all .5s;
	/* width: 100%; */
	width: 99.3%;
	border-radius: 5px;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.tutis-enrolment-content #create-user-form input,
.tutis-enrolment-content #create-user-form select {
	/*padding: 15px 10px;*/
	padding: 10px 10px;
	height:unset;
}
.tutis-enrolment-content #create-user-form textarea {
	padding: 8px 10px;
}
.tutis-enrolment-content .ui-state-default:focus,
.tutis-enrolment-content #create-user-form input:focus,
.tutis-enrolment-content #create-user-form select:focus,
.tutis-enrolment-content #create-user-form textarea:focus {
	border-color: #F87C23;
	transition: all .5s;
}
.tutis-enrolment-content #create-user-form .previous,
.tutis-enrolment-content #create-user-form .next, 
.tutis-enrolment-content #create-user-submit, 
.tutis-enrolment-content #create-user-form a.ajax-submit,
.course-select-form-button button,.payment-field input[type="submit"],.course-select-form-button button,#create-user-form a.btn-enrol{
	font-size: 14px;
	color: #333;
	text-decoration: none;
	border: 2px solid #666;
	transition: all .5s;
	box-shadow: 0px 0px;
}
.payment-field input[type="submit"]{
	background:none;
}
.course-select-form-button button{background:none;}
.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;
	transition: all .5s;
}
.payprior-field input[type="submit"]:hover {/*dh*/
	background: #F87C23 !important;
	border-color: #F87C23!important;
	color:#fff!important;
	transition: all .5s!important;
}
#tutis-courses #pages li:hover {
	border-color: #333333;
}
#tutis-courses #pages li.active {
	border-color: #333333;
}
.content-area.tutis-enrolment-content {
  margin: 0 auto;
  max-width: 960px;
  background:#fff;
}
#tutis-courses .list-item > .open-icon {
	color: #666;
	border-color: #666;
	transition: all .5s;
}
#tutis-courses .list-item > .open-icon:hover {
	color: #F87C23;
	border-color: #F87C23;
	transition: all .5s;
}
#tutis-courses .custom_app_dis_btn_listing button.enrol-button.red-button.applycource-new-listing{
	color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}
#tutis-courses .custom_app_dis_btn_listing button.enrol-button.red-button.addcource-new-listing{
	color: #fff;
    background-color: #0a7b47;
    border-color: #0e5a20;
    margin: 0 0 0 15px;
}
#tutis-courses .custom_app_dis_btn_listing .removecource-new-listing{
	color: #fff;
    background-color: #d2322d;
    border-color: #ac2925;
    padding:7px 24px;
    margin: 0 0 0 20px;
}
.close{
	position: inherit !important;
}
@media screen and (max-width:991px) {
	#tutis-courses .list-item .left-block {
		padding-bottom: 0px;
	}
	#tutis-courses .list-item .right-block {
		padding-top: 0px;
	}
}
@media screen and (max-width:525px) {
	#tutis-courses #pages li.active {
		background: none;
		color: #F87C23;
	}
	#tutis-courses #pages li:hover {
		color: #F87C23;
	}
}