/*-------------------------------
Google Fonts Import
-------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.css');

/*-------------------------------
Bootstrap & LTE Modification
-------------------------------*/
.content-wrapper    {background-color: #e2e2e2;}
.content    {margin-top: 60px;}
.main-header {max-height: auto !important; background-color: #e2e2e2;}
.main-header .sidebar-toggle,
.main-header .sidebar-toggle:hover {color:#fff !important;}
.main-header .sidebar-toggle:before {content: none;}
.bg-gray-light {color: #222; background-color: #f0f0f0 !important;}
.bg-white {color: #222; background-color: #fff !important;}
.btn-app {padding: 12px 5px; margin: 10px 0 10px 10px; border: none; background-color: #f4f4f4;}
.btn-app > i {font-size: 25px;display: block;}
.treeview-menu > li > a > i {width: 20px; margin-top: -10px;}
.box    {border-radius: 0; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
.box-title  {font-size: 18px !important; font-weight: 600; letter-spacing: 1.5px;}
.box-header {padding: 15px 0 !important; margin-bottom: 15px;}
.box-header.with-border {border-bottom: 1px solid #004282;}



/*-------------------------------
General Modification Style
-------------------------------*/

body	{font-family: 'Raleway', sans-serif;}

.text-xs    {font-size: 11px;}
.text-lg    {font-size: 20px;}
.text-xxl    {font-size: 72px; font-weight: 700;}
.text-blue-bpom   {color: #004282 !important;}

.bg-blue-bpom   {background-color: #004282 !important; color: #fff;}
.bg-blue-soft   {background-color: #f4f9fd !important; color: #333;}
.bg-green-soft   {background-color: #e4ffdf !important; color: #333;}

#submenu    {background-color: #004282;}
#submenu ul li.active,
#submenu ul li.active a,
#submenu ul li.active a:hover {border-bottom-color: #fff; color: #fff;}
#submenu ul li a    {font-size: 15px; text-transform: uppercase; font-weight: 400; color: #cfd7e5; border-bottom: 4px #33689b solid; padding-top: 25px; padding-bottom: 25px;}
#submenu ul li a:hover  {background-color: #004282; color: #fff;}
#submenu .nav > li > a:visited {background-color: #004282;}
#submenu .nav > li > a:focus {background-color: #004282;}
#submenu ul li.dropdown ul li a    {background-color: #33689b; font-size: 13px; font-weight: 400; color: #fff; border-bottom:none; padding-top:10px; padding-bottom: 10px;}
#submenu ul li.dropdown ul li a:hover   {background-color: #004282;}

.no-margin-bottom   {margin-bottom: 0 !important;}

.shading    {-webkit-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.12);
box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.12);}

/*-------------------------------
Media Query,
Adjustment Screen Resolution  .
-------------------------------*/

@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 568px) {

}

@media screen and (max-width: 480px) {
.content    {margin-top: 30px;}
}

@media screen and (max-width: 420px) {
.content    {margin-top: 30px;}
}

@media screen and (max-width: 360px) {
.content    {margin-top: 12px;}
}


================================================================================*/
.visitorcounter{width:95%;margin:auto}.visitorcounter .floatleft{float:left}.visitorcounter .floatright{float:right}.visitorcounter .clearboth{clear:both}.visitorcounter .center{text-align:center}.visitorcounter ul li{font-weight:bold}.visitorcounter p{clear:both;margin-bottom:6px}

.img-hover-zoom a img,.img-hover-zoom button {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.img-hover-zoom a:hover img,.img-hover-zoom button:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}