#distritable thead th{
	border-bottom:0px!important;
}
#sale_repritable thead th{
	border-bottom:0px!important;
}
#shoptable thead th{
	border-bottom:0px!important;
}

#shoplist .modal-dialog {
 	max-width: 900px!important;
 }

 /*blink css bootstrap */
 .blink{

		color: green;

		animation: blink 1s infinite;
		animation-iteration-count: 3;
	 }

	 @keyframes blink{
		0%{opacity: 1;}
		75%{opacity: 1;}
		76%{ opacity: 0;}
		100%{opacity: 0;}
	 }

#employee_table thead th{
	border-bottom:0px!important;
}


table.dataTable.no-footer{
	border-bottom:0px!important;
}

#modifyclass #classtable thead th{
	border-bottom:0px!important;
}

#modifyuser #usertable thead th{
	border-bottom:0px!important;
}

 #modifyclass .modal-dialog {
 	max-width: 1297px!important;
 }

 #modifyuser .modal-dialog {
 	max-width: 1370px!important;
 }
 .dropdown_div{
 	display:none;
 	overflow-y:auto;
 	overflow-x:hidden;
 	height:113px;
 	margin-top:7px;
 	width:175px;
 	border: 1px solid #e5e5e5;
 	position: absolute;
 	 z-index: 1000;
 	 background: #fff;
 	 color: #000;
 	 border-radius: 4px;
 }

 .errormessage{

	 display: none;
 }
 .invalid-feedback{
	 margin-left: 100px;
 }


/***/
.fontsize14px{
	font-size: 14px;
}
.fontsize17px{
	font-size: 17px;
}
.fontsize18px{
	font-size: 18px;
}
.fontsize20px{
	font-size: 20px;
}
.fontsize30px{
	font-size: 30px;
}

.padding0px{
	padding: 0;
}
.paddinglr10px{
	padding-left:10px;padding-right: 10px;
}
.paddingleft25px{
	padding-left: 25px;
}
.padding30px{
	padding: 30px
}
.padding10px{
	padding: 10px
}
.pt20px{
    padding-top: 20px;
}
.mt0px{
    margin-top: 0 !important;
}
.mt10px{
    margin-top: 10px;
}
.mt15px{
	margin-top: 15px;
}
.mt20px{
    margin-top: 20px;
}
.ml15px{
	margin-left: 15px
}
.mb10px{
    margin-bottom: 10px;
}
.mb15px{
    margin-bottom: 15px;
}
.clearboth{
	clear: both;
	height: 1px;
}
.borderbottomlightgrey{
	border: 1px solid lightgrey;
}
.h50px{
	height: 50px;
}
.h26px{
    height: 26px;
}
.w100per{
	width: 100% !important;
}
.w200px{
	width: 200px !important;
}

.displaynone{
	display: none;
}

.liststylenone{
	list-style: none
}
.overflowauto{
    overflow: auto;
}
/******/
.divdeletecart{
	text-align: right;padding-right: 1px;  right: 10px;
}
.divcountrycodeTable{
	margin-top: 15px; overflow: auto; width: 100%: height: 300px;
}
.dashboard_main_content .ccn-sidebar-region{
    display: block !important;
}
.spancoursename{
	font-size: 17px;vertical-align: -webkit-baseline-middle;
}
.divcoursecost{
	text-align: right;padding-right: 1px; right: 10px;
}
.deletefromcart2{
	cursor: pointer;font-size: 12px;margin-bottom: 2px;
	font-family: FontAwesome !important;
}
.spandiscount{
	vertical-align: -webkit-baseline-middle;" ><b style="font-size: 17px;
}

.rowtotalcost{
	background: powderblue; padding-bottom: 10px;  padding-top: 10px;margin-bottom: 10px;
}
.spantotalpayment{
	width: 100px; text-align: center;
	/* float: right; */
	color:red;
}

.cart_btnss2 {
    border-radius: 27px;
    background-color: rgb(255,16,83);
    display: block;
    font-size: 15px;

    color: rgb(255,255,255) !important;
    height: 50px;
    line-height: 3.2;
    margin-bottom: 23px;
    margin-top: 23px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 234px;
    border: 2px solid #8d1f28;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cart_btnss_white2 {
    background-color: #fff;
    border: 2px solid #8d1f28;
    border-radius: 27px;
    color: #8d1f28;
    display: block;
    font-size: 15px;
    text-align: center;
    line-height: 3.2;
    margin-bottom: 23px;
    height: 50px;
    max-width: 234px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cart_btnss_white2:hover {
    background-color: #8d1f28;
    color: #fff;
}
.courseprice{
    font-size: 30px;
    font-family: cocoonCustomPrimary;
    color: rgb(10, 10, 10);
    font-weight: 700;
    line-height: 1.2;
}
.courseenrolled{
    font-size: 30px;
    text-align: center;
    color: rgb(10, 10, 10);
    font-weight: 700;
    line-height: 1.2;
    margin-top: 10px;
}
.yourenrolled2{
    margin-top: 10px;
    text-align: center;
}

 .country-inline-container>div:nth-of-type(odd) {
  background: #f8f8f8;
}
.country-inline-container>div:nth-of-type(even) {
  background: #f2f2f2;
}
.country-inline-container {
  padding-top: 5px;
  text-align: center;
}
.counry-inline-row {
    color: #333;
    font-size: smaller;
    padding: 2px 0;
}
.counry-name-inliner {
    display: inline-block;
    width: 30%;
    padding:2px;
}

.counry-cost-inline {
    display: inline-block;
    width: 30%;
    padding:2px;
}
.cartcountrycosts{
    padding-top: 12px;
    padding-bottom: 12px;
}

/* Cart */
.bcartbuyicon{
	padding: 0 !important;
	vertical-align: top !important;
}
.bcartbuyicon:hover,.cartaddcardicon:hover{
    cursor: pointer;
}
.cartaddcardicon{
	font-size: 18px;margin-left: 7px;
}
.bcartcount{
	position:absolute;margin-top:0px;background-color:red;padding:0 4px; line-height:15px; color:white; font-size:10px; border-radius:100px;
}
.cartcount{
	position:absolute;margin-top:0px;background-color:red;padding:0 4px; line-height:15px; color:white; font-size:10px; border-radius:100px;
}
.incarincocolor{
    color:orange;
}
.carticoncolor{
    color:#e35a9a;
}
.divviewcart{
	float:right; height:24px; width:100%;
}
/*.deletefromcart{
	cursor: pointer;font-size: 30px;margin-bottom: 2px;font-family: FontAwesome;
}*/

.courseitem{
	padding-top: 10px;
	padding-bottom: 10px;
}
.courseitmes>div.courseitem:nth-of-type(odd) {
  background: #f8f8f8;
}
.courseitmes>div.courseitem:nth-of-type(even) {
  background: #f2f2f2;
}
.cart_view{
	width: 100%;
}
.couponrow{
	margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid lightgrey;
    padding-top: 20px;
}

.topgrayborder{
	border-top: 1px solid lightgrey;
	margin-bottom: 20px;
}


.w100per{
	width: 100%;
}

.divcatcourses{
    width: 100%;
    max-height: 600px;
    overflow: auto;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 5px;
}
.catcourses{
    list-style: none;
}
.plandetails{
    border: 1px solid lightgrey;
    border-radius: 5px;
    padding: 5px;
    width: 95%;
    margin-left: 10px;
}

.buyedcourseslist{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.buyedcourse{
    padding-top: 10px;
}
.plandetails{
    height: 350px;
}
.planname{
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.selectplan{
    width: 85%;
    border: 1px solid white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    bottom: 0;
    /*position: absolute;*/
    margin-bottom: 5px;
		/* left: 8%; */
}
.selectplan:hover{
    border: 1px solid gold;
    background: gold;
    color: white;
}
.plancost{

    text-align: center;
    width: 100%;
    font-size: 26px;
}

.plansubtitle{
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}
.plannumcourses{
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}
.planfeatures{
    text-align: center;
    margin-bottom: 5px;
    font-size: 14px;
		height: 120px;
		overflow-y: auto;
}
.planselected{
    border: 1px solid orange;
    background: lemonchiffon;
}

.planselected{
    border: 1px solid #8D1F27 !important;
    background: #8D1F27 !important;
    color: white !important;
}
.planselected:hover{
    border: 1px solid goldenrod;
    background: goldenrod;

}

.noplanpurchased{
    font-weight: bold;
    margin-top: 15px;
}

.buyedplanname{
    margin-bottom: 0;
    background: lightgray;
    padding-left: 5px;
    margin-top: 10px;
}

/* Dashboard view (start) */

#heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left;
    padding: 5px;
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform input{
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 2px;
    width: 85%;
    box-sizing: border-box;
    color: #2C3E50;
    background-color: white;
    font-size: 14px;
    font-weight: bold;

}
.paymentbutton{
		background: orange !important;
    color: white !important;
    border: 1px solid orange !important;
}
.paymentbutton:hover{
		background: darkorange !important;
		border: 1px solid darkorange !important;
}
#msform input[type="radio"],.paymentmethods{
    width: auto !important;
}
#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #673AB7;
    outline-width: 0
}

#msform .action-button {
    width: 100px;
    background: #673AB7;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #311B92
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #8D1F27;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: center;
}
.fs-subtitle{
    text-align: center;
    color: gray;
    font-size: 13px;
}
.purple-text {
    color: #673AB7;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: darkred;
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 33%;
    float: left;
    position: relative;
    font-weight: 400
}

/*#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f13e"
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f030"
}
*/

#progressbar li span.wnumber {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}
#progressbar li.active span.wnumber {

    background: darkred;

}
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: darkred;
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #673AB7
}

.fit-image {
    width: 100%;
    object-fit: cover
}

.plancourses .top_courses2:not(.list) {
    margin-bottom: 30px;
    padding-bottom: 0px !important;
}
.plancourses .top_courses2 {
    border: 1px solid rgb(219,225,229);
    border-radius: 5px;
    box-shadow: none;
}
.plancourses .thumb{
    margin: 7px 7px 0px;
    border-radius: 5px;
    overflow: hidden;
    height: 192px !important;
}
.top_courses2 .thumb:hover{
    opacity: 0.7;
    cursor: pointer;
}

.top_courses2 .thumb .toverlay{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.top_courses2 .thumb:hover .toverlay{
    width: 150px;
    padding: 8px 15px;
    visibility: visible;
    /*opacity: 0.7; */
}

.top_courses2 .thumb .toverlay .tag {
    background-color: #8d1f28;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    height: 30px;
    line-height: 10px;
    margin-top: 15px;
    margin-left: 20px;
    padding: 10px;
    text-align: center;
}

.plancourses .thumb img{
    object-fit: cover !important;
    max-height: 200px;
    max-width: none !important;
}
.top_courses2 .details .tc_content {
    padding: 20px;
    padding-bottom: 0;
}
.top_courses2 .details .tc_content a {
    color: #8d1f28;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
.top_courses2 .coursedesc{
    font-size: 12px;
    text-overflow: ellipsis;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    min-height: 20px;
    color: gray;
}
.courseselected{
    border: 1px solid #8D1F27 !important;
    background: #8D1F27 !important;
    color: white !important;
}
.tc_footer{
    text-align: center;
}

.plandetails .planfeatures p{
    font-size: 13px;
    text-align: center;
		margin-bottom: 5px;
}
.gridcoursename{
	height: 85px;
	max-height: 85px;
}
.gridcoursedesc{
	   height: 50px;
}
.plancourses p{
    font-weight: bold;
    font-size: 17px;
}
.plancourses ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
}
.plancourses li{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
}
.btnenrolled:hover{
    cursor: default !important;
}

.policycheck{
    width: 15px !important;
    text-align: left;
    display: inline-block;
    margin-right: 10px;
}
.couponmsg {
    color: red;
}
/* Dashboard view (end) */