﻿@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"); 
}

/*-------- Hindi Font --------*/
@font-face 
{
  font-family: 'Chanakya';
  src: url('../fonts/Chanakya.TTF');
  src: local("?"), url('../fonts/Chanakya.woff') format("woff"), url('../fonts/Chanakya.TTF') format("truetype"); 
}
/*-------- Odia Font --------*/
@font-face 
{
  font-family: 'Sarala';
  src: url('../fonts/Sarala.TTF');
  src: local("?"), url('../fonts/Sarala.woff') format("woff"), url('../fonts/Sarala.TTF') format("truetype"); 
}


a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
  padding:0 0 0 25px;
}

/* Provide sufficient contrast against white background */
a {
  color: #fb7800;
  text-decoration:none;
}

a:hover {
    color: #c55e00;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #3f90b7;
  border-color: #3f90b7;
}

/* Sticky footer styles
-------------------------------------------------- */

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); width:100%; display:block;
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%; }

body {background:#fafafa; color:#555; font-size:14px; font-family: 'Roboto', sans-serif; /*font-family:Roboto-Regular, calibri;*/}
.footer {position: absolute; bottom: 0; width: 100%; white-space: nowrap; line-height: 60px; /* Vertically center the text there */}

.clearfix{width:100%; clear:both;}
.clearfix::after {display: block; clear: both; content: "";}

/*@media (min-width: 1200px){
.container {
    max-width:1330px;
}
}*/

.top-header{background-color: #5e97c7!important;}
.logo{font-size:30px; font-weight:bold; color:#fff;}
.logo a{font-size:30px; font-weight:bold; color:#fff;}
.logo img{width: 180px;}

.intro-info{margin:100px 0 0; min-height:450px;}

.Login_box .title{color:#333; font-weight:bold; text-align:center;}
.Login_box {padding:0; position: relative; overflow: hidden; border-radius:10px; margin:0; background: #fff; transition: all 0.3s ease-in-out; border:2px solid #e8e8e8;}
.login-logo{margin:0 0 30px;}
.login-head{background:#ff8515; padding:10px; text-align:center; color:#fff; font-size:20px;}
.login-content{padding:20px;}
.login-textbox{border:none; border-bottom:1px solid #ccc; padding:10px; color:#999; margin:0 0 15px 0; width:100%; outline:none;}
.login-content a{color:#ff8515;}



/*--------------------------------------------------------------
# Start Top Navigation Menu
--------------------------------------------------------------*/

.TopNav{background:#fff; padding:0; width:100%; display:block;}
.navbar-brand {display: inline-block; width: 230px; text-align: center;}
/*.main-nav{margin:5px 0 0 !important;}*/
.main-nav,
.main-nav *{margin: 0; padding:0; list-style: none;}
.main-nav > ul > li { position: relative; white-space: nowrap; float: left; color:#333;}
.main-nav a {display: block; position: relative; color: #c6c6c6; padding:10px 20px; transition: 0.3s; font-size: 14px;font-weight: 500;}
.main-nav a:hover{color: #5e97c7; text-decoration: none; border-radius:5px;}
.main-nav .active > a{color: #fff; text-decoration: none; background:#007bff; border-radius:5px;}
.main-nav .drop-down ul { display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 10px 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:85%; visibility: visible;}
.main-nav .drop-down li{min-width: 180px; position: relative;}
.main-nav .drop-down ul a{padding:7px 10px; font-size: 13px; color: #f69548;}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {color: #c55e00;}

.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: 10px 20px;font-weight: 500;font-size:13px;}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color: #74b5fc !important;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; color:#fff;}
.mobile-nav .drop-down > a:focus {color:#007bff;}
.mobile-nav .drop-down.active > a{color:#007bff;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle{position: fixed;right: 0;top: 0;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: 18px 18px 0 0;color: #004289;}
.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: #fff;}


.sidebar-collapse .slimScrollDiv{overflow:visible !important;}
.sidebar-collapse .sidebar{overflow:visible !important;}

.arrow{width:auto; margin:0 0 0 -27px; float:left; vertical-align:middle; position:fixed; top:370px;}
/*--------------------------------------------------------------
# End Top Navigation Menu
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Start Form CSS
--------------------------------------------------------------*/

.form-label{margin-bottom:0;}
.DatePick{background:#fff url(../images/CalIcon.png) right center no-repeat; background-position:right; background-repeat:no-repeat;}
.DatePick_F{background:#fff url(../images/CalIcon.png) right center no-repeat; background-position:right; background-repeat:no-repeat;}
.btn-primary{background:#f69548; color:#fff; border:none; padding:5px 15px;}
.btn-primary:hover{background:#d96001; color:#fff; border:none;}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.25rem rgba(235 146 55 / 50%);}
.btn-primary:focus{background:#d96001; color:#fff; border:none; box-shadow: 0 0 0 0.25rem rgba(235 146 55 / 50%);}

.btn-secondary{color:#fff; background-color:#aaa; border-color:#aaa;}
.form-control-sm{font-size:.9rem; min-height:15px;}
.form-select-sm{font-size:.9rem; min-height:15px;}
.input-group-sm{min-height: calc(1.5em + (0.5rem + 2px)); padding: 0.25rem 0.5rem; font-size:.875rem;}
.small-input{padding: 5px !important; min-height: 27px; line-height: 15px;}
.small-btn{padding:3px 7px !important; min-height: 27px; line-height: 15px;}
.mandatory{color:#cd1414;}
.error_msg{color:#cd1414; position:absolute; font-size:11px; margin:0;}
.label_pading{padding:0 0 0 50px;}

.grand_total_bg{background:#f5f5f5;}
/*--------------------------------------------------------------
# End Form CSS
--------------------------------------------------------------*/

.title-bar{width:100%; padding:5px 15px; margin:0 0 10px; display:block; background:#e9e9e9; color:#333; font-size:18px;}
.border{border:1px solid #dee2e6!important; padding:15px; margin:10px 0 0;}

/*------------------------ Start Top Header CSS ----------------*/
.head-title{font-size:23px; margin:0; color:#fb7800;}




/*------------------------ End Top Header CSS ----------------*/

/*--------------------------------------------------------------
# Start Datatable CSS
--------------------------------------------------------------*/
.table {color: #333;}
.table tr{border-bottom:1px solid #ccc;}
.table thead{background: #f69548; color: #fff; letter-spacing:1px;}
table.dataTable.no-footer{border-bottom:0;}
table.dataTable thead th{padding: 0.5rem 0.5rem;;}
table.dataTable tbody td{padding: 0.2rem 0.5rem;;}
.table>:not(caption)>*>* {padding: 0.2rem 0.5rem;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0px 8px; background: #d5d5d5;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:#c55e00; border:1px solid #c55e00; color:#fff !important;}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{border: 1px solid #999; background: #999;}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color: #fff !important;border: 1px solid #f69548; background:#f69548;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{box-shadow: none;}

.dataTables_length{margin-bottom:5px; display:none;}
.dataTables_filter{margin-bottom:5px; display:none;}
.dataTables_info{display:none; margin-bottom:5px;}

.action-icon{width:80px !important; text-align:right;}
.action-icon a{margin:0 3px;}
.btn-small{color:#fff; background-color:#3f90b7; border-color:#3f90b7; padding:3px 5px; border-radius:3px;}
.btn-small:hover{color:#fff;}

.breadcrumb{margin-bottom:0;}
.breadcrumb-item{font-size:13px;}

.right-bdr{border-right:2px solid #f69548;}
/*--------------------------------------------------------------
# End Datatable CSS
--------------------------------------------------------------*/
.inner-container{background:#fff; padding:10px; margin: 10px 0 0; min-height:480px; }


.PlusIcon{background: #fff; padding:8px 5px; margin: 0; color: #3f90b7; border-radius: 50%; width: 30px; height: 30px; display: inline-block; box-shadow: 0 2px 1px #ccc; cursor: pointer; text-align: center;}
.DeleteIcon{background: #fff; padding:8px 5px; margin: 0; color: #d62727; border-radius: 50%; width: 30px; height: 30px; display: inline-block; box-shadow: 0 2px 1px #ccc; cursor: pointer; text-align: center;}

.text-success{color:#4bc300!important;}




/*--------------------- Start Advance Search ------------------*/
.SearchPannel{width:100%; height:auto; display:block;}
.search_setting_icon{width:30px; height:30px; border:1px solid #ccc; border-radius:5px; overflow:hidden; cursor:pointer; padding:2px 3px; margin:2px 0 0; float:right;}
.search_setting_icon img{width:100%;}

.AdvSearchMask{width:100%; height:100%; left:0; top:0; bottom:0; position:relative; display:none; z-index:9999;}
.Adv_search{width:500px; background:#fff; position:absolute; top:0; left:0; right:0; float: right; margin:auto; padding:20px; z-index:99999; box-shadow:0 0 10px #ccc;}
.Adv_search .close{float:right; font-size:18px; color:#fff; line-height:18px; font-weight:bold; width:18px; height:18px; background:#3f3f3f; border-radius:50%;padding:0 0 0 1px;}
.Adv_search_scroll{max-height:360px; overflow-x: visible; overflow-y: scroll;}
.Adv_search_scroll::-webkit-scrollbar {width:4px; height:4px;}
.Adv_search_scroll::-webkit-scrollbar-track {border-radius: 10px; background:#fff;}
.Adv_search_scroll::-webkit-scrollbar-thumb {border-radius: 10px; background:#ccc;}
.Adv_search_scroll::-webkit-scrollbar-thumb:hover {background: #bbb;}
.close_btn{width:18px; height:18px; float:right; cursor:pointer;}
/*---------------------- End Advance Search -------------------*/


.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#f69548;}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#f69548;}


.Video_thumb{width:243px; height:auto; margin:auto; border:1px solid #ccc;}
.Video_thumb img{width:100%;}
.Answer_link ul{margin:0; padding:0;}
.Answer_link ul li{margin:0 0 8px; padding:0; list-style-type:none; display:block;}
.Answer_link ul li .fa{color:#f69548; font-size:16px;}

.overview_label{color:#999;}
.video_link{width:100%; margin:0; text-align:center;}

.Photo{width:150px; height:150px; object-fit:cover; margin:5px auto; border:5px solid #ccc;}


.dropdown_arrow{background:url(../images/dropdown_arrow.png); width:16px; height:10px; position:absolute; right:4px; top:-10px;}
.action .dropdown-toggle:after{content:""; border-top:0; border-right:0; border-bottom:0; border-left:0;}
.action_dot_icon{color:#999; cursor:pointer;}
.action .dropdown-menu a{font-size:12px; color: #222;}

.odia_text{font-family:Sarala; font-size:25px;}
.hindi_text{font-family:Chanakya; font-size:25px;}


@media (max-width: 900px) {
    .intro-info .col-md-4{width:60%;}
.responsive_table{width:100%; overflow-x:scroll; overflow-y:hidden;}
.Photo{width:90px; height:90px;}
.w_900 .col-lg-5 {width: 70.66666667%;}
.overview_900{width:100%; margin: 0 0 15px;}
.w_900 .col-md-2{width: 25%;}
.w_900 .col-md-3{width:30%;}
.right_search .w_900 .col-lg-6{width:100%;}
}


@media (max-width: 768px) {
.content-header>.breadcrumb, .content-header>.container>.breadcrumb {top:15px;}
.responsive_table{width:100%; overflow-x:scroll; overflow-y:hidden;}
.responsive_table .table{width:900px;}
.main-contener{margin: 0;}
.Adv_search{width:90%;  margin:0 10px 0 0;}
.Mobile{display:none;}
.label_pading{padding:0 0 0 15px;}
.action-icon{width:100px !important}
.right-bdr{border-right:none;}
}


@media (max-width:480px) {
.intro-info .col-md-4{width:80%;}
.w_900 .col-lg-5 {width:100%;}
.w_900 .col-md-2{width:100%;}
}

.SucessMsg {
    background: #aadbae;
    color: #fff;
    padding: 5px;
    text-align: center;
    position: fixed;
    width: 250px;
    margin: auto;
    top: 10%;
    right: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

