/*checker page*/
div#checker_body_wrapper{
position:relative;
/*border:1px solid red;*/
height:100%;
box-sizing:border-box;
}


div#checker_content_wrapper{
position:relative;
min-height:860px;
/*border:1px solid red;*/
padding:0px 0px 0px 0px;
}


/*==========================================
    DESIGNER CHECKER INTRO
==========================================*/

div#designer_checker_intro,div#model_checker_intro{
    width:100%;
    text-align:center;
    margin:40px 0 35px;
}

div#designer_checker_intro h1,div#model_checker_intro h1{
    font-family:Playfair;
    font-size:2.8rem;
    color:#1c2b4a;
    letter-spacing:.5px;
    margin-bottom:12px;
}

div#designer_checker_intro p,div#model_checker_intro p{
    width:100%;
    max-width:800px;
    margin:auto;
    font-family:roboto_regular;
    font-size:1rem;
    line-height:1.8;
    color:#666;
}

div#search_page_wrapper{
position:relative;
width:100%;
max-width:60%;
/*border:1px solid red;*/
margin:auto;
}

div#designer_search_div{
position:relative;
min-height:120px;
border:1px solid rgb(240,240,240);
border-radius:5px;
box-sizing:border-box;
padding:7px 10px 10px 20px;
box-shadow:0 15px 40px rgba(0, 0, 0, 0.08);
}

div#designer_search_div em{
display:block;
font:normal 12px notosans;
color:rgb(100,100,100);
margin:15px 0px 0px 0px;
}

form#check_student_dtls div#form_row{
position:relative;
/*border:1px solid red;*/
display:flex;
gap:50px;
min-height:50px;
}

form#check_student_dtls label{
display:block;
font:16px poppins_semibold;
}

div#input_div{
position:relative;
display:flex;
flex-wrap:nowrap;
border:1px solid rgb(200,200,200);
width:70%;
height:55px;
box-sizing:border-box;
padding:5px 5px 5px 10px;
margin:5px 0px 0px 0px;
border-radius:5px;
}

div#input_div span{
display:block;
}

div#input_div span svg{
display:block;
margin-top:10px;
color:rgb(100,100,100);
}

div#input_div input{
display:block;
width:100%;
height:100%;
box-sizing:border-box;
padding-left:10px;
border:0px;
color:rgb(100,100,100);
font:14px notosans;
background:transparent;
}

div#submit_div{
width:20%;
height:55px;
margin:5px 0px 0px 0px;
display:flex;
flex-wrap:nowrap;
gap:10px;
background:rgb(41, 33, 81);
color:white;
box-sizing:border-box;
padding:9px 0px 0px 10px;
border-radius:5px;
}

div#submit_div svg{
display:block;
margin-top:7px;
}

div#submit_div > input[type='submit']{
display:block;
height:100%;
border:0px;
box-sizing:border-box;
font:14px notosans;
margin-top:-5px;
background:transparent;
color:white;
cursor:pointer;
}

div#display_designer_info{
margin:50px 0px 0px 0px;
background:rgb(255,255,255);
box-sizing:border-box;
border-radius:5px;
}

div#designer_card_wrapper{
box-shadow:0 15px 40px rgba(0, 0, 0, 0.08);
border:1px solid rgb(240,240,240);
min-height:300px;
margin:0px 0px 50px 0px;
border-radius:15px;
box-sizing:border-box;
padding:20px;
}

div#designer_card_wrapper > h2{
font:22px poppins_semibold;
}

span.hori_line{
display:block;
height:5px;
width:50px;
background:#292151;
margin:5px 0px 5px 0px;
border-radius:5px;
}

div#thumb_details_div{
/*border:1px solid blue;*/
display:flex;
gap:20px;
margin:20px 0px 0px 0px;
}

div#thumb_details_div > div{
/*border:1px solid red;*/
}

div#thumb_wrap{
display:flex;
gap:30px;
border-right:1px solid rgb(200,200,200);
padding-right:100px;
}

div#thumb_div{
position:relative;
/*border:1px solid red;*/
}

div#thumb_div > div{
position:relative;
height:210px;
width:200px;
border-radius:50%;
/*border:1px solid blue;*/
}

div#thumb_div > div:after{
content:'';
top:50%;
left:50%;
transform:translate(-50%,-50%);
height:220px;
width:210px;
position:absolute;
z-index:1;
display:block;
border:2px solid rgb(232, 178, 71);
border-radius:50%;
}

div#thumb_div div figure{
position:relative;
height:210px;
width:200px;
border-radius:50%;
overflow:hidden;
}

div#thumb_div figure img{
width:100%;
height:100%;
object-fit:cover;
}

div#details_div{
/*border:1px solid red;*/
}

div#details_div > h5{
font:22px poppins_semibold;
margin:0px 0px 20px 0px;
}

div#details_div > div{
display:flex;
gap:10px;
margin:0px 0px 20px 0px;
}

div#details_div > div > span{
display:block;
height:20px;
width:20px;
border-right:1px solid rgb(200,200,200);
font:bold 12px notosans;
padding-right:5px;
}

div#details_div > div > span svg{
display:block;
width:20px;
height:20px;
margin-top:2px;
color:#E8B247;
}

div#model_card_wrapper{
box-shadow:0 15px 40px rgba(0, 0, 0, 0.08);
border:1px solid rgb(240,240,240);
min-height:200px;
border-radius:15px;
box-sizing:border-box;
padding:20px;
}

div.d_details p:first-of-type{
font:bold 14px notosans;
color:#292151;
}

div.d_details p:last-of-type{
font:14px notosans;
color:rgb(100,100,100);
}

div#thumb_slot_info{
position:relative;
/*border:1px solid red;*/
padding-left:50px;
width:20%;
}

div#thumb_slot_info > div{
/*border:1px solid red;*/
width:100%;
margin:auto;
}

div#thumb_slot_info > div > h5{
font:12px notosans;
text-align:center;
color:rgb(100,100,100);
}

div#thumb_slot_info > div > p{
width:60px;
height:70px;
margin:10px auto 10px auto;
background:rgb(239, 203, 132);
border:2px solid rgb(232, 178, 71);
text-align:center;
box-sizing:border-box;
padding:15px 0px 0px 0px;
border-radius:10px;
font:22px poppins_semibold;
}

div#thumb_slot_info > div span{
display:block;
height:1px;
width:80%;
margin:auto auto 10px auto;
background:rgb(240,240,240);
}

div#thumb_slot_info > div h6{
margin:10px auto 10px auto;
background:rgb(239, 203, 132);
border:2px solid rgb(232, 178, 71);
height:30px;
width:100px;
border-radius:10px;
text-align:center;
font:14px poppins_semibold;
box-sizing:border-box;
padding:3px 0px 0px 0px;
}

div#display_models_header{
position:relative;
display:flex;
}

div#display_models_header > div{
width:50%;
position:relative;
/*border:1px solid red;*/
box-sizing:border-box;
}

div#display_models_header > div h5{
font:22px poppins_semibold;
}

div#display_models_header p{
position:absolute;
top:0px;
right:30px;
width:250px;
height:35px;
background:rgb(0, 38, 91);
border-radius:5px;
box-sizing:border-box;
padding:7px 0px 0px 10px;
font:14px notosans;
color:rgb(255,255,255);
display:flex;
gap:5px;
}

div#display_models_header p span{
display:block;
height:25px;
width:25px;
border-radius:50%;
background:white;
text-align:center;
align-items:center;
margin:-2px 0px 0px 0px;
}

div#display_models_header p span svg{
color:rgb(0, 38, 91);
height:20px;
width:20px;
margin:2px auto auto auto;
}

div#display_models_header_2 p{
color:rgb(255,255,255);
font:14px notosans;

}

div#display_models_wrapper{
position:relative;
margin:30px 0px 0px 0px;
}

div#designer_model_pair{
position:relative;
border:1px solid rgb(200,200,200);
border-radius:5px;
min-height:150px;
margin-bottom:20px;
padding:0px 0px 20px 0px;
}

div#designer_model_pair > div#model_name_data{
display:flex;
justify-content:center;
gap:20px;
padding:20px 0px 0px 200px;
}

div#model_info_wrap{
display:flex;

padding:20px 0px 0px 200px;
/*border:1px solid red;*/
}

div#model_info_wrap > figure{
height:80px;
width:80px;
}

div#model_info_wrap >figure img{
display:block;
height:100%;
width:100%;
}

div#designer_model_pair > div > div{
border-right:1px solid rgb(200,200,200);
padding:20px 50px 20px 30px;
box-sizing:border-box;
/*border:1px solid blue;*/
display:flex;
justify-content:center;
gap:10px;
}

div#designer_model_pair > div > div h5{
font:600 14px notosans;
text-align:center;
}

div#designer_model_pair > div > div:last-of-type{
border:0px;
}

div#designer_model_pair > div > p{
font:22px poppins_semibold;
}

div.assign_model_count{
    position:absolute;
    top:0;
    left:50px;
    width:90px;
    height:50px;
    background:rgb(0, 38, 91);
    color:#fff;
    z-index:2;
	font:16px poppins_semibold;

}

div.assign_model_count:after{
    content:'';
    position:absolute;
    left:0px;
    bottom:-23px;
    width:0;
    height:0;
    border-left:45px solid transparent;
    border-right:45px solid transparent;
    border-top:25px solid rgb(0, 38, 91);
}

div.assign_model_count p{
position:relative;
text-align:center;
font:14px notosans;
}

div#model_sex span svg{
color:#ED4D88;
}

div#model_size span svg{
color:#437ED1;
}

div#model_phone span svg{
color:#4CB37F;
}

div#model_note{
padding:10px;
border:2px dashed rgb(200,200,200);
margin:10px;
}

div#model_note p{
text-align:center;
color:rgb(100,100,100);
font:14px notosans;
}

div#checker_bg{
width:100px;
margin:auto;
position:fixed;
left:50%;
top:50%;
transform:translate(-50%,-50%);
/*border:1px solid red;*/
display:none;
}

div#checker_bg img{
display:block;
margin:auto;
}

/*==========================================
    BACK HOME
==========================================*/
div.back_home_wrapper{

    width:100%;

    text-align:center;

    margin:20px 0px 50px 0px;

}

a.back_home{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin:40px auto 0;

    padding:12px 22px;

    border-radius:10px;

    text-decoration:none;

    font-family:poppins_semibold;

    font-size:.95rem;

    color:#292151;

    background:#f7f7fb;

    border:1px solid #e6e7ef;

    transition:all .3s ease;

}

a.back_home svg{

    width:20px;

    height:20px;

    stroke-width:2;

    transition:transform .3s ease;

}

a.back_home:hover{

    background:#292151;

    color:#fff;

    border-color:#292151;

    box-shadow:0 10px 25px rgba(41,33,81,.18);

}

a.back_home:hover svg{
    transform:translateX(-5px);

}

a.back_home:active{
    transform:scale(.98);
}

/*==========================================
    DESIGNER NOT FOUND
==========================================*/

div.not_found{
    width:100%;
    max-width:500px;
    margin:50px auto;
    padding:45px 35px;
    background:#fff;
    border:1px solid rgb(235,235,235);
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    text-align:center;
}

div.not_found svg{
    display:block;
    width:60px;
    height:60px;
    margin:0 auto 20px auto;
    color:#C84B4B;
    stroke-width:1.8;
}

div.not_found h3{
    font:26px Playfair;
    color:#292151;
    margin:0 0 18px 0;
}

div.not_found p{
    width:85%;
    margin:auto;
    font:15px/1.8 notosans;
    color:rgb(100,100,100);
}

div#fetch_design_infos{
position:relative;
}

div#fetch_design_infos h3{
font:bold 16px rubik;
margin:10px 0px 10px 0px;
}

div#display_found_designers{
position:relative;
margin:10px auto 0px auto;
width:30%;
}

div#display_designers_wrapper{
position:relative;
max-height:200px;
overflow:scroll;
margin:5px 0px 0px 0px;
}



div#display_designers_wrapper > div{
position:relative;
box-shadow:0px 0px 8px rgba(180,180,180,.3);
margin:0px auto 20px auto;
padding:10px 20px 10px 40px;
display:flex;
flex-wrap:wrap;
gap:5px;
width:95%;
box-sizing:border-box;
border-radius:5px;
}

div#display_designers_wrapper > div > div{
box-sizing:border-box;
}

div#display_designers_wrapper > div > div:first-of-type{
width:100%;
}

div#display_designers_wrapper > div > div:not(.designer_name_data){
width:calc(100% / 3.1);
}

div.designer_info_data:not(div.designer_info_data:last-of-type){
border-right:1px solid rgb(240,240,240);
}

div#display_designers_wrapper > div > div h5{
font:bold 14px notosans;
}

div#display_designers_wrapper > div > div p{
font:14px notosans;
}

div#display_designers_wrapper > div span{
display:block;
position:absolute;
left:8px;
z-index:5;
width:20px;
height:20px;
border-radius:50%;
background:black;
color:white;
text-align:center;
font:12px roboto_regular;
box-sizing:border-box;
padding:3px 0px 0px 0px;
}