html{background:#fff; scroll-behavior: smooth;font-family:'Open Sans', 'Roboto', sans-serif;}
body{color:#313131;background:#f2f2f2;}
a{color:#313131; transition:.5s;}
a:hover{color:#2196f3;}
.site_content{background: #f2f2f2;}
.inner{width: 1080px;margin: 0 auto;}
.main_content{}
@media screen and (max-width: 980px) and (min-width: 521px){
.inner{width: 100%;}
}
/*======= Application Setup Page ======*/
.application-setup-form{width: 350px;margin: 50px auto;background: #ffffff;box-shadow: 0 0 5px #ccc;border-radius: 10px;text-align: center;padding: 15px;}
.application-setup-form img{width: 100px;border: 1px solid #ccc;border-radius: 100%;margin-bottom: 15px;}
.application-setup-form h2{font-size: 20px;border-bottom: 1px solid #ccc;text-align: left;color: #0073cf;}
.application-setup-form form{width: 100%;text-align: left;}
.application-setup-form form h3{font-size: 14px;margin-bottom: 3px;color: #444;}
.application-setup-form form input[type="email"],
.application-setup-form form input[type="text"],
.application-setup-form form input[type="password"]{width: 100%;padding: 10px;background: #f8f8f8;border: 1px solid #ccc;border-radius: 5px;font-size: 16px;transition: .5s;}
.application-setup-form form input[type="email"]:focus,
.application-setup-form form input[type="text"]:focus,
.application-setup-form form input[type="password"]:focus{background: #fff;outline-color: #2296f3;}
.application-setup-form form input[type="submit"]{width: 100%;padding: 15px;font-weight: bold;text-transform: uppercase;color: #fff;background: #2296f3;border: none;border-radius: 5px;cursor: pointer;transition: .5s;}
.application-setup-form form input[type="submit"]:hover{background: orangered;}
.application-setup-form form input[type="submit"]:active{background: #000;}
.application-setup-form form .results{text-align:left;color:red;font-size: 14px;line-height: 20px;margin-top: 10px;}
.application-setup-form form .prev-favicon,
.application-setup-form form .prev-logo{position:relative;margin-top: 10px;display:none;}
.application-setup-form form .prev-favicon img,
.application-setup-form form .prev-logo img{width: 100px;border: 1px solid #ccc;border-radius: 0;margin-bottom: 0;}
.application-setup-form form .prev-favicon span,
.application-setup-form form .prev-logo span{display: block;font-size: 14px;color: red;font-weight: bold;cursor: pointer;transition: .5s;}
.application-setup-form form .checklabel{display: block;cursor: pointer;transition: .5s;}
.application-setup-form form .passwordConfirmation{font-size:14px;margin-top:5px;font-weight:bold;}
.application-setup-form form .passwordConfirmation.red{color:red;}
.application-setup-form form .passwordConfirmation.green{color:#00b700;}
 /*==========================
Epaper code
==========================*/
.header{display: inline-block;width: 100%;float: left;border-bottom: 1px solid #e1e1e1;background: #fff;}
.header .mobile-nav-buttons{display:none;}
.header .top-left{display: inline-block;width: 100%;padding: 10px 0;}
.find-grid{display: inline-block;width: 100%;float: left;clear: both;}
.nav-bar{width: 50px;float: left;margin-right: 10px;}
.nav-bar .bar-icon{float: left;width: 50px;height: 38px;text-align: center;line-height: 38px;font-size: 20px;cursor: pointer;transition: .5s;background: #dd0000;}
.nav-bar .bar-time{display: block;}
.nav-bar .bar-menu{display: none;}
.find-grid form{display: flex;width: 100%;max-width: 100%;gap: 10px;flex-wrap: wrap;padding: 15px;background: #fff;border-radius: 10px;box-shadow: 0 0 3px #ccc;} 
.find-grid select{padding: 5px;background: #f9f9f9;cursor: pointer;font-size: 16px;font-weight: bold;border: 1px solid #ccc;transition: .5s;color: #666;width: 100%;}
.find-grid select:hover{background: #fff;border-color: #2296f3;color: #2296f3;}
.find-grid select:focus{outline-color: #2296f3;background: #fff;}
.find-grid input[type="submit"]{padding: 9px 15px;background: #2296f3;color: #fff;outline: none;border: none;font-size: 16px;line-height: 16px;border-radius: 3px;transition: .5s;cursor: pointer;width: 100%;}
.find-grid input[type="submit"]:hover{background: darkred;}
.find-grid input[type="submit"]:active{background: #000;}
.date-grid{display: inline-block;width: 100%;clear: both;margin: 10px 0 0 0;}
.date-grid p{font-weight: bold;color: #d50000;font-size: 15px;}
.header .top-center{margin: 10px;text-align: center;}
.header .top-center .logo{width: 100%;clear: both;}
.header .top-center .logo a{display: block;}
.header .top-center .logo img{height: 60px;width: auto;}
.header .top-right{margin: 10px 0;display: inline-block;float: right;width: 100%;height: 100%;}
.header .top-right .social-links{display: flex;float: right;gap: 5px;margin-top: 10px;}
.header .top-right .social-links li{display: block;float: left;width: auto;font-size: 16px;line-height: 20px;}
.header .top-right .social-links li a{display: block;}
.header .top-right .social-links li img{width: 35px;}
.navigation{display: inline-block;width: 100%;clear: both;position: sticky;top: 0;background: #343232;z-index: 99999;color: #fff;}
.navigation .nav-menu{text-align: center;display: inline-block;width: 100%;float: left;transition:.5s;}
.hide-pre-nav{width: 0%;overflow:hidden;transition:.5s;float:left;}
.hide-pre-nav .menu-logo a{display: block;padding: 0 5px;background: #fff;}
.hide-pre-nav .menu-logo img{height: 30px;width: auto;margin-top: 2px;}
.navigation .nav-menu{display: flex;white-space: nowrap;}
.navigation .nav-menu .date-time{width: 60%;text-align: left;}
.navigation .nav-menu .date-time h3{font-size: 16px;padding: 8px;font-weight: normal;}
.navigation .nav-menu .date-time h3 i{margin-right: 5px;}
.navigation .nav-menu .mid-data{width: 10%;} 
.navigation .nav-menu .action-menu{width: 40%;display: flex;justify-items: flex-end;float: right;}
.navigation .nav-menu .action-menu li a{display: block;height: 100%;color: #f2f2f2;padding: 8px 3px;font-size: 16px;line-height: 22px;border-right: 1px solid #f1f1f1;}
.navigation .nav-menu .action-menu li a:hover{background: #4c4949;}
.navigation .nav-menu .action-menu li:last-child a{border: none;}
.side-menu{position: fixed;z-index: 99999;width: 250px;float: left;top: 0;background: #ffffff;border-right: 1px solid #ccc;padding: 15px 0 15px 15px;left: 0;transition: .5s;}
.side-menu h3{text-align: center;margin-bottom: 8px;}
.side-menu-list{display: block;width: 100%;height: 100vh;overflow-y: scroll;padding-right: 5px;padding-bottom: 60px;}
.side-menu-list::-webkit-scrollbar {  width: 8px;}
.side-menu-list::-webkit-scrollbar-track {background: #ffd0d0;}
.side-menu-list::-webkit-scrollbar-thumb {background: #00a900;}
.side-menu-list::-webkit-scrollbar-thumb:hover {background: #555;}
.side-menu-list li{display: inline-block;padding: 5px;border: 1px solid #ccc;border-radius: 3px;margin-bottom: 15px;text-align: center;background: #f9f9f9;width: 100%;}
.side-menu-list li a{display:block;}
.side-menu-list li .page-box{display: inline-block;width: 100%;position: relative;clear: both;overflow: hidden;height: 300px;}
.side-menu-list li .page-box img{position:absolute;}
.side-menu-list li .page-empty{text-align: center;line-height: 260px;color: #ff6a6a;font-size: 14px;}
/*========== Footer Page ==========*/
.footer{display: inline-block;width: 100%;clear: both;float: left;padding: 15px;text-align: center;background: #000000;color: #f2f2f2;font-size: 0.85rem;line-height: 1.5;}
.footer .developer-text a{color: yellow;}
.footer .developer-text a:hover{color: #2296f3;}
/*========== Index Page ==========*/
.page-preview{display: inline-block;width: 100%;clear: both;float: left;margin: 10px 0;background: #fff;box-shadow: 0 0 3px #ddd;border-radius: 3px;overflow: hidden;padding: 15px;}
.page-preview .page-preview-box{width: 100%;height: 1200px;position: relative;overflow: hidden;background: #fff;border: 1px solid #ccc;}
.page-preview .page-preview-box p{text-align: center;padding: 20px;color: red;height: 100%;background: #f7f7f7;font-weight: bold;}
.page-preview .page-preview-box img{position: absolute;z-index: 9999;transition: .5s;cursor: pointer;}
.page-preview .page-preview-box img:hover{opacity: .8;}
.page-preview .page-navigation{display: flex;width: max-content;padding: 15px 0 5px 0;gap: 10px;margin: 0 auto;}
.page-preview .e-paper-page-buttons h3{width: 100%;text-align: center;font-size: 1.5rem;padding-bottom: 5px;border-bottom: 1px solid #e9f5ff;display: flex;gap: 5px;align-items: center;flex-direction: column;}
.page-preview .e-paper-page-buttons h3 span{text-align: left;}
.page-preview .e-paper-page-buttons h3 span:last-child{text-align: right;font-size: 1.2rem;color: #ff0000;padding: 0 15px;font-weight: 500;}
.page-preview .epaper-page-list{width: 100%;max-width: 100%;overflow-x: scroll;margin-bottom: 15px;}
.page-preview .epaper-page-list .page-navigation li{width: 40px;height: 40px;text-align: center;background: #1E88E5;border-radius: 5px;transition:.5s;}
.page-preview .epaper-page-list .page-navigation li.active{background: #00b700;}
.page-preview .epaper-page-list .page-navigation li:hover{background:orangered;}
.page-preview .epaper-page-list .page-navigation li a{display: block;float: left;width: 100%;height: 100%;transition: .5s;color: #fff;font-size: 18px;font-weight: 900;line-height: 40px;}
.page-preview .page-navigation .nav-button{width: 50%;float: left;}
.page-preview .page-navigation .nav-right{float:right;text-align: right;}
.page-preview .page-navigation .nav-button button{padding: 10px;background: #0073cf;border: none;border-radius: 5px;cursor: pointer;transition: .5s;color: #fff;}
.page-preview .page-navigation .nav-button button:hover{background: #2296f3;} 
.page-preview .page-navigation .nav-button button:disabled{background:#ccc;cursor:no-drop;}
.epaper-preview-box{position: fixed;background: #00000073;top: 50%;left: 50%;z-index: 999999;transform: translate(-50%, -50%);box-shadow: 10px 10px 100px #00000094;} 
.epaper-preview-box .epaper-single-prev-box{width: 728px;margin: 0 auto 0 auto;background: #fff;padding: 15px;border-radius: 8px;box-shadow:0 0 10px #5c5c5c;}
.epaper-preview-box .epaper-single-prev-box .preview-header{width: 100%;border-bottom: 1px solid #ccc;position: relative;text-align: center;height: 120px;}
.epaper-preview-box .epaper-single-prev-box .preview-header img{width: auto;max-width: 100%;height: auto;max-height: 100%;padding-bottom: 5px;}
.epaper-preview-box .epaper-single-prev-box .preview-header span{position: absolute;right: -10px;top: -10px;width: 25px;height: 25px;background: #d10000;text-align: center;line-height: 27px;color: #fff;border-radius: 100%;cursor: pointer;transition: .5s;}
.epaper-preview-box .epaper-single-prev-box .preview-header span:hover{background: red;}
.epaper-preview-box .epaper-single-prev-box .news-preview{display: inline-block;width: 100%;max-height: 450px;overflow-y: scroll;overflow-x: hidden;}
.epaper-preview-box .epaper-single-prev-box .news-preview::-webkit-scrollbar {width: 8px;}
.epaper-preview-box .epaper-single-prev-box .news-preview::-webkit-scrollbar-track {background: #ffd0d0;}
.epaper-preview-box .epaper-single-prev-box .news-preview::-webkit-scrollbar-thumb {background: #00a900;}
.epaper-preview-box .epaper-single-prev-box .news-preview::-webkit-scrollbar-thumb:hover {background: #555;}
.epaper-preview-box .epaper-single-prev-box .news-preview .img-box-size{display: inline-block;float: left;text-align: center;width: 100%;}
.epaper-preview-box .epaper-single-prev-box .news-preview .img-box-size img{cursor: not-allowed;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer{display: inline-block;width: 100%;margin-top: 5px;border-top: 1px solid #cccc;padding-top: 5px;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer label{font-size: 14px;font-weight: bold;float: left;display: block;width: auto;line-height: 25px;margin-right: 10px;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer ul{width: auto;display: block;float: left;margin: 0 5px;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer li{display: block;width: 25px;height: 25px;float: left;margin-right: 5px;background: #0073cf;text-align: center;line-height: 25px;border-radius: 5px;color: #fff;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer li a{color: #fff;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer .footer-button{display: inline-block;width: 100%;float: right;clear: both;text-align: right;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer .footer-button button{float: right;margin-left: 10px;padding: 8px;border: none;background: #006dc5;color: #fff;border-radius: 5px;cursor: pointer;transition: .5s;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer .footer-button button.close-preview{background: #d30000;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer .footer-button button.close-preview:hover{background: orangered;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer .footer-button button:hover{background: #2296f3;}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer .footer-button button:active{background: #000;}

.print-epaper-inner{width: 8in;margin: 5px auto;box-shadow: 0 0 3px #ccc;background: #fff;}
.print-epaper-inner .epaper-print-box{display: inline-block;width: 100%;clear: both;padding: 15px;}
.print-epaper-inner .epaper-print-header{height: 130px;overflow: hidden;border-bottom: 1px solid #ccc;text-align: center;float: left;width: 100%;}
.print-epaper-inner .epaper-print-header img{width: auto;max-width: 100%;height: auto;max-height: 100%;}
.print-epaper-inner .epaper-images{display: inline-block;width: 100%;clear: both;margin: 15px 0 0 0;float: left;}
.print-epaper-inner .epaper-images .image-box{display: inline-block;float: left;}
.print-epaper-inner .ep-buttons{display: inline-block;width: 100%;clear: both;text-align: center;margin: 25px 0;}
.print-epaper-inner .epaper-print-footer{display: inline-block;width: 100%;clear: both;text-align: center;border-top: 1px solid #ccc;font-size: 12px;padding: 3px;background: #fff;color: #000;float: left;}
.print-epaper-inner .epaper-print-footer a{color: #2296f3;}
.print-epaper-inner .ep-buttons button{padding: 8px 15px;background: #0074d1;color: #fff;border: none;border-radius: 5px;margin: 0 5px;cursor: pointer;transition: .5s;}
.print-epaper-inner .ep-buttons button:hover{background: #2296f3;}
.print-epaper-inner .ep-buttons button.print{background: darkred;}
.print-epaper-inner .ep-buttons button.print:hover{background: orangered;}

.side-box{padding: 0 15px 15px 15px;width: 100%;float: left;clear: both;}
.side-box h3{font-size: 1.2rem;border-bottom: 1px dashed #ccc;margin-bottom: 10px;}
.side-box input[type="date"]{width: 100%;padding: 10px;font-size: 16px;line-height: 16px;text-transform: uppercase;color: #666;cursor: pointer;transition: .5s;border: 1px solid #ccc;background: #f8f8f8;}
.side-box input[type="date"]:focus{}
.login-page{display: inline-block;width: 100%;clear: both;float: left;}
.login-page .login-section{width: 380px;margin: 30px auto;background: #fff;padding: 15px;box-shadow: 0 0 3px #ccc;border-radius: 5px;}
.login-page .login-section h3{text-align: center;border-bottom: 1px solid #ccc;font-size: 16px;line-height: 30px;}
.login-page .login-section form{display: inline-block;width: 100%;clear: both;}
.login-page .login-section label{display: block;float: left;width: 100%;font-size: 14px;font-weight: bold;margin: 3px 0;}
.login-page .login-section input[type="text"],
.login-page .login-section input[type="password"]{width: 100%;padding: 10px;background: #f8f8f8;border: 1px solid #ccc;border-radius: 2px;transition: .5s;}
.login-page .login-section input[type="text"]:focus,
.login-page .login-section input[type="password"]:focus{background: #fff;outline-color: #2296f3;}
.login-page .login-section .show-pass{display: inline-block;width: 100%;clear: both;float: left;}
.login-page .login-section .show-pass input[type="checkbox"]{width: 16px;height: 16px;float: left;margin-right: 5px;cursor: pointer;}
.login-page .login-section .show-pass label{width: auto;margin: 0;cursor: pointer;}
.login-page .login-section input[type="submit"]{width: 100%;padding: 12px;background: #0076d5;color: #fff;border: none;border-radius: 5px;cursor: pointer;transition: .5s;font-weight: bold;letter-spacing: 1px;}
.login-page .login-section input[type="submit"]:hover{background: #2296f3;}
.login-page .login-section input[type="submit"]:active{background: #000;}
@media only screen and (max-width: 600px) {
.inner{width: 100%;}
.main_content{margin-top: 37px;}
 /*==========================
Epaper code
==========================*/
.header{position: relative;padding-bottom: 17px;position: fixed;top: 0;z-index: 999999;padding-bottom: 0;}
.header .top-left{padding: 5px;}
.header .top-left .find-grid{}
.header .top-left .find-grid .nav-bar{position: absolute;left: 20px;top: 20px;}
.header .top-left .find-grid form{display: none;} 
.header .top-left .find-grid select:nth-child(2){margin: 0 5px;}
.header .top-left .date-grid{text-align: center;position: absolute;bottom: 0;z-index: 9;left: 0;padding: 6px;}
.header .top-left .date-grid p{font-size: 12px;}
.header .top-center{margin: 0;}
.header .top-center .logo img{height: 40px;}
.header .top-right{display: none;}
.navigation{position: relative;top: 47px;left: 0;transition: .5s;}
.navigation .nav-menu .date-time,
.hide-pre-nav{display: none;}
.navigation .nav-menu .action-menu{width: 100%;padding: 0 10px;}
.navigation .nav-menu .action-menu li a{font-size: 0.75rem;}
.side-menu{left: -150%;top: 47px;right: 0;background: #e1e1e1;}
.side-menu-list{padding-bottom: 120px;}
.header .header-grid{display: flex;flex-direction: row;width: 100%;}
.header .header-grid .mobile-header-box{display: none;}
.header .header-grid .mobile-header-box.mobile-logo-sec{display: block;width: 50%;}
.header .header-grid .mobile-nav-buttons{width: 50%;display: flex;float: right;place-content: flex-end;gap: 10px;padding: 3px;align-items: center;}
.header .header-grid .mobile-nav-buttons .nav-bar{margin: 0;width: 50px;}
.header .header-grid .mobile-nav-buttons .nav-bar .bar-time{display: none;background: #ff000024;border-radius: 5px;color: red;}
.header .header-grid .mobile-nav-buttons .nav-bar .bar-menu{display: block;background: #f7f7f7;border-radius: 3px;}
.header .header-grid .mobile-nav-buttons .mobile-opt-bar{width: 30px;height: 38px;text-align: center;line-height: 38px;font-size: 20px;border-radius: 5px;display: none;}
.header .header-grid .mobile-nav-buttons .mobile-opt-bar:hover{background:#f2f2f2}
.header .header-grid .mobile-nav-buttons .mobile-opt-bar i{display: flex;width: 100%;height: 100%;text-align: center;align-items: center;place-content: center;
}
/*========== Index Page ==========*/
.page-preview .page-preview-box{height: 100%;max-height: 700px;min-height: 520px;}
.epaper-preview-box{width: 340px;} 
.epaper-preview-box .epaper-single-prev-box{width: 100%;}
.epaper-preview-box .epaper-single-prev-box .preview-header{height: auto;}
.epaper-preview-box .epaper-single-prev-box .news-preview{max-height: 350px;}
.epaper-preview-box .epaper-single-prev-box .news-preview .img-box-size{text-align: center;}
.epaper-preview-box .epaper-single-prev-box .news-preview .img-box-size img{}
.epaper-preview-box .epaper-single-prev-box .epaper-prev-footer .footer-button button{padding: 5px;margin-top: 5px;}
}
@media print {
.epaper-preview-box .epaper-single-prev-box .news-preview{display: inline-block;width: 100%;}
.print-epaper-inner .ep-buttons{display:none;}
}
.banner-ads{background: #f2f2f2;padding: 10px 0;display: inline-block;width: 100%;}
.banner-ads .ads-980x90{background: #fff;padding: 10px;text-align: center;float: left;display: flex;width: 100%;align-items: center;flex-direction: column;}
.banner-ads .ads-980x90 img{height: auto;max-height: 90px;width: auto;max-width: 100%;}