@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.TTF');
  src: local("?"), url('../fonts/Roboto-Regular.woff') format("woff"), url('../fonts/Roboto-Regular.TTF') format("truetype"); 
}

html, body{font-family:Poppins-Regular, Roboto-Regular, Calibri, Arial; color:#344e6c; font-size:14px; line-height: 25px; background:#f0f0f0;}

a{color:#0a58ca; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#23527c; text-decoration:none;}

.clearfix{width:100%;}

/* Back to top button */
.back-to-top{position:fixed; display:none; background:#5e87eb; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{padding-top:12px; color:#fff;}


.header{margin:0; padding:0;}
.header-upper{background:#3f8bae; height:35px;}
.top_nav{display:flex;}
.top_nav_buttons{display:flex; float:right; margin:5px 0 0;}
.top_nav_buttons a{margin:0 5px;}

.logo{padding:15px 0; display:inline-block; font-size:30px; font-weight:bold; text-transform:uppercase; color:#333;}
.logo img{width:230px;}
.logo a{color:#333; text-decoration:none;}
.logo a:hover{color:#333; text-decoration:none;}

.validation {
    color: #f00;
    font-size: 13px;
    position: absolute;
    margin: 0;
    top: inherit !important;
    left: inherit !important;
}

.validation1 {
    color: #f00;
    font-size: 13px;
    position: absolute;
    margin: 0;
    bottom: 0px;
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.top-navbg{ background:url(../images/nav-bg.png) repeat-x left; height:35px; margin:0;}
/* Desktop Navigation */
.main-nav, .main-nav * {margin:0; padding:0; list-style:none; }
.main-nav > ul > li{position: relative; white-space: nowrap; float: left; margin: 0 5px 0; border-top: 5px solid #fff;}
.main-nav a{display:block; color:#555; position:relative; margin:0; padding:20px 10px; margin:0 1px; text-decoration:none; transition:0.3s; font-weight:normal; line-height:20px; font-size:16px;}
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {color:#5e87eb; text-decoration:none;}
.main-nav li a:focus{color:#5e87eb; text-decoration:none;}
.main-nav .drop-down ul {display:block; position:absolute; left:0; top:calc(100% + 30px); z-index:999; opacity 0; visibility:hidden; padding:0; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity:1; top:100%; visibility:visible;}
.main-nav .drop-down li {min-width:180px; position:relative;}
.main-nav .drop-down ul a {padding:10px 20px;font-size: 13px;color: #333; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color:#fff; background:#5e87eb;}
.main-nav .drop-down > a:after {content:"\f107"; font-family:FontAwesome; padding-left:5px;}
.main-nav .drop-down .drop-down ul {top:0; left:calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity:1; top:0; left:100%;}
.main-nav .drop-down .drop-down > a {padding-right:35px;}
.main-nav .drop-down .drop-down > a:after {content:"\f105"; position:absolute; right:15px;}

/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding-top:18px; background:rgba(19, 39, 57, 0.8); transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#3f8bae; text-decoration:none;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:absolute; right:0; top:70px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:10px 10px 0 0; color:#5e87eb;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed; background:rgba(19, 39, 57, 0.8); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color:#01837d;}

.nav-justified > .nav-link, .nav-justified .nav-item{margin: 0 2px;}

.fixed-top{top:-40px; transform:translateY(40px); transition:transform .3s; background:#fff; border-bottom:1px solid #ececec; box-shadow: 0 0 10px #ccc;}

.master-wrapper-content{margin:0;}
.main_contentner{margin:10px 0; min-height:508px}
.nav_bar{background:#fff; border-bottom: 1px solid #f9f9f9;}

.login_border{border:2px solid #ccc; margin:30px 0; height:auto; border-radius:10px; box-shadow:0 0 10px #333;}
.Login_box{padding:30px; background:#fff;}
.UserIcon{background:url(../images/UserIcon.png) no-repeat left center; border-left:5px solid #020263; padding:8px 15px 8px 35px !important;}
.PasswordIcon{background:url(../images/PasswordIcon.png) no-repeat left center; border-left:5px solid #020263; padding:8px 15px 8px 35px !important;}
.login_textbox{border-left:5px solid #020263; padding:8px 15px 8px 30px !important;}
.login_icon{position:absolute; left:0; margin:-33px 0 0 12px;}

.Hide_Show_Icon{position:absolute; right:30px; margin:-33px 0 0;}
.Hide_Show_Icon .fa{cursor:pointer;}
/**//*-------------------- Start Home Page CSS ------------------------*/
.ShowHide {
    position: absolute;
    right: 30px;
    margin: -33px 0 0;
}

    .ShowHide .fa {
        cursor: pointer;
    }



.mandatory{font-size:15px; color:#e20c0c; margin:0 0 0 5px; position:absolute;}

.reg-header{background:#2e3094; color:#fff; font-size:20px; margin:0 0 10px; padding:5px 10px;}
.btn-primary{background:#2e3094;}

.DatePick{background: #fff url(../images/CalIcon.png) right center no-repeat; background-position: right; background-repeat: no-repeat;}

.overview_content{border-bottom:1px solid #999; border-bottom-style:dashed; padding:0 0 10px; margin:0 0 15px;}
.gray_text{font-weight:bold; color:#666;}

.form-label{margin:0;}
.status_green{color:#009900;}
.status_red{color:#FF0000;}
.status_blue{color:#0033FF;}
.status_orange{color:#ffad00;}

.dropdown-toggle{cursor:pointer; font-size:17px; color:#999;}
.dropdown-toggle::after{display:none;}
.dropdown-menu{padding:0;}

.breadcrumb{margin-bottom:0;}
/*----------------- Start Edit Data Table CSS --------------------*/
.dataTables_filter{display:none;}
.dataTables_length{display:none;}
.dataTables_info{display:none;}
.table thead{vertical-align: middle; border-color: inherit; background-color: #020263; color: #fff;}
table.dataTable thead th, table.dataTable thead td{padding:3px 5px; border-bottom: 0;}
table.dataTable tbody td {padding:3px 5px;}
table.dataTable.no-footer{border-bottom:1px solid #ddd;}

.dataTables_wrapper .dataTables_paginate .paginate_button{padding:0px 10px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#020263; color:#fff;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color: #fff !important; border: 1px solid #020263;}

.action a{color:#fff; background:#020263; padding:3px 5px; border-radius:50%; font-size:12px;}
.action a:hover{color:#fff; background:#da5903;}
.action .active{background:#6eb241;}
.action .deactive{background:#c84343;}


/*----------------- End Edit Data Table CSS --------------------*/



.footer_bg{background:#2e3094; padding:0px 20px; color:#fff; font-size:15px; line-height:35px;}
.copyright{font-size:12px; color:#ccc; text-align:center; padding:5px 0; margin:0;}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/




@media (max-width: 768px){
.mobile-nav-toggle{position: fixed; top: 3px;}
.home_bg{height:auto;}
.banner_text{margin: 0 0 15px;}
}


@media (max-width:480px){
.pricing-box{min-height:auto; margin-bottom:25px;}
}