@charset "utf-8";
/* CSS Document */

#teacherSearch {padding:20px 0 50px 0;}

/*--Filters--*/
#teacherSearch .searchLeftInnerTop {background:#6100C1;border:1px solid #6100C1;border-radius:4px 4px 0 0;padding:15px;}
#teacherSearch .searchLeftInnerTop h2 {font-size:25px;font-weight:600;color:#fff;margin:0 0 0 0;padding:0;}
#teacherSearch .searchLeftInnerTop h2 a.resetBtn {font-size:14px;font-weight:400;color:#6ED2EF;margin:10px 0 0 0;padding:0;float:right;}

#teacherSearch .searchLeftInnerBottom {width:100%;float:left;border:1px solid #B9B9B9;border-radius:0 0 4px 4px;padding:15px;border-top:0px;}
#teacherSearch .searchLeftInnerBottom .frmFld {width:100%;float:left;margin:0 0 15px 0;display:inline-block;}

#teacherSearch .searchLeftInnerBottom .frmFld .subFilters {margin:5px 0 0 0;}
#teacherSearch .searchLeftInnerBottom .frmFld .subFilters ul li {display:inline-block;background:#D4D4D4;border-radius:12px;padding:8px 12px;font-size:15px;color:#fff;font-weight:400;cursor: pointer;}
#teacherSearch .searchLeftInnerBottom .frmFld .subFilters ul li span {float:left;}
#teacherSearch .searchLeftInnerBottom .frmFld .subFilters ul li:hover {background:#7791A1;}
#teacherSearch .searchLeftInnerBottom .frmFld .subFilters ul li.active {background:#7791A1;}
#teacherSearch .searchLeftInnerBottom .frmFld .subFilters ul li img {float:left;width:23px;margin-left:10px;}

#teacherSearch .searchLeftInnerBottom .frmFld .genderSelect {margin:5px 0 0 0;}
#teacherSearch .searchLeftInnerBottom .frmFld .genderSelect ul li {display:inline-block;background:#D4D4D4;border-radius:12px;padding:8px 12px;font-size:16px;color:#fff;font-weight:400;cursor:pointer;}
#teacherSearch .searchLeftInnerBottom .frmFld .genderSelect ul li:hover {background:#6100C1;}
#teacherSearch .searchLeftInnerBottom .frmFld .genderSelect ul li.active {background:#6100C1;}
#teacherSearch .searchLeftInnerBottom .frmFld .genderSelect ul li img {width:25px;float:left;}
#teacherSearch .searchLeftInnerBottom .frmFld .genderSelect ul li span {margin-left:10px;float:left;}

#teacherSearch .searchLeftInnerBottom .frmFld ul.ratingsBlock li {display:block;width:100%;margin-top:5px;}
#teacherSearch .searchLeftInnerBottom .frmFld ul.ratingsBlock li.active .fa, #teacherSearch .searchLeftInnerBottom .frmFld ul.ratingsBlock li.active small {color:#6100C1;}
#teacherSearch .searchLeftInnerBottom .frmFld ul.ratingsBlock li .fa {color:#FFCE00;font-size:20px;}
#teacherSearch .searchLeftInnerBottom .frmFld ul.ratingsBlock li small {color:#5C616E;font-size:15px;font-weight:500;}

#teacherSearch .searchLeftInnerBottom .frmFld label {color:#5C616E;font-size:16px;font-weight:600;margin:0 0 10px 0;}
#teacherSearch .searchLeftInnerBottom .frmFld input[type=text], #teacherSearch .searchLeftInnerBottom .frmFld select {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;}
#teacherSearch .searchLeftInnerBottom .frmFld .selectric {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;}
#teacherSearch .searchLeftInnerBottom .frmFld .selectric .button {background:transparent;}

#teacherSearch .searchLeftInnerBottom .frmFld .checkboxContainer{display:block;position:relative;padding-left:22px;margin-bottom:12px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400!important;}
#teacherSearch .searchLeftInnerBottom .frmFld .checkboxContainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
#teacherSearch .searchLeftInnerBottom .frmFld .checkboxContainer .checkmark{position:absolute;top:4px;left:0;height:18px;width:18px;background-color:#fff;border:2px solid #707070;border-radius:4px;}
#teacherSearch .searchLeftInnerBottom .frmFld .checkboxContainer:hover input~.checkmark{background-color:#ccc}
#teacherSearch .searchLeftInnerBottom .frmFld .checkmark:after{content:"";position:absolute;display:none}
#teacherSearch .searchLeftInnerBottom .frmFld .checkboxContainer input:checked~.checkmark:after{display:block}
#teacherSearch .searchLeftInnerBottom .frmFld .checkboxContainer .checkmark:after {left:5px;top:1px;width:5px;height:10px;border:solid #6100C1;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

#teacherSearch .searchLeftInnerBottom .frmFld #cancelButton {width:100%;background:#6100C1;border:0px;padding:18px;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;border-radius:12px;margin-top:50px;}

#teacherSearch .searchLeftInnerBottom .frmFld .feesSelect ul li {display:inline-block;margin-right:10px;}
#teacherSearch .searchLeftInnerBottom .frmFld .feesSelect ul li label {background:none!important;}

#teacherSearch .searchRight .card {padding:45px 15px;border:1px solid #CCCCCC;border-radius:12px;width:49%;float:left;margin-bottom:2%;}
#teacherSearch .searchRight .card:nth-child(odd) {margin-right:2%;}
#teacherSearch .searchRight .card .imgBlock {margin:0 auto 0 auto;}
#teacherSearch .searchRight .card .imgBlock img {border-radius: 5px;height: 160px;object-fit: cover;}

#teacherSearch .searchRight .card .personalDetail {text-align:center;margin:25px 0;}
#teacherSearch .searchRight .card .personalDetail h2 {font-size:25px;font-weight:600;color:#000;margin:0 0 0 0;padding:0;}
#teacherSearch .searchRight .card .personalDetail p {font-size:15px;font-weight:400;color:#000;margin:5px 0 0 0;padding:0;line-height:20px;}

#teacherSearch .searchRight .card .paymentDetails {width:100%;border-top:1px solid #B9B9B9;border-bottom:1px solid #B9B9B9;padding: 10px 0 0 0;margin:0 0 25px 0;}
#teacherSearch .searchRight .card .paymentDetails ul li {font-weight:500;margin-bottom: 10px;}
#teacherSearch .searchRight .card .paymentDetails ul li img {width:25px;}

#teacherSearch .searchRight .card .teacherBtns button {width:48%;background:#5375E2;border:0px;padding:18px;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;border-radius:12px;}
#teacherSearch .searchRight .card .teacherBtns button:last-child {background:#23305E;}


@media screen and (max-width:812px)
{
	.teacherSearchBlock .searchLeft {width:100%;}
	.teacherSearchBlock .searchRight {width:100%;margin-top:20px;}
}

@media screen and (max-width:736px)
{
	#teacherSearch .searchRight .card .teacherBtns button {width:100%;}
	#teacherSearch .searchRight .card .teacherBtns button.viewProfile {margin-top:10px;}
}

@media screen and (max-width:500px)
{
	#teacherSearch .searchRight .card {width:100%;padding:15px;}
}