.valign-wrapper{position:absolute; height:100%; width:100%; display:table;}
.valign-inner{display:table-cell; vertical-align:middle;}
.login-box{width:95%; max-width:575px; height:500px; background:transparent; margin:0 auto; padding:50px; padding-top:25px;}
.login-box-2{width:700px; max-width:none; height:750px!important; padding-top:0px;}
.login-box .card-title{border-radius:20px 20px 0px 0px; background:#3da187;}
.login-box .card{border-radius:20px; min-height:360px; background:transparent;}
.login-box .card-body{background:rgba(250,250,250,0.5); border-radius:20px;}
p.text-smaller{font-size:.9rem;}
body.login-bg{background:url(https://mlscdn.manomaylifesciences.com/digilookshealthcare/images/theme/2019/login-bg.jpg) left top no-repeat; background-size:cover;}
#login-step-1,#login-step-2{height:264.88px;}
.login-box .input-group-lg .input-group-text,.login-box .input-group-lg .form-control{background:rgba(240,240,240,1);}
*:focus {
    box-shadow:none!important;
	outline:none;
	border-color:#ced4da;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbbbbb!important;
  opacity: 1; /* Firefox */
  font-weight:300;
}
.line-normal{line-height:normal!important;} 

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bbbbbb!important;
  font-weight:300;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #bbbbbb!important;
  font-weight:300;
}
.input-group.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.25)!important;
}
.font-smaller{font-size:.75rem;}

.theme-nav-gradient{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#166989+0,37beaf+100 */
background: #166989; /* Old browsers */
background: -moz-linear-gradient(left,  #166989 0%, #37beaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #166989 0%,#37beaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #166989 0%,#37beaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166989', endColorstr='#37beaf',GradientType=1 ); /* IE6-9 */
}

#nav_btn{font-size:2rem;}
.nav-wrapper h3{bottom:-7px;}
.nav-wrapper h4{bottom:-4px;}
.dashboard-wrapper{background-color:#f2f6f9; min-height:75vh; position:relative; z-index:2}
.dashboard-wrapper .box-1 table td{font-size:1.15rem;}
.dashboard-wrapper .box-1 table th{font-weight:800;}
.box-1 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+51,7db9e8+100;Blue+Gloss+%232 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1274b1+0,1274b1+50,1d64a2+51,1d64a2+100 */
background: #1274b1; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #1274b1 0%, #1274b1 50%, #1d64a2 51%, #1d64a2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #1274b1 0%,#1274b1 50%,#1d64a2 51%,#1d64a2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(157.5deg,  #1274b1 0%,#1274b1 50%,#1d64a2 50%,#1d64a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1274b1', endColorstr='#1d64a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:320px;
-webkit-transition:background 0.5s;
transition:background 2s;
position:relative;
}

.box-1::before{
	content:'';
	display:block;
	background:yellow;
	height:100px;
	width:100px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	transition:all .5s;
}

.box-1::after{
	content:'';
	display:block;
	background:#1806FF;
	height:100px;
	width:100px;
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:-1;
	transition:all .5s;
}

/*.box-1:hover::before {
	top:-5px;
	left:-5px;
	
}

.box-1:hover::after {
	right:-5px;
	bottom:-5px;
	
}*/

.box-1-extn {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+51,7db9e8+100;Blue+Gloss+%232 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1274b1+0,1274b1+50,1d64a2+51,1d64a2+100 */
background: #1274b1; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #1274b1 0%, #1274b1 50%, #1d64a2 51%, #1d64a2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #1274b1 0%,#1274b1 50%,#1d64a2 51%,#1d64a2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(139deg,  #1274b1 0%,#1274b1 50%,#1d64a2 50%,#1d64a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1274b1', endColorstr='#1d64a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:320px;
position:relative;
}

.box-2 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ea6123+0,f57421+50,ea6123+50,f57421+100 */
background: #ea6123; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ea6123 0%, #f57421 50%, #ea6123 50%, #f57421 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ea6123 0%,#f57421 50%,#ea6123 50%,#f57421 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(131deg,  #ea6123 0%,#f57421 50%,#ea6123 50%,#f57421 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6123', endColorstr='#f57421',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:420px;
-webkit-transition:background 0.5s;
transition:background 2s;
position:relative;
}

.box-3 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#40b648+0,40b648+50,129247+50,129247+100 */
background: #40b648; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #40b648 0%, #40b648 50%, #129247 50%, #129247 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(157.5deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b648', endColorstr='#129247',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:320px;
-webkit-transition:background 0.5s;
transition:background 2s;
position:relative;
}

.box-3-extn {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#40b648+0,40b648+50,129247+50,129247+100 */
background: #40b648; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #40b648 0%, #40b648 50%, #129247 50%, #129247 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(131deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b648', endColorstr='#129247',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:420px;
-webkit-transition:background 0.5s;
transition:background 2s;
position:relative;
}

.hc-img-wrap a{font-size:2rem; bottom:30%; left:36%; opacity:0;}
.hc-img-wrap:hover a{opacity:1;}
.hc-img-wrap{opacity:1;}
.hc-img-wrap:hover{opacity:0.8;}
#space-meter,.space-meter{position:relative;}
#space-meter strong,.space-meter strong {
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
	color:#fff;
}

.space-meter strong{font-size:20px; top:28%;}

.box-1-extn .box-btn-wrap,.box-2 .box-btn-wrap,.box-3-extn .box-btn-wrap{position:absolute; bottom:10px; width:100%;}
.lp-carousel,.ur-carousel{background:none;border:none; margin-bottom:0px;}
.lp-carousel .slides li,.ur-carousel .slides li{text-align:center; padding:10px 0px;}
.lp-carousel .slides li a{display:inline-block; width:150px; height:150px; border-radius:100%; border:solid 5px #ccc;}
.lp-carousel .slides li a img{display:block; width:100%; height:100%; position:relative;border-radius:100%;}
.lp-carousel .slides li a.no-round img,.lp-carousel .slides li a.no-round{border-radius:0%;}
.img-border{border:solid 5px #ccc!important;}

.ur-carousel .slides li div{position:relative; width:inherit; height:155px;}
.ur-carousel .slides li div h1,.reminders-list h1,.doctors-list h1{opacity:.4; position:absolute;width:auto; z-index:9999; right:50px; top:62%;}
.reminders-list h1{top:55%;}
.doctors-list h1{top:26%;}
.ur-carousel .slides li div h1 span,.reminders-list h1 span,.doctors-list h1 span{position:relative; margin-top:-15px;}
.ur-carousel .slides li div .badge,.reminders-list .badge,.smr-list .badge,.childs-list .badge{font-size:1.25rem;}
.reminders-list .badge,.smr-list .badge,.childs-list .badge{margin-right:5px;}
.ur-carousel .slides li div .rm-title,.reminders-list .rm-title{height:70px;}
.reminders-list .rm-title{height:120px; display:table-cell; vertical-align:middle; text-align:justify}
.ur-custom-control .flex-disabled,.lp-custom-control .flex-disabled{opacity:.2;}


table.table-sm.tnf-table td, table.table-sm.tnf-table th {
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.box-vitals{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00ab91+0,006673+50,00ab91+50,006673+100 */
background: #00ab91; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #00ab91 0%, #006673 50%, #00ab91 50%, #006673 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #00ab91 0%,#006673 50%,#00ab91 50%,#006673 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #00ab91 0%,#006673 50%,#00ab91 50%,#006673 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ab91', endColorstr='#006673',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.hv-img-wrap a{font-size:2rem; bottom:40%; left:46%; opacity:0;}
.hv-img-wrap:hover a{opacity:1; color:#fff;}
.hv-img-wrap a i{color:#000000;}
.hv-img-wrap img{opacity:1;}
.hv-img-wrap:hover img{opacity:0.5;}

/* menu */
.toggle-button {
    position: relative;
    top: 3px;
    height: 20px;
    width: 35px;
    cursor: pointer;
    z-index: 9999;
	display:inline-block;
}

.bar {
    background-color: #fff;
    display: block;
    width: 100%;
    height: 5px;
    border: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}
.bar + .bar {
    margin-top: 4px;
}
.middle {
    top: 11px;
}
.bottom {
    top: 22px;
}
.toggle-button:hover {
    opacity: .7;
}
.toggle-active .bar {
    background-color: #fff;
}
.toggle-active .top {
    -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
}
.toggle-active .middle {
   opacity: 0;
}
.toggle-active .bottom {
    -webkit-transform: translateY(-12px) translateX(0) rotate(-45deg);
}

.overlay {
    position: fixed;
	z-index:999;
    background-image: linear-gradient(120deg, #006673 0%, #00ab91 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
}
.nav-active {
    opacity: 1;
    visibility: visible;
    height: 100%;
	overflow: auto;
/*    max-height: 340px;*/
}
.overlay h5{font-size:1rem;}
.overlay a h5,.overlay a i,.overlay a svg.svg-inline--fa{color:#e9e9e9;}
.overlay a{opacity:0.7}
.overlay a:hover{opacity:1; background:rgba(250,250,250,.3)}
.overlay a:hover h5,.overlay a:hover i,.overlay a:hover svg.svg-inline--fa{color:#fff;}
.overlay a:hover h1{transform:translateY(-25%); }
.overlay a h1{transition:all linear .2s;}
.overlay .display-4{font-size:2rem;}
/*--- menu end */

/*tabbed */
:root{
    --main_color1: #00ab91;
    --main_color2: #f2f7fa;
}
.vertical-tab a:hover,.vertical-tab a:focus{
    text-decoration: none;
    outline: none;
}
.vertical-tab{
    display: block;
}
.vertical-tab .nav-tabs{
    background-image: linear-gradient(120deg, #006673 0%, #00ab91 100%);
    display: inline-block;
    width: 28%;
    min-width: 28%;
    border: none;
    vertical-align: top;
    position: relative;
}
.vertical-tab .nav-tabs li{
   float: none;
   vertical-align: top;
   display:block;
   padding:5px 0;
   border-bottom: solid thin rgba(250,250,250,.5);
}
.vertical-tab .nav-tabs li a{
    color: var(--main_color2);
    background-color: transparent;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 20px 15px;
    margin: 5px 0 5px 6px;
    border-radius: 0;
    border: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.20s ease 0s;
	display:block;
}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover{
    color: var(--main_color1);
    background-color: transparent;
    border: none;
}
.vertical-tab .nav-tabs li a:before{
    content: '';
    background: var(--main_color2);
    height: 100%;
    width: 100%;
    opacity: 0;
    transform: rotateX(180deg) rotateY(180deg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s;
}
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li a:hover:before{
    opacity: 1;
    transform: rotateX(0) rotate(0);
}
.vertical-tab .tab-content{
    color:  var(--main_color1);
    background-color: var(--main_color2);
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 23px;
    margin-top: 0px;
    padding: 10px 13px;
	padding-top:0;
	padding-right:0;
    display: inline-block;
    position: relative;
	width:71.5%;
}
.vertical-tab .tab-content h3{
    text-transform: uppercase;
    margin: 0 0 7px 0;
}
.vertical-tab .tab-content .tab-inner{padding-top:10px; padding-left: 100px; padding-right:100px;  color:#6a6a6a;}
.vertical-tab .tab-content .tab-inner .tab-content-wrapper{max-width:600px;}
@media only screen and (max-width: 479px){
    .vertical-tab .nav-tabs{
        display: block;
        width: 100%;
        border-right: none;
    }
    .vertical-tab .nav-tabs li a{
        border-radius: 0;
        margin: 10px;
    }
    .vertical-tab .tab-content{
        display: block;
        padding: 20px 15px 5px;
		padding-left:0px;
		padding-right:0px;
		width:auto;
    }
    .vertical-tab .tab-content h3{ font-size: 18px; }
	
	.container-fluid{padding-left:0px; padding-right:0px;}
}

/*tabbed end */

table.table-vertical th, table.table-vertical td{vertical-align:middle!important;}
.nav-tabs.sticky{top:10px;}

/* stepper */
ol.stepper {
  position: relative;
  overflow: hidden;
  counter-reset: wizard;
  list-style:none;
  margin-top:70px;
  margin-left:0px;
  padding-left:0px;
}

ol.stepper li {
  position: relative;
  float: left;
  width: 33%;
  text-align: center;
  color: black;
}

ol.stepper.foursteps li {
 
  width: 23%;
 
}

ol.stepper.fivesteps li {
 
  width: 20%;
 
}

ol.stepper .current ~ li {
  color: #555;
}

ol.stepper li:before {
  counter-increment: wizard;
  content: counter(wizard);
  display: block;
  color: white;
  background-color: #00ab91;
  border: 2px solid green;
  text-align: center;
  width: 3em;
  height: 3em;
  line-height: 3em;
  border-radius: 2em;
  position: relative;
  left: 50%;
  margin-bottom: 1em;
  margin-left: -1em;
  z-index: 1;
}
ol.stepper .current ~ li:before {
  background-color: grey;
  color: #fff;
  border-color: #555;
}

ol.stepper li + li:after {
  content: "";
  display: block;
  width: 100%;
  background-color: #00FF00;
  height: 2px;
  position: absolute;
  left: -50%;
  top: 1.5em;
  z-index: 0;
}

ol.stepper .current ~ li:after {
  background-color: #555;
}
/* stepper end */

.form-err-msg{font-size:.8rem;}

.datepicker-inline .datepicker{margin-left:auto; margin-right:auto;}

.stepper-carousel .content-wrapper{display:table-cell; height:500px; width:inherit; vertical-align:middle;}

.dropzone{border-color:#00ab91!important; padding-top:20px!important; padding-bottom:20px!important;}

a.grayscale-effect>img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); transition:all ease-in .5s;}

a.grayscale-effect:hover img{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);}
  
.videos-list h6{height:47px; display:table-cell; vertical-align:middle; width:300px; max-width:100%;}

.vaccine-current .accordion{    border: solid thick orange;}

.modal{z-index:9999!important;}
.modal-backdrop{z-index:0!important;}

@media only screen and (max-width: 1599px){
	.box-1 {
	background: -moz-linear-gradient(-45deg,  #1274b1 0%, #1274b1 50%, #1d64a2 51%, #1d64a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #1274b1 0%,#1274b1 50%,#1d64a2 51%,#1d64a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(155deg,  #1274b1 0%,#1274b1 50%,#1d64a2 50%,#1d64a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1274b1', endColorstr='#1d64a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.box-1-extn {
	background: -moz-linear-gradient(-45deg,  #1274b1 0%, #1274b1 50%, #1d64a2 51%, #1d64a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #1274b1 0%,#1274b1 50%,#1d64a2 51%,#1d64a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #1274b1 0%,#1274b1 50%,#1d64a2 50%,#1d64a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1274b1', endColorstr='#1d64a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}
	.box-2 {
	background: -moz-linear-gradient(-45deg,  #ea6123 0%, #f57421 50%, #ea6123 50%, #f57421 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #ea6123 0%,#f57421 50%,#ea6123 50%,#f57421 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(127deg,  #ea6123 0%,#f57421 50%,#ea6123 50%,#f57421 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6123', endColorstr='#f57421',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}
	
	.box-3 {
	background: -moz-linear-gradient(-45deg,  #40b648 0%, #40b648 50%, #129247 50%, #129247 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(155deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b648', endColorstr='#129247',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}
	
	.box-3-extn {
	
	background: -moz-linear-gradient(-45deg,  #40b648 0%, #40b648 50%, #129247 50%, #129247 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(128deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b648', endColorstr='#129247',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}

}

@media only screen and (max-width: 1400px){
	h3{font-size:1.5rem;}
	h3.font-weight-bold{font-size:1.25rem;}
	p{font-size:.9rem;}
	h2{font-size:1.7rem;}
	h2.font-weight-bold{font-size:1.5rem;}
	h5{font-size:1.05rem;}
	h5.font-weight-bold{font-size:1rem;}
	
	.box-1 {
	background: -moz-linear-gradient(-45deg,  #1274b1 0%, #1274b1 50%, #1d64a2 51%, #1d64a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #1274b1 0%,#1274b1 50%,#1d64a2 51%,#1d64a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(154deg,  #1274b1 0%,#1274b1 50%,#1d64a2 50%,#1d64a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1274b1', endColorstr='#1d64a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.box-1-extn {
	background: -moz-linear-gradient(-45deg,  #1274b1 0%, #1274b1 50%, #1d64a2 51%, #1d64a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #1274b1 0%,#1274b1 50%,#1d64a2 51%,#1d64a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(134deg,  #1274b1 0%,#1274b1 50%,#1d64a2 50%,#1d64a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1274b1', endColorstr='#1d64a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}
	.box-2 {
	background: -moz-linear-gradient(-45deg,  #ea6123 0%, #f57421 50%, #ea6123 50%, #f57421 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #ea6123 0%,#f57421 50%,#ea6123 50%,#f57421 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(126deg,  #ea6123 0%,#f57421 50%,#ea6123 50%,#f57421 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6123', endColorstr='#f57421',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}
	
	.box-3 {
	background: -moz-linear-gradient(-45deg,  #40b648 0%, #40b648 50%, #129247 50%, #129247 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(154deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b648', endColorstr='#129247',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}
	
	.box-3-extn {
	
	background: -moz-linear-gradient(-45deg,  #40b648 0%, #40b648 50%, #129247 50%, #129247 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(127deg,  #40b648 0%,#40b648 50%,#129247 50%,#129247 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b648', endColorstr='#129247',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}

}

.custom-control-input:checked~.custom-control-label::before{border-color: #006064;    background-color: #006064;}