body{ margin: 0px; font-size: 14px;	font-family: arial; line-height: 160%; color: #222; }
a{ cursor: pointer;}
a img{ border: none; cursor: pointer; }
h1,h2,h3,h4{line-height: 1.25;}
div.module_plugins, div.module_data, div.box_content,div.box_html,div.box_image,div.box_link{float: left; width:100%; margin:0px;}
div.module_data{position: relative;}
div.module_plugins h3.category,
div.module_data h3.category{float:left;width:100%;margin:0px;}
div.ishtml h3.category{display: none;}
div.module_plugins{margin-bottom: 10px;}

@media print {
    body.printing * {display: none; }
    body.printing div.print-page{display: block;}
	 body.printing div.print-page *{display: block;}
}


div.pathway{ float: left; width:100%; padding: 10px 0 10px 0;}
div.pathway a{float: left; line-height: 20px; text-decoration: none;  color: black; margin: 5px;}
div.pathway i.fa{float: left; margin: 8px 5px;}
div.pathway a:hover{	text-decoration: underline;}
div.pathway a i.fa-home{margin: 0px;font-size: 24px;}
div.pathway a:first-child{margin-top: 0px;}
div.pathway i.fa-bars{display: none;float: right; font-size: 30px; margin-right: 5px; cursor: pointer;}
div.pathway i.fa0{display: none;}


div#back-top { float: right; display: none; position: fixed; bottom: 10px; right: 2px; z-index: 800;}
div#back-top span{ float:left; background-color:#16171a; cursor: pointer;color:white; padding: 2px 15px 2px 15px; }
div#back-top span i{font-size: 30px;}
div#back-top span:hover{ background-color: #4281ff;} 

div.mnavbar div.mblink{float: left; width: 100%;  padding: 10px 0 10px 0;}
div.mblink a{float: left; margin: 10px; text-decoration: none; padding: 4px;color: #0066cc;}
div.mblink span{display: none;}
div.mblink i{font-size: 25px;}
div.copyright{float: left; width: 100%; text-align: center; padding: 15px 0 15px 0; background-color: white;}

div.next-page{ float: left; width: calc(100% - 10px);  position: relative;  padding: 5px 5px 5px 5px; margin-top: 20px;}
div.next-page label,
div.next-page a{	float: left; margin: 1px 2px 1px 2px;background-color: white; text-decoration: none; border-radius: 2px; padding: 5px 12px 5px 12px; border: #cecece 1px solid;cursor:pointer; color:black;}
div.next-page a.active,
div.next-page label:hover,
div.next-page a:hover{ background-color: #dd0d12; color: white!important;border-color: #b60b0f}
div.next-page div.left{float: left;}
div.next-page div.right{float: right; margin-right: 5px; line-height: 34px; height: 34px; font-size:18px;}

div#gotoAnypage{	position: absolute; display: none; z-index: 100;}
div#gotoAnypage div.box{	float: left; width: 110px;	padding: 1px; border: 1px solid black; background-color: #dcdcdc;}
div#gotoAnypage div label{	background-color: black; float: left; width: 100%; color: white; font-weight: bold; line-height: 18px; text-indent: 5px; margin-bottom: 5px;}
div#gotoAnypage div form{	float: left; width: 90%; padding: 4px 5% 4px 5%;}
div#gotoAnypage div input[name='anyPage']{width: 50px;}


div#loadingStatus{ position: fixed; top: 0; left: 0; z-index: 1000; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%;}
div#loadingStatus div{ float:right; padding: 10px 20px 10px 20px; border: 1px solid black;background-color: white; font-size: 20px; border-radius: 3px;}
div#loadingStatus div i.fa-check{font-size: 30px;}
div#loadingStatus div.loading_proccess{ color: #5CABF3;}
div#loadingStatus div.loading_success{ color: green; border: 1px solid green;}
div#loadingStatus div.loading_error{ color: red; border: 1px solid red; }

a img.lazy{background: url(../images/loading.gif) center no-repeat;}

ul.listCategory,
ul.listCategory li{float: left; margin: 0px; padding:0px; list-style: none;}
ul.listCategory{width: 100%; padding: 10px 0 10px 0; background-color: white;border-bottom: #d4d0bf 1px solid;}
ul.listCategory li a{text-decoration: none;background-color: #dcdcdc; float: left; padding: 5px 10px 5px 10px;margin: 5px;color: black; border-radius: 5px;}
ul.listCategory li a:hover{background-color: #ececec;}
ul.listCategory li.active a{background-color: #d34836; color:white;}

div.star i.fa{float: left; margin-right: 3px; color: #f1ca28; font-size: 18px;}

div.form,
div.form div.hline{float: left;width: 100%; margin-bottom: 5px;}
div.form form{float: left; width:100%;}
div.form div.hline div{float: left; margin-right: 6px;}
div.form input[type='password'],
div.form input[type='text']{border: #c4c4c4 1px solid; border-radius: 3px;padding: 7px;float: left;margin-top: 3px;width: calc(100% - 16px);}
div.form input[type='text']:hover,
div.form input[type='password']:hover{ border-color: #858585; }

div.form select{padding: 7px; border-radius: 3px; border: #c4c4c4 1px solid;float:left;margin-top:3px;}
div.form select:hover{border: #858585 1px solid;}
div.form select option{	border-bottom: #f1f1f1 1px solid;}

div.form div.hline textarea{ float: left; border: #c4c4c4 1px solid; padding: 7px;	cursor: text; border-radius: 3px; font-family: Arial; font-size: 13px; width: calc(100% - 16px); margin-top:3px;} 
div.form div.hline textarea:hover{border: #858585 1px solid;}

div.form textarea.error,
div.form select.error,
div.form input[type='password'].error,
div.form input[type='text'].error{background-color: #fff1ee; border-color: #ff6a31;}

div.form button{float: left;cursor: pointer; background-color: #d34836; border: #be3c29 1px solid; color: white; padding: 6px 10px 6px 10px; border-radius: 3px; font-size:18px; margin-top:3px;}
div.form button:hover{background-color: #156f50; border-color: #0e4b36;}
div.form button span{text-indent: 10px;}
div.form button span i.fa-spinner{color: black;}
div.form button span i.fa-exclamation-triangle{color: red;}


@keyframes heartbeat {
 25% { transform:scale(1.2); }
 50% { transform:scale(1); }
}
@keyframes ck-ripple {
 50% { box-shadow:none; }
 70% {  box-shadow:0 4px 10px rgba(255, 0, 0, 0.3), 0 0 0 10px rgba(255, 0, 0, 0.3); }
 100% {  box-shadow:0 4px 10px rgba(255, 0, 0, 0.3), 0 0 0 20px rgba(255, 0, 0, 0); }
}

@keyframes ck-ripple-green {
 0% {  box-shadow:0 4px 10px rgba(76, 209, 55, 0.3), 0 0 0 0 rgba(76, 209, 55, 0.3), 0 0 0 5px rgba(76, 209, 55, 0.3), 0 0 0 10px rgba(76, 209, 55, 0.3); }
 100% { box-shadow:0 4px 10px rgba(76, 209, 55, 0.3), 0 0 0 5px rgba(76, 209, 55, 0.3), 0 0 0 10px rgba(76, 209, 55, 0.3), 0 0 0 20px rgba(0, 255, 0, 0); }
}

@keyframes shake {
 5%, 15%, 25%,35%, 45% { transform:translate3d(-2px, 0, 0); }
 10%, 20%, 30%, 40% { transform:translate3d(2px, 0, 0); }
 50% { transform:translate3d(0, 0, 0); }
}

@keyframes shake-hover {
 10%, 90% { transform:translate3d(-1px, 0, 0); }
 20%, 80% { transform:translate3d(1px, 0, 0); }
 30%, 50%, 70% { transform:translate3d(-1px, 0, 0); }
 40%, 60% { transform:translate3d(1px, 0, 0);  }
}

@keyframes roll {
 0% { transform:rotate(15deg); }
 100% { transform:rotate(-15deg); }
}
@keyframes zoomin {
 0% { transform:scale(1); }
 50% { transform:scale(1.05); }
 100% { transform:scale(1); }
}