/* google fonts */

@font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2zE0YBB.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2LE0Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2zE0YBB.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2LE0Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2zE0YBB.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2LE0Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2zE0YBB.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2LE0Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2zE0YBB.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2LE0Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2zE0YBB.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
 
  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2LE0Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2zE0YBB.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: 'Oxanium';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/Oxanium/RrQQboN_4yJ0JmiMe2LE0Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

.navbar .dropdown-menu-end{ right:0; left: auto;  }
.dropdown-menu{/*display:block;*//* transition:.3s; */margin-top: 0px;border: 0;box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);}
.navbar .nav-item:hover .nav-link{ color: #fff;  }
.dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.dropdown-menu.fade-up{ top:180%;  }
.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

/* ============ desktop view ============ */

*
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

body
{font-family: 'Space Grotesk', sans-serif;background-image: url("../images/bodybg1.png");background-size: cover;background-attachment: fixed;}
img
{
	max-width:100%;
	height:auto;
}
@media all and (max-width: 992px) 
{
    .dropdown-menu
    {
       
        display:none;
    }

    .dropdown-menu > li:hover > .submenu
	{
		display: block;

	}
	.submenu
	{
		display: block;

	}
}
@media all and (min-width: 992px) 
{

	.dropdown-menu li
	{
		position: relative;
		/* padding: 5px; */
		/* border-bottom: 1px dashed #ccc; */
		/* padding: 5px; */
	}
	.dropdown-menu .submenu{
		display: none;
		position: absolute;
		left:100%;
		top:-7px;
		margin-top: -35px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;

	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
	margin-left:0.7rem; margin-right:0.7rem; margin-bottom: 30px;
}

}	
/* ============ small devices .end// ============ */

/*== Dropdown Menu End==*/


/* ==MegaMenu== */

.navbar .megamenu
{ 
	padding: 1rem; 
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) 
{

	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0;right:0;width: 80%;margin-top: -8px;margin: -8px auto;border: 0;box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);}

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px)
{
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse
	{
		overflow-y: auto;
		max-height: 90vh;
		margin-top:10px;
	}
}
/* ============ mobile view .end// ============ */

/* ==MegaMenu end== */

/* ========== Hedare Slider============= */

.fixed-top {
	top: -40px;
	transform: translateY(40px);
	transition: transform .3s;
}
/* ========== Hedare Slider End============= */


.navbar-dark .navbar-nav .nav-link 
{
	color: rgb(255 255 255);
	font-size: 14px;
	cursor: pointer;
	font-weight: 600;
}

.dropdown-item 
{
	padding: 7px 20px;
	font-size: 14px;
	border-bottom: 1px solid #f7f3f352;
	background: #085c54;
	color: #fff;
}
.dropdown-menu
{
	padding:0px;
	border: 1px solid #c8efca;
}
.col-megamenu li a
{
	font-size: 14px;
	text-decoration: none;
	color: #212529;
	/* padding: 28px 20px; */
}
.col-megamenu ul li
{
	padding: 5px;
}
.col-megamenu {
    border-right: 1px solid #f9f7f7;
    margin-left: 34px;
    padding-left: 0px;
}
/* #navbar_top
{
	padding: 3px;
} */

#navbar_top {
    /* background-color: #15861a; */
}






.toplinks {
    width: 100%;
    top: 0px;
    padding: 0px;
    background: #085c54;
    display: block;
    border-bottom: 1px solid rgb(235, 235, 235);
}

ul.gov-guidelines {
    list-style-type: none;
    padding: 3px;
    margin: 0px;
    float: left;
}

ul.gov-guidelines li {
    display: inline-block;
    margin: 0px 2px;
}

ul.gov-guidelines a {
    color: rgb(255, 255, 255);
    padding: 4px 8px;
    font-weight: 500;
    font-size: 12px;
    text-decoration:none;
    /* border-radius: 50%; */
}
select {
    padding: 4px 7px;
    border: 0px;
    background: rgb(245, 124, 0);
    color: rgb(255, 255, 255);
}


.black {
    background: rgb(0, 0, 0) !important;
    border: 1px solid #ccc;
}

.white {
    background: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
}

.pannel {
    float: right;
}

ul.pannel {
    list-style-type: none;
    margin: 5px 14px 0px 0px;
    float: right;
}

ul.pannel li {
    display: inline-block;
    width: 15px;
    height: 15px;
    /* border-radius: 50%; */
    background: #e56d04;
    border: 1px solid #fff;
    margin: 2px;
}
.color1
{
    background: #652179 !important;
}
.color2
{
    background: #77261a !important;
}
.color3
{
    background: #2c805a !important;
}
.red {
    background: red !important;
}

.green {
    background: rgb(104, 159, 56) !important;
}

.blue {
    /* background: rgb(2, 119, 189) !important; */
}

.gray {
    background: rgb(0, 150, 136) !important;
}

.header-navigation {
    z-index: 9999;
}
.f-r {
    float: right !important;
}


.navbar
{
	padding: 0px;
}
.pad-0
{
	padding:0;
}

.input-group-text
{
	background-color:#fff;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin-bottom: 15px;
}
.input-group-text {
    background-color: #fff;
    border-radius: 10px;
    padding: 5px 14px;
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    border-color: #46140d9c;
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    height: 43px;
}

.form-control {
    padding: 8px;
    border-radius: 10px;
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    border-color: #51b18582;
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    font-size: 14px;
    border-left: 0;
}

.login-box
{
	width: 85%;
	margin-top: 70px;
	margin: 0 auto;
	margin-top: 40px;
	background: white;
	padding: 30px 25px;
	border-radius: 15px;
}

img.captcha {
    width: 100%;
    height: 39px;
    border: 1px solid #ced4da;
    border-radius: 30px;
    object-fit: contain;
}
.banner
{
    background: url("../images/img_1.jpg");
    background-size: cover;
    padding: 25px 0px;
    background-position: inherit;
}

.login-box .title
{
    text-align: center;
    margin-bottom: 14px;
    color: #852a1d;
    font-weight: 600;
    background: unset;
    font-size: 23px;
}
.d-block
{
    margin:auto;
}
.btn-primary {
    color: #fff;
    background-color: #07456d;
    border-color: #225796;
    font-size: 14px;
    /* width: 100%; */
    padding: 7px 15px;
    /* border-radius: 10px; */
}
.btn-primary:hover {
    color: #fff;
    background-color: #176f47;
    border-color: #176f47;
}
.input-group-text .fa
{
    color: #46140d;
}

.logo-section
{
    background: url(../images/header-bg.png);
    background-size: contain;
    background-position: top;
    padding: 5px;
    /* border-bottom: 3px solid #43449d; */
}
.form-control:focus {
   
border-color: #51b18580;
   
box-shadow: unset;
}

.f-r
{
    float:right;
}

.copy-right
{
    background: #009688;
    padding: 7px;
    color: #fff;
    border-top: 1px solid #cccccc61;
    /* position: absolute; */
    /* width: 100%; */
    /* bottom: 0; */
}
.copy-right p
{
    margin-bottom: 0;
    font-size: 12px;
}

.refresh
{
    margin-top:9px;
}

.copy-right img
{
    background: #fff;
    border-radius: 10px;
    width: 75px;
    padding: 4px 10px;
}
/*mani*/
.total-box
{
    /* background-image: url(../images/background.png); */
    /* padding: 30px; */
}

.total-form p{
    text-align: center;
    margin-top:25px;
}
textarea.form-control {
    height: 39px;
}
 .btn7 
{
    background-color: #30784a;
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 21px;
    /* width: 50%; */
    font-size: 14px;
    font-weight: bold;
    border: none;
    border-radius: 0;
} 
.btn:hover
{
    color: #fff;
}
.form-control
{
    border: 1px solid #009688ad;
    border-radius: 0;
    margin-bottom: 15px;
}
.btn1 
{
    background-color: #30784a;
    color: #fff;
    border-radius: 10px;
    padding: 10px 27px;
    margin-top: 21px;
    border: none;
    font-size: 14px;
    border-radius: 0;
}
.btn1:hover
{
    color: #fff;
}
.total-table
{
    border: 2px solid #e9e7e7;
}
.total-table td
{
    padding:3px 3px;
}
input[type="checkbox"] {
     width: 14px;
     height: 13px;
}
.title
{
    background-color: #2a89cf;
    color: #fff;
    padding: 8px 13px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.user img {
    height: 240px;
    max-width: 100%;
    object-fit: cover;
    border: 5px solid #ccc;
}
.btn4
{
    background: #30784a;
    color: #fff;
    padding: 11px 14px;
    border: none;
    width: 100%;
    margin-top:24px;
    font-size: 14px;
    font-weight: bold;
}
.btn5
{
    background: #30784a;
    color:#fff;
    padding: 12px 14px;
    border: none;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}
.btn3
{
    background: #30784a;
    border: none;
    color: #fff;
    padding: 7px 10px;
    font-size: 14px;
    /* border-radius: 5px; */
}
.btn6
{
    background: #30784a;
    color: #fff;
    padding: 10px 14px;
    border: none;
    margin-top:24px;
    font-size: 14px;
    font-weight: bold;
    /* border-radius: 5px; */
}

.btn8 {
    background: #30784a;
    color: #fff;
    padding: 10px 14px;
    border: none;
    /* width: 100%; */
    margin-top: 45px;
    font-size: 14px;
    font-weight: bold;
}
/*mani*/



.bg-color1{
    background: #3e065fd9;
}
.bg-color1 i {
    color: #ffffff;
}
.bg-color2 i {
    color: #ffffff;
}

.bg-color2 {
    background: #2a89cfd4;
}
.bg-color3 i {
    color: #ffffff;
}

.bg-color3 {
    background: #f9a325de;
}
.bg-color4 i {
    color: #ffffff;
}

.bg-color4 {
    background: #00cdbacf;
}
.bg-color5 i {
    color: #ffffff;
}

.bg-color5 {
    background: #b73f15d4;
}
.bg-color6 i {
    color: #ffffff;
}

.bg-color6 {
    background: #4caf50db;
}
.bg-color7 i {
    color: #ffffff;
}

.bg-color7 {
    background: #3d087bcf;
}
.bg-color8 i {
    color: #ffffff;
}

.bg-color8 {
    background: #99154ecc;
}
.common-box {
    background: url(../images/box-bg.png);
    position: relative;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.25rem;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    /* box-shadow: 1px 1px 15px rgba(0, 0, 0, 15%); */
    /* border: 3px solid transparent; */
    border-radius: 5px;
    background-size: cover;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}

.sub-common-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    color: #fff;
    border-radius: 5px;
    /* box-shadow: -8px 8px #ccd4db4d; */
}
.bg-color1 i {
    color: #ffffff;
}
.highlight-icon {
    font-size: 3.125rem;
}
.dashboard-boxes {
    /* background: #fafafa; */
    padding: 5px 0px;
    overflow: hidden;
    padding-bottom: 10px;
}
.mb-30 {
    margin-bottom: 2.143rem !important;
}


#chartdiv ,#chartdiv1 {
    width: 100%;
    height: 500px;
  }

  .chart-box-part {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
}
.chart-box
{
    margin-bottom: 30px;
}
.chart-box-part
{

box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);

background: #ffffff9c;
}
.chart-box-part h5 {
    background: #2c805a;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

.card-box
{
    box-shadow: 1px 1px 15px rgb(129 128 128 / 10%);
    padding: 20px;
    margin: 14px 0px;
    background: #ffffff82;
    border-top: 3px solid #085c54 !important;
    border: 1px solid #cccccc7d;
    background: url(../images/body-bg.jpg);
    min-height:430px;
}
.inclusion input{
margin-bottom: 5px;
}
.total-box table td{
    border: 1px solid #ccc;
    text-align: center;
}
.total-box table {
    width: 100%;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    background: #f3f7f3;
}

.dropdown-item:hover {
    color: #ffffff;
    background-color: #009688;
}
.br-left
{
    border-left: 1px solid #46140d91 !important;
}

.number-font {
    font-family: 'digitalfonts' , 'digitalfonts_ie' , Arial, Helvetica, sans-serif !important;
    font-size: 30px;
    font-weight: bold !important;
    color: #fff;
}

@font-face
        {
            font-family: 'digitalfonts';
            src: url('../fonts/DS-DIGIB.TTF');
        }
        
        @font-face
        {
            font-family: 'digitalfonts_ie';
            src: url('../fonts/DS-DIGIB.TTF.eot');
        }
        
        @font-face
        {
            font-family: 'Laoui';
            src: url('../fonts/Lao UI.TTF');
        }
        @font-face
        {
            font-family: 'Laoui';
            src: url('../fonts/Lao_UI.eot');
        }

        .user
        {
            text-align: center;
        }
        p b {
            font-weight: bolder;
            color: #df643d;
        }




        
.banner {
    background: url(images/logo-bg.jpg);
    /* background-size: cover; */
    padding: 25px 0px;
    background-position: inherit;
}



.login-box {
   background: #ffffff70;
   box-shadow: 1px 1px 15px rgb(0 0 0 / 17%);
   border-top: 5px solid #973224;
}

.carousel-indicators [data-bs-target] {
	background-color: #1e0202;
}




.register {
    margin: 20px 0px 0px;
    padding: 52px 20px;
    /* border: 1px solid #19c3d8; */
    box-shadow: 0px 0px 10px #a7a2a2;
    min-height: 521px;
}


h4.txt-reg {
  background: #085c54;
  width: 28%;
  padding: 4px 12px;
  position: relative;
  top: -19px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 0px 20px 20px 0px;
  color: #fff;
  /* background: url(../images/Banner-bg.png); */
}

.register-box {
  border: 1px solid #23246e69;
  padding: 0px 13px;
  margin-top: 20px;
  margin-bottom: 16px;
}
.radio-box {
    /* margin-top: 5px; */
    /* border: 1px solid #00BCD4; */
    /* padding: 10px 7px; */
    font-size: 14px;
    background: #fff;
}

.upload-box {
    /* border: 1px solid #00BCD4; */
    /* padding: 4px; */
    /* margin-top: 6px; */
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
}

.center
{
    text-align: center;
}


.tooltip {
    position: relative;
    display: block;
    /* border-bottom: 1px dotted black; */
    opacity: 1;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 170px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    width: 50%;
    margin: 0px auto;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .mandatory
  {
    color:red;
  }




  .news-ticker li {
    border-bottom: 1px dashed #ccc;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    background: white;
    margin: 5px !important;
    /* min-height: 80px; */
    font-family: system-ui;
    text-align: left;
    color: #064b44;
   
}

.notifi
{
	padding: 20px;
	background: #f5f5f5;
}
.news-ticker
{
	/* border: 1px solid #ccc; */
	/* background: #ebe7e7; */
	/* padding: 3px; */
	border: 1px solid #e7e3e3;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding: 0px 10px 10px 10px;
	background: #ffffff;
	position: relative;
	height: 390px;
	overflow: hidden;
}
.news
{
    background: #f0f4f5;
    padding: 50px;
    position: relative;
}
.wats-new
{
    background-color: #fff;
    padding: 25px;
    position: relative;
    box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1);
}
.news .title
{
    margin-top: 0;
}





.notification-box  {
    min-height: 450px;
}
.notification-box  {
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);
    background: #f7f7f7;
    min-height: 450px;
    margin-bottom: 30px;
    position: relative;
    /* border-radius: 10px; */
    /* border: 1px solid #ddd; */
}

.notification-box  h5 {
    background: #de4a3a;
    padding: 13px 15px;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 1px;
    min-height: 108px;
    margin-top: 0px;
}

.notification-sub-box {
    margin: 9px;
    position: absolute;
    /* width: 93%; */
    top: 41px;
    right: 0px;
    left: 0px;
    background: #fff;
    min-height: 289px;
    padding: 3px;
    /* box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%); */
    /* border: 1px solid #dddd; */
}

.news-ticker ul
{
    padding: 0;
}




    .fa-check-square-o
    {
        font-size: 24px;
        float: left;
        margin-right: 10px;
        vertical-align: middle;
    }


    .down3,  .up3
    {background: #311b9200;padding: 1px 7px;border: 0;color: #44449f;border: 1px solid #ccc;font-size: 18px;/* float: right; */}
    














:root{ --main-color: #01C0A2; }
.pricingTable{
    background: #fff;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 0 0 15px;
    margin: 0 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
    /* overflow: hidden; */
}
.pricingTable:before{
    content: "";
    border: 6px solid #009688;
    border-top: none;
    border-bottom: none;
    border-radius: 10px;
    position: absolute;
    top: 55px;
    bottom: 55px;
    left: -10px;
    right: -10px;
    z-index: -1;
}
.pricingTable .pricingTable-header{
    color: var(--main-color);
    text-transform: capitalize;
    position: relative;
    margin: 0 0 30px;
    background: url("../images/");
    background: url(../images/card-bg1.png);
    width: 80%;
    margin: 0 auto 15px;
    border-radius: 0 0 10px 10px;
    background-size: cover;
    background: url("../images/Banner-bg.png");
}
.pricingTable .title{
    color: #fff;
    background: #009688b8;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    padding: 9px 0;
    margin: 1px auto 18px;
    border-radius: 0 0 10px 10px;
}
.pricingTable .price-value .amount{
    font-size: 50px;
    font-weight: 600;
    line-height: 53px;
}
.pricingTable .duration{
    font-size: 17px;
    line-height: 17px;
    display: block;
}
.pricingTable .pricing-content{
    text-align: left;
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
    display: inline-block;
}
.pricingTable .pricing-content li{
    color: #555;
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    padding: 0 15px 0 30px;
    margin: 0 0 10px;
    position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
    content: "\f00c";
    color: #349008;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    position: absolute;
    top: 3px;
    left: 0;
}
.pricingTable .pricing-content li.disable:before{
    content: "\f00d";
    color: #FF3A39;
}
.pricingTable .pricingTable-signup a{
    color: #fff;
    background: var(--main-color);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    padding: 5px 14px;
    border-radius: 50px 50px;
    display: inline-block;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}
.pricingTable .pricingTable-signup a:hover{
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}
.pricingTable.blue{ --main-color: #762f4f;}
.pricingTable.orange{ --main-color: #338787;}
@media only screen and (max-width: 990px){
    .pricingTable{ margin: 0 10px 40px; }
}

.carousel-item img
{
    border-radius: 30px;
   
}

#demo
{
    margin-top: 40px;
}
.carousel-indicators 
{
   
    
    bottom: -50px;
}

#navbar_top::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-image: url(../images/bg3.png); */
    background-repeat: no-repeat;
    /* box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1); */
    background-color: #009688;
    z-index: -1;
}



#navbar_top
{
    background-color: red;
    /* position: relative; */
    background-image: url(../images/bg3.png);
    z-index: 0;
    background: url(../images/Banner-bg.jpg);
    /* margin-top: 19px; */
}




img.dasgboard-img {
    width: 100px;
    position: relative;
    top: 26px;
    left: 0;
}



.main {
    width: 100px;
    background: #FFF;
    border-radius: 10px;
    padding: 5px;
  }
  #brightness-range {
    width: 100%;
    -webkit-appearance: none;
    background: #E40404;
    height: 5px;
    outline: none;
    cursor: pointer;    
  }
  #brightness-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background: #22438C;    
  }

  #body {
    
    height: 100vh;
     
  }


  .logo-text h1 {
    font-size: 23px;
    line-height: 34px;
    font-weight: 800;
    width: 100%;
    text-transform: uppercase;
    margin-top: 3px;
    margin-bottom: 0;
    color: #ff9800;
}

html, body {
    /* font-family: "Ubuntu", sans-serif; */
    background: url(../images/header.png);
    background-position: initial;
    background-attachment: fixed;
    font-family: 'Oxanium', cursive;
}

*{
   font-family: 'Oxanium', cursive;
}

.login
{
    /* background: #43449d; */
    color: #fff !important;
    padding: 7px 15px;
}







.acme-news-ticker {
    background: #fff;
    position: relative;
    height: 38px;
    border: 1px solid #009688;
    margin-top: 45px;
    }
    @media (min-width: 768px) {
      .acme-news-ticker {
        margin-top: 10px;
        margin-bottom: 0;
        } }
    .acme-news-ticker-label {
      background: #009688;
      padding: 10px;
      width: auto;
      float: left;
      margin-right: 15px;
      line-height: normal;
      height: 100%;
      color: #fff;
      }
      @media (max-width: 575px) {
        .acme-news-ticker-label {
          position: absolute;
          top: -45px; }
          .logo img{
            width: 100px !important;
            text-align: center !important;
          }
          .logo-section {
            text-align: center !important;
          }
        }
    .acme-news-ticker-box {
      height: 100%;
      padding-top: 10px;
      overflow: hidden; }
      @media (max-width: 575px) {
        .acme-news-ticker-box {
          padding-left: 10px;
          padding-right: 120px; } }
      .acme-news-ticker-box ul {
        width: 100%;
        list-style-type: none !important;
        padding: 0;
        margin: 0; }
        .acme-news-ticker-box ul li a {
          text-decoration: none;
          color: #3a1f55;
          font-weight: 600;
          }
    .acme-news-ticker-controls {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      height: 100%;
      right: 0;
      top: 0; }
      .acme-news-ticker-controls button {
        height: 100%;
        background: #ffffff;
        padding: 0;
        width: 40px;
        border-color: #c9c9c9;
        border-style: solid;
        border-width: 0 0 0 1px;
        cursor: pointer;
        display: inline-block;
        }
        .acme-news-ticker-controls button:hover {
          background: #eeeeee; }
        .acme-news-ticker-controls button.acme-news-ticker-arrow {
          margin: 0;
          display: inline-block;
          position: relative; }
          .acme-news-ticker-controls button.acme-news-ticker-arrow:after {
            border-color: #999;
            border-bottom-style: solid;
            border-bottom-width: 2px;
            border-right-style: solid;
            border-right-width: 2px;
            content: '';
            display: inline-block;
            height: 8px;
            left: 50%;
            position: absolute;
            top: 50%;
            width: 8px; }
        .acme-news-ticker-controls button.acme-news-ticker-pause {
          position: relative;
          display: inline-block; }
          .acme-news-ticker-controls button.acme-news-ticker-pause:before {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            border-color: #999;
            border-style: solid;
            border-width: 0 2px 0;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            left: 50%;
            top: 50%; }
      .acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-prev:after {
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
            -ms-transform: translate(-50%, -50%) rotate(135deg);
                transform: translate(-50%, -50%) rotate(135deg); }
      .acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-next:after {
        -webkit-transform: translate(-50%, -50%) rotate(315deg);
            -ms-transform: translate(-50%, -50%) rotate(315deg);
                transform: translate(-50%, -50%) rotate(315deg); }
      .acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-prev:after {
        -webkit-transform: translate(-50%, -50%) rotate(225deg);
            -ms-transform: translate(-50%, -50%) rotate(225deg);
                transform: translate(-50%, -50%) rotate(225deg); }
      .acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-next:after {
        -webkit-transform: translate(-50%, -50%) rotate(405deg);
            -ms-transform: translate(-50%, -50%) rotate(405deg);
                transform: translate(-50%, -50%) rotate(405deg); }
  
  
  
  
  
  
  
 
.ml-18
{
    margin-left: 18px !important;
}
.logo-text
{
    margin-top: 10px;
}

label {
    display: inline-block;
    font-weight: 500;
}

/* wizard css */


 .wizard,
.wizard .nav-tabs,
.wizard .nav-tabs .nav-item {
	 /* position: relative;  */
} 
.wizard .nav-tabs:after {
	content: "";
	width: 80%;
	border-bottom: solid 2px #ccc;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 38%;
	z-index: -1;
}
.wizard .nav-tabs .nav-item .nav-link {
    width: 50px;
    font-size: 20px;
    height: 50px;
    margin-bottom: -10%;
    background: white;
    border: 2px solid #009688;
    color: #085c54;
    z-index: 10;
}
.wizard .nav-tabs .nav-item .nav-link:hover {
	color: #333;
	border: 2px solid #333;
}
.wizard .nav-tabs .nav-item .nav-link.active {
    background: #085c54;
    border: 2px solid #085c54;
    color: #ffffff;
}
.nav-tabs .nav-item .nav-link.active:after {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #085c54;
}

.nav-tabs .nav-item .nav-link.active:after {
	content: " ";
	position: absolute;
	left: 14.2%;
	transform: translate(-50%);
	opacity: 1;
	margin: 0 auto;
	bottom: 0;
	border: 10px solid transparent;
	border-bottom-color: #085c54;
	rotate: 180deg;
	top: 40.2%;
    display: none;
}
.wizard .nav-tabs .nav-item .nav-link svg {
	font-size: 25px;
}
.wizard .nav-tabs .nav-item i.fa{
  font-size: 18px !important;
}

.wizard .nav-tabs {
    border-bottom: 2px solid #085c54;
    margin-bottom: 60px;
}

.wizard .btn-info {
    color: #fff;
    background-color: #009688;
    border-color: #009688;
}

.wizard .btn-info:hover {
    color: #fff;
    background-color: #085c54;
    border-color: #085c54;
}
.wizard li {
    text-align: center;
}

/* login css */

.screen {
	background: linear-gradient(90deg, #009688, #1c9388);
	position: relative;
	height: 440px;
	width: 360px;
	/* box-shadow: 0px 1px 5px #ababab; */
	float: right;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.screen__content {
	z-index: 1;
	position: relative;	
	height: 100%;
}

.screen__background {		
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);	
}

.screen__background__shape {
	transform: rotate(45deg);
	position: absolute;
}

.screen__background__shape1 {
	height: 490px;
	width: 463px;
	background: #FFF;
	top: -50px;
	right: 118px;
	border-radius: 0 72px 0 0;
}

.screen__background__shape2 {
	height: 285px;
	width: 172px;
	background: #329b91;
	top: -200px;
	right: -56px;
	border-radius: 32px;
}

.screen__background__shape3 {
	height: 480px;
	width: 109px;
	background: linear-gradient(270deg, #178b80, #178b80);
	top: 57px;
	right: 49px;
	border-radius: 123px;
}

.screen__background__shape4 {
	height: 279px;
	width: 190px;
	background: #329b91;
	top: 226px;
	right: -57px;
	border-radius: 60px;
}

.login {
	width: 320px;
	padding: 30px;
	padding-top: 70px;
}

.login__field {
	padding: 14px 0px;
	position: relative;
}

.login__icon {
	position: absolute;
	top: 28px;
	color: #009688;
}

.login__input {
	border: none !important;
	border-bottom: 2px solid #D1D1D4 !important;
	background: none !important;
	padding: 10px 10px 0px !important;
	padding-left: 24px !important;
	font-weight: 700 !important;
	width: 75% !important;
	transition: .2s;
}

.login__input:active,
.login__input:focus,
.login__input:hover {
	outline: none;
	border-bottom-color: #329b91;
}

.login__submit {
	background: #fff;
	font-size: 14px;
	margin-top: 0px;
	padding: 7px 21px;
	border-radius: 26px;
	border: 1px solid #478f88;
	text-transform: uppercase;
	font-weight: 700;
	display: flex;
	align-items: center;
	width: 100%;
	color: #009688;
	box-shadow: 0px 2px 2px #0096889e;
	cursor: pointer;
	transition: .2s;
}

.login__submit:active,
.login__submit:focus,
.login__submit:hover {
	border-color: #009688;
	outline: none;
}

.button__icon {
	font-size: 24px;
	margin-left: auto;
	color: #009688;
}

.social-login {
	position: absolute;
	height: 80px;
	width: 160px;
	text-align: center;
	bottom: 0px;
	right: 0px;
	color: #fff;
}

.social-icons {
	display: flex;
	align-items: center;
	justify-content: center;
}

.social-login__icon {
	padding: 10px 10px 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 0px 8px #329b91;
}

.social-login__icon:hover {
	transform: scale(1.5);	
}
.social-icons a:hover{
	color: #fff !important;
} 
.login-left img{
    margin-top: 0px;
}
.login-head h2{
    
position: absolute;
    
text-align: center;
    
/* margin: 0px auto; */
    
margin: 0px 0px;
    
width: 100%;
    
color: #fff;
    
font-size: 20px;
    
background: #199488;
    
padding: 10px;
    
box-shadow: 0px 3px 2px #00000059;
}

<!-- Preview Sytem CSS -->
		<style type="text/css">
			.td_width td {
	width: 11.5% !important;
}
tr:nth-child(even) {
	background-color: #fff;
}
tr:nth-child(odd) {
    background-color: #fff;
}
.total-box {
	/*border: 1px solid #000;*/
	margin-bottom: 20px;
}
.table-bordered td {
	border: 1px solid #000000;
    text-align: left !important;
   
}
.table thead th {
	border-bottom: 1px solid #000000;
	background: #ffffff;
	color: #000;
	vertical-align: middle;
}
.table-bordered th {
	border: 1px solid #000000;
}
.preview-heading h3{
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #222;
    letter-spacing: 0px;
    text-transform: uppercase;
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 25px 0;
    grid-gap: 10px;
    align-items: center;
    width: 40%;
    margin: 0px auto;
}
.preview-heading h3::before{
    content: " ";
    display: block;
    border-bottom: 2px solid #009688;
    border-top: 2px solid #009688;
    height: 7px;
    background-color: #f8f8f8;
}
.preview-heading h3::after{
    content: " ";
    display: block;
    border-bottom: 2px solid #009688;
    border-top: 2px solid #009688;
    height: 7px;
    background-color: #f8f8f8;
}

/* payment page css */

.card-top{
    padding: 0.7rem 5rem;
}
.card-top a{
    float: left;
    margin-top: 0.7rem;
}
#logo{
    font-family: 'Dancing Script';
    font-weight: bold;
    font-size: 1.6rem;
}
.card-body{
    padding: 0px;
    background-image: url("https://i.imgur.com/4bg1e6u.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
@media(max-width:768px){
    .card-body{
        padding: 0 1rem 1rem 1rem;
        background-image: url("https://i.imgur.com/4bg1e6u.jpg");
        background-size: cover;
        background-repeat: no-repeat;
    }  
    .card-top{
        padding: 0.7rem 1rem;
    }
    .Something-wrong{
        top: 75% !important;
    }
}
.row{
    margin: 0;
}
.upper{
    padding: 1rem 0;
    justify-content: space-evenly;
}
#three{
    border-radius: 1rem;
        width: 22px;
    height: 22px;
    margin-right:3px;
    border: 1px solid blue;
    text-align: center;
    display: inline-block;
}
#payment{
    margin:0;
    color: blue;
}
.icons{
    margin-left: auto;
    float: left;
    width: 50%;
    text-align: right;
}
form span{
    color: rgb(179, 179, 179);
}
form{
    padding: 2vh 0;
}
input{
    border: 1px solid rgba(0, 0, 0, 0.137);
    padding: 1vh;
    margin-bottom: 4vh;
    outline: none;
    width: 100%;
    background-color: rgb(247, 247, 247);
}
input:focus::-webkit-input-placeholder
{
      color:transparent;
}
select{
    border: 1px solid rgba(0, 0, 0, 0.137);
    padding: 1vh;
    margin-bottom: 4vh;
    outline: none;
    width: 100%;
    background-color: rgb(247, 247, 247);
    color: #000;
}
.header{
    font-size: 1.5rem;
    float: left;
    width: 50%;
    padding: 0;
}
.left{
    background-color: #ffffff;
    padding: 2vh;   
}
.left img{
    width: 2rem;
}
.left .col-4{
    padding-left: 0;
}
.right .item{
    padding: 0.3rem 0;
}
.right{
    background-color: #ffffff;
    padding: 2vh;
    overflow: hidden;
}
.col-8{
    padding: 0 1vh;
}
.lower{
    line-height: 2;
    margin: 10px 0px;
}
/* .btn{
    background-color: rgb(23, 4, 189);
    border-color: rgb(23, 4, 189);
    color: white;
    width: 100%;
    font-size: 0.7rem;
    margin: 4vh 0 1.5vh 0;
    padding: 1.5vh;
    border-radius: 0;
} */
.btn:focus{
    box-shadow: none;
    outline: none;
    box-shadow: none;
    color: white;
    -webkit-box-shadow: none;
    -webkit-user-select: none;
    transition: none; 
}
.btn:hover{
    color: white;
}
a{
    color: black;
}
a:hover{
    color: black;
    text-decoration: none;
}
input[type=checkbox]{
    width: unset;
    margin-bottom: unset;
}
#cvv{
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.575) , rgba(255, 255, 255, 0.541)), url("https://img.icons8.com/material-outlined/24/000000/help.png");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;
} 
.border .nav-tabs{
  border-bottom: 0 !important;
}
.button-payment {
  text-align: center;
  margin-top: 20px;
}

.form-check-input[type=radio]{
    margin-bottom: 0px;
}

.captcha-text{
    margin-top: -37px;
    z-index: 9999;
    position: absolute;
    letter-spacing: 12px;
    font-size: 22px;
    margin-left: 17px;
    font-style: italic;
    font-weight: 700;
    color: #898989;
}
.captcha-text1{
    margin-top: -22px;
    z-index: 9999;
    /* position: absolute; */
    letter-spacing: 12px;
    font-size: 22px;
    margin-left: 0;
    font-style: italic;
    font-weight: 700;
    color: #b50000;
    background: url(../images/captcha-bg.png);
    width: 123px;
    margin-bottom: 0;
}
.Something-wrong{
    font-size: 30px;
    top: 40%;
    margin-top: -42px !important;
    color: #00746a;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    /* bottom: 0; */
    margin: 0px auto;
    width: 79%;
}
.Something-wrong span{
    color: #000;
    font-size: 25px;
}

/* otp css */

svg {
    margin: 16px 0;
  }
  .title-otp {
    font-size: 20px;
    font-weight: bold;
    background-color: #009688;
      color: #fff;
      padding: 8px 13px;
      border: none;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
  }
  
  .p_text {
    color: #a3a3a3;
    font-size: 14px;
    width: 200px;
    margin-top: 4px;
    text-align: center;
      width: 100%;
  }
  #inputs input {
    width: 32px;
    height: 32px;
    text-align: center;
    border: none;
    border-bottom: 1.5px solid #d2d2d2;
    margin: 0 10px;
    background: transparent;
  }
  
  #inputs input:focus {
    border-bottom: 1.5px solid deepskyblue;
    outline: none;
  }
  
  /* button {
    width: 250px;
    letter-spacing: 2px;
    margin-top: 24px;
    padding: 12px 16px;
    border-radius: 8px;
    border: none;
    background-color: #009688;
    color: white;
    cursor: pointer;
  } */

  hr{
      opacity:1 !important;
      color: #a1a1a1 !important;
  }


  /* left menu css */

  .bg-menu{
    background: #009688;
  }
  .bg-menu ul{
    width: 100%;
  }
  .bg-menu ul li{
    width: 100%;
    border-bottom: 1px dashed;
    padding: 0px 10px;
  }
  .bg-menu ul li a {
    color: #fff;

  }
  #submenu1 li{
    padding: 0px !important;
    margin: 0px 20px;
  }
  #submenu2 li{
    padding: 0px !important;
    margin: 0px 20px;
  }
  #submenu3 li{
    padding: 0px !important;
    margin: 0px 20px;
  }
  /* .bg-menu ul li:hover{
    background: #0cb7a7;
  } */
  .fa-circle {
    font-size: 10px;
    vertical-align: text-top;
    margin-right: 8px;
  }
  .fa-chevron-right{
    font-size: 13px;
    vertical-align: text-top;
    margin-right: 8px;
  }
  
  
  /* New css */



  .navbar-nav li a{
    color:  #fff;;
  }
  .navbar{
    background: #009688;
  }

  .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover{
    background-color: #009688 !important;
  }
  .modal-header{
    background: #2da398 !important;
    color: #fff !important;
  }
  .table thead th {
    background: #50b5ac !important;
    color: #fff !important;
    text-align: center !important;
  }
  tr:nth-child(odd) {
    background-color: #faffff !important;
}
table.dataTable tfoot th{
    background: #50b5ac !important;
    color: #fff !important;
    text-align: center !important;
    border: 1px solid #ccc !important;
}
.page-item.active .page-link{

background-color: #50b5ac !important;
    border-color: #50b5ac !important;
    color: #fff !important;
}
.page-link{
    color: #000 !important;
}

.heading h1 {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5em;
    padding-bottom: 5px;
    position: relative;
    color: #007066;
    margin-bottom: 10px;
}

.heading h1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 39px;
    background-color: #009688;
}
.heading h1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    height: 1px;
    width: 82%;
    max-width: 210px;
    background-color: #009688;
}
.heading h2 span{
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 0em;
    padding-left: 0.35em;
    color: #000000;
    padding-bottom: 0px;
    border-left: 3px solid #009688;
    margin-bottom: 10px;
}

input[type="radio"]{
    width: auto !important;
    margin-bottom: 0px !important;
    vertical-align: text-top !important;
    margin-right: 5px !important;
}
.dataTables_filter{
    text-align:right;
}
.pagination{
    float:right;
}
.id-user h4{
    text-align:right;
    margin-bottom:20px;
}
.id-user span{
    color:red;
    font-size:17px;
    font-weight:bold;

}
.datepicker 
{
    width:241px;
}
    .datepicker table {
      
        width: 98%;
        margin-left: 1%;
    }