*
{
    margin: 0;
    padding: 0;
}
body
{
    font-family: 'Roboto Condensed' , sans-serif !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #f8f9fa !important;
}
a
{
    text-decoration: none !important;
}
img
{
    max-width: 100%;
}
.wrapper
{
    min-height: 80vh;
    background: #f3f5f7;
}
/* Preheader */
.preheader
{
    position: relative;
    padding: .50rem 0;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}
.preheader a:hover
{
    color:#fc0;
}
.preheader-info
{
    color: #fff !important;
    background-color: #11435d !important;
    border-color: #bee5eb;
}
.preheader-info .preheader-link
{
    color: #fff;
}
.contact-info, .homeLink
{
    font-size: 14px;
    line-height:26px;
    position: relative;
    z-index: 1;
    color: #fff;
}
.contact-info a, .homeLink a
{
    color: #fff;
    border-right: 1px solid #fff;
    padding: 0 10px 0 0;
}
.contact-info a:hover, .contact-info i:hover, .homeLink i:hover
{
    color: #ffc107;
}
.contact-info i, .homeLink i
{
    margin-right: 5px;
}
.contact-info i:last-child
{
    margin-left: 5px;
}
.topLinks a i
{
    margin-left: 5px;
}
.tologin_link .btn, topLinks .btn-sm
{
    padding: .13rem .89rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    border:0;
}
.tologin_link .btn:hover, .tologin_link .btn:focus, .tologin_link .btn:active 
{
    background-color: #f76400;
    outline:0 !important;
    color:#fff;
}
.tologin_link .btn i 
{
    margin:0 5px;
}
/* Header */
.header
{
    box-shadow:0 3px 6px 0px rgba(102, 103, 104,.2);
    height: 74px;
    position: relative;
    z-index:1;
}
.deptLogo
{
    float: left;
}
.mpoLogo
{
    float: right;
}
.mpoLogo img 
{
    width: 268px;
    padding-top:5px;
}
/* Banner */
.banner-wrapper
{
    position: relative;
    background: #145474;
    padding-top: 3rem;
    padding-bottom: 5rem;
    z-index: 0;
}
.banner-wrapper::after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .5;
    background-image: url("../images/pattern-shapes.png");
}
.banner-wrapper .banner-header-title
{
    font-size: 2.5rem;
    color: #fff;
    padding-top: 50px;
}
.banner-wrapper .banner-header-text
{
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 0.5) !important;
}
.bannerLinks
{
    width: 100%;
    background-color: #eff3f9;
    border-radius: 10px;
}
.bannerLinks .top
{
    background-color: #e3e6ec;
    padding: 5px 10px;
    border-radius: 10px 10px 0 0;
}
.bannerLinks h1
{
    font-size: 1.2rem;
    display: inline-block;
    margin: 0;
}
.small-round
{
    border-radius: 100%;
    height: 10px;
    width: 10px;
    background-color: #f76400;
    display: inline-block;
    margin-right: 2px;
}
.impLinks
{
    padding: 15px 15px;
}
.impLinks a
{
    color: #333;
}
.impLinks .card
{
    margin: 4px 0;
    -webkit-transition: -webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.impLinks .card:hover
{
    -webkit-transform: translateY(-.33333rem);
    transform: translateY(-.2rem);
    -webkit-box-shadow: 0 .5rem 2rem 0 rgba(31,45,65,.25);
    box-shadow: 0 .5rem 2rem 0 rgba(31,45,65,.25);
}
.impLinks .card-body
{
    padding: .5rem 1rem;
}
/* Sections */
.page-header-title
{
    padding-top: 50px;
}
/* SVG Border-bottom design */
.svg-border-rounded.text-light
{
    color: #eff3f9 !important;
}
.svg-border-rounded.text-white
{
    color: #fff !important;
}
.svg-border-rounded svg
{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3rem;
    width: 100%;
}
svg
{
    overflow: hidden;
    vertical-align: middle;
}
/* About Us */
.aboutUs
{
    position: relative;
    background-color: #eff3f9;
}
.about-us-title
{
    font-size: 2.5rem;
}
.about-us-para
{
    font-size: 1rem;
}
.aboutRow
{
    padding-bottom: 50px;
}
.aboutBox a
{
    display: block;
    width: 100%;
}
.aboutBox a:hover .content
{
    margin-top: 15px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.aboutUs .content
{
    margin-top: 21px;
    display: block;
}
.aboutUs .content h3
{
    font-size: 1.1rem;
    color: #323f52;
    font-weight: 500;
    margin: 0;
}
.aboutUs .content p
{
    color: #687281;
    font-size: 1rem;
}
.icon-stack
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    height: 2rem;
    width: 2rem;
    font-size: 1rem;
    background-color: #eff3f9;
    height: 5rem;
    width: 5rem;
    font-size: 1.75rem;
}
.icon-stack i
{
    color: #fff;
}
.aboutBox a:hover .icon-stack i
{
    padding-top: 10px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
/* Contact us */
.contact-us
{
    background-color: #eff3f9;
}
.addressDet
{
    padding: 25px 0;
}
.contact-us .card
{
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(31,45,65,.15);
    box-shadow: 0 .15rem 1.75rem 0 rgba(31,45,65,.15);
    min-height: 200px;
    -webkit-transition: -webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.contact-us .card:hover
{
    -webkit-transform: translateY(-.33333rem);
    transform: translateY(-.33333rem);
    -webkit-box-shadow: 0 .5rem 2rem 0 rgba(31,45,65,.25);
    box-shadow: 0 .5rem 2rem 0 rgba(31,45,65,.25);
}
.border-toponly.border-primary
{
    border-top: .25rem solid #0061f2 !important;
}
.border-toponly.border-primary
{
    border-top: .25rem solid #0061f2 !important;
}
.border-toponly.border-secondary
{
    border-top: .25rem solid #6900c7 !important;
}
.border-toponly.border-green
{
    border-top: .25rem solid #00ba94 !important;
}
.contact-us .icon-stack
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    height: 2rem;
    width: 2rem;
    font-size: 1rem;
    background-color: #eff3f9;
    height: 5rem;
    width: 5rem;
    font-size: 1.75rem;
}
.shadow
{
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(31,45,65,.15) !important;
    box-shadow: 0 .15rem 1.75rem 0 rgba(31,45,65,.15) !important;
}
.bg-primary-soft
{
    background-color: #bfd6f8 !important;
}
.bg-primary-soft i
{
    color: #0061f2 !important;
}
.bg-secondary-soft
{
    background-color: #d4c2ef !important;
}
.bg-secondary-soft i
{
    color: #6900c7 !important;
}
.bg-teal-soft
{
    background-color: #bfe8e5 !important;
}
.bg-teal-soft i
{
    color: #00ba94 !important;
}
.contact-us .card i
{
    font-size: 2rem;
}
.contact-us h5
{
    font-size: 1.1rem;
}
.contact-us p
{
    color: #687281;
}
.contact-us p strong
{
    color: #495260;
    font-weight: 600;
}
.contact-us .map
{
    width: 100%;
    height: 335px;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(152,152,152,.46);
    -moz-box-shadow: 0 0 12px 0 rgba(152,152,152,.46);
    box-shadow: 0 0 12px 0 rgba(152,152,152,.46);
}
/* Color Styles */
.bg-red
{
    background-color: #e81500 !important;
}
.aboutBox a:hover .bg-red
{
    background-color: #c41504 !important;
}
.bg-yellow
{
    background-color: #f4a100 !important;
}
.aboutBox a:hover .bg-yellow
{
    background-color: #dd9304 !important;
}
.bg-blue
{
    background-color: #0061f2 !important;
}
.aboutBox a:hover .bg-blue
{
    background-color: #0456d0 !important;
}
.bg-blueGreen
{
    background-color: #4ac2d2 !important;
}
.aboutBox a:hover .bg-blueGreen
{
    background-color: #28a8b9 !important;
}
/* Footer */
.footer-main
{
    background-color: #11435d;
    color: #fff;
}
.footer-main a
{
    color: #fff;
}
/* Media Queries */
@media only screen and (max-width: 999px)
{
    .contact-info
    {
        display: none;
    }
    .bannerBox-cards
    {
        padding: 0 !important;
    }

    .preheader .d-flex
    {
        display: inline-block !important;
    }

    .addressDet .card
    {
        margin-top: 38px;
    }
    .mpoLogo
    {
        display: none;
    }
    .image-holder 
    {
        display:none;
    }
    .login-form {
    padding-left:20px !important;
    padding-right:20px !important;
}
.category-small-box {
  
    display: block !important;
    width:100% !important;
    float:none !important;
 
}
}


/* Services */
.services
{
    background-color: #fff;
    position: relative;
}

.categories-boxes-container
{
   
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.category-small-box
{
    background-color: #f8f8f8;
}
.category-small-box
{
    width: calc(100% * (1/6) - 21px);
}
.category-small-box
{
    float: left;
    background-color: #f2f2f2;
    border-radius: 4px;
    margin: 20px 0 0 20px;
    padding: 20px 16px;
    text-align: center;
    color: #777;
    transition: .4s;
    transform: scale(1);
    vertical-align: top;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.category-small-box i, .uploadButton .uploadButton-button::before
{
    color: #f91942;
}
.category-small-box i
{
    color: #66676b;
    transition: .3s;
}
.category-small-box i
{
    font-size: 38px;
    height: 40px;
    display: inline-block;
    margin-top: 20px;
}
.category-small-box:hover
{
    background-color: #f91942;
    color: #fff;
    transform: translateY(-6px);
}
.category-small-box .category-box-counter
{
    font-size: 13px;
    font-weight: 400;
    color: #909090;
    border-radius: 50px;
    background-color: rgba(0,0,0,.04);
    display: block;
    width: 40px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 0px;
    left: auto;
    right: auto;
    margin-bottom: 12px;
    transition: .4s;
    padding: 2px 0;
    line-height: 22px;
    font-family: helveticaneue,helvetica neue,Helvetica,Arial,sans-serif;
}
.category-small-box:hover .category-box-counter
{
    color: #fff;
    background-color: rgba(0,0,0,.15);
}
.margin-top-5
{
    margin-top: 5px !important;
}
.margin-bottom-30
{
    margin-bottom: 30px !important;
}
.category-small-box h4
{
    font-size: 16px;
    color: #333;
    transition: .4s;
    line-height: 22px;
    margin-top: 9px;
    margin-bottom: 7px;
    color: #777;
    transition: .3s;
    font-weight: 500;
}
.category-small-box i, .uploadButton .uploadButton-button::before
{
    color: #f91942;
}
.category-small-box:hover h4, .category-small-box:hover i
{
    color: #fff;
    transition: .3s;
}
/* Login Page */
.loginBox
{
    padding: 20px;
    background: #fff;
    max-width: 850px;
    margin: auto;
}
.login-form {
    padding-top: 36px;
    padding-left: 45px;
    padding-right: 45px;
}
.login-form h3 {
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
    margin-bottom: 28px;
    color: #333;
    font-weight:600;
}





.form-wrapper {
    position: relative;
}

.form-wrapper i {
    position: absolute;
    bottom: 9px;
    right: 0;
}
.loginBox .form-control {
	border-bottom: 1px solid #333;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	display: block;
	width: 100%;
	height: 30px;
	padding: 0;
	margin-bottom: 25px;
	border-radius:0 !important;
	}
	.form-control:focus {
    color: #495057;
    background-color: #fff;
    outline: 0 !important;
    box-shadow: 0 0 0 !important;
}
select {
	-moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding-left: 20px;
}
.buttonLogin {
	border: none;
	width: 164px;
	height: 51px;
	margin-top: 40px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: #333;
	font-size: 15px;
	color: #fff;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.buttonLogin i {
		margin-left: 10px;
		-webkit-transform: translateZ(0);
  		transform: translateZ(0);
	}
.buttonLogin:hover i, .buttonLogin:focus i, .buttonLogin:active i {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.forgotPass 
{
    margin-top: 7px;
    margin-bottom: 25px;
}
.forgotLink 
{
    color:#4babff;
    text-decoration:underline !important;
}

/* Form Page design */
.formPage-heading a,
.formPage-heading h3 {
	display: inline-block;
}
.formPage-heading a {
	padding-right: 10px;
}
.formPage-heading a:hover {
	cursor: pointer;
}
.formPage-heading {
	padding:10px 0;	
	background: #a7d6ee;
	opacity: .8;
	font-weight: 400;
}
.formPage-heading h3 {
	vertical-align: middle;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.table {
	position: relative;
	-webkit-box-shadow: 0 10px 6px -12px #939393;
	-moz-box-shadow: 0 10px 6px -12px #939393;
	box-shadow: 0 10px 6px -12px #939393;
}
.table th {
	font-size: 18px;
	color: #fff;
	line-height: 1.4;
	font-weight: 500;
	background-color: #19b0c4;
}
.table tr {
	background-color: #fff;
}
.table tr:nth-child(2n) {
	background: rgba(248, 246, 255, .9);
}
.table td input[type="checkbox"],
.table td input[type="radio"] {
	display: inline-block;
	margin-bottom: .5rem;
	width: auto;
}
.radioField {
	display: inline-block;
}
.table td {
	padding: .75rem;
	vertical-align: middle !important;
	border-top: 1px solid #e9e9e9;
}
.table label {
	margin: 0;
}
.table4 td 
{
    width:25%;
}
.table td select
{
padding:5px;
display: block;
font-size:14px;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.table td input[type="text"],
.table td textarea {
	display: block;
	width: 100%;
	padding: 6px;
	font-size: 14px;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.table td input[type="text"]::placeholder {
	font-size: 13px;
}
.table4 td {
	width: 25%;
}
.table6 td {
	width: 16.66%;
}
.table td textarea {
	height: 30px;
}
.table td .form-control 
{
    margin:0 !important;
}
.table td .form-wrapper i {
    position: absolute;
    bottom: 9px;
    right: 5px;
}
.form-check {
	position: relative;
	display: inline-block;
	padding-left: 1.25rem;
}
.form-check-label {
	margin-bottom: 0;
}
.form-check-label {
	display: inline-block;
	margin-right: .5rem;
}
.table td input[type="checkbox"],
.table td input[type="radio"] {
	display: inline-block;
	margin-bottom: .5rem;
	width: auto;
	border: 0 !important;
}
.file {
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 100%;
}
.file input {
	min-width: 14rem;
	margin: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	padding: 5px 5px 0 5px !important;
}
.file-custom {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 5;
	padding: .170rem .70rem !important;
	color: #555;
	background-color: #fff;
	border: .075rem solid #ddd;
	border-radius: .25rem;
	box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.file-custom::before {
	position: absolute;
	top: -.075rem;
	right: -.075rem;
	bottom: -0.064rem;
	z-index: 6;
	display: block;
	content: "Browse";
	padding: .170rem .70rem !important;
	color: #555;
	background-color: #eee;
	border: .075rem solid #ddd;
	border-radius: 0 .25rem .25rem 0;
}
.file-custom::after {
	content: "Choose file...";
}
.radioField {
	display: inline-block;
}
/* Buttons */

.table .button {
	margin: .375rem;
	color: inherit;
	text-transform: uppercase;
	word-wrap: break-word;
	white-space: normal;
	cursor: pointer;
	border: 0;
	border-radius: .125rem;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	padding: .84rem 2.14rem;
	font-size: .81rem
}
.btn-secondary {
	color: #fff !important;
	background-color: #de3a69 !important;
}
.btn-secondary:hover {
	color: #333 !important;
	background-color: #f0c642 !important;
}









.btn-wrap .btn {
    display: inline-block;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: normal;
    border: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    border-radius: 3px;
    padding:6px 50px 6px !important;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: none;
    transition: .18s background-color ease,color .18s ease,.18s border-color ease;
}
.btn-wrap .btn i 
{
    display:block;
    text-align:center;
    font-size:25px;
    margin-bottom:10px;
}
.btn-green 
{
      color: #fff;
      background-color: #68a834 !important  ;
}
.btn-green:hover 
{
      background-color: #579921 !important  ;
}
.btn-yellow {
    color: #333 !important;
    background-color: #fc0 !important;
}
.btn-yellow:hover {
    background-color: #dbb108 !important;

}
.btn-blue {
    background-color: #4267b2 !important;
    color: #fff !important;
}
.btn-blue:hover {
    background-color: #2b53a4 !important;
  
}
.bg-blueGreen 
{
     color: #fff !important;
    background-color: #4ac2d2 !important;
}
.bg-blueGreen:hover {
    background-color: #28a8b9 !important;
}


/* Tracker 15.04.2019 */

.plr-200
{
    padding:0 200px;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #60c9a9;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 45%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 10px;
            background-color:#fff;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top:5px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top:5px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top::;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }
.timeline-badge i
{
    line-height:50px;
}
.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    margin-bottom:0;
    font-size:1.1em;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 0;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}











.outerBox 
{margin: 20px 0 0;
border-radius: 5px;
-webkit-box-shadow: 0 0 5px 0 rgba(43,43,43,.1),0 11px 6px -7px rgba(43,43,43,.1);
box-shadow: 0 0 5px 0 rgba(43,43,43,.1),0 11px 6px -7px rgba(43,43,43,.1);
border: none;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding: 20px;
background-color: #fff;

}


/* 10.05.2019 */
.timeClock {
    font-size: 13px;
    padding: 2px 10px;
    background-color: #3d949b;
    margin: 0 10px;
    color: #fff !important;
    border-radius: 4px;
}
.timeClock:hover 
{
    color:#fff;
    background-color:#3fb1ba;
}
.otherDetails 
{
    font-size:14px;
    margin-top:10px;
    color:#333 !important;
}
.otherDetails a 
{
    color:#333;
}
.timeline-inverted .active 
{
    background-color:#3d949b !important;
}
@media (max-width: 999px) 
{
    
 .plr-200 
 {
     padding:0;
 }   
    
}

.card-title a {
    width:100%;
    display:block;
    text-decoration:none;
    color:#000;
}
.card-title a:hover {
    cursor:pointer;
    text-decoration:none;
    color:#000;
}

.card_icon {
       position: absolute;
    z-index: 0;
    top: 4px;
    right: 19px;
    font-size: 36px;
    color: #0a90bb;
}


@media only screen and (min-width: 868px) and (max-width: 1110px) {
    .card-content h3 {
    min-height: 70px;
}
}


/**************************Tooltip Css***********************************/
[data-tooltip] {
  position: relative;
  z-index:999999;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 5px);
  pointer-events: none;
  transition: 0.2s;
  will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
  content: attr(data-tooltip);
  padding: 5px 5px;
  min-width: 50px;
max-width:90%;
  width: max-content;
  width: -moz-max-content;
  border-radius: 6px;
  font-size: 14px;
/*   font-size: 0.73rem; */
  background-color: rgba(59, 72, 80, 0.9);
  background-image: linear-gradient(30deg,
    rgba(59, 72, 80, 0.44),
    rgba(59, 68, 75, 0.44),
    rgba(60, 82, 88, 0.44));
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
  content: '';
  border-style: solid;
  border-width: 5px 5px 0px 5px;
  border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
  transition-duration: 0s; /* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
  transform-origin: top;   /* Orientation setting for the
                              slide-down effect */
  transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
  transition-delay: 0.3s;
  transform: translate(-50%, -5px) scale(1);
}
/* Slide down effect only on mouseenter (NOT on mouseleave) */
[data-tooltip]:hover:after {
  transition-delay: 0.5s; /* Starting after the grow effect */
  transition-duration: 0.2s;
  transform: translateX(-50%) scaleY(1);
}

@keyframes moveFocus { 
  0%   { background-position: 0% 100% }
  100% { background-position: 100% 0% }
}

/**************************End of Tooltip Css*******************************/



/* Tracker 08.07.2020 */

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #ececec;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container-tracker {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.container-tracker::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: white;
  border: 4px solid #57BBA6;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

 .container-tracker.activated::after {
    border: 4px solid red;
}
 .container-tracker.rejected::after {
    border: 4px solid red;
}
/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #ececec;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ececec;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #ececec;
  border-width: 10px 10px 10px 0;
  border-color: transparent #ececec transparent #ececec;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -13px;
}

/* The actual content */
.content {
  padding: 10px 10px;
  background-color: #fafafa;
  position: relative;
  border-radius: 6px;
}
.content h2{
   font-size:1.1rem;
   margin:0;
   padding:5px;
}
.content p{
   margin:0;
   padding:5px;
   font-size:.9rem;
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .container-tracker {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .container-tracker::before {
  left: 60px;
  border: medium solid #ececec;
  border-width: 10px 10px 10px 0;
  border-color: transparent #ececec transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
  left: 18px;
  }
  
  /* Make all right containers behave like the left ones */
  .right {
  left: 0%;
  }
  .timeline::before {
   display:none;
}
}


/* forgotBox */
.box 
{
    position:relative;
    background-color:#fff;
    z-index:1;
    box-shadow:0px 0px 30px #dfdfdf;
    padding:30px;
    width:80%;
    margin:0 auto 20px;
}
.box::after {

    content: '';
    width: 100%;
    height: 100%;
    background-color: #11435D;
    position: absolute;
    -webkit-clip-path: polygon(44.2% -5%, 105% -5%, 105% 105%, 57.8% 105%);
    clip-path: polygon(44.2% -5%, 105% -5%, 105% 105%, 57.8% 105%);
    border: solid 4px #11435D;
    z-index:-1;
    top:0;
    left:0;

}

.image-container {
    z-index:0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-clip-path: polygon(46.2% -5%, 105% -5%, 105% 105%, 59.8% 105%);
    clip-path: polygon(46.2% -5%, 105% -5%, 105% 105%, 59.8% 105%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.image-container img {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 28%;
}
.card.forgotBox {
   box-shadow:0px 0px 4px #8e8b8b;
   border:0 !important;
}
.card.forgotBox .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color:transparent !important;
}
.card.forgotBox label
{
      line-height:2;
      margin:0;
}
.card.forgotBox input[type="text"], .card.forgotBox input[type="password"] 
{
    padding:3px 10px;
    border-radius:3px;
    border:1px solid #ddd !important;
    width:100%;
}
.card.forgotBox input[type="text"]:hover, .card.forgotBox input[type="text"]:focus,
 .card.forgotBox input[type="password"]:hover,  .card.forgotBox input[type="password"]:focus
{
    border: 1px solid #86bbd7 !important;
    box-shadow:0 0 10px #d5f1ff;
}
.card.forgotBox .capctha 
{
    width:50%;
    margin:10px auto;
}
.card.forgotBox .capctha img 
{
   margin: 0 !important;
    width: 100px;
    float: left;
    height: 36px;
}
.btn-otp 

{
    padding: .200rem .75rem !important;
margin-top: -2px;
}

@media only screen and (max-width: 999px)
{

.box {
    width: 100%;
    margin: 0 auto 20px;
}
}
/* forgotBox Ends here */

/**** 27.10.2020 */
.formPage-heading {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}
.title-1 
{
    font-size:21px;
}
.overview-item {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    height:100%;
    min-height: 124px;

}
  .studentBox .card
    {
        margin-bottom:30px !important;
    }
.overview-box .icon {
    display: inline-block;
vertical-align: top;
margin-right: 15px;

}
.circleIcon 
{
   background-color:#33627b;
border-radius: 3px;
width: 50px;
height: 50px;
text-align: center;
box-shadow: 0 0 4px #ddd;
}
.overview-box .icon i {
   font-size: 30px;
color: #fff;
line-height: 50px;
text-align: center;
}
.overview-box .text {
    font-weight: 300;
    display: inline-block;
    width:77%;
}
.overview-box .text h2 {
    font-weight:500;
     font-size:25px;
    line-height: 1;
    margin-bottom: 5px;
}
.overview-box .text span {
    font-size: 16px;
}
.overview-box .text {
    font-weight: 300;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
 
.profiletable 
{
    width:100%;
	position: relative;
	-webkit-box-shadow: 0 10px 6px -12px #939393;
	-moz-box-shadow: 0 10px 6px -12px #939393;
	box-shadow: 0 10px 6px -12px #939393;
}
.profiletable th {
	font-size: 18px;
	color: #fff;
	line-height: 1.4;
	font-weight: 500;
	background-color: #19b0c4;
}
.profiletable tr {
	background-color: #fff;
}
.profiletable td {
	padding: .75rem;
	vertical-align: middle !important;
}
.profiletable td label {
	 margin:0 !important;
	 padding:0;
}
.profiletable tr {
	border-bottom: 1px dashed #e9e9e9;
}
.profiletable tr:last-child {
	border-bottom:0 !important;
}

.block {
    margin-bottom: 1.75rem;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(219,226,239,.5),0 1px 2px rgba(219,226,239,.5);
}
.block.block-bordered {
    border: 1px solid #e4e9f3;
    box-shadow: none;
}
.block-content {
    transition: opacity .25s ease-out;
    width: 100%;
    margin: 0 auto;
    padding: 1.25rem 1.25rem;
    overflow-x: visible;min-height: 140px;
}
a.block {
    display: block;
    color: #495057;
    font-weight: 400;
    transition: opacity .15s ease-out,box-shadow .15s ease-out,-webkit-transform .15s ease-out;
    transition: transform .15s ease-out,opacity .15s ease-out,box-shadow .15s ease-out;
    transition: transform .15s ease-out,opacity .15s ease-out,box-shadow .15s ease-out,-webkit-transform .15s ease-out;
}
a.block:hover {
    box-shadow: 0 .5rem 2rem #d4dcec;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    opacity: 1;
    cursor:pointer;
}
@media only screen and (max-width: 999px)
{
    .studentBox .card
    {
        margin-bottom:10px !important;
    }
     .profiletable td
    {
        width: 100% !important;
        display: block;
        margin-top: -1px;
        border-spacing: 20px;
    }
    .profiletable tr td:nth-child(even)
    {
        margin: -1px 0 20px 0;background-color: #fff;
    }
    .profiletable tr td:nth-child(1)
    {
        background-color:#5ca3c8;color:#fff;
    }
.profiletable tr td:nth-child(3)
    {
       background-color:#5ca3c8;color:#fff;
    }
    .profiletable tr {
    background-color: transparent;
}

}


/* Coming Soon 02.11.2020 */
div:after 
{
    content:'';
    display:block;
    clear:both;
}
.containermain {
    width: 90%;
    margin: 0 auto;
}
.errorScreen {
    background-color: #fff;
    min-height: inherit;
    margin: 0 auto;
    padding: 10px 0;
    width: 50%;
}
.goback-btn {
    border-radius: 3px;
    display: inline-block;
    padding:5px 20px;
    background-color: #2c759b;
    transition: 0.3s ease-in-out;
    box-shadow: 0 15px 20px -10px rgba(0,0,0,0.5);
}
.goback-btn:hover 
{
    background-color:#ea4747;
}
a.goback-btn {
    color: #fff !important;
    font-weight: 100;
}
.circlePharmacy  
{
    height: 381px;
}
.circlePharmacy-text 
{
    padding: 100px 0 0;
height: 381px;
}
.circlePharmacy-text h2 
{
   font-size: 3em;
font-weight: 600;

}
.circlePharmacy 
{
    background-image: url('/Services/PHARMACY/images/comingSoon.jpg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
   
}
/* Error page */
.errorImage 
{
    position:relative;
}
.error-text 
{
   position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding:141px 0 0 406px;
}
.clickHere 
{
    background-color:#126afb;
    color:#fff;
    padding:5px 20px; font-size:14px !important;
    box-shadow: 3px 2px 4px #c4d8f9;
}
.clickHere:hover 
{
    background-color:#f96d70;
    color:#fff;
   box-shadow: 3px 2px 4px #f86d72;
}

@media only screen and (max-width: 999px)
{

.circlePharmacy, .circlePharmacy-text 
{
    text-align:center;
    
}
.error-text {
    position: static !important;
    padding:0;
}
.errorScreen
{
    width:100%;
}
.circlePharmacy-text {
    margin-top:20px;
    padding:0;
    height:auto;
}
}

/* Logged Out screen */
.loggedOut 
{
   background-color: #fff;
min-height: inherit;
margin: 0 auto;
padding:20px 0;
width: 80%;
}
.loggedOut-icon 
{
    width:144px;
    margin:0 auto;
}
.buttonBox 
{
    padding:10px 0;
    text-align:center;
}
.loginagain {
    background-color: #126afb;
    color: #fff;
    padding: 5px 20px;
    font-size: 14px !important;
    box-shadow: 3px 2px 4px #c4d8f9;
}
.loginagain:hover {
    background-color: #f96d70;
    color: #fff;
    box-shadow: 3px 2px 4px #f86d72;
}
/* Access Denied */
.accessDenied 
{
       background-color: #fff;
min-height: inherit;
margin: 0 auto;
padding:20px 0;
width: 80%;
}
.returnHome {
    background-color: #126afb;
    color: #fff;
    padding: 5px 20px;
    font-size: 14px !important;
    box-shadow: 3px 2px 4px #c4d8f9;
}
.returnHome:hover {
    background-color: #f96d70;
    color: #fff;
    box-shadow: 3px 2px 4px #f86d72;
}
.accessDenied-icon 
{
        width:144px;
    margin:0 auto;
}




/* Renewal G2G  05.11.2020*/
.tologin_link a 
{
    color:#fff !important;
}
.preheader a:hover {
    color: #fc0 !important;
}
.table-shadow 
{
    box-shadow: 0 0 4px #ddd;
}

/*//////////////////////////////////////////////////////////////////
[ Table ]*/
table {
  width: 100%;
  /*background-color: #fff;*/
}

th, td {
  font-weight: unset;
  padding-right: 10px;
}

.column100 {
  width: 10%;
  padding-left: 25px;
}

.column100.column1 {
  /*width: 16%;*/
  padding-left: 42px;
}

.Dashboard-td {
  width: 13%;  
}

.Dashboard-th{
  width: 15%;  
}

.RenDashboard-td {
  width: 15%;  
}

.row100.head th {
  padding-top: 14px;
  padding-bottom: 14px;
}

.row100 td {
  padding-top: 18px;
  padding-bottom: 14px;
}
.rowFooter 
{
    background-color: #7acaf4;
}

/*==================================================================
[ Ver1 ]*/
.table100.ver1 td {
  font-size: 16px;
  color: #000;
  line-height: 1.4;
}

.table100.ver1 th {

  font-size: 12px;
  color: #fff;
  line-height: 1.4;
  text-transform: uppercase;

  background-color: #3d6377;
}

.table100.ver1 .row100:hover {
  background-color: #f2f2f2;
}

.table100.ver1 .hov-column-ver1 {
  background-color: #f2f2f2;
}

.table100.ver1 .hov-column-head-ver1 {
  background-color: #484848 !important;
}

.table100.ver1 .row100 td:hover {
  background-color: #6c7ae0;
  color: #fff;
}








/* 06.11.2020 */
/* Inline */
.category-small-box-2 {
    font-size: 15px !important;
  
    background-color: #f2f2f2;
   
    margin:5px 0 0 4px !important;
    padding:5px !important;
    text-align: center;
    color: #373737;
  
    width:12%;
    line-height: 1.4;
}

.category-small-box-2 i {
    font-size: 22px;
    height: 20px;
    display: inline-block;
    margin: 10px 0;
    color: #f91942;
transition: .3s;
}
.category-small-box-2:hover {
    color: #fff;
    transition: .3s;
    background-color: #f91942;
    transform: translateY(-2px);
}
.category-small-box-2:hover.category-small-box-2:hover i 
{
     color: #fff;
}
/* Inline Ends here */

.banner-wrapper {
    padding-top:40px;
    padding-bottom:60px;
}
.banner-wrapper .banner-header-title {
    padding-top: 20px;
}
.banner-wrapper .banner-header-text {
    font-size: 1rem;
}
.categories-boxes-container ul li 
{
    display:inline-block;
    width:12.5%;
}
.banner-wrapper .banner-header-title {
    width: 100%;
}
.tologin_link .btn, topLinks .btn-sm {
    color: #000 !important;
}

@media only screen and (max-width: 999px)
{
    .category-small-box-2 
    {
        float:none;
        width:100%;
    }
}



.table100.ver1 td a {
     
    color: #000;
  
}
.table100.ver1 .row100 td:hover a{
    
    color: #fff;
}






/* Slide Notification */
    .boxNotify{
       float: left;
overflow: hidden;
position: fixed;
z-index: 999;
margin:5px 0 0 0;
    }
    /* Add padding and border to inner content
    for better animation effect */
    .boxNotify-inner{
        max-width: 600px !important;
    }
    .boxNotify-inner 
    {
        position:relative;
    }
    .slide-left 
    {
position: absolute;
right: 7px;
top: 9px;
border-radius: 50%;
width: 25px;
height: 25px;
font-size: 15px;
line-height: 20px;
text-align: center;
border: 0;
z-index: 99999;
font-size:27px !important;
background-color: #fff
    }
    
    .srv_btn {
    top: 236px;
    height: 40px;
    line-height: 40px;
   position: absolute;
    left:-26px ;
    z-index: 99 !important;
    transform: rotate(-90deg);
    background-color: #3fbfff;
    padding: 0 10px;
    color: #fff;
}
 .srv_btn:hover 
 {
      background-color: #fc0;
      color:#000;
 }
.boxNotify-inner 
{
    font-size:14px;
}
.boxNotify-inner .card-header
{
    font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
}
.slide-right 
{
    background-color:transparent;
    border:0;
    outline:none;color: #fff;
}
.slide-right:hover, .slide-right:focus 
{
    background-color:transparent;
    border:0;
    outline:none;
}
.modal-split ol li {
    margin-bottom: 5px;
}
.boxNotify-inner .card {
    border-radius:0 .25rem .25rem 0;
}
.boxNotify-inner .card-footer {
    padding: 8px 50px;
}
@media screen and (max-width: 900px) and (min-width: 500px) {
.boxNotify-inner {
    width: 80% !important;
}
}
@media screen and (max-width: 500px) and (min-width: 320px) {
.boxNotify-inner {
    max-width: 100% !important;
}
}

.category-small-box-2:hover.category-small-box-2:hover i {
    color: #fff;
}



/* G2G 07.11.2020*/

/* Counts */
.special-card{
    background-color: #fff;
    transition-duration: 0.5s;
    box-shadow: -0px 5px 10px #ddd;
    border-radius: 5px 10px 10px 5px;
    min-height:108px;
    z-index:99;

}

.border_1 {
    border-left: 6px solid #3ab1bb;
}
.border_2 {
    border-left: 6px solid #df9255;
}
.border_3 {
    border-left: 6px solid #62cdab;
}
.border_4 {
    border-left: 6px solid #f6c33d;
}

.special-card:hover{
     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
     background-color:#ecf9ff;
     cursor:pointer;
}
.card-content p{
    color#969595;
    font-size: 13px;
}
.card-icon-box{
    display: inline-block;
    height: 80px;
    width: 80px;
    left: 0;
    right: 0;
}
.card-icon-box-inner{
    width:100%;
    height:100%; 
    background-color:#4c9ae1;
    position:relative;
    display:table;
    border-radius: 50%;
}
.card-icon-box .card-icon-box-inner i{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 35px;
}
.countPlace {
    color: #333;
    padding: 5px 10px;
    font-size: 1.8em;
     border-bottom:1px solid #dadada;
    font-style: italic;
    text-align:left;
}
.special-card-outer{
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.feature-box p {
    padding: 0px 20px;
}
.card-content h3 {
margin: 0;
padding: 6px 0 6px 10px;
border: none;
font-size:14px;
line-height:1.4;
font-weight:lighter;
text-align:left;
transition:.3s all;
}
.card-content h3:hover {
    margin: 0;
    padding: 6px 0 6px 13px;
}



.main_headg2g {


    width:100%;
    padding:10px;
    font-size: 21px;
}



/* 16.11.2020 Popup Center */
.boxNotify {
    float: left;
    overflow: hidden;
    position: fixed;
    z-index: 999;
    margin:0;
    width: 100%;
    background: rgba(0,0,0,.5);
    top:0;
    left:0;
    height:100%;
    padding:100px 0 0 0;
}
.boxNotify-inner {
    max-width: 600px !important;
    margin: 0 auto;
}

.validation {
    font-size:16px;
   color:red;
   text-align:center;
}