/* dev.css */

.hidden { display: none; }

/* To remove up-down arrown in input(number) field */
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    appearance: none; 
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

body { background-color: #f0f2fa; }
.form-section { padding:40px 0; }
.login-block { display:flex; justify-content:center; align-items:center; height: calc(100vh - 80px); min-height: 250px; }
.login-block .login-inner { max-width:400px; width: 100%; background-color:#fff; border-radius:10px; padding:30px; box-shadow:0 0 46px 0 rgba(0,0,0,0.05); min-height: 250px; align-items: center; display: flex; flex-wrap:wrap; }
.login-block .login-inner .content { width:100%; text-align:center; }
.login-block .login-inner .content h2 { margin-bottom:30px; }
.login-block .btn-primary { width:100%; }
.create-profile-section { background-color:#fff; padding:30px; border-radius:10px; }
.create-profile-section .heading { margin-bottom:30px; }
.create-profile-section .form .user-details { display:flex; flex-wrap:wrap; margin:0 -15px; }
.create-profile-section .form .user-details div { width:50%; padding:0 15px; margin-bottom:15px; }
.create-profile-section .form .user-details div textarea.form-control { height:102px; }
.create-profile-section .form .user-details div label { margin-bottom:4px; }

.form-control { border:1px solid #dbe1e7; }
.form-control:focus { box-shadow:none; }

.create-profile-section .form .project-form .row { display:flex; flex-wrap:wrap; margin:0 -15px; }
.create-profile-section .form .project-form .row div { width:45%; padding:0 15px; margin-bottom:15px; }
.create-profile-section .form .project-form .row .drag-project { width:5%; padding:32px 15px;}
.create-profile-section .form .project-form .row .delete-project-icon { width:5%; padding:25px 10px;}
.create-profile-section .form .project-form .row .project-description { margin-left:5%;}
.create-profile-section .form .project-form .row div label { margin-bottom:4px; }
.create-profile-section .form .project-form .row div textarea.form-control { height:102px; }
/* .create-profile-section .form .project-form .row .delete-btnrow { width:100%; margin-bottom:0; }
.create-profile-section .form .project-form .row .delete-btnrow .btn { margin-bottom:15px; } */

.create-profile-section .form .education-form .row { display:flex; flex-wrap:wrap; margin:0 -15px; padding-top:15px; }
.create-profile-section .form .education-form .row div { width:45%; padding:0 15px; margin-bottom:15px; }
.create-profile-section .form .education-form .row .drag-education { width:5%; padding:32px 15px;}
.create-profile-section .form .education-form .row .delete-education-icon { width:5%; padding:25px 10px;}
.create-profile-section .form .education-form .row div label { margin-bottom:4px; }
/* .create-profile-section .form .education-form .row .delete-btnrow { width:100%; margin-bottom:0; } */
/* .create-profile-section .form .education-form .row .delete-btnrow .btn { margin-bottom:15px; } */
.create-profile-section .form .education-form .education-drag-input { width:10%; padding:0 15px; margin-bottom:15px; }


.download-block { display: flex; justify-content: center; }
.download-block .download-inner { max-width:440px; width: 100%; background-color:#fff; border-radius:10px; padding:30px; }
.download-block .download-inner .content { width:100%; text-align:center; }
.download-block .download-inner .content h4 { margin-bottom:30px; }
.download-block .select-menu { margin-bottom:15px; width:100%; }
.download-block .select-menu select { background-image:url(../images/down-arrow.svg); background-position:right 10px center; background-repeat:no-repeat; }
.download-block .btn-row { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }


@media (max-width:767px) {
    .form-section { padding: 20px 0; }
    .login-block { height: calc(100vh - 40px); }
    .create-profile-section { padding:15px; }
    .create-profile-section .form .user-details div,
    .create-profile-section .form .project-form div,
    .create-profile-section .form .education-form div { width:100%; }
    .download-block .download-inner { padding:15px; }
}
/* .box {
    border: 3px solid #666;
    background-color: #ddd;
    border-radius: .5em;
    padding: 10px;
    cursor: move;
    width: 10%;
}
.box.over {
    border: 3px dotted #666;
} */