@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap');
	/*
  	Flaticon icon font: Flaticon
  	Creation date: 03/12/2019 08:51
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("fonts/Flaticon.eot");
  src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("fonts/Flaticon.woff2") format("woff2"),
       url("fonts/Flaticon.woff") format("woff"),
       url("fonts/Flaticon.ttf") format("truetype"),
       url("fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon-clock:before { content: "\f100"; }
.flaticon-calendar-interface-symbol-tool:before { content: "\f101"; }
.flaticon-logout:before { content: "\f102"; }

@font-face {
 font-family: 'icomoon';
 src:  url('fonts/icomoon.eot?kj2co8');
 src:  url('fonts/icomoon.eot?kj2co8#iefix') format('embedded-opentype'),  url('fonts/icomoon.ttf?kj2co8') format('truetype'),  url('fonts/icomoon.woff?kj2co8') format('woff'),  url('fonts/icomoon.svg?kj2co8#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}
 [class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1; margin: 0 5px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-time:before {
	content: "\e900";
}
.icon-progress-report:before {
	content: "\e901";
}
.icon-placeholder:before {
	content: "\e902";
}
.icon-lock:before {
	content: "\e903";
}
.icon-lab-microscope:before {
	content: "\e904";
}
.icon-head:before {
	content: "\e905";
}
.icon-credit-card:before {
	content: "\e906";
}
.icon-clock:before {
	content: "\e907";
}
.icon-businessman:before {
	content: "\e908";
}
.icon-alarm-clock:before {
	content: "\e900";
}
.icon-businessman:before {
	content: "\e901";
}
.icon-calendar:before {
	content: "\e902";
}
.icon-credit-card:before {
	content: "\e903";
}
.icon-edit:before {
	content: "\e904";
}
.icon-eye:before {
	content: "\e905";
}
.icon-facebook-placeholder-for-locate-places-on-maps:before {
	content: "\e906";
}
.icon-head:before {
	content: "\e907";
}
.icon-lab-microscope:before {
	content: "\e908";
}
.icon-lock:before {
	content: "\e909";
}
.icon-login:before {
	content: "\e90a";
}
.icon-logout:before {
	content: "\e90b";
}
.icon-logout-1:before {
	content: "\e90c";
}
.icon-print:before {
	content: "\e90d";
}
.icon-progress-report:before {
	content: "\e90e";
}
.icon-rubbish-bin:before {
	content: "\e90f";
}
.icon-search:before {
	content: "\e910";
}
.icon-verified-text-paper:before {
	content: "\e911";
}
.icon-settings:before {
	content: "\f085";
}
body {background: #f1f4f6; font-size:15px;}
.loginScreen {
	background: #5da4f1;
	background-image: url(../images/bg-pattern.jpg);
	background-size: cover;
}
.loginScreen .card {padding: 40px 60px;}


/*service section css*/
#service { width:100%; float:left; position:relative; padding:60px 0;}
.service_blk{ width:100%; float:left; padding: 0 10px; border:2px solid #dbdbdb; border-left:3px solid #00a776;margin: 8px 0;} 
.service_blk h4{ color:#00a776; font-size:25px;}
.service_blk img{margin-top: 20px;}
#megaMenu { width:100%; float:left; position:relative; padding:0;}
#graph {width:100%; float:left; position:relative;}
#innerSecion { width: 100%; float: left; padding: 20px 10px;margin-top: 7%; min-height:620px;}
.card {box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    border-width: 0; transition: all .2s; padding:15px 20px; /*margin: 0 0 30px 0;*/}
.card h3 {font-size: 20px;color: #213e7c !important;;border-bottom: 1px solid #d2e6fb;padding: 0 0 10px 0;margin: 0 0 20px 0;font-weight: 400; text-transform: uppercase;}

.card  .md-form {margin-top: 5px; margin-bottom: 5px; }
header {position: relative; float: left;}
.green_btn{ margin-bottom: 8px; }
.new_btn{height: 30px; margin-top: 20px;}

/* --sanuja css-- */
.card-title { font-weight: 600;color: #003d7b;border-bottom: 2px dotted
#75aa69;padding-bottom: 5px; margin-bottom: 10px !important;}
.btn.btn-danger.btn-link.btn-sm {color: #fff !important;}
.fas.fa-caret-right.pl-1.pr-3 {display: none;}
.list-unstyled li {border-bottom: 1px solid #f0f0f0;padding: 1px 5px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 0;}
.form-group {margin-bottom: 8px;}
#navbarSupportedContent2 {background: #213e7c !important;;}
.top_info{padding: 5px 0 15px 0;}
#search_nav {margin-left: 10px;}
/*.logo_img.page-scroll {margin-left: 5px;}*/
.card-header {margin-left: 5px;}
.component a {
	margin: 0;
	/*color: #333; */
	color: #0d7cef;
}
.actionHead {
	width: 95px !important;
}
.navbar-nav>li>.dropdown-menu {
 
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  
  font-weight: bold;
}

.mega-dropdown {
  position: static !important;
  width: 100%;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.mega-dropdown-menu:before {
  
}

.mega-dropdown-menu:after {
  
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
.navbar-nav > li{ float:left; display:inherit; width:auto;}
.navbar-default {
	background-color: transparent;
	border: none;
}
/*********fixed*****/
.topCall {width: 100%; float: left; text-align: right; background: #fff; padding: 12px 0;}
.topCall .col-md-6 {padding: 0; margin: 0;}
.topCall .col-md-3 {padding: 0; margin: 0;}
.navbar-brand {top: 5px;}
.top-nav-collapse .navbar-brand > img {width: 90% !important; min-width: 80px; padding: 0px 0 !important;}
.mailBox{width: 80%; position: relative; padding: 6px 20px; background: #91bb25; float: right;}
.mailBox .glyphicon-triangle-left {position: absolute; left: -14px; top: 10px; font-size: 20px; color: #91bb25;}
.callNo {width: 70%; float: right; font-family: 'Lato', sans-serif; font-size: 16px; color: #282828;}
.back-to-top { cursor: pointer; position: fixed; bottom: 20px;  right: 20px; display:none;} 
.topCall { -webkit-transition:-webkit-transition: margin .5s ease-in-out; -moz-transition: margin .5s ease-in-out; transition: margin .5s ease-in-out}
.navbar-brand>img {width:100%;-webkit-transition: width .5s ease-in-out; -moz-transition: width .5s ease-in-out; transition: width .5s ease-in-out;  }
.location {float: right; font-size: 50px; line-height: 80px; margin: 0 0 0 20px;}
.top-nav-collapse .topCall {margin: -100px 0 0;}
.navbar-brand{ position:relative;top: -28px;}
.navbar-wrapper {width: 100%;float: left;background-color: #004088;position: relative !important;}
.collapse.navbar-collapse.js-navbar-collapse {margin-left:27px;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #fff;background-color: transparent;}
.topCall{padding: 25px 3%;}
/*-------- Form -------------------*/
#formSection {width:100%; float:left; position:relative;}
.boxInput {margin: 0 0 15px 0;}
#contactSection {width:100%; float:left; position:relative;}
.md-form .validate {margin: 0 0 .5rem !important;}
/*-------- End Form -------------------*/
/*-------- Add Products -----------*/
.number-input input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  margin-bottom: 0;
}

.number-input button {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  height: 2px;
  transform: translate(-50%, -50%);
}

.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  text-align: center;
}

.number-input.number-input {
  border: 1px solid #ced4da;
  width: 10rem;
  border-radius: .25rem;
}

.number-input.number-input button {
  width: 2.6rem;
  height: .7rem;
}

.number-input.number-input button.minus {
  padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
  width: .7rem;
  background-color: #495057;
}

.number-input.number-input input[type=number] {
  max-width: 4rem;
  padding: .5rem;
  border: 1px solid #ced4da;
  border-width: 0 1px;
  font-size: 1rem;
  height: 2rem;
  color: #495057;
}

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color:transparent) {

    .number-input.def-number-input.safari_only button:before,
    .number-input.def-number-input.safari_only button:after { margin-top: -.3rem;}
  }
}
/*-------- End Add Products -----------*/
	
 table.table td, table.table th {padding: 3px 6px !important;}
 .tableBox {width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden;}
 .card-shadow-success {
    box-shadow: 0 0.46875rem 2.1875rem rgba(58,196,125,0.03), 0 0.9375rem 1.40625rem rgba(58,196,125,0.03), 0 0.25rem 0.53125rem rgba(58,196,125,0.05), 0 0.125rem 0.1875rem rgba(58,196,125,0.03);
}
.widget-chart {
    text-align: center;
    padding: 1rem;
    position: relative;
}
.text-left {
    text-align: left !important;
}
.widget-chart.text-left {
    flex-direction: row;
    align-items: center;
}
.border-success {
    border-color: #3ac47d !important;
}
/*sticky header css*/
.bg {width: 100%;float: left;position: relative;padding: 0px 0;}

.bg-info {
	background-color: rgba(255, 255, 255,0.1) !important;
	box-shadow: none !important;
}
.sticky-top {
    transition: all 0.25s ease-in; padding: 0 !important;
}
.address-details {
	/*display:inline-block;*/
	padding:30px 0 0;
	float:left;
	margin:0 25px;
}
.address-details span {
	font-size:40px;
	color:#999999;
}
.red-content {
	font-size:12px !important;
	color:#a0080b !important;
	font-family: 'Lato', sans-serif;
	font-weight:600;
}
.top-content{font-size:14px !important;font-weight:500;color:#000 !important;}
.details {
	float: right;
	text-align: left;
	line-height: 25px;
	margin: 0 0 0 10px;
	color: #000; font-weight: 400;font-size: 14px; 
}

.top-right {
	width: 90%;
	float: right; 
	text-align:right;  margin-right: 5px;
}
.top-right ul {
	margin:0px;
	padding:0px;
}
.top-right li {
	display:inline-block;
	list-style:none;
	padding: 3px 10px;
}
.top-right span {
	font-size:20px;
	color:#000;
	margin-right:2px;
}
.people img {
	width:45px !important;
	height:45px !important;
	border-radius:100%;
	border:4px solid #213e7c !important;;
}
.top-right strong {
	font-size:14px !important;
	color:#000 !important;
	font-family: 'Lato', sans-serif;
}
.details.people {
/*	margin:-15px 0 0;*/ line-height: 40px; font-weight: 400;
}
.male_list ul{ margin: 3px 0 0 0; padding: 0;}
.male_list ul li{ list-style: none; width: 30%; float: left; }
.green-bg {
	background: #5cba47;
	text-align: center;
	padding: 6px 10px !important;
	border-radius: 100%;
	/* padding: 16px; */
	border: 3px solid #77ad6b;
}
.green-bg span {
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin: 0px;
}

.logo_img img{ width:30%; /*margin: 8px 0 8px 5px;*/}
.footer_sec{background: #213e7c !important;;display: inline-block;width: 100%;padding: 10px 0;color: #fff; text-align:center; font-size:18px;}
.footer_sec p{ margin:0;}
.login_tab{ width: 40%; position: relative;  margin: 50px  auto 0;}
.logLogin img {width:40%;height: auto;margin-bottom: 35px;}
.logLogin{ text-align: center; margin: 0 auto;}
/* Juned 18/11/2019 */
.ajax_box,.ajax-box{border: solid 2px #5cba47;}
.isAmount{text-align: right !important;}
.has-error input{ border: 1px solid #c00; }
.active_menu{background: #004088;}
.navbar-expand-lg, .navbar-expand-lg > .container-fluid{flex-flow: wrap !important;}
.help-block { color: red }
/*********fixed*****/
.topCall {width: 100%; float: left; text-align: right; background: #fff; padding: 12px 0;}
.topCall .col-md-6 {padding: 0; margin: 0;}
.topCall .col-md-3 {padding: 0; margin: 0;}
.navbar-brand {top: 5px;}
.top-nav-collapse .navbar-brand > img {width: 90% !important; min-width: 80px; padding: 0px 0 !important;}
.mailBox{width: 80%; position: relative; padding: 6px 20px; background: #91bb25; float: right;}
.mailBox .glyphicon-triangle-left {position: absolute; left: -14px; top: 10px; font-size: 20px; color: #91bb25;}
.callNo {width: 70%; float: right; font-family: 'Lato', sans-serif; font-size: 16px; color: #282828;}
.back-to-top { cursor: pointer; position: fixed; bottom: 20px;  right: 20px; display:none;} 
.topCall { -webkit-transition:-webkit-transition: margin .5s ease-in-out; -moz-transition: margin .5s ease-in-out; transition: margin .5s ease-in-out}
.navbar-brand>img {width:100%;-webkit-transition: width .5s ease-in-out; -moz-transition: width .5s ease-in-out; transition: width .5s ease-in-out;  }
.location {float: right; font-size: 50px; line-height: 80px; margin: 0 0 0 20px;}
.top-nav-collapse .topCall {margin: -100px 0 0;}
.navbar-brand{ position:relative;top: -28px;}
.navbar-wrapper {width: 100%;float: left;background-color: #004088;position: relative !important;}
.collapse.navbar-collapse.js-navbar-collapse {margin-left:27px;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #fff;background-color: transparent;}
.topCall{padding: 25px 3%;}
.pagination.pagination-content a {
	background: #eee;
	padding: 2px 8px;
	margin-right: 2px;
	color: #000; text-decoration: none;
}
.pagination.pagination-content strong {
	padding: 2px 8px;
	margin-right: 2px;
	color: #fff;
	background: #5cba47;
}
.card-body {padding: 0;}
.pagination-bx {margin-top: 12px;}
.card .row {margin-right: 0 !important;margin-left: 0 !important;}
.bluesubmitBtn {background:#316fd7 !important;padding: 7px 15px 7px 15px !important;}
.btn.btn-sm, .btn.btn-md {font-size: 12px !important;padding: 4px 15px !important; margin-right: 5px !important;border-radius: 3px !important;

border: none !important;box-shadow: none !important; }
.btn.btn-danger.btn-link.btn-sm {text-decoration: none;}
.btn-primary {background-color: #213e7c !important;;border-color: #007bff; font-size: 12px !important;
padding: 4px 15px !important;}
#ui-datepicker-div {z-index: 4 !important;}
.form-group.buttonsAll {margin-top: 14px;}
#profile_pic {padding: 0 10px;}

.sorting_asc {
	/*background: #2bbbad !important;
}*/
tbody th, th {
	background: #7292d5 !important;
}
.card h3 {
	font-size:19px;
	padding: 0 0 7px 0;
	margin: 0 0 10px 0;
}
.card h5 {
	font-size: 18px;
}
.modal-dialog {
	max-width: 700px;
	margin: 6.75rem auto;
}

hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1);
}
#sel_experience {
	position: absolute;
	top: 21px;
	left: 0;
	z-index: 999999;
}
