:root {--secthemecolor:#e65205;}
:root {--themecolor:#e65205;}
:root {--themecolor2:#000000;}
:root {--textcolor:#e65205;}




/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}





h1, h2, h3, h4, h5, h6, div, body, li, ul{
	font-family: 'Poppins',Arial;
}



.btn-primary, .btn-primary:hover, .btn-primary:active{
	background:var(--themecolor) !important;
	border-color:var(--themecolor) !important;
	box-shadow: 0 .5px 2px rgba(0,0,0,.1) !important;
	border-radius: 0.25rem !important;
	transition: border-color 0s ease-in-out, box-shadow 0s ease-in-out!important;
}
/* Animations ####################################*/
.j-spin{animation:j-spin 2s infinite linear}@keyframes j-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.j-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.j-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.j-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.j-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.j-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.j-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.j-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.j-animate-input{transition:width 0.4s ease-in-out}.j-animate-input:focus{width:100%!important}
.j-opacity,.j-hover-opacity:hover{opacity:0.60}.j-opacity-off,.j-hover-opacity-off:hover{opacity:1}
.j-opacity-max{opacity:0.25}.j-opacity-min{opacity:0.75}
/* End Animations ####################################*/

.flex_col {
	display: flex;
	flex-direction: column-reverse;
	padding-bottom:50px;
}
@media screen and (min-width: 768px) {
	.flex_col {
		flex-direction: row;
	}
}



.radio input[type="radio"]:checked + label::before {
  color: var(--themecolor2) !important;
  border-color: var(--themecolor2) !important;
}

.radio input[type="radio"]:checked + label::after {
  background: var(--themecolor) !important;
  border-color: var(--themecolor) !important;
}


.switch input[type="checkbox"]:checked + label {
  background: var(--themecolor) !important;
  border-color: var(--themecolor) !important;
}


.sT{
    display: none;
}
.bg_color{
	background-color: var(--themecolor) !important;
}
.text_color{
	color: var(--textcolor);
}

.color_white{
	color: #fff;
}
.color_black{
	color: #000;
}

.title_text{
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #3B3B3B;
}




.form-control{
	/*background-color: #e8eaec;*/
	background-color: #fff	!important;
	border-radius: 2px;
	
	/*height:50px !important;*/
}

.myform{
	border-radius:5px;
	border:2px solid #efefef;
	background-color:#F3F6FA;
	display:block; height:40px !important;
	padding-left:15px;
	padding-right:15px;
	width:100%;
	font-size:14px;
	font-weight:500;
}



a.link_color{
	text-decoration:none !important;
	color: var(--themecolor) !important;
	font-weight:600;
}
a.link_color2{
	text-decoration:none !important;
	color: var(--themecolor2) !important;
	font-weight:600;
}
a.link_w{
	text-decoration:none !important;
	color: #fff !important;
	font-weight:600;
}
a.link_b{
	text-decoration:none !important;
	color: #000 !important;
	font-weight:600;
}
a.link_o{
	text-decoration:none !important;
	color: var(--themecolor2) !important;
	font-weight:600;
}
.sTA{
    display: block;
}
.anticon ,anticon-loading{
    display: inline-block!important;
    color:#000000 !important;
}
.j_notify{
  width:300px;  
}
@media(min-width:0px) and (max-width:400px){
   .j_notify{
      width:250px;  
    } 
}
.j_logo{
    width:200px; height:auto;   
}


.logo-center{
    margin-left:350px;
    display: none;
}

@media(min-width:0px) and (max-width:992px){
  .logo-center{
        display: inline;
        margin-left:20px;
    }     
}
@media(min-width:0px) and (max-width:400px){
  .logo-center{
        margin-left:20px;
    }     
}

@media(min-width:0px) and (max-width:358px){
  .logo-center{
        margin-left:0px;
        padding: 0px;
    }     
}

@media(min-width:0px) and (max-width:343px){
  .nav-right li a sup{
        /*display:none;*/
    }     
}
.m_none{
    display: none;
}





.dc-widget{
    float: left;
    width: 100%;
    border-radius: 4px;
    margin:0 0 30px; 
}
.dc-widgettitle{
    float: left;
    width: 100%;
    padding: 15px 20px;
    border-radius: 4px 4px 0 0;
    background: var(--themecolor);
}
.dc-widgettitle h3{
    margin:0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.dc-widgetcontent{
    float: left;
    width: 100%;
    padding: 20px;
    background: #fcfcfc;
    border-radius: 0 0 4px 4px;
}
.dc-onlinuserimg{
    margin:0; 
    float: left;
    width: 100%;
    border-radius: 4px 4px 0 0;
}
.dc-onlinuserimg img{
    width: 100%;
    display: block;
    border-radius: 4px 4px 0 0;
}
.dc-onlinuserimg figcaption{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*position: absolute;*/
}
.dc-onlinuserimg figcaption span{
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 12px;
    min-width: 38px;
    line-height: 17px;
    text-align: center;
    border-radius: 4px;
    position: absolute;
    text-transform: uppercase;
    background: var(--secthemecolor);
}
.dc-onlineoption-content{
    width: 100%;
    float: left;
    padding: 30px 20px;
    text-align: center;
}
.dc-onlineoption-content .dc-title h3{
    margin:0 0 15px;
    font-size: 22px;
    line-height: 24px;
}
.dc-onlineoption-content .dc-title h3 span{
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom:4px; 
}  


.truncate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.one-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.two-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.three-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.f_c_box{
    width: 100%;
    height:120px;
    background: #efefef;
}
.btn-success, .btn-success:hover, .btn-success:active{
    background: #16b328;
    border:0px;
}
.f_m_header{
    width: 100%;
    min-height:40px;
    background: orange;
    color:#16b328;
    margin-bottom:10px;
    padding:10px;
    text-transform: uppercase;
    font-size: 20px;
}
	

.responseBox{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 20px;
    padding:10px;
    font-size: 12px;
    box-shadow: 1px 1px #efefef;
    margin: auto;
    text-align: center;
}

.responseBox.success{
    border-bottom:1px solid green;
}
.responseBox i{
    font-size:50px;
    margin-top: 50%;
}
.responseBox.success i{
    color: green !important;
}

.responseBox.danger{
    border-bottom:1px solid red;
}
.responseBox.danger i{
    color: red !important;
}

.responseBox.warning{
    border-bottom:1px solid orange;
}
.responseBox.warning i{
    color: orange !important;
}

.card-header h4{
	padding-top:10px;
}

.nSender span{
    color: #fff;
}
.nSender{
    background: var(--themecolor);
}

.active_nav{
    background: #fd961a36 !important;
} 


a.app_btn{
    min-width:120px;
    height:auto;
    padding:5px 15px;
    background-color: var(--themecolor);
    text-align: center;
    color:#fff !important;
    border-radius: 10px;
    font-size:13px;
    cursor: pointer;
    display: inline-block;
}

a.app_btn.download_slip{
	padding:5px 15% !important;
}
.app_btn i{
    color:#fff !important;
}

.t_box{
    width: 100%;
    min-height: 50px;
    border-radius: 5px;
    margin-bottom: 20px;
    padding:10px;
    font-size: 12px;
    box-shadow: 1px 1px #efefef;
}

@media(min-width:0px) and (max-width:400px){
    .t_box{
        font-size: 11px;
    }
}

a .t_box{
    color:#333;
}

.t_box.danger{
    border-left:3px solid red;
}

.t_box.success{
    border-left:3px solid green;
}

.t_box{
    width: 100%;
    min-height: 50px;
    border-left:2px solid var(--themecolor);
    border-radius: 5px;
}


.t_box .date, .t_box .amount{
    display: inline-block;
}

.t_box .amount{
    float: right;
}

.text_sm_gray{
    font-size:0.8rem !important;
    color: #737a91 !important;
    font-weight: 300;
}

input.form-control,select.form-control{
    border:1px solid #777;
    border-radius:0px !important;
    height: 40px !important;
	font-size:0.9rem;
	font-weight:600;
	color:#000;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000 !important;
}

/*Nav ################################################################################*/
a.nav_top_text_link{
	text-decoration:none;
	color: var(--textcolor);
	font-weight:600;
}
.main_navbar{
	width:100%; 
	position:absolute;
	/*
	height:100%;
	background:yellow; 
	*/
}
.content_box{
	width:100%;
	position:relate;	
}
.main_navbar{
	width:100%; 
	position:absolute;
}
.navbar_top{
	width:100%;
	min-height:60px;
	background-color: #fff;
	box-shadow: 0 .5px 2px rgba(0,0,0,.1);
	position:relative;
	position:fixed;top:0;right:0;left:0;z-index:1030
}
.navbar_left{
	position:absolute;
	position:fixed;
}
.logo_nav{
	width: 6.5em;
	height:auto;
}

.logo_text{
	margin-top:10px;
	text-decoration:none !important;
    text-align: left;
    color: var(--textcolor) !important;
    font-size:1.7rem;
    cursor: pointer;
	font-weight:700;
}

.nav_left{
	margin-left:30px;
}
.nav_right{
	
}
.nav_notify_box{
	margin-right:30px;
	padding-top:20px;
	vertical-align:top;
}
.nav_notify_icon{
	font-size: 1.5rem !important;
	color:#a5abb1 !important;
}

.nav_logout_box{
	padding-top:10px;
}

a.btn_post_job{
	text-decoration:none;
    min-width:180px;
    min-height:40px;
    padding-top:7px !important;
    margin:0px !important;
    background-color: var(--themecolor);
    text-align: center;
    color:#fff !important;
    border-radius: 5px;
    font-size:16px;
    cursor: pointer;
    display: inline-block;
	font-weight:600;
}
a.btn_logout{
	text-decoration:none;
    min-width:80px;
    min-height:40px;
    padding-top:10px !important;
    margin:0px !important;
    background-color: rgb(6 33 198 / 3%);
    text-align: center;
    color:#000 !important;
    border-radius: 5px;
    font-size:13px;
    cursor: pointer;
    display: inline-block;
	font-weight:600;
}

a.btn_logout i{
    color:#000 !important;
}

.navbar_left{
	min-width: 260px;
	height:100vh;
	/*background-color: rgb(6 33 198 / 3%);*/
	background-color: rgba(253, 150, 26, 0.05);
	box-shadow: 0.5px 1px rgba(0,0,0,.1);
	overflow-y: auto;
}


.nl_box{
	margin-top:100px;
}

.nl_list{
	width:100%;
	min-height:20px;
	padding:10px 35px;
}

a.nl_link{
	text-decoration:none;
    text-align: left;
    color:#64748b !important;
    border-radius: 5px;
    font-size:1rem;
    cursor: pointer;
    display: inline-block;
	font-weight:450;
}

a.nl_link i{
    color:#64748b !important;
}

.nl_link_active{
	font-weight:700 !important;
}
.app_content{
	width: auto;
	margin-left:300px;
	padding-top:100px;
}
@media(min-width:0px) and (max-width:1154px){
    .app_content{
		width: 68%;
	}
}
@media(min-width:0px) and (max-width:980px){
    .app_content{
		width: 65%;
	}
}
@media(min-width:0px) and (max-width:886px){
    .app_content{
		width: 60%;
	}
}

.sm_size{
	display:none;
}
.app_content_blur{
	height:100%;
	background:rgb(255 255 255 / 90%); 
}
@media(min-width:0px) and (max-width:876px){
	.navbar_left{
		right:0;
		z-index: 1050;
		background-color: #fff;
		border-left: 1px solid #efefef;
		display:none;
	}
	.nl_box{
		margin-top:10px;
	}
    .app_content{
		width: 100%;
		margin-left:0px
	}
	.bg_size{
		display:none;
	}
	.sm_size{
		display:inline-block;
	}
	
}
/*
@media(min-width:0px) and (max-width:360px){
	.notify{
		display:none;
	}
}
*/
/*End Nav ################################################################################*/

.welcome_text{
	color:var(--themecolor); font-weight: 600;font-size: 1.3rem;
}
.gb_box{
	width:100%;
	border-radius:10px;
	cursor:pointer;
	background-color:rgb(6 33 198 / 3%);
}
.gb_box:hover{
	background-color:rgb(6 33 198 / 3%);
}

.balances ul li, .balances ul li h4{
	color:#6c757d !important;
	font-weight: 600 !important;
	font-size: 1rem;
}

.quick_actions{
	width:100%;
	margin: 0px auto !important;
	text-align:center;
}
.quick_actions div.btn{
	width:60px;
	height:60px;
	text-align:center;
	padding-top:10px;
}
.quick_actions div.btn{
	width:60px;
	height:60px;
	text-align:center;
	padding-top:10px;
	margin:0px !important;
	background-color:rgb(6 33 198 / 3%);
	color:#005d82 !important;
	border:0px;
}
.quick_text{
	width:60px;
	padding:0px !important;
	margin:0px !important;
	text-align:center;
}
.quick_box a{
	text-decoration:none;
    text-align: left;
    color:#64748b !important;
    font-size:1rem;
    cursor: pointer;
    display: inline-block;
	font-weight:700;	
}

.actions_7{
    border: 1px solid #e2e8f0;
    box-sizing: border-box;
    box-shadow: 0 20px 10px rgba(0,0,0,.0161557),0 36px 32px rgba(0,0,0,.0238443);
    border-radius: 8px;
	padding: 3rem;
}


@media(min-width:0px) and (max-width:600px){
	.actions_7{
		padding: 0.5rem;
	}
}


.link_box{
	width:100%;
	min-height:200px;
	border-radius:5px;
	padding:40px 30px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color: var(--themecolor);
}
.link_box.color1{ background-color: rgb(6 33 198 / 10%)  !important; }
.link_box.color2{ background-color: rgb(222 68 54 / 12%) !important; }
.link_box p{
	color:#222 !important;
}
.link_box h4{
	font-weight: 600;
	font-size:1.4rem;
}

.r_icon{
	font-size:4rem;
}

.j_pin{
	-webkit-text-security: disc;
	font: "Squared";
    font-size: 18px;
    letter-spacing: 1px;
}

@media(min-width:0px) and (max-width:980px){
  .balance_box{
        display:none;
   }   
	.balance_select{
        display:block !important;
   }      
}

.h_n_box{
	width:100%;
	min-height:40px;
	background-image: linear-gradient(45deg,var(--themecolor),#184a8c);
	/*background-image: linear-gradient(45deg,#040625,#051259);*/
	color: #fff;
	padding: 0px 12px 8px 25px;
	text-align: center;
}
.h_n_box .h_n_box1 h5{
	font-size:16px;
	color: #fff;
}

@media(min-width:0px) and (max-width:980px){
  .h_n_box{
		text-align: left;
	}   
}

.home_slider{
	position:absolute;
	vertical-align:top;
}
.home_slider_content{
	position:relative;
}



/*  Home Slide */
.h_one{
	font-size:30px;
	line-height: 1.17857;
	letter-spacing: -.5px;
    font-weight: 500;
    text-rendering: optimizeLegibility;
	color: #202124;
	font-family: Roboto,Arial,Helvetica,sans-serif;
}

.carousel_control_box{
	width:50px; height:50px; background:var(--themecolor); padding-top:15px; border-radius:50%;
}

.carousel-indicators li{
	border:0px !important;
	background-color:var(--themecolor);;
}

#home_slide{
    margin-top: 0px !important;
}

#home_slide img{
    width: 100%;
    height: auto !important;
}

.carousel-control-prev, .carousel-control-next{
	margin: 0px !important;
	width: 5% !important;
}

.carousel-item{
	margin-left: 20px !important;
}

.box_big{
    background-color: #fff;
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.box_big h1{
    font-size:2.5rem;
    font-weight: 500;  
}
.box_big p{
    font-size:1.0rem;
    font-weight: 350;
    line-height: 1.8rem;
    color: rgba(0,0,0,0.7);
}

.bg_gray{
    background-color: #f8f9fa !important;
}

a.app_btn{
	/*
    min-width:120px;
    height:auto;
    padding:12px 35px;
    background-color: var(--themecolor);
    text-align: center;
    color:#fff !important;
    border-radius: 5px;
    font-size:16px !important;
    cursor: pointer;
    display: inline-block;
	font-size:13px;
    font-weight: 600;
	text-decoration:none;
	*/
	text-decoration:none;
    min-width:180px;
    min-height:40px;
    padding-top:7px !important;
    margin:0px !important;
    background-color: var(--themecolor);
    text-align: center;
    color:#fff !important;
    border-radius: 5px;
    font-size:16px;
    cursor: pointer;
    display: inline-block;
	font-weight:600;
}


a.app_btn:hover{
    background: var(--themecolor2) !important;
}

.app_btn i{
    color:#fff !important;
}
.space_50{
    margin-top: 50px;
}
.s_img{
	width:60% !important;
	height:auto;
	float:right;
	margin-right:5%;
}
.job-seeker-video{
	width: 100%;
	height: 540px;
}
/*  End Home Slide */

.bg_w{
	background-color:#fff;
	padding:20px;
	min-height:50px;
}
.bg1{
	background-color:#f2f2f2;
	padding:20px;
	min-height:50px;
}
.bg2{
	background-color:#fafafa;
	padding:20px;
	min-height:200px;
}
.home_search_box{
	background-color: rgba(0, 0, 0, 0.08);
	padding:10px 0px;
	box-shadow: 0 .5px 1px rgba(0,0,0,.1);
}
.bg_h{
	font-size:30px;
	font-weight:600;
	text-align:center;
	color:#000;
}
.btn_text_bold{
	font-weight:700 !important;
}

.job_box{
	width:100%;
	min-height:100px;
	background-color: #fff;
	box-shadow: 1px 1px rgba(0,0,0,.1);
}
.login_bg{
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#efefef;
}
@media(min-width:0px) and (max-width:980px){
    .login_bg{
		display: none;
	}
}
.social_box{
	padding:0px;
	margin:0px;
	width:120px; 
	padding:5px;
	margin-right:10px;
	box-shadow: 0 .5px 2px rgba(0,0,0,.1);
	display:inline-block;
	text-align:center;
	background-color:#fff;
	border:1px solid rgba(226, 232, 240);
	border-radius: 0.1875rem;
}

.j_field, .j_field:focus, .j_field:hover, .j_field:active{
	border:0px !important;
	box-shadow: 0 .5px 2px rgba(0,0,0,.1) !important;
	border-radius: 0.25rem !important;
	transition: border-color 0s ease-in-out, box-shadow 0s ease-in-out!important;
}