@charset "ISO-8859-1";

/* css created by Thilini Ramawickrama */
html {
	position: relative;
	min-height: 100%;
}

body {
	font-family: 'roboto', sans-serif;
	color: #6a6c6f;
	font-weight: 400;
	font-size: 13px;
	background-image: url(../images/internet-3484137_1280.jpg) !important;
	/* background-repeat: no-repeat !important; */
	background-size:cover
}

body.blank {
	background-color: #f1f3f6;
}
.clock-second-btn {
	width: 180px;
	box-shadow: none;
	background-color: #f1f7ff !important;
	border: none;
	border-radius: 50px;
    text-align: center;
}

.clock-second-btn:hover {
	background-color: #c8e0ff !important;
	color: #1f1f1f !important;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
	margin: 0;
}

body p {
	font-family: "Roboto", sans-serif;
	line-height: 26px;
	color: #555555;
	margin: 0;
}
.header-new{
	display: grid;
    grid-template-columns: 10% 20% 40% 20% 10%;
	text-align:center;
	height: auto;
	color: #fff;
    background-color: #252372;
    background-image: linear-gradient(360deg, #5252d7 0%, #009ffd 74%);
    align-items: center;
    padding: 10px 0px 10px 0px;
}
.imigra-img{
	width:50px;
	height:65px;
}
.natio-img{
	width:45px;
	height:60px;
}
.imig-div{
	text-align:right;
}
.natio-div{
	text-align:left;
}
.header-depart-name{
	font-size:20px;
	font-weight:bold;
	padding-left:45px;
		padding-right:45px;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  font-size: 110%;
  display: inline;
  margin-right:20px;
}

.custom-checkbox{
	 margin-left:20px;
}

.custom-control-label {
  font-weight:bold;
  padding-left: 10px;
}

.color-line {
	background: #f7f9fa;
	height: 4px;
	background-image: -webkit-linear-gradient(to right, #f17e07, #1267eb);
	background-image: -moz-linear-gradient(to right, #f17e07, #1267eb);
	background-image: -ms-linear-gradient(to right, #f17e07, #1267eb);
	background-image: linear-gradient(to right, #f17e07, #1267eb);
	background-size: 100% 6px;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: red;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: red;
}

/*login css*/
.inst1 {
	position: absolute;
	top: 24%;
	left: 57%;
}

.inst2 {
	position: absolute;
	top: 61%;
	left: 53%;
}

.inst3 {
	position: absolute;
	top: 92%;
	left: 36%;
}

.inst1 h1 {
	font-size: 17px;
	font-family: 'Oswald', sans-serif;
	color: #467fb1;
	line-height: 25px;
}

.inst1 h3 {
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	line-height: 22px;
	color: #efa907;
	margin-left: 15px;
}

.inst1 .example {
	color: #9c9b9b;
	line-height: 12px;
	margin-left: 15px;
}

.inst1 .example label {
	color: #9c9b9b;
	font-size: 14px;
	margin-right: 10px;
	width: 90px;
}

.inst2 h1 {
	font-size: 17px;
	font-family: 'Oswald', sans-serif;
	color: #467fb1;
}

.inst2 h3 {
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	line-height: 22px;
	color: #efa907;
	margin-left: 15px;
}

.inst2 .example {
	color: #9c9b9b;
	line-height: 12px;
	margin-left: 15px;
}

.inst2 .example label {
	color: #9c9b9b;
	font-size: 14px;
	margin-right: 10px;
	width: 90px;
}

.inst3 h1 {
	font-size: 17px;
	font-family: 'Oswald', sans-serif;
	color: #467fb1;
}

.inst3 h3 {
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	line-height: 22px;
	color: #efa907;
	margin-left: 15px;
}

.inst3 .example {
	color: #9c9b9b;
	line-height: 12px;
	margin-left: 15px;
}

.inst3 .example label {
	color: #9c9b9b;
	font-size: 14px;
	margin-right: 10px;
	width: 90px;
}

/*header css*/
#header {
	background: #fff;
	border-bottom: solid 4px #bccee0;
	display: block;
	height: 71px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 0px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.1);
	box-shadow: 0 2px 4px 0 rgba(43, 43, 43, 0.1);
	border-image: linear-gradient(to right, #385bab, #3356a9, #be6a31, #ff7101);
	border-image-slice: 1;
	border-width: 4px;
	border-image-slice: 1;
}
#header .navbar-header-custom{
	text-align:center;
}

.mobile-navbar {
	position: absolute;
	top: 62px;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 100;
}

.navbar-nav>li, .navbar-nav>li>a {
	height: 56px;
	text-align: center;
}

.mobile-navbar .navbar-nav {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #eaeaea;
}

.navbar-toggle .icon-bar {
	background-color: #bdbcbc;
}

.navbar-toggle {
	border: #bdbcbc 1px solid;
}

.navbar-toggle:hover {
	background-color: #efefef;
	cursor: pointer;
}

.navbar-collapse {
	background-color: rgb(255, 255, 255);
}

.navbar-collapse.in {
	border-bottom: 4px solid rgb(188, 206, 224);
	box-shadow: rgba(43, 43, 43, 0.1) 0px 2px 4px 0px;
	border-image: linear-gradient(to right, rgb(56, 91, 171),
		rgb(51, 86, 169), rgb(190, 106, 49), rgb(255, 113, 1)) 1/1/0 stretch;
	border-top: 0px;
}

.fixed-navbar #header {
	width: 100%;
	position: fixed;
	z-index: 1000;
}

.small-logo {
	display: none;
	text-align: center;
	padding-top: 18px;
	font-size: 14px;
	font-weight: 800;
}

.navbar-header-custom {
	float: left;
	padding: 7px 20px;
}

.navbar-header-custom .header-logo {
	float: left;
}

.navbar-header-custom .header-logo img {
	height: 51px;
}

.navbar-header-custom .header-depart {
	font-size: 19px;
	color: #404040 !important;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	float: left;
	text-align: center;
	padding: 13px 20px;
}

.navbar-nav>li, .navbar-nav>li>a {
	height: 68px;
}

.navbar-nav>li>a {
	padding: 15px 20px;
	font-size: 25px;
}

.navbar.navbar-static-top a, .nav.navbar-nav li a {
	color: #353535;
	border: none;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

.header-login-btn {
	border: #3e4f7d 1px solid !important;
	padding: 3px 28px !important;
	height: auto !important;
	margin-top: 15px;
	margin-right: 15px;
	background-color: #0c3575 !important;
	border-radius: 18px;
	display: inline-block !important;
}

.navbar-nav>li:last-child>a {
	padding-right: 35px;
}

.dropdown-menu.hdropdown {
	padding: 0;
	z-index: 1060;
	border: #eaeaea 1px solid;
}

.dropdown-menu.hdropdown li {
	padding: 6px 12px;
	text-align: left;
	background: #fdfdfd;
	border-bottom: 1px solid #eaeaea;
}

.dropdown-menu.hdropdown.notification li {
	padding: 6px 12px;
}

/*login page css*/
.login-container {
	max-width: 420px;
	margin: auto;
	padding-top: 6%;
}

.login-content {
	margin-top: 3%;
	background-image: url(../images/login-bg3.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 36% 38%;
	min-height: 500px;
	background-position: 36% 38%;
}

.login-content .panel-body {
	-webkit-box-shadow: 0 0 8px 0 #dedede;
	-moz-box-shadow: 0 0 8px 0 #dedede;
	box-shadow: 0 0 8px 0 #dedede;
}

.login-content h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	color: #0c3575;
	font-size: 30px;
}

.m-b-md {
	margin-bottom: 20px;
}

.panel {
	background-color: none;
	border: 0;
	box-shadow: none;
	background-color: transparent !important;
}

.panel .panel-body {
	background: #fff;
	align-self: center;
	border: 5px solid white;
	border-radius: 2px;
	padding-top: 80px;
	padding-bottom: 30px;
	position: relative;
	background-color: #009ffd;
	border-radius: 10px;
	/* background-image: url(../images/internet-3484137_1280.jpg) !important; */
    background-size: cover;
	margin-bottom: 80px !important
}

.quick-tile .panel-body {
	padding: 0px;
	background: transparent;
	border: none;
}

.quick-tile {
	background-image: radial-gradient(circle, #7575ae, #525288, #414180);
	margin-bottom: 40px;
}

.list-item {
	float: left;
	overflow-x: hidden;
	position: relative;
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #eaeaea;
}

.form-control {
	border-color: #cccccc !important;
	box-shadow: none;
	border-radius: 2px;
	height: 30px;
	padding: 3px 12px;
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.search-form-group {
	margin-bottom: 15px;
	background-color: #fff;
	padding: 10px 10px;
	border-radius: 3px;
	border: 2px solid #a5a3a3;
}

.payment-success {
	background-color: #cbe6f9;
	border-color: #3a8dcc;
}

.payment-success h1 {
	color: #0e69ad;
	font-style: normal;
}

.search-form-group .input-group-btn:last-child>.btn {
	margin: 0px;
}

.search-form-group label {
	color: #f59402;
}

.btn {
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	margin-left: 5px;
	margin-bottom: 5px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0
		rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0
		rgba(0, 0, 0, .12);
}

.btn-default {
	background-color: #adadad;
	border-color: #adadad;
	color: #ffffff;
}

.tip {
	display: inline;
	position: relative;
	background
}

.tip:hover:after {
	background: rgba(39, 39, 39, 0.8);
	border-radius: 5px;
	bottom: 26px;
	color: #fff;
	content: attr(title);
	left: 0%;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	min-width: 170px;
	text-align: center;
}

.btn-default:hover {
	background-color: #cccaca;
	border-color: #cccaca;
	color: #000000;
}

.btn-orange {
	background-color: #ff8d05;
	border-color: #ff8d05;
	color: #fff;
}

.btn-green {
	background-color: #10b339;
	border-color: #10b339;
	color: #ffffff;
}

.btn-orange:hover {
	background-color: #e68006;
	border-color: #e68006;
	color: #fff;
}

.btn-green:hover {
	background-color: #029c29;
	border-color: #029c29;
	color: #ffffff;
}

.btn-login {
	background-color: #0c3575;
	color: #fff;
	border-bottom: solid 3px #4b78bd;
	border-radius: 20px;
}

.btn-login:focus, .btn-login:hover {
	background-color: #213465;
	border-color: #213465;
	color: #fff;
}

.btn-register {
	border-color: #f1880d;
	color: #fff;
	font-weight: 600;
	border-radius: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
	background-image: linear-gradient(to right, #683ba1, #cc399c, #da1377);
	border: none;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	border-bottom: solid 3px #9713ab;
}

.btn-register:focus, .btn-register:hover {
	background-color: #d4d4d4;
	border-bottom: solid 3px #9713ab;
	background-image: linear-gradient(to right, #da1377, #cc399c, #683ba1);
	color: #fff;
}

.btn-primary {
	background-color: #0c3575;
	border-color: #0c3575;
	color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
	.btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #3f5872;
	border-color: #3f5872;
	color: #fff;
}

.wizard-btn-active {
	background-color: #ffffff;
	color: #da750b;
	font-weight: 400;
	font-size: 14px;
	border-color: #fff;
}

.wizard-btn-active span {
	padding: 6px 8px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	text-align: center;
	border: 2px solid #fb8204;
	margin-right: 5px;
}

.wizard-btn-active:hover {
	color: #fb8204;
}

.wizard-btn-active span svg {
	color: #fb8204;
	font-size: 19px;
}

.wizard-btn {
	background-color: #ffffff;
	color: #da750b;
	font-weight: 400;
	font-size: 14px;
	border-color: #fff;
}

.wizard-btn span {
	padding: 6px 8px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	text-align: center;
	border: 2px solid #fb8204;
	margin-right: 5px;
}

.wizard-btn:hover {
	color: #fb8204;
}

.wizard-btn span svg {
	color: #fb8204;
	font-size: 19px;
}

.wizard-inner {
	position: relative;
}

.connecting-line {
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	width: 72%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 53%;
	z-index: 1;
}

.wizard-inner .nav-tabs {
	position: relative;
	margin: 20px auto;
	margin-bottom: 0px;
	border-bottom-color: #2f4a94;
	border-bottom: 3px solid #2f4a94;
}

.wizard-inner .nav-tabs>li {
	width: 25%;
	text-align: center;
}

.wizard-inner .nav-tabs>li a {
	width: 60px;
	height: 60px;
	margin: 10px auto 25px auto;
	border-radius: 100%;
	padding: 0;
	border: none;
}

.wizard-label {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	color: #a5a3a3;
	font-size: 20px;
}

.wizard-inner .nav-tabs>li.active .wizard-label {
	color: #2f4a94;
}

.wizard-inner li.active:after {
	content: " ";
	position: absolute;
	left: 48%;
	opacity: 1;
	margin: 0 auto;
	bottom: 0px;
	border: 10px solid transparent;
	border-bottom-color: #2f4a94;
}

.wizard-inner li:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 0;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: #5bc0de;
	transition: 0.1s ease-in-out;
}

.wizard-inner li.active span.round-tab {
	background-image: radial-gradient(circle, #bb3464, #ce205e, #78012b);
}

.wizard-inner li.active span.round-tab svg {
	color: #fff;
}

span.round-tab {
	width: 60px;
	height: 60px;
	line-height: 55px;
	display: inline-block;
	border-radius: 100px;
	background-image: radial-gradient(circle, #ffffff, #e0e0e0, #a5a3a3);
	border: 2px solid #e0e0e0;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 25px;
}

span.round-tab svg {
	color: #a5a3a3;
}

.wizard li.active span.round-tab i {
	color: #5bc0de;
}

.wizard-inner .nav-tabs>li.active>a, .wizard-inner .nav-tabs>li.active>a:focus,
	.wizard-inner .nav-tabs>li.active>a:hover {
	background-color: #fff;
	border: none;
	border-bottom-color: transparent;
	-webkit-box-shadow: 0 0 11px 0 #9c9c9c;
	-moz-box-shadow: 0 0 11px 0 #9c9c9c;
	box-shadow: 0 0 11px 0 #9c9c9c;
}

.table>thead>tr>th {
	font-size: 14px;
	color: #19179a;
}

.btn-blue {
	background-color: #3d65d4;
	border-color: #3d65d4;
	color: #fff;
}

.btn-round {
	border-radius: 15px;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {
	background-color: #3d65d4;
	border-color: #3d65d4;
	color: #fff;
}

.btn-danger {
	background-color: #e74c3c;
	border-color: #e74c3c;
	color: #fff;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
	.open .dropdown-toggle.btn-danger {
	background-color: #ea6557;
	border-color: #ea6557;
	color: #fff;
}

.icheckbox_square-green, .iradio_square-green {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	background: url(img/green.png) no-repeat;
	border: 0;
	cursor: pointer;
}

.icheckbox_square-green.checked {
	background-position: -48px 0;
}

.file-upload-btn {
	border-radius: 24px;
	padding: 10px 15px;
	font-size: 12px;
	font-weight: 700;
	background-color: #3d65d4;
	color: #fff;
}

.file-upload-div {
	border: #dedcdc 2px;
	border-style: dashed;
	margin-bottom: 15px;
}

.text-info {
	color: #3498db;
}

.home-btn svg {
	color: #0c3575;
	font-size: 17px;
}

.home-btn p {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #666c7b;
}

.home-btn {
	border: #e4dfdf 2px solid;
	text-align: center;
}

/*landing page*/
.visa-landing-page {
	background-image: linear-gradient(to right, #5f7aab, #ffffff, #fdf9f0, #e0e0e0, #c7c6c2,
		#9cabc7, #5f7aab);
}

@media ( max-width :1442px) {
	.visa-landing-page {
		background-image: linear-gradient(to right, #eff4fd, #ffffff, #fdf9f0, #e0e0e0, #c7c6c2,
			#9cabc7, #5f7aab);
	}
	#header .navbar-header-custom {
    text-align: center;
    position: relative;
    /* margin: 0 auto; */
    left: 50%;
    margin-left: -20%;
}
}

.visa-landing-page header {
	background: url(../images/headbg.png) 50% 0 no-repeat;
	height: 600px;
	padding-top: 50px;
	background-position: bottom;
	position: relative;
}

.elementor-shape-bottom {
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
	bottom: -1px;
}

.visa-landing-page header .container {
	position: relative;
}

.visa-landing-page .heading {
	margin-bottom: 15px;
	color: #edf0f5;
}

.visa-landing-page .heading-image {
	right: 60px;
	top: 130px;
	text-align: right;
}

.visa-landing-page .heading-image .quick-tile {
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0
		rgba(0, 0, 0, .19) !important;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0
		rgba(0, 0, 0, .19) !important;
	border-radius: 1px;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0
		rgba(0, 0, 0, .19) !important;
	border-radius: 1px;
	padding: 15px;
	border-radius: 59px;
}

.visa-landing-page .heading-image .quick-tile:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.visa-landing-page .heading-image .quick-tile:hover .quick-tile-img {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.quick-tile .form-control {
	color: #797878;
	font-weight: bold;
	border: #ffffff 1px solid !important;
	box-shadow: none;
	border-radius: 3px;
	height: 37px;
	padding: 2px 12px;
	background-color: #ffffff;
	font-size: 15px;
}

.img-div {
	position: relative;
}

.img-div-header {
	text-align: left;
	position: relative;
	margin-top: 5%;
}

.img-div-header img {
	width: 70%;
	top: 0px;
	left: 0px;
}

.img-div-header .inst1 {
	position: absolute;
	top: 4%;
	left: 52%;
}

.img-div-header .inst2 {
	position: absolute;
	top: 22%;
	left: 63%;
}

.img-div-header .inst3 {
	position: absolute;
	top: 47%;
	left: 68%;
}

.img-div-header .inst4 {
	position: absolute;
	top: 70%;
	left: 64%;
}

.img-div-header .inst5 {
	position: absolute;
	top: 90%;
	left: 51%;
}

.img-div-header .inst6 {
	position: absolute;
	top: 101%;
	left: 43%;
}

.img-div-header .inst1 h1, .img-div-header .inst2 h1, .img-div-header .inst3 h1,
	.img-div-header .inst4 h1, .img-div-header .inst5 h1, .img-div-header .inst6 h1,
	.img-div-header .inst7 h1 {
	font-size: 17px;
	font-family: 'Oswald', sans-serif;
	color: #2c2f31;
}

.forgot-pw-img-div .inst1 {
	position: absolute;
	top: 0%;
	left: 47%;
}

.img-howtoapply .inst1 {
	position: absolute;
	top: 24%;
	left: 67%;
}

.img-howtoapply .inst2 {
	position: absolute;
	top: 64%;
	left: 64%;
}

.img-howtoapply .inst3 {
	position: absolute;
	top: 86%;
	left: 51%;
}

.img-howtoapply h1 {
	font-size: 17px;
	font-family: 'Oswald', sans-serif;
	color: #2c2f31;
}

.forgot-pw-img-div .inst2 {
	position: absolute;
	top: 23%;
	left: 57%;
}

.forgot-pw-img-div .inst3 {
	position: absolute;
	top: 48%;
	left: 63%;
}

.forgot-pw-img-div .inst4 {
	position: absolute;
	top: 73%;
	left: 60%;
}

.forgot-pw-img-div .inst5 {
	position: absolute;
	top: 90%;
	left: 51%;
}

.forgot-pw-img-div .inst1 .example label {
	color: #9c9b9b;
	font-size: 14px;
	margin-right: 10px;
	width: auto;
	margin-top: 10px;
}

.forgot-pw-img-div .inst1 h1, .forgot-pw-img-div .inst2 h1,
	.forgot-pw-img-div .inst3 h1, .forgot-pw-img-div .inst4 h1,
	.forgot-pw-img-div .inst5 h1, .forgot-pw-img-div .inst6 h1,
	.forgot-pw-img-div .inst7 h1 {
	font-size: 17px;
	font-family: 'Oswald', sans-serif;
	line-height: 25px;
	color: #59768a;
}

.quick-tile .control-label {
	color: #fff;
	font-size: 17px;
	margin-bottom: 5px;
}

.btn-read-more {
	padding: 4px 10px;
	color: #000000;
	background-color: #fde304;
	margin: 0px;
	margin-top: 35px;
	width: 100%;
	border-radius: 15px;
	font-weight: bold;
	font-size: 14px;
	box-shadow: 0 4px 12px rgba(95, 20, 20, 0.68);
	width: 150px;
	float: right;
}

.btn-read-more:hover {
	padding: 4px 10px;
	background-color: #f9e53c;
	color: #000;
}

.visa-landing-page .heading-image .quick-tile h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #fff;
	padding: 15px;
	font-size: 18px;
	margin-bottom: 20px;
	text-shadow: none;
	font-size: 20px;
	margin-bottom: 20px;
	text-shadow: none;
	border-bottom: 2px solid #e7dede4d;
	/*background-color: #f1f1f1;
	color: #163792;*/
}

.visa-landing-page .heading-image  h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #e45d07;
	padding: 15px 0px;
	font-size: 18px;
	text-shadow: none;
	font-size: 20px;
	text-shadow: none;
	text-align: left;
	padding-top: 0px;
	margin: 0px;
}

.visa-landing-page .heading-image .quick-tile p {
	font-size: 17px;
	color: #3e3e3e;
	font-family: 'Roboto', sans-serif;
	line-height: 20px;
}

.quick-tile-img {
	float: left;
	margin-right: 20px;
	-webkit-box-shadow: 0 0 8px 0 #7d7d7d;
	-moz-box-shadow: 0 0 8px 0 #7d7d7d;
	box-shadow: 0 0 8px 0 #7d7d7d;
	padding: 10px;
	border-radius: 50%;
	background-color: #09090966;
	width: 75px;
	height: 75px;
}

.quick-tile-img img {
	width: 50px;
}

.visa-landing-page h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #0c3575;
	text-shadow: 2px 6px 5px rgb(187, 184, 184);
	margin: 0px;
}

.visa-landing-page span {
	font-size: 14px;
	color: #1f4d94;
	line-height: 30px;
	font-weight: 600;
}

.visa-landing-page section {
	padding: 0px 0 70px 0;
	border-bottom: 1px solid #eaeaea;
	background-color: #fff;
}

.multi-lang small {
	color: #000;
	font-size: 13px;
	font-weight: 600;
	margin-right: 5px;
	width: 120px;
	margin-top: 10px;
}

.no-padding {
	padding: 0px;
}

.input-group-append, .input-group-prepend {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control
	{
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: auto;
	margin-bottom: 0;
}

.input-group>.custom-select:not (:last-child ), .input-group>.form-control:not
	(:last-child ) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group-btn:last-child>.btn {
	background-color: #2f4a94;
	border-color: #2f4a94;
	color: #fff;
	line-height: 18px;
	border-top-right-radius: 13px;
	border-bottom-right-radius: 13px;
}

.input-group-append .btn, .input-group-prepend .btn {
	position: relative;
	z-index: 2;
	margin: 0px;
	box-shadow: none;
	padding: 1px 6px;
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text,
	.input-group>.input-group-prepend:first-child>.btn:not (:first-child ),
	.input-group>.input-group-prepend:first-child>.input-group-text:not (:first-child
	), .input-group>.input-group-prepend:not (:first-child )>.btn,
	.input-group>.input-group-prepend:not (:first-child )>.input-group-text
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.applicant-info .stat-label {
	font-size: 14px;
	color: #19179a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	font-weight: 600 !important;
	min-width: 173px;
}

.applicant-info-out {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}

.applicant-info-out:first-child {
	padding-right: 0px;
}

.applicant-info-out .stat-label {
	margin-bottom: 0px;
	min-width: auto;
}

.wizard-btn img {
	width: 25px;
	margin-right: 10px;
}

.quick-links-section p a {
	font-size: 16px;
	color: #000 !important;
	font-family: 'Roboto', sans-serif;
}

.quick-links-section p:hover a {
	color: #827e7e !important;
}

.quick-link-label-icon {
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	float: left;
	margin-right: 10px;
	margin-top: -5px;
}

.quick-link-p {
	margin-bottom: 25px;
}

.quick-link-label-icon img {
	width: 27px;
	margin-top: 5px;
}

.quick-links-section h4 {
	font-size: 24px;
	margin-bottom: 30px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #0c3575;
}

/*content css*/
.content .heading h1 {
	font-weight: 200;
	color: #484e5d;
	font-size: 25px;
	margin-bottom: 20px;
}

.applicant-details {
	margin-bottom: 15px;
}

.access-deid-point {
	color: #f7c807;
	margin-right: 5px;
}

.applicant-details .quick-tile-img {
	width: 42px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.quick-tile-bottom {
	width: 70%;
	float: left;
	text-align: left;
}

.quick-tile-bottom a svg {
	margin-top: 10px;
	margin-left: 5px;
}

.applicant-details h1 {
	font-size: 18px;
	margin-top: 10px;
}

.applicant-title {
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	color: #000000;
	font-size: 15px;
	margin-bottom: 15px;
	padding: 5px 10px;
	background-color: #f1f1f1;
}

.help-text, .help-text a svg {
	color: #0daf13;
	font-style: italic;
}

.applicant-title svg {
	margin-right: 10px;
	color: #616161;
}

.data-panel-sub-title svg {
	margin-right: 10px;
	color: #616161;
}

.panel-sub-title {
	padding: 10px 15px;
	color: #6b6a6a;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	font-size: 15px;
	background-color: #ffffff91;
	border-top: #eaeaea 1px solid;
	border-left: #eaeaea 1px solid;
	border-right: #eaeaea 1px solid;
}

.applicant-info .stat-data {
	margin: 3px 0;
	font-size: 14px;
	color: #4283f4;
	font-weight: 600;
}

.applicant-info .stat-data:before {
	content: ": ";
}

}
.applicant-info .stat-dot {
	margin-right: 3px;
	color: #0b172d;
}

.btn svg {
	margin-right: 5px;
	margin-left: 5px;
}

.btn.focus, .btn:focus, .btn:hover {
	outline: none;
}

label {
	display: inline-block;
	max-width: 100%;
	font-weight: 600 !important;
	margin: 3px 0;
	font-size: 14px;
	color: #6a6c6f;
}

.tab-pane {
	padding-top: 20px;
	background-color: #e0e0e054;
}

.applicant-info svg {
	color: #f07e08;
	float: left;
	font-size: 13px;
	margin-right: 6px;
	margin-top: 3px;
}

.astric-icon {
	font-size: 7px;
	color: red;
	margin-left: 5px;
	font-weight: 100;
}

.form-panel {
	padding: 20px;
	border: #e4e4e4 solid 1px;
	border-radius: 3px;
}

.content {
	padding: 25px 0px;
	padding-bottom: 70px;
	margin-top: 30px;
}

.panel-body h4 {
	font-weight: 600;
}

.m-15 {
	margin: 15px;
}

.panel-title {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	color: #163792;
	font-size: 22px;
	margin-bottom: 15px;
}

.data-panel-sub-title {
	margin-bottom: 13px;
	background-color: #e8e7e7;
	padding: 5px 10px;
	border-radius: 8px;
	color: #000;
}

.alert {
	border-radius: 1px;
	padding: 5px 10px;
	font-style: italic;
}

.alert-danger {
	color: #d6201d;
	background-color: #f7e5e5;
	border-color: #ebccd1;
}

.alert-error svg {
	margin-right: 10px;
}

/*dashboard css*/
.dashboard-page {
	padding-top: 30px;
}

.dashboard-page h1 {
	font-weight: 200;
	color: #484e5d;
	font-size: 25px;
	margin-bottom: 20px;
}

.color-green-text {
	color: #19b149;
}

.color-orange-text {
	color: #f99d0f;
}

.color-blue-text {
	color: #5a7ce0;
}

.panel>.panel-footer, .panel>.panel-section {
	color: inherit;
	border: 1px solid #eaeaea;
	border-top: 0;
	font-size: 90%;
	background: #f9f9f9;
	padding: 10px 15px;
}

.quick-tile>.panel-footer, .quick-tile>.panel-section {
	background-color: transparent;
	border: none;
}

.quick-tile>.panel-footer {
	float: left;
	width: 84%;
	padding: 0px;
}

.help-white {
	color: #f9f9f9;
	font-size: 16px;
}

.batch-title {
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	color: #000000;
	font-size: 18px;
	margin-bottom: 15px;
	padding: 10px 10px;
	background-color: #f1f1f1;
}

.badge-success {
	background-color: #1fa521;
	font-weight: 100;
}

.badge-warning {
	background-color: #f3ca05;
}

.badge-success svg {
	margin-right: 10px;
}

.badge-warning svg {
	margin-right: 10px;
}

.batch-sub-title {
	font-weight: 600;
	text-align: left;
	color: #9c9a9a;
	font-size: 17px;
	margin-bottom: 10px;
}

.data-tbl-panel {
	padding: 5px;
	border: #eaeaea 1px solid;
	border-radius: 2px;
	margin-bottom: 20px;
}

.data-panel {
	padding: 15px;
	border: #eaeaea 1px solid;
	border-radius: 2px;
	margin-bottom: 20px;
	background-color: #ffffff;
}

/*checkbox css*/

/* The container */
.checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
	width: 23px;
	background-color: #a6efa7;
	border: #0000ff1px solid;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
	background-color: #163792;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 8px;
	height: 13px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 13px;
}

.checkmark-login {
	height: 20px;
	width: 20px;
	background-color: #8c909a;
}

.checkmark-login-container .checkmark-login:after {
	left: 7px;
	top: 2px;
	width: 6px;
	height: 13px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 12px;
}

.checkbox-container input:checked ~ .checkmark {
	background-color: #6c7794;
}

.checkmark-login-container {
	font-weight: 400 !important;
}
/* footer css */


.copy-text {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 1px;
}

footer ul li {
	list-style: none;
	display: inline;
	border-right: 2px solid #9b9fa98a;
	padding-left: 10px;
	padding-right: 10px;
}

footer ul li:last-child {
	border-right: none;
}

footer ul li:first-child {
	padding-left: 0px !important;
}

footer ul {
	padding: 0px;
}

footer .address-info {
	text-align: right;
	color: #dfe0e0;
}

footer .address {
	color: #dfe0e0;
	font-size: 13px;
	margin-top: 3px;
}

footer ul li svg {
	margin-right: 10px;
	color: #bfc0c1;
}

.file-upload-img {
	position: fixed;
	width: 20%;
}

.m-0 {
	margin: 0px !important;
}

@media ( min-width : 1400px) {
	.file-upload-img {
		position: fixed;
		width: 18%;
	}
	
}
}

@media ( max-width : 1200px) {
	.visa-landing-page .heading-image {
		position: relative;
		right: auto;
		top: auto;
		text-align: right;
	}
	.btn-read-more {
		width: 130px;
	}
	.quick-tile>.panel-footer {
		width: 82%;
	}
	.visa-landing-page header {
		height: auto;
	}
	.visa-landing-page {
		background-image: linear-gradient(to right, #ffffff, #efede9, #e4d7c5, #a0b3d4);
	}
	.visa-landing-page section {
		padding: 0px 0 50px 0;
	}
	footer .address-info {
		text-align: left;
	}
	.visa-landing-page .heading-image .quick-tile h1 {
		min-height: 70px;
	}
	.content {
		padding-bottom: 110px;
	}
}

@media ( max-width : 992px) {
	.navbar-header-custom {
		padding: 7px 10px;
	}
	.navbar-header-custom .header-logo img {
		height: 40px;
	}
	.navbar-header-custom .header-depart {
		font-size: 17px;
		padding: 13px 10px;
		letter-spacing: normal;
	}
	.file-upload-img {
		position: inherit;
		width: auto;
	}
	.img-div-header {
		width: 800px;
		margin-bottom: 20px;
	}
}

@media ( max-width : 767px) {
		#header .navbar-header-custom {
    text-align: center;
    position: relative;
    /* margin: 0 auto; */
    left: 14%;
    margin-left: 0;
}
	.navbar-header {
		height: 61px;
	}
	.wizard-label {
		font-size: 16px;
	}
	.navbar-collapse {
		width: 100%;
	}
	footer ul li {
		display: block;
		padding-left: 0px;
		border-right: 0px;
	}
	.visa-landing-page h1 {
		font-weight: 400;
		color: #000000;
		font-size: 26px;
		text-shadow: 0 2px 0 rgb(255, 255, 255);
	}
	.home-btn {
		border: none;
		padding: initial;
		margin-top: auto;
		border-radius: initial;
	}
	.content {
		padding-bottom: 150px;
	}
}

@media ( max-width : 768px) {
	#header .navbar-header-custom {
    text-align: center;
    position: relative;
    /* margin: 0 auto; */
    left: 14%;
    margin-left: 0;
	.mobile-menu-toggle {
		display: block;
	}
	.mobile-menu .navbar-nav>li, .mobile-menu .navbar-nav {
		float: none;
	}
	.navbar-nav>li, .navbar-nav>li>a {
		border-top: 1px solid #efefef;
	}
	.navbar-nav>li {
		background-color: #ecebeb66;
	}
	.quick-tile-panel {
		width: 33.33%
	}
}

@media ( max-width : 768px) {
	#header .navbar-header-custom {
    text-align: center;
    position: relative;
    /* margin: 0 auto; */
    left: 14%;
    margin-left: 0;
	.quick-tile-panel {
		width: 100%
	}
	.visa-landing-page .heading-image .quick-tile h1 {
		text-align: left;
		min-height: auto;
		margin-bottom: 0px;
	}
	.quick-tile-img {
		float: left;
		padding: 12px;
		margin-bottom: 0px;
		opacity: 1;
	}
	.quick-tile>.panel-footer, .quick-tile>.panel-section {
		float: left;
	}
}

@media ( max-width : 694px) {
	#header .navbar-header-custom {
    text-align: center;
    position: relative;
    /* margin: 0 auto; */
    left: 8%;
    margin-left: 0;
	.forgot-pw-img-div .inst1 h1, .forgot-pw-img-div .inst2 h1,
		.forgot-pw-img-div .inst3 h1, .forgot-pw-img-div .inst4 h1,
		.forgot-pw-img-div .inst5 h1, .forgot-pw-img-div .inst6 h1,
		.forgot-pw-img-div .inst7 h1 {
		font-size: 14px;
	}
	.forgot-pw-img-div .inst1 .example label {
		color: #9c9b9b;
		font-size: 12px;
	}
	.forgot-pw-img-div .inst1 .example label span {
		font-size: 12px;
	}
}

@media ( max-width :587px) {
	.quick-tile-bottom {
		width: 100%;
	}
	.btn-read-more {
		margin-top: 15px;
	}
}

@media ( max-width : 512px) {
	.img-div {
		min-height: 300px;
	}
	.img-div h1 {
		font-size: 13px;
	}
	.img-div h3 {
		font-size: 13px;
	}
	.inst1 {
		top: 14%;
	}
	.inst2 {
		top: 54%;
	}
	.inst3 {
		top: 85%;
		left: 39%;
	}
	.inst1 .example label {
		font-size: 13px;
	}
	.inst1 h1, .inst2 h1, .inst3 h1 {
		color: #306798;
	}
	.forgot-pw-img-div .inst1 .example label {
		margin-top: 0px;
	}
	.forgot-pw-img-div .inst2 {
		top: 19%;
	}
	.forgot-pw-img-div .inst3 {
		top: 38%;
		left: 62%;
	}
	.forgot-pw-img-div .inst4 {
		top: 58%;
		left: 58%;
	}
	.forgot-pw-img-div .inst5 {
		top: 76%;
		left: 49%;
	}
}

@media ( max-width : 500px) {
	#header {
		height: auto;
	}
	.login-content {
		margin-top: 15%;
	}
	.navbar-toggle {
		top: 0px;
	}
	.navbar-nav>li, .navbar-nav>li>a {
		border-top: none;
	}
	.header-login-btn {
		margin: 15px 20px;
		text-align: center;
	}
	.navbar-nav>li, .navbar-nav>li>a {
		height: initial;
	}
	.navbar-header-custom {
		display: flex;
	}
}

@media ( max-width : 495px) {
	.navbar-header {
		background-color: #fff;
	}
	.navbar-toggle {
		margin-top: 0px;
	}
	.visa-landing-page header {
		padding-top: 65px;
	}
}

.header-login-btn:hover, .header-login-btn:focus, .header-login-btn:active
	{
	background-color: #64749e !important;
	border: #64749e 1px solid !important;
}

.header-login-btn svg {
	color: #46abcf;
	font-size: 17px;
}

.header-login-btn p {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}

.user-login-button p {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	display: inline-block;
}

.user-login-button .user-avatar {
	border-radius: 50% !important;
	max-width: 30px;
	margin-right: 10px;
}

.user-login-button svg {
	font-size: 13px;
	margin-left: 10px;
}

.custom-select {
	background: url(images/custom-select.png) right 0.75rem center no-repeat;
}

.login_help_title {
	font-size: 2.0rem;
	font-weight: bold;
	color: #004a95;
}

.login_help_lbl {
	font-size: 13px;
	color: #004a95;
}

.login_help_info {
	margin: 3px 0;
	font-size: 13px;
	color: #0080ff;
}

.no-margin {
	margin: 0px !important;
}

.auto-scroll-x {
	overflow-x: auto;
}

.error-msg-quick-tile {
	color: yellow;
	font-weight: bold;
	line-height: 15px;
	margin-top: 5px;
	font-size: 13px;
}

.error-msg {
	color: #ef2626;
	font-size: 13px;
	margin: 5px 0px;
	text-shadow: 1px 1px 8px rgb(255, 255, 255);
}

.clock-btn {
	width: 180px;
	border-radius: 8px;
	box-shadow: none;
	background-color: #0b549b;
	border: none;
}

.clock-btn:hover {
	background-color: #2c7ed4;
}

.clock-third-btn {
	width: 180px;
	border-radius: 8px;
	box-shadow: none;
	background-color: red;
	border: none;
}

.clock-second-btn {
	width: 180px;
	box-shadow: none;
	background-color: #f1f7ff !important;
	border: none;
	border-radius: 50px;
    text-align: center;
}

.clock-second-btn:hover {
	background-color: #c8e0ff !important;
	color: #1f1f1f !important;
}

.input-select-group {
	display: flex;
}

.select-group {
	width: 80px !important;
	float: left !important;
	background-color: #f5f5f5;
}

.input-select-group .form-control:first-child {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.login-panel-body {
	background: #f7f7f7 !important;
	border: 3px solid #e2e2e2 !important;
}

selectdiv {
	position: relative;
	/*Don't really need this just for demo styling*/
	float: left;
	min-width: 200px;
	margin: 50px 33%;
}

.selectdiv:after {
	content: '\f078';
	font: normal normal normal 17px/1 FontAwesome;
	color: #0ebeff;
	right: 11px;
	top: 6px;
	height: 34px;
	padding: 15px 0px 0px 8px;
	border-left: 1px solid #0ebeff;
	position: absolute;
	pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
	display: none;
}

.selectdiv select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Add some styling */
	display: block;
	width: 100%;
	max-width: 320px;
	height: 50px;
	float: right;
	margin: 5px 0px;
	padding: 0px 24px;
	font-size: 16px;
	line-height: 1.75;
	color: #333;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #0ebeff;
	-ms-word-break: normal;
	word-break: normal;
}

input::placeholder {
	font-size: 15px;
	color: #898888 !important;
	font-weight: 400;
	text-transform: none;
	opacity: 0.8 !important;
}

/* select option css*/
.pure-css-select-style {
	overflow: hidden;
}

.pure-css-select-style select {
	width: 100%;
	padding-right: 38px;
	border: none;
	box-shadow: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
	/* Hide arrow on FF */
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: ellipsis;
}
/* Hide arrow on IE10*/
.pure-css-select-style select::-ms-expand {
	display: none;
}

.pure-css-select-style optgroup {
	color: inherit;
	font: inherit;
}
/* IE9: To hide select arrow we make the select overflow on the right side there is not another way :( */
@media screen and (min-width:0\0) {
	.pure-css-select-style select {
		width: calc(100% + 58px);
	}
}

.theme-default {
	border: 1px solid #bbb;
	border-radius: 2px;
	/* <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><path d="M4.33 8.5L0 1L8.66 1z" fill="#666"/></svg> */
	background: #fff
		url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E')
		right 10px center no-repeat;
}

.theme-default select {
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	border-color: #cccccc !important;
	box-shadow: none;
	border-radius: 2px;
	height: 28px;
	padding: 3px 12px;
}

.multi-lang .theme-default {
	border: none;
	border-radius: 12px;
}

.multi-lang select {
	border: #757575 1px solid !important;
	box-shadow: none;
	border-radius: 12px;
	height: 30px;
	padding: 2px 12px;
	font-size: 13px;
	color: #110e0e;
}

.img-upload-img .watermark-img {
	width: 150px;
	height: 150px;
	border: 2px solid #e4e4e4;
	border-radius: 5px;
}

.img-upload-img .upload-img {
	background-color: #fff;
	width: 150px;
	height: 150px;
	padding: 10px;
	border: 2px solid #e4e4e4;
	border-radius: 5px;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile+label {
	max-width: 80%;
	font-size: 1.25rem;
	/* 20px */
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 0.625rem 1.25rem;
	/* 10px 20px */
}

.no-js .inputfile+label {
	display: none;
}

.inputfile:focus+label, .inputfile.has-focus+label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label * {
	/* pointer-events: none; */
	/* in case of FastClick lib use */
	
}

.inputfile+label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -0.25em;
	/* 4px */
	margin-right: 0.25em;
	/* 4px */
}

/* style 1 */
.inputfile-1+label {
	color: #ffffff;
	background-color: #8f8f90;
}

.inputfile-1:focus+label, .inputfile-1.has-focus+label, .inputfile-1+label:hover
	{
	background-color: #41418a;
}

.border-right {
	border-right: 1px solid #eaeaea;
}

.sidenav {
	height: 80%; /* Full-height: remove this if you want "auto" height */
	width: 160px; /* Set the width of the sidebar */
	position: fixed; /* Fixed Sidebar (stay in place on scroll) */
	z-index: 2; /* Stay on top */
	top: 0; /* Stay at the top */
	left: 0;
	background-color: #ddf0ee; /*  */
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 80px;
}

/* The navigation menu links */
.sidenav a {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	font-size: 20px;
	color: #818181;
	display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
	color: #f1f1f1;
}

/* Style page content */
.mainDiv {
	margin-left: 160px; /* Same as the width of the sidebar */
	padding: 0px 10px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}
	.sidenav a {
		font-size: 18px;
	}
}

/* 
top menu css */
.top-menu {
	     margin-top: 20px;
    text-align: center;
    margin-bottom: 15px;	
}

.top-menu a {
	padding: 8px 15px;
    font-size: 16px;
    color: #25387d;
    font-weight: 600;
    border: 2px solid #c6c6c6;  
    border-radius: 23px;
    background-color: white;
    margin-right: 15px;
}

.top-menu a svg {
	margin-right: 5px;
	    color: #57669f;
}

.top-menu a:active svg, .top-menu a:hover svg
	{
	text-decoration: none;
	    color: #cac7c5;
	
}
.top-menu a:hover, .top-menu a:active, .top-menu a:hover, .top-menu a:focus
	{
	    text-decoration: none;
    color: #ffffff;
      background-color: #0c3575;
    border: 2px solid #afafae;
   
}

.admin-content {
	margin-top: 10px;
}