@charset "UTF-8";

/********************************************************************
DO NOT edit this file manually. This file is generated by script.
If you want to add custom css, edit custom.css file in current folder
*********************************************************************/
.main_content .card .card-img-top {height:auto;max-height:auto;}

div.category_title, div.page_title {
    line-height:75px;
}

h1.category_title, h1.page_title {
    display: inline;
    font-size: 24px;
    line-height: 50px;
}

.page_subtitle, .category_subtitle {
    background: #eee;
    padding: 0 10px;
    line-height: 40px;
    font-size: 13px;
    border-radius: 3px;
}

.rtl .category_toolbox, .rtl .page_toolbox {
    margin:22px 0 0 7px;
    font-size:28px;
}

.ltr .category_toolbox, .ltr .page_toolbox {
    margin:22px 7px 0 0;
    font-size:28px;
}

.page_image, .category_image {
  text-align:center;
}

.page_image img {
  border-radius: 3px;
  margin-bottom: 5px;
}

.category_lead, .page_lead {
    background: #f5f5f5;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px dashed #aaa;
    font-size: 14px;
    margin-bottom: 10px;
}

.category_lead p, .page_lead p {
    margin-bottom: 0;
}

.category_audio, .page_audio {
    height:24px;
    border-radius:5px;
}

.category_info, .page_info {
    background: #eee;
    padding: 5px 10px;
    margin:5px 0;
    font-size: 12px;
    border-radius: 3px;
    white-space: nowrap;
    overflow-x: auto;
}

.category_gallery, .page_gallery {margin:0 auto;}

.page_tag {padding: 0 5px;border-radius: 15px;}
.page_tag a {line-height:25px;}

.category_votes i.star-1, .page_votes i.star-1 {font-size:27px;color:#F5BD00;}
.category_votes i.star-0, .page_votes i.star-0 {font-size:27px;color:#DEDEDE;}

.card .page_votes i.star-1 {font-size:17px;}
.card .page_votes i.star-0 {font-size:17px;}

.comment_votes i.star-1 {font-size:17px;color:#F5BD00;}
.comment_votes i.star-0 {font-size:17px;color:#DEDEDE;}

h6.add_comment {
    background: #ccc;
    padding: 5px 15px;
    border-radius: 0 0 0 5px;
    width: fit-content;
    margin: -3px;
}

form.comment_form {
    border: 1px solid #ccc;
    padding: 3px;
    border-radius: 5px;
}

.related_title,.comment_title,.gallery_title,.information_title,.attachment_title,.tags_title {margin-top:10px;font-size:17px;}

.related_pages {font-size:15px;}

h3.mtitle {font-size: 19px;}

.mcontent .container {
    padding-top:0;
    padding-bottom:0;
}

.sidebar {margin-top:19px;padding:0;}
.sidebar .container {padding:0;}
.sidebar .module {margin-bottom:10px;}

.comment_item {
    background: rgba(240,240,240,0.5);
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.rtl .comment_answer {margin-top:-3px;border-right:2px solid #333;}
.ltr .comment_answer {margin-top:-3px;border-left:2px solid #333;}

.rtl .comment_level2 {margin-right:5px;}
.ltr .comment_level2 {margin-left:5px;}

.rtl .comment_level3 {margin-right:10px;}
.ltr .comment_level3 {margin-left:10px;}

.rtl .comment_level4 {margin-right:15px;}
.ltr .comment_level4 {margin-left:15px;}

.comment_characters,.description_characters,.text_characters, .ticket_characters {
    background: #eee;
    width: max-content;
    margin: -1px 5px 3px 5px;
    border-radius: 0 0 5px 5px;
    padding: 0 3px;
    font-size: small;
    height: 30px;
}

.reply-to {
    background: #eee;
    width: max-content;
    margin: 0px 5px 0px 5px;
    border-radius: 5px 5px 0 0;
    padding: 0 3px;
    font-size: small;
    height: 30px;
}

.main_content .table-responsive table td {white-space: nowrap;}
.main_content .carousel-control-prev-icon,.main_content .carousel-control-next-icon {background-color:rgba(220,220,220,0.5);}
.export-form,.duplicate-form,.change-form,.delete-form,.pattern-form,.layout-form {line-height:1px;}

.main_content ul.pagination {flex-wrap: wrap;}

.main_content .product {}
.main_content .product .list-title {width:120px;}

.alert404 {margin-top:10px;}

.admin-dashboard button {padding:0 3px;}
.admin-dashboard button span {line-height:25px;}

.countdown_product {
    text-align:center;border: 1px solid #eee;
    border-radius: 5px;
    padding: 3px 0;
    background: #fafafa;
}
.countdown_product h4 {font-size:small;}
.countdown_product .timer {
  background: #eee;
  font-size: small;
  padding: 0 5px;
  border-radius: 5px;
}

.toast-container {z-index:9;}

.likebox {background:rgba(255,255,255,0.3);border-radius:5px;padding:0 1px;}
.likebox a.btn {padding:0;font-size:smaller;}

/*Begin of quote style*/
blockquote.qXX {background:#f5f5f5;padding:5px 10px;border-radius:5px;text-align:justify;}

.rtl blockquote.q1,.rtl blockquote.q2 {border-right: 10px solid #ccc;}
.rtl blockquote.q1:before,.rtl blockquote.q2:before {margin-right: 0.25em;}
.ltr blockquote.q1,.ltr blockquote.q2 {border-left: 10px solid #ccc;}
.ltr blockquote.q1:before,.ltr blockquote.q2:before {margin-left: 0.25em;}

blockquote.q1 {background: #f9f9f9;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";text-align:justify;}
blockquote.q1:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;vertical-align: -0.4em;}

blockquote.q2 {background: #f5f5f5;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";text-align:justify;}
blockquote.q2:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;vertical-align: -0.4em;}

blockquote.q3 {position: relative;text-align:justify;padding: 30px 0;width: 100%;max-width: 500px;margin: 80px auto;border-top: solid 1px #eee;border-bottom: solid 1px #eee;}
blockquote.q3:after {position: absolute;content: "”";color: #333;font-size: 10rem;line-height: 0;bottom: -75px;}
.ltr blockquote.q3:after {right: 30px;}
.rtl blockquote.q3:after {left: 30px;}

blockquote.q4 {max-width: 70%;position: relative;margin:25px auto;padding: 0.5rem;}
blockquote.q4:before,blockquote:after {position: absolute;color: #999999;font-family:Arial,sans-serif;font-size: 8rem;width: 3rem;height: 3rem;}
blockquote.q4:before {content: '“';left: -3rem;top: 3rem;}
blockquote.q4:after {content: '”';right: -3rem;bottom: -1rem;}

blockquote.q5{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q5 {border-left-color: #656d77;border-right-color: #434a53;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q5 {border-right-color: #434a53;border-left-color: #656d77;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q5::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q5::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q5::after{content: "";}
.rtl blockquote.q5::before{content: "";}

blockquote.q6{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q6 {border-left-color: #ed5565;border-right-color: #da4453;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q6 {border-right-color: #da4453;border-left-color: #ed5565;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q6::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q6::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q6::after{content: "";}
.rtl blockquote.q6::before{content: "";}

blockquote.q7{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q7 {border-left-color: #fc6d58;border-right-color: #e95546;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q7 {border-right-color: #e95546;border-left-color: #fc6d58;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q7::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q7::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q7::after{content: "";}
.rtl blockquote.q7::before{content: "";}

blockquote.q8{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q8 {border-left-color: #ffcd69;border-right-color: #f6ba59;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q8 {border-right-color: #f6ba59;border-left-color: #ffcd69;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q8::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q8::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q8::after{content: "";}
.rtl blockquote.q8::before{content: "";}

blockquote.q9{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q9 {border-left-color: #9fd477;border-right-color: #8bc163;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q9 {border-right-color: #8bc163;border-left-color: #9fd477;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q9::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q9::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q9::after{content: "";}
.rtl blockquote.q9::before{content: "";}

blockquote.q10{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q10 {border-left-color: #46cfb0;border-right-color: #34bc9d;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q10 {border-right-color: #34bc9d;border-left-color: #46cfb0;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q10::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q10::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q10::after{content: "";}
.rtl blockquote.q10::before{content: "";}

blockquote.q11{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q11 {border-left-color: #4fc2e5;border-right-color: #3bb0d6;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q11 {border-right-color: #3bb0d6;border-left-color: #4fc2e5;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q11::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q11::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q11::after{content: "";}
.rtl blockquote.q11::before{content: "";}

blockquote.q12{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q12 {border-left-color: #5e9de6;border-right-color: #4b8ad6;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q12 {border-right-color: #4b8ad6;border-left-color: #5e9de6;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q12::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q12::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q12::after{content: "";}
.rtl blockquote.q12::before{content: "";}

blockquote.q13{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q13 {border-left-color: #ad93e6;border-right-color: #977bd5;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q13 {border-right-color: #977bd5;border-left-color: #ad93e6;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q13::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q13::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q13::after{content: "";}
.rtl blockquote.q13::before{content: "";}

blockquote.q14{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q14 {border-left-color: #ed87bd;border-right-color: #d870a9;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q14 {border-right-color: #d870a9;border-left-color: #ed87bd;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q14::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q14::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q14::after{content: "";}
.rtl blockquote.q14::before{content: "";}

blockquote.q15{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q15 {border-left-color: #f5f7fa;border-right-color: #e6e9ed;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q15 {border-right-color: #e6e9ed;border-left-color: #f5f7fa;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q15::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q15::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q15::after{content: "";}
.rtl blockquote.q15::before{content: "";}

blockquote.q16{display:block;margin:15px 2%;background: #fff;position: relative;color: #666;-moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;}
.ltr blockquote.q16 {border-left-color: #ccd1d8;border-right-color: #aab2bc;padding: 20px 20px 20px 45px;border-left-style: solid;border-left-width: 15px;border-right-style: solid;border-right-width: 2px;}
.rtl blockquote.q16 {border-right-color: #aab2bc;border-left-color: #ccd1d8;padding: 20px 45px 20px 20px;border-right-style: solid;border-right-width: 15px;border-left-style: solid;border-left-width: 2px;}
.ltr blockquote.q16::before{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;left: 10px;top:25%;}
.rtl blockquote.q16::after{content: "\201C";font-family: Arial, serif;font-size: 60px;font-weight: bold;color: #999;position: absolute;right: 10px;top:25%;}
.ltr blockquote.q16::after{content: "";}
.rtl blockquote.q16::before{content: "";}
/*End of quote style*/

footer {background:#555;color:#fff;padding:4px 0;}
footer a {color:#ff0;}
footer a:hover {color:#ff7200;}
#copyright_info {color:#212121;}

/*Begin of selection style*/
::-moz-selection {color: black;background: #ff0;}
::selection {color: black;background: #ff0;}
/*End of selection style*/

/*Begin of darkmode style correction*/
.darkmode .page_subtitle, .darkmode .category_subtitle, .darkmode .page_lead, .darkmode .comment_item, .darkmode blockquote, .darkmode .visits_list li, .darkmode .countdown_product, .darkmode .category_info, .darkmode .page_info, .darkmode .meta_data, .darkmode #copyright_info {
    background: #393939;
    color:#ADB5BD;
}

.darkmode .box, .darkmode .list li {
    background: #393939;
    color:#ADB5BD;
    border:1px solid #ADB5BD;
}

.darkmode a {
    color:#0DBAFD;
}

.darkmode .yBoxFrame, .darkmode .timer {
    background:#212529;
    color:#ADB5BD;
}
/*End of darkmode style correction*/

@media (max-width: 767px) {
    h1.category_title, h1.page_title {font-size: 19px;}
    .rtl .category_qrcode, .rtl .page_toolbox {font-size:18px;}
    .ltr .category_qrcode, .ltr .page_toolbox {font-size:18px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    h1.category_title, h1.page_title {font-size: 21px;}
    .rtl .category_qrcode, .rtl .page_toolbox {font-size:22px;}
    .ltr .category_qrcode, .ltr .page_toolbox {font-size:22px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 1200px) {
	
}