/* CSS Document */
*{
	padding: 0px;
	margin: 0px;
}


body {
	font-family: Calibri,Arial, Helvetica, sans-serif;

}

p, h1, h2, h3, h4, label{
	font-family: Calibri,Arial, Helvetica, sans-serif;
}


form{

	margin:0;

	padding:0;

}

.common-section{
	padding: 80px 0px;
}
.common-d-flex{
	display: flex;
	align-items: center;
}

.container{
	max-width: 1260px!important;
}


.pt-180{
	padding-top: 180px;
}

.btn:focus{
	box-shadow: none!important;
}

.padding5px {

	text-align:justify;

	

	font-size: 11px;

	color: #606060;

}

.txt {

	

	font-size: 11px;

	color: #606060;

}



.whiteTxt:link {

	

	font-size: 11px;

	font-weight:bold;

	color: #FFFFFF;

	text-decoration:underline;

}

.whiteTxt:hover {

	

	font-size: 11px;

	font-weight:bold;

	color: #FFFFFF;

	text-decoration:none;

}

.whiteTxt:visited {

	

	font-size: 11px;

	font-weight:bold;

	color: #FFFFFF;

	text-decoration:underline;

}



.bldTxt {

	

	font-size: 11px;

	font-weight:bold;

	color: #606060;

}

.txtfld{

	border:1px solid #c41230;

}

.bigWhite{

	

	font-size: 12px;

	color: #ffffff;

}

.menuLinks {

	

	font-size: 12px;

	color: #71CAD1;

	text-decoration:none;

}

a.menuLinks {

	

font-size: 12px;

	

color: #e40000;

	

text-decoration:none;

}

.menuLinks:hover {

	

font-size: 12px;

	

color: #ab0f0f;

	

text-decoration:underline;

}

.warning {

	

	font-size: 13px;

	color: #FF0000;

}

.vwarning {

	

	font-size: 13px;

	color: #FF0000;

	vertical-align:top;

}

.orangetxt {

	

	font-size: 11px;

	color: #c41230;

	text-decoration:none;

}

a.orangetxt {

	text-decoration:none;

}

a.orangetxt:hover {

	text-decoration:underline;

}

.title {

	

	font-size: 12px;

	color: #606060;

	font-weight:bold;

	background:#EDEDED;

}

.heading {

	

	font-size: 11px;

	color: #606060;

	font-weight:bold;

}

.oddRow {

background-color: #F6F6F6;

}

.evenRow {

	background-color: #FFFFFF;

} 

.button{

	font:11px arial;

	background:#fff;

	border:1px solid #000;

}

.button1{

	font:11px arial;

	background:#fff;

	border:1px solid #000;

}


.dashboard .blueBackground{
	background: #fff;
}



.blueBackground {

	background: #e42021;

	font-size: 12px;

	font-weight: bold;

	color: #FFF;

}

.dashboard .blueBackground{
	background: #fff;
}

.adminGrey {

	background : url(../../images/topGreyBar.jpg);

	padding-left:10px;

	font:bold 12px arial;

	color:#606060;

}

.menuLeft {

	background : url(../../images/menuBack.jpg);

	padding-left:25px;

	height:25px;

	text-align:left;

 }

.menuBoldText {

	

font-size: 12px;

	

font-weight: bold;

	

color: #e40000;

}

a.menuBoldText {

	text-decoration:none;

}

a.menuBoldText:hover {

	text-decoration:underline;

}

 .rightBorder {

	border-right:1px solid #e32526;

 }

 .subMenu {

 padding-left:10px;

 margin-left:5px;

 background : url(../../images/plus.jpg);

 background-repeat:no-repeat;

 }

 .greyBorder {

 border:1px solid #C3C2C2;

 }

.radioClass { height:14px ;width:14px; vertical-align:bottom; margin-top:2px; }

.printQuery{ width:95%; font-size:14px; line-height:20px; font-family: trebuchet ms; padding: 5px 10px; margin: 10px; clear: both;  border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-o-border-radius: 5px; text-align: left;}

.blueTheme { border:1px solid #6D88FC; background-color:rgba(43, 162, 225, 0.66); color:#52372B;}

.greenTheme{color: rgb(255, 255, 255); background-color: rgb(38, 166, 45);border: 1px solid rgb(12, 120, 11);}

.pinkTheme{color: #C43333; background-color: rgba(255, 181, 237, 0.66);border: 1px solid #FF91F0;}

.blackTheme{color: #EEE5E5; background-color: rgba(0, 0, 0, 0.66);border:#EEE5E5;}

.yellowTheme{color:#8E3434; background-color:rgba(237, 252, 7, 0.99);border:1px solid #D3E14C;}

.facebookTheme { background-color:rgba(0, 23, 255, 0.66); border:1px solid #032DE7; color:#F5F5F5;}

.orangeTheme { background-color:rgba(249, 111, 43, 0.96); border:1px solid #B46047; color:#F5F5F5;}

.gradientFacebook {box-shadow:0 0 80px #076770 inset}

.gradientOrange { box-shadow:0 0 80px #A4310E inset;}

.gradientBlack { box-shadow:inset 10px 10px 71px #343333;}

.gradientGreen {box-shadow:inset 0px 0px 5px #FEFEFE;}

.gradientBlue {box-shadow:inset 0px 0px 5px #FEFEFE}



 .menucontainer { width:100px; margin-right:26px; display:inline; text-align:center;  font-size:12px; font-weight:normal; border:1px solid #0E81D3; color:#fff; padding:5px 10px; background-color:#0099FF; padding:3px 20px; border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;}

 .menucontainer:hover .menuaction{ display:block;}

 .menuaction{position:absolute; right:25px; z-index:999999; width:140px; background-color:#fff; border:1px solid #ccc; list-style-type:none; text-align:left; padding:0; margin:3px 0px 0 0px; display:none; box-shadow:1px 1px 4px #ccc;}

 .menuaction li { display:table; width:100% !important; line-height:18px;}

  .menuaction li:hover { background-color:#F4F4F4;}

 .menuaction li a {  font-weight:normal; width:100% !important;display:table; padding:2px 5px;}

  .menuaction li a:hover { text-decoration:none;}

  .title_h2 {color:#0C63A0; text-align:left; margin:3px 11px; padding:0;  font-size:12px; font-weight:bold;}

  .hidden { display:none;}

  #total {color:#fff;font-size:14px;font-weight:bold;background-color:#993300;padding:3px 10px;width:95%;}

   /*--------------Start-popup-here---------------*/


 .popup-mean-box{
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	top: 0px;
 	left: 0px;
 	background-color: rgba(0, 0, 0, 0.5);
 }
 .popup-white-box{
 	width: 37%;
 	background-color: #fff;
 	border-radius: 4px;
 	padding: 15px 32px 40px 32px;
 	transform: translate(-50%,-50%);
 	left: 50%;
 	top: 35%;
 	position: absolute;
 	z-index: 9999;
 }
 .popup-mean-box .popup-white-box .content-box{
 	position: relative;
 }

 .popup-white-box .i-agree{
 	position: absolute;
	 left: 50%;
	 bottom: 3%;
	 cursor: pointer;
	 transform: translate(-50%,-50%);
	 font-size: 16px;
	 font-weight: bold;
	 margin: 0px;
 }


 .warning-color-red{
 	background-color: #e42021;
 }




 /*--------------start-menu-header--------------*/
.top-menu li{
	display: inline-block;
}
.header-section{
	background: linear-gradient(0deg, #ad0a0b, #e42021);
	padding: 10px 10px;
	margin-bottom: 10px;
}
.menu-top-section ul{
	padding-left: 0px;
}
.menu-top-section{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(0deg, #237abc, #772994);
	height: 85px;
}
.top-menu{
	position: relative;
}
.top-menu  li .nav-link{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 14px;
	transition: 0.4s ease;
	position: relative;
	color: #444444;
}
.top-menu  li .nav-link .ml-1{
	margin-left: 6px;
}

.top-menu  .nav-item:hover .menu-drop{
	visibility: visible;
	opacity: 1;
}
.top-menu .sub-dropdown-menu{
	visibility: hidden;
	opacity: 0;
	height: auto;
}
.menu-drop .nav-item:hover .sub-dropdown-menu{
	visibility: visible;
	opacity: 1;
}



.sub-dropdown-menu .nav-item:hover .sub-dropdown-menus3{
	visibility: visible;
	opacity: 1;
}

.sub-dropdown-menus3 .nav-item:hover .sub-dropdown-menus4{
	visibility: visible;
	opacity: 1;
}

.sub-dropdown-menus4,
.sub-dropdown-menus3,
.sub-dropdown-menu{
	left: 100%;
}


.sub-dropdown-menus4,
.sub-dropdown-menus3,
.top-menu .menu-drop,
.sub-dropdown-menu{
	position: absolute;
	width: 200px;
	top: 00px;
	z-index: 9999;
	visibility: hidden;
	transition: 0s ease;
	opacity: 0;
	box-shadow: 0px 0px 10px rgb(0,0,0,0.1);
	background-color: transparent;
}
.top-menu .menu-drop{
	margin-top: 17px;
}
.menu-drop ul li i{
	margin-left: 10px;
}
.menu-drop ul .nav-item{
	position: relative;
	transition: 0.3s ease;
}
.menu-drop ul .nav-item:hover{
	background: linear-gradient(0deg, #ad0a0b, #e42021);
}
.menu-drop ul .nav-item a:hover{
	color: #fff;
}

.top-menu .menu-drop ul li{
	width: 100%;
	border-bottom: 1px solid #e8f1f7;
	background-color: #fff;
}
.menu-top-section .first-ul-list .active{
	/*margin-top: 20px;*/
}
.top-menu .menu-drop ul li a{
	display :block;
	width: 100%;
	color: #000;
	text-decoration: none;
	transition: 0.4s ease;
	position: relative;
	transition: 0.3s ease;
	font-weight: 500;
	font-size: 14px;
	padding: 15px 20px 15px 15px;
}
.top-menu .menu-drop ul li a:hover{
	margin-left: 10px;
	/*color: #fff;*/
}
/*.menu-drop ul li:hover{
	background-color: #47143D;
}*/
.top-menu  li .nav-link:after{
	position: absolute;
	content: '';
	width: 0%;
	height: 3px;
	transition: 0.4s ease;
	background-color: #0060ff;
	left: 0;
	bottom:0;
}
.top-menu .nav-item .nav-link{
	padding: 15px 0px 15px 0px!important;
	margin: 0px 10px;
	text-decoration: none;
	position: relative;
	color: #fff;
}
.top-menu .nav-item .nav-link:before{
	content: '';
	position: absolute;
	left: 0px;
	bottom: 14px;
	width: 100%;
	height: 1px;
	transition: transform 0.5s;
	transform: scaleX(0);
	transform-origin: right;
	background-color: #fff;
}
.top-menu .nav-item .active:before,
.top-menu .nav-item .nav-link:hover::before{
	transform: scaleX(1);
	transform-origin: left;
}
.top-menu .menu-drop{
	top: 100%;
	margin-top: 0px;
}




/*----------------air-asia-form-section-here------------------*/

.form-section{
	padding: 150px 0px 50px 00px;
}

.common-field label{
	font-weight: 500;
}
.common-field textarea{
	height: 100px!important;
}
.red-star{
	color: #e42021;
}

.form-field{
	margin-bottom: 15px;
}
.field-heading .heading{
	font-size: 18px;
	color: #000;
	margin: 0px;
}
.form-control{
	/*border: 1px solid #76bef8!important;*/
	color: #000!important;
}

.form-control:focus{
	box-shadow: none!important;
	/*border: 1px solid #e42021!important;*/
	background-color: #76bef8!important;
	box-shadow: 0px 2px 10px rgb(0 0 0 / 8%)!important;
}

.common-radio label input[type="radio"]{
	margin-right: 10px;
}

.table tr td p{
	margin: 0px;
}
.table tr td{
	border: 1px solid #c4c1c1;
}

.header-home{
	background-color: #fff;
	padding: 10px 15px;
	height: 100px;
	position: relative;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999;
	/*background-color: #f8f8f8;*/
    background-color: #f0f0f0;
    -moz-box-shadow: 0px 0px 2px #333333;
    -webkit-box-shadow: 0px 0px 2px #333333;
    box-shadow: 0px 0px 2px #333333;
    background: linear-gradient(0deg, #ad0a0b, #e42021);
}

.menu-top-section .align-items-center .logo-box,
.header-home .logo-box{
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 64%;
}

.menu-top-section .align-items-center .logo-box{
	top: 7px;
	left: 58px;
}

.menu-top-section .align-items-center .logo-box .inner-box, 
.header-home .logo-box .inner-box{
	width: 130px;
    height: 130px;
	background-color: #fff;
	padding: 10px;
	border-radius: 0px 0px 100px 100px;
	box-shadow: 0px 2px 10px rgb(0 0 0 / 8%)!important;
	text-align: center;
}
.menu-top-section .align-items-center .logo-box .inner-box{
	width: 100px;
	height: 100px;
}
.menu-top-section .align-items-center .logo-box .inner-box:before, 
.header-home .logo-box .inner-box:before{
	content: '';
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 56%;
	width: 100%;
	height: 100%;
	border: 1.5px dashed #cccccc;
	border-radius: 100px;
	z-index: -1;
}

.header-home .logo-box .inner-box img{
	width: 100%;
	height: 100%;
}

/*----------------End-air-asia-form-section-here------------------*/

/*-----------Start-sign-up-page-here-----------------*/
.sign-up-box{
	background-color: #fff;
	border-radius: 10px;
	padding-bottom: 30px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 7%);
}
.sign-up-box .sign-up-header{
	position: relative;
	width: 100%;
	padding: 10px 20px;
	height: 80px;
	border-radius: 10px 10px 0px 0px;
	background: linear-gradient(0deg, #237abc, #772994);
	display: flex;
	align-items: center;
	margin-bottom: 60px;
	text-align: left;
}
.sign-up-box .sign-up-header .logo-box{
	width: 130px;
    height: 130px;
    background-color: #fff;
    padding: 10px;
    border-radius: 0px 0px 100px 100px;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 8%)!important;
    text-align: center;
}
.sign-up-box .sign-up-header .logo-box{
	position: absolute;
    transform: translate(-50%,-50%);
    right: -4%;
    top: 81%;
    z-index: 9999;
}

.sign-up-box .sign-up-header .heading-large{
	color: #fff;
	font-weight: 800;
	font-size: 39px;
	margin-bottom: 0px;
	margin-left: 17px;
}
.sign-up-field-box .wapper-box .form-field .common-field{
	position: relative;
}
.sign-up-field-box .wapper-box .form-field .common-field .form-control:focus{
	background-color: #f5f5f5!important;
}
.sign-up-field-box .wapper-box .form-field .common-field label{
	font-weight: 500;
}
.sign-up-field-box .wapper-box .form-field .common-field .fa-eye{
	position: absolute;
	right: 15px;
    top: 44px;
    cursor: pointer;
}
.sign-up-field-box .wapper-box .forget-password{
	display: flex;
	align-items: center;
	justify-content: end;
}
.sign-up-field-box .wapper-box .forget-password p a{
	color: #a30607;
    font-weight: 600;
}
.sign-up-field-box .wapper-box .forget-password p a:hover{
	color: #e42021;
}
.common-button .btn{
	/*background: linear-gradient(0deg, #ad0a0b, #e42021);*/
	background: linear-gradient(0deg, #237abc, #772994);
	padding: 10px 10px;
	text-align: center;
	width: 100%;
	color: #fff;
	border: none;
	font-weight: 600;
	transition: all 0.4s ease;
}
.common-button .btn:hover{
	/*background: linear-gradient(0deg, #e42021, #ad0a0b);*/
	background: linear-gradient(0deg, #772994, #237abc);
	color: #fff;
	box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
}
.common-button .btn:focus{
	box-shadow: none!important;
}
.bc-image{
	background-image: url(../img/sign-up-bc-img.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
/*-----------End-sign-up-page-here-----------------*/


/*--------------Start-main-table-here-------------*/
.main-table .table tr td .table-heading{
	font-weight: 700;
}
.main-table .table tr td p{
	margin-bottom: 0px;
}
.main-table .table tr td .table-head-heading{
	font-size: 17px;
}
.stutas-button .button{
	background-color: yellow;
    border: none;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    display: block;
    margin-bottom: 10px!important;
}
.stutas-button .Approved-btn{
	background-color: #04cf04;
}

.stutas-button .not-Approved-btn{
	background-color: #ff0000;
}
.common-button .filter-btn{
	width: auto;
	padding: 10px 50px;
}


/*-----------------End-main-table-here-------------*/



/*-------------Start-selected-batch-here-------------*/
.selected-batch .select-box:focus{
	background-color: #fff!important;
}	

.selected-batch span label{
	color: #fff;
}

.logout-box{
	display: flex;
	text-align: right;
	align-items: flex-end;
	flex-direction: column;
}

.logout-box .btn{
	background-color: #fff;
	font-weight: 500;
	padding: 5px 10px 5px 17px;
	position: relative;
	margin-top: 10px;
	transition: all 0.3s ease;
	border: none;
	outline: none;
}
.logout-box .btn:hover{
	box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
}
.logout-box .btn:hover i{
	background: linear-gradient(0deg, #772994, #237abc);
	box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
	color: #fff;
}
.logout-box .btn i{
	font-size: 14px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    transition: all 0.3s ease;
    background-color: #fff;
    border-radius: 100px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: -1px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
}



/*----------------End-selected-batch-here-----------*/




/*------------------Start-form-one-here---------------*/

.common-box-form{
	border: 1px solid #cccccc;
	padding: 20px;
	border-radius: 7px;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 2%);
	margin-bottom: 20px;
}

.common-box-form2{
	border: none;
	padding: 0px;
}
.common-box-form .heading{
	color: #000;
	font-size: 16px;
}


.start-red{
	color: red;
}

.common-box-form .text{
	font-size: 18px;
	font-weight: 600;
} 

.Self-Declaration-box .common-box-form .heading{
	font-size: 30px;
}

.Self-Declaration-inner-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.Section-button .btn{
	background-color: #e42021;
	border-radius: 7px 7px 0px 0px;
	color: #fff;
	font-weight: 600;
}
.Section-button .btn:hover{
	color: #fff;
	background-color: #ad0a0b;
}

.Self-Declaration-box .common-box-form{
	border-top-left-radius: 0px;
}

/*--------------Start-common-check-box-here--------------*/
.common-check-box {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 18px;
}
.common-check-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
}
.common-check-box:hover input ~ .checkmark {
  background-color: #ccc;
}
.common-check-box input:checked ~ .checkmark {
  background-color: #ad0a0b;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.common-check-box input:checked ~ .checkmark:after {
  display: block;
}
.common-check-box .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*--------------Start-common-radio-button-here-----------*/

.common-radio-button input:checked,
.common-radio-button input:not(:checked) {
    position: absolute;
    left: -9999px;
}
.common-radio-button input:checked + label,
.common-radio-button input:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.common-radio-button input:checked + label:before,
.common-radio-button input:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.common-radio-button input:checked + label:after,
.common-radio-button input:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #ad0a0b;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.common-radio-button input:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.common-radio-button input:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}