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

:root{
    --primary-color: #042561;
    --secondary-color:#e3f4ff ;
	--card-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.06);
	--card-border-color: #f1f1f4;
    --global-rounded-btn: 3px;
}
body{
 background: #EEF4FF;
}
*, ::after, ::before {
    box-sizing: border-box;
}
a {
    color: var(--primary-color);
}
.card{
    box-shadow: var(--card-box-shadow);
    border-color: var(--card-border-color);
}
.card-header{
    background: var(--primary-color);
    color: #fff;
    border-bottom: none;
}
.form-label {
    margin-bottom: .2rem;
}   
.required{
    color: red;
}
.border-dashed {
    border-style: dashed!important;
    border-color: #ced4da !important;
}
.imagePan i, .imagePan p, #resumeFileName{
    color: #999;
	text-transform: capitalize;
}
#resumeFileName{color: #000;}
.imagePan p{
    font-size: smaller  ;
}
.imagePanBx:hover{
    border-color: #666 !important;
}
.image-input {
    width: 100%;
    height: 80px !important;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    background: #ededed;
}
.select.form-control{
	position:relative;
}
select.form-control::after{
	position:absolute;
	content:"";
	right:0;
	top:10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 50px solid grey;
	z-index:99;
}

.csForm .form-label{
	color:#666;
	font-size:13px;
}
.csForm .form-control{
	/*background:#EEF4FF;*/
}
.btnCancel{
	background:#CFE3FB !important;
	color:#000 !important;
}
.csForm .form-control::placeholder{
	opacity:0.5;
	font-size:13px;
	color:#798dab;
}

/* datepicker css */
#ui-datepicker-div {
	font-size: 1rem !important;
    
}
.ui-datepicker td span, .ui-datepicker td a{
    text-align: center;
}
.input_inline i {
    position: absolute;
    right: 10px;
    top: 36px;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    color: #999;
}
.hasDatepicker{
   padding-right: 30px; 
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fff;
    background: var(--primary-color);
    color: #fff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid var(--primary-color);
    background: var(--secondary-color);
    font-weight: normal;
    color: #212121;
}
.ui-datepicker .ui-datepicker-buttonpane button{
    font-size: 0.8rem;
}
.addBtn button{
    background: var(--primary-color);
    color: #fff;
    padding: .5rem 1rem;
    font-size: 1rem;
}
.addBtn button:hover{
    background: var(--secondary-color);
}

/* datepicker css */

.heading1{
    background: #ABC6F3;
    border-radius: var(--global-rounded-btn);
}
.singleLang{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.singleLang select{
    border: 1px solid #ededed;
    padding: 1px 3px;
    border-radius: var(--global-rounded-btn);
}
.removebtn{
    background: #3074C7;
    border: 1px solid var(--primary-color);
    color: #fff;
    border-radius:var(--global-rounded-btn);
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.removebtn:hover{
    background: #fff;
}

.upload_btn{
    background: #ededed;
    padding: 5px;
    position: relative;
    border-radius: var(--global-rounded-btn);
}
.upload_btn:before {
    position: absolute;
    content: "Upload CV";
    left: 0;
    top: 0;
    width: 113px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ABC6F3;
}

.btn-primary {
    color: #fff;
    background-color:var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.btn-secondary {
    color: #fff;
    background-color: #5c636a !important;
    border-color: #565e64 !important;
}

.action_btn .btn{
    width: 100px;
    text-align: center;
}
.action_btn .btn:hover{
	opacity:0.8
}
.btn.btn-danger{
	padding:6px !important
}

.input {
    width: 60px;
    height: 90px;
    border: 1px solid var(--primary-color);
    /* border-bottom: 3px solid rgba(0, 0, 0, 0.5); */
    border-radius: 12px;
    margin: 0 10px;
    text-align: center;
    font-size: 3rem;
    /* cursor: not-allowed;
    pointer-events: none; */
}
 
.input:focus {
    border: 1px solid orange;
    outline: none;
}
 
.input:nth-child(1) {
    cursor: pointer;
    pointer-events: all;
}
.text-primary{
    color: var(--primary-color) !important;
}
.otpResendBtn{
    color: white !important;
    padding: 5px !important;
    background-color: green !important;
    border: 2px solid green !important;
    border-radius: 5px !important;
}
.display-none{
    display: none !important;
}

.choices__input{
    box-shadow: 0 0 0 transparent;
    border-radius: 5px;
    border: 1px solid #8c8f94 !important;
    background-color: #fff;
    color: #2c3338;
}
.choices__button{
    background-color: transparent !important;
}