#preview_slide{
    display:none !important;
}
.img-security {
  margin :0px !important;
}
#formsaz{
    overflow-x:hidden;
    height:100%;
}
#myTable{
    height:100%;
}
.form-check.form-check-inline.checkbox-inline span, .form-check.form-check-inline.radio-inline span{
    padding-right: 20px;
}
.formio-component label {
    margin-bottom: 7px !important;
}
.formio-component.formio-component-file > div {
    display: inline-block !important;
    width: 100% !important;
}
.formio-component.formio-component-file ul {
    width: 100% !important;
    padding-right: 0 !important;
}
    .formio-component.formio-component-file ul div.row {
        display: flex !important;
        direction: ltr !important;
        width: 100% !important;
        margin: auto !important;
    }
.form-check-inline {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 10px;
  margin-right: 1.9rem !important;
}
.form-check-inline span,.form-check-label span {
	padding-right: 5px;
}
.newsimagestag {
	display: flex !important;
	align-content: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.newsimagestag > div {
	width: auto !important;
	padding: 0px !important;
	border: 2px solid #eee;
	margin: 5px;
}
.newsimagestag > div > div {
	padding: 0px !important;
}
.newsimagestag .pictitle {
	height: 110px !important;
	width: auto !important;
}

span[id*="dlistPic"] {
	display: flex !important;
	align-content: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
span[id*="dlistPic"] > span {
	width: auto !important;
	padding: 5px 0px !important;
	border: 2px solid #eee;
	margin: 5px;
}
span[id*="dlistPic"] > span >div {
	width: auto !important;
}
.content-main .news-style .list-news .top-list .item-news {
	width: 100%;
}
.content-main .news-style .top-list .txt-news {
	height: 200px;
}
.content-main .news-style .top-list .date, .content-main .news-style .thumb-list .date, .content-main .ost-news .top-list .box-news .date, .content-main .ost-news .thumb-list .date {
	bottom: 5px;
	left: 15px;
}
.content-main .news-style .list-news div {
	line-height: 1.4;
	text-align: justify;
}
.content-main .news-style .thumb-list .item-news {
	height: 130px;
}
.content-main .news-style .thumb-list .box-news, .content-main .ost-news .thumb-list .box-news {
	height: 140px !important
}
.content-main .thumb-list .box-news .News_Titr{
	display: none;
}
.content-main .news-style .thumb-list .txt-news .date, .content-main .ost-news .thumb-list .txt-news .date {
	left: 5px;
	bottom: 0px;
}
.news-multiplier .list-news.col-xs-12.col-sm-12.col-md-12 {
	margin-bottom: 25px;
}
.news-multiplier #btns_box {
	position: relative;
	float: left;
	margin-top: 0px;
	padding-bottom: 25px;
}
.content-main .news-style .thumb-list .box-news, .content-main .ost-news .thumb-list .box-news {
	height: 133px;
}
.content-main .news-style .thumb-list .txt-news .date, .content-main .ost-news .thumb-list .txt-news .date {
	left: 4px;
	bottom: 0px !important;
}
.bzinfo {
    direction: rtl;
    font-family: "Vazir", sans-serif;
    background: #f8f9fa;
    border-radius: 12px;
    padding: 15px 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.mtitle {
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}

.info-browser {
  display: flex;
  flex-wrap: wrap;          
  justify-content: center;  
  align-items: center;
  gap: 12px;
  direction: rtl;
  padding: 8px;
}

.info-box {
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
white-space: nowrap;
}

.info-browser.center-vert {
  align-content: center;    
}

.info-box:hover {
    background: #f1f1f1;
}

.info-addresses {
    font-weight: bold;
    margin-right: 6px;
    color: #0078d7;
}

.country-flag {
    width: 20px;
    height: 14px;
    margin-right: 5px;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

@media (max-width: 768px) {
    .info-browser {
        flex-direction: column;
        align-items: flex-start;
    }
    .info-box {
        width: 100%;
    }
}

@media (max-width:480px){
  .info-box { min-width: 90px; padding:6px 8px; font-size:13px; }
}