body {background: #fff;color: #444; font-family:sans-serif;font-size:13px;}

a {color: #333; transition: 0.5s; text-decoration:none;}

a:hover,a:active,a:focus {color: #0b6bd3;outline: none;text-decoration: none;}

p {padding: 0;margin: 0 0 15px 0;}

h1,h2,h3,h4,h5,h6 {font-weight: 400;margin: 0 0 20px 0;padding: 0;font-family: "Montserrat", sans-serif;}

.clearfix{width:100%;}

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

/* Prelaoder */
#preloader{position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden; background:#fff;}
#preloader:before{content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #f2f2f2; border-top: 6px solid #007bff; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite;}

@-webkit-keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.intro-info{margin:100px 0 0; min-height:450px;}
.intro-info .title{color:#333; font-weight:bold; text-align:center;}
.Login_box{padding:30px; position:relative; overflow:hidden; border-radius:10px; margin:0 10px 40px 10px; background:#fff; box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.1); transition:all 0.3s ease-in-out; border:5px solid #eee;}

.Captch_box{border:1px solid #ccc; width:150px; height:50px; padding:10px 10px; text-align:center; float:left; background:#c8e7e7;}
.Captch_box img{width:100%;}
.RefreshIcon{font-size:16px; margin:10px; float:left;}
.captch_text{font-size:18px !important;}

.RefreshCaptcha{background:none; border:none; outline:none;}

.forgotPassword_Section {font-size:13px; width:800px; height:auto; padding:30px; position:relative; overflow:hidden; border-radius:10px; margin:0 10px 40px 10px; background:#fff; box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.1); transition:all 0.3s ease-in-out; border:5px solid #eee;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.card-header{width:100%; margin:0 0 10px;}
#header{height:auto; transition: all 0.5s; z-index: 997; transition: all 0.5s; padding:0; background: #1f1f1f; /*box-shadow: 0px 0px 10px #666;*/}
#header .logo{margin:5px 0;}
#header .logo img {padding: 0; margin: 0px 0; max-height:80px;}

/*.TopHeader{background:#00458f; 
  background: -webkit-gradient(linear, left top, right top, from(#00458f), to(#2F2727));
  background: -webkit-linear-gradient(left, #007bff, #00458f, #007bff );
  background: -moz-linear-gradient(left, #007bff, #00458f, #007bff );
  background: -ms-linear-gradient(left, #007bff, #00458f, #007bff );
  background: -o-linear-gradient(left, #007bff, #00458f, #007bff );
 width:100%; height:5px;}*/
 
.SearchIcon{float:right; font-size:18px; line-height:16px; cursor:pointer; padding:5px;}
.SearchPannel{width:100%; height:auto; padding:10px; margin:5px 0 0; background:#f7f7f7; display:block; border-radius:5px;}

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

.btn-primary{color:#fff; background-color:#d39f18; border-color:#d39f18;}
.btn-primary:hover{color:#fff; background-color:#333; border-color:#333;}
.btn-primary.focus, .btn-primary:focus {box-shadow:0 0 0 0.2rem rgb(255, 181, 181);}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{color:#fff; background-color:#d39f18; border-color:#d39f18;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgb(255, 181, 181);}

.btn-info{color: #fff; background-color: #1f1f1f; border-color: #1f1f1f;}
.btn-info:hover{color: #fff; background-color: #3d3d3d; border-color: #1f1f1f;}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {color: #fff; background-color: #3d3d3d; border-color: #1f1f1f;}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(224 224 224);
}
 /*----------------- Start Edit Data Table CSS --------------------*/
.dataTables_filter{display:none;}
.table-responsive{margin:5px 0 0;}
.table-responsive thead {display: table-header-group; vertical-align: middle; border-color: inherit; background-color: #3d3d3d; color: #fff;}
.table th {padding: 0.50em;}
.table td {padding: 0.25em;}
.paging_simple_numbers{margin:auto;}
.pagination li { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: .25em .25em; font-size: 14px; font-weight: normal;}
.pagination li.active a {background-color: #3d3d3d; padding: .25em .50em; color: #fff;}
.pagination > li > a {border: none; font-weight: bold; color: #555;}
.action a{color:#333;}
.action a:hover{color:#d39f18;}

 /*----------------- Start Edit Data Table CSS --------------------*/

 

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.main-nav{margin:10px 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:#fff;}
.main-nav a {display: block; position: relative; color: #fff; padding:8px; transition: 0.3s; font-size: 14px;font-weight: 500;}
.main-nav a:hover{color: #007bff; 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: 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: #004289;}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {color: #007bff;}

.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;}


/*------------------- Start Inner CSS --------------------------*/
#Main_Container{margin-top:90px;}
.breadcrumb {background-color:transparent; text-align:left; border-radius:0; font-size:13px; font-weight:normal; padding:5px 0 0 20px; margin:0;}
.card-header{font-weight: bold; background-color: #f3f3f3; font-size: 18px; padding: .5rem 1rem;}
.TopTitle{margin:0 15px 0 0;}
.cardbox{border:solid 1px rgba(141, 144, 150, 0.30); box-shadow:0px 0px 30px rgba(127, 137, 161, 0.3); overflow:hidden; position:relative; margin-bottom:20px;}

.cardbox .cardbox-title{border-bottom:solid 1px rgba(127, 137, 161, 0.3); font-size:16px; padding:10px 10px; background-color:rgba(0, 0, 0, 0.1);}
.cardbox .cardbox-body{padding:10px 10px;}

.note-warning{background-color #fcf8e3; border-color:#f2cf87; color:#8a6d3b; padding:10px; font-size:13px; margin:0 0 20px;}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{color:#333; background-color: transparent;}

.card {border:none; border-radius:0; box-shadow:0px 0px 15px rgba(127, 137, 161, 0.3); margin-bottom:20px;}


.Inner_Container{margin:0 0 10px; width:100%; float:left; min-height:500px; position:relative;}

.notification{position:absolute;width:14px; height:14px; background:#f00;color:#fff; font-size:10px;text-align:center; border-radius:20px; font-weight:bold; margin:-5px 0 0 -7px;}

.table td{padding:8px;}
.text-disable{color:#ccc; pointer-events:none;}


.BannerTitle{background:#eee; color:#333; font-size:15px; font-weight:bold; padding:5px; width:100%; margin:0 0 10px;}
.BannerImg{margin:5px; padding:0; border:1px solid #ccc; list-style-type:none; display:inline-block; width:110px; height:30; position:relative; border:1px solid #ccc;}
.BannerImg img{width:100%; height:100%;}

.UploadImg{display: inline-block;background-color: #c82127; color: #fff; padding:.45rem .5rem; cursor: pointer; font-size: .875rem; line-height:1.5erm; border-radius:.2rem}

.UploadImg{color:#fff; background-color:#d39f18; border-color:#d39f18;}
.UploadImg:hover{color:#fff; background-color:#333; border-color:#333;}
.UploadImg.focus, .btn-primary:focus {box-shadow:0 0 0 0.2rem rgb(255, 181, 181);}
.UploadImg:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{color:#fff; background-color:#d39f18; border-color:#d39f18;}
.UploadImg:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgb(255, 181, 181);}

.bannerImage_show{width:100%; border:1px solid #ccc; padding:5px;}
.bannerImage_show ul{margin:0; padding:0;}
.bannerImage_show ul li{margin:5px; padding:0; border:1px solid #ccc; list-style-type:none; display:inline-block; width:99%; height:auto; position:relative;}
.bannerImage_show ul li img{width:100%;}

.thumbImage_show{width:100%; border:1px solid #ccc; padding:5px;}
.thumbImage_show ul{margin:0; padding:0;}
.thumbImage_show ul li{margin:5px; padding:0; border:1px solid #ccc; list-style-type:none; display:inline-block; width:110px; height:auto; position:relative;}
.thumbImage_show ul li img{width:100%;}
.CloseIcon{width:20px; height:20px; position:absolute; right:-5px; top:-5px; background:#e17117; border-radius:20px; color:#fff; text-align:center; line-height:20px; cursor:pointer;}
/*------------------- End Inner CSS --------------------------*/



/*------------------- Start Form CSS --------------------------*/
hr{width:100%;}
.FormSection{padding:10px; border:1px solid #ddd; border-radius:5px; margin:0 0 20px; width:100%;}
.mandatory{color:#CC3300;}
h6.formtitle{color: #d39f18; font-size:20px; font-weight: 500; margin-bottom:10px;}
.form-control{font-size:14px; padding: .375rem 0.5rem;}
.Timeinput{background: #fff url(../images/time.png) right center no-repeat;}

.custom-control ul{margin:0 0 0 -30px; padding:0;}
.custom-control ul li{margin:0 5px 10px; list-style-type:none; display:inline-block; border-radius:5px; border:1px solid #ccc; padding:5px 10px 5px 30px ;}
.custom-control-label{line-height:25px;}
.form-group{margin-bottom:20px;}
.form-group label{margin:0 0 2px;}
.form-group .form-label{font-size:14px;}
/*------------------- End Form CSS --------------------------*/

.cke_contents{height:300px !important;}

.previewimg{width:100%; border:2px solid #ccc;}
.previewimg img{width:100%; height:30px; object-fit: cover;}

.thumbimg{width:50px; height:33px; border:2px solid #ccc; overflow:hidden;}
.thumbimg img{width:100%;}

.Photovideo{width:100%;}
.Photovideo ul{margin:0; padding:0;}
.Photovideo ul li{margin:0 4px; padding:3px; border:1px solid #ccc; list-style-type:nonel; display:inline-block; width:140px; height:140px; position:relative;}
.Photovideo ul li img{width:100%; height:100%;}
.Photovideo ul li .title{background:rgba(0, 0, 0, 0.8); color:#fff; text-align:center; position:absolute; bottom:3px; width:96%; padding:5px; margin:auto;}

.PlusIcon {background: #fff; padding: 5px; margin: 0; color: #d39f18; border-radius: 50%; width: 30px; height: 30px; display: inline-block; margin: 0; box-shadow: 0 2px 1px #aaa; cursor: pointer; text-align:center;}
.DeleteIcon{background: #fff; padding: 5px; margin: 0; color: #ed0000; border-radius: 50%; width: 30px; height: 30px; display: inline-block; margin: 0; box-shadow: 0 2px 1px #aaa; cursor: pointer; text-align:center;}

.uploadimg{width:100%; max-height:520px; overflow-y:scroll; overflow-x:hidden;}
.uploadimg::-webkit-scrollbar {width:6px; height:6px;}
.uploadimg::-webkit-scrollbar-track {border-radius: 10px; background:#f3f3f3;}
.uploadimg::-webkit-scrollbar-thumb {border-radius: 10px; background:#ccc;}
.uploadimg::-webkit-scrollbar-thumb:hover {background: #bbb;}

.GalleryTable{width:100%;}
.GalleryTable td{padding:5px;}
.GalleryTable tbody{border:1px solid #ccc;}

#Message_hide{background:#f18080; width:400px; margin:0 auto; color:#fff; padding:6px; text-align:center; position:absolute; right:0; left:0; top:54px;}

.Table_errMsg{color:#f11f1f; font-size:13px;}
.errMsg{color:#f11f1f; font-size:13px; position: absolute;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer{padding:15px 0; color:#eee; bottom:0; width:100%; font-size:13px; border-top:2px solid #ccc;}
#footer .copyright {text-align: center; color: #999;}
#footer .copyright a {color: #bfddfe; padding:0 10px;}
#footer .copyright a:hover {color: #f1f7ff;}



/*==================== Start Add Bootstrap Css ==================*/
.form-row{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;}
.form-row>.col, .form-row>[class*=col-] {padding-right: 5px; padding-left: 5px;}
.btn-check:focus+.btn-primary, .btn-primary:focus {color: #fff; background-color: #333; border-color: #333; box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);}
.float-left {float: left!important;}
.float-right {float: right!important;}
.text-right {text-align: right!important;}
.form-check-input {width: 1.2em; height: 1.2em; margin-top: 0.15em;}
.form-group label {margin:0; font-size: 14px;}
/*==================== End Add Bootstrap Css ==================*/

.Information {margin:90px auto 50px; padding:120px 0 50px; float:none; text-align:center; min-height:450px; background:#fff; box-shadow:0 0 10px #ccc; border-radius:5px;}
.Information .InfoIcon{width:auto; height:auto; margin:0 0 30px;}
.Information .InfoMsg{font-size:18px; color:#333;}
/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (min-width: 992px) {

}

@media (max-width: 991px) {

}

@media (max-width: 768px) {
.back-to-top{bottom: 15px;}
#header {height:55px;padding:0;}
#header .logo img{margin:0; max-height:35px; vertical-align:text-bottom;}
.onMobile{display:none;}
.table{width:800px;}
.table td {padding: 0.25em; white-space:normal;}
.forgotPassword_Section{width:95%;}
}

@media (max-width: 767px) {
.section-header p{width: 100%;}
.mobileview{width:100%;}
}

@media (max-width:480px) {
}