body {
	font-family:'Byekan','Open Sans';
	font-size:13px;
}
.nav-list > li > a {
    font-family: iran-sans;
    font-weight: 400;
    font-size: 12px;
}
.footer .footer-inner .footer-content {
    font-family: iran-sans;
    font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: a1,'BYekan';
}
.tooltip{
    font-family:Byekan;
}
.select2-results ul{
    margin:0;
}
.dataTable > thead > tr > th.sorting_asc, .dataTable > thead > tr > th.sorting_desc {
    background-image: none;    
}
.table > thead > tr > th {
    font-weight: 400;
    font-size: 12px;
    font-family:iran-sans
}
select.form-control,.admin-form select {
    padding-top: 0;
}
.popover {
    font-family: iran-sans,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
[data-name="Md-DateTimePicker-Title"] {
    font-family: Byekan;
}
.popover-content .dropdown .btn {
    padding: 5px 12px;
}
[data-name="Md-DateTimePicker-PopoverContent"] a[data-name="go-today"] {
    line-height: 26px;
}
[data-name="Md-DateTimePicker-PopoverContent"] {
    padding: 0px;
}
.admin-form .gui-input:focus {
    position: static;
}

@media(min-width:768px){
    .rtl .widget-toolbar {
       float: right;
    }    
}

@media(max-width:767px){
    .transparent > .widget-header > .widget-toolbar > .nav-tabs > li.active > a {
       border-bottom: 1px solid #C5D0DC;
    }
}
@media (max-width:480px){
    .toolbar-btn button{
        display:block;
        width: 100%;
        margin: 10px 0
    }
}
.text-left {
    text-align:left;
}
.text-right {
    text-align: right;
}
.admin-form .cf .section {
    margin-bottom: 0px;
}
.clear{
    clear:both;
}
.iran-sans{
    font-family:iran-sans;
}
.a1{
    font-family:a1;
}
.yekan{
    font-family:BYekan;
}
.font-size-10{
    font-size:10px;
}
.font-size-11{
    font-size:11px;
}
.font-size-12{
    font-size:12px;
}
.font-size-13{
    font-size:13px;
}
.font-size-14{
    font-size:14px;
}
.font-size-15{
    font-size:15px;
}
.font-size-16{
    font-size:16px;
}
.font-size-17{
    font-size:17px;
}
.font-size-18{
    font-size:18px;
}
.font-size-19{
    font-size:19px;
}
.font-size-20{
    font-size:20px;
}
.font-size-21{
    font-size:21px;
}
.font-size-22{
    font-size:22px;
}
.font-size-23{
    font-size:23px;
}
.font-size-24{
    font-size:24px;
}
.font-size-25{
    font-size:25px;
}
.font-size-26{
    font-size:26px;
}
.font-size-27{
    font-size:27px;
}
.font-size-28{
    font-size:28px;
}
.font-size-29{
    font-size:29px;
}
.font-size-30{
    font-size:30px;
}
.font-size-31{
    font-size:31px;
}
.font-size-32{
    font-size:32px;
}

.rtl .pagination > li > a, .rtl .pagination > li > span {
    float: left;
}

.search-toolbar label{
    padding-top: 5px;
}

/*#region TableFilterSearch*/
.table-filter-search .header-filter-search {
    padding: 0px 14px;
    background: #f8f8f8;
    
}
    .table-filter-search .header-filter-search > .row {
        padding:10px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .table-filter-search .row-filter-search .col-label {
        line-height:34px;
    }
.table-filter-search .table-container {
    overflow-x: auto;
}
.table-filter-search .table {
    margin-bottom:0px;
}
    .table-filter-search .table th {
        text-align: right;
        padding-top: 13px;
    }
    .table-filter-search .table th.large-size {min-width:200px;}
    .table-filter-search .table th.medium-size {min-width:100px;}
    .table-filter-search .table th.small-size {min-width:50px;}

    .table-filter-search .table th.filter:hover {
        background-color:#F3F3F3;
        cursor:default;
    }
        .table-filter-search .table th.filter i {
            float:left;
        }
        .table-filter-search .table th.filter i.fa-sort {
            color:#bebebe;
        }
        .table-filter-search .table th.filter i.fa-desc,.table-filter-search .table th.filter i.fa-asc {
            color:#8388DF;
        }
.table-filter-search .footer-filter-search {
    padding: 6px 14px 0px;
    text-align:left;
    background: #fff;
    border-top: 1px solid #e5e5e5;
}
    .table-filter-search .footer-filter-search .pagination {
        margin:0px;
    }
/*#endregion*/

.dataTable td{
     vertical-align: middle !important
}

element {

}
.label > .ace-icon, .label > span {
    padding-bottom:5px;
    vertical-align: middle;
}
.footer-filter-search-n{
    margin-top:10px;
}
.admin-form .panel-heading{
    padding: 10px 15px;
}
.admin-form .panel-title {
    font-size:20px;
}
.admin-form .panel-title i {
    margin-right: 0;
    margin-left:15px;
}
legend {
    font-size: 18px;
    line-height: 42px;
}
.DivGallery {
    display: inline-block;
    margin: 5px 5px;
    border:4px solid #E4E4E4;
    width: 154px;
    height: 154px;
}
    .open-popup {
        width: 100%;
        height: 100%;
    }
        .open-popup:hover {
            cursor: pointer;
            overflow:hidden;
        }
    .white-popup {
        position: relative;
        background: #FFF;
        padding: 40px;
        width: auto;
        max-width: 200px;
        margin: 20px auto;
        text-align: center;
    }
    .removeImg {
        position: absolute;
        color: #F14444;
        font-size: 23px;
        margin-right: 137px;
        margin-top: -14px;
    }
    .removeImg:hover {
        color: #eb1212;
        font-size: 25px;
        cursor:pointer;
    }
.alert .close {
    font-size: 21px;
    padding-right: 10px;
}
.toolbar-btn{
    margin-bottom:10px;
}
.mes-suc{
     float:right;
     margin-bottom:10px;
     padding: 6px 20px;
}
.rtl .multiselect-container > li > a > label {
    padding: 7px 10px 7px 20px;
}
.fe .btn-group{
    display:block
}
.rtl .fe  .btn-group > .btn{
    float:none;
    width:100%;
    text-align: right;
    padding: 8px 12px;
}
.rtl .fe .btn-group > .btn .fa-caret-down{
    text-align: left;
    position: absolute;
    left: 15px;
    top: 13px
}
.rtl .fe .dropdown-menu{
    width: 100%;
}
.rtl .select2-container--default .select2-selection .select2-selection__clear {
	right:auto;
	left:0
}
.margin-0 {margin:0 !important}
.mb-10 { margin-bottom:10px}
.mb-20 { margin-bottom:20px}
.mb-30 { margin-bottom:30px}
.mb-40 { margin-bottom:40px}
.mb-50 { margin-bottom:50px}
.mb-60 { margin-bottom:60px}
.mb-70 { margin-bottom:70px}
.mb-80 { margin-bottom:80px}
.mb-90 { margin-bottom:90px}
.mb-100 { margin-bottom:10px}

.mt-10 { margin-top:10px}
.mt-20 { margin-top:20px}
.mt-30 { margin-top:30px}
.mt-40 { margin-top:40px}
.mt-50 { margin-top:50px}
.mt-60 { margin-top:60px}
.mt-70 { margin-top:70px}
.mt-80 { margin-top:80px}
.mt-90 { margin-top:90px}
.mt-100 { margin-top:10px}


.padding-0 {padding:0 !important}
.pb-0 { padding-bottom:0}
.pb-10 { padding-bottom:10px}
.pb-20 { padding-bottom:20px}
.pb-30 { padding-bottom:30px}
.pb-40 { padding-bottom:40px}
.pb-50 { padding-bottom:50px}
.pb-60 { padding-bottom:60px}
.pb-70 { padding-bottom:70px}
.pb-80 { padding-bottom:80px}
.pb-90 { padding-bottom:90px}
.pb-100 { padding-bottom:10px}

.pt-10 { padding-top:10px}
.pt-20 { padding-top:20px}
.pt-30 { padding-top:30px}
.pt-40 { padding-top:40px}
.pt-50 { padding-top:50px}
.pt-60 { padding-top:60px}
.pt-70 { padding-top:70px}
.pt-80 { padding-top:80px}
.pt-90 { padding-top:90px}
.pt-100 { padding-top:10px}


.width50 {width:50px}
.width60 {width:60px}
.width70 {width:70px}
.width80 {width:80px}
.width90 {width:90px}
.width100 {width:100px}
.width110 {width:110px}

.DivGallery .AttName{
    position: absolute;
    background: rgba(255,255,255,0.9);
    padding: 0 4px 3px;
    color: #222
}
.DivGallery .OrderImage{
    position: absolute;
    margin-top: -20px;
    margin-right: 3px;
    background: rgba(255,255,255,0.9);
    padding: 0 3px 0 4px;
    color: #222
    
}

button:focus,
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: none !important;
}

select:-moz-focusring {
  color: transparent !important;
  text-shadow: 0 0 0 #000;
}
select option{text-shadow:none !important;color:#333 !important}
:focus {
outline: 0 !important;;
    -webkit-appearance:none;
}
#loading2 {
	position:fixed;
	top:98px;
	display:inline-block;
	left:38%;
	background-color:#f9edbe;
	padding:5px 10px;
	z-index:1000000;
	direction:rtl;
	display:none;
    color:#73879C;
}
.tags{width:100%}
.tags .tag {
    background-color: #7a7ad4;
}
.tags input[type="text"]{
    height: 30px;
    padding-right: 5px !important;
}
.top-menu.top-fixed{
    position: fixed;

width: 100%;

z-index: 999;

background: #eee;

top: 0;

right: 0;

left: 0;

padding: 10px 21px 5px;

border-bottom: 1px solid #ccc;
}
#colorbox:active,#colorbox:focus{outline:0}
#cboxBottomCenter,#cboxBottomLeft,#cboxBottomRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxTopCenter,#cboxTopLeft,#cboxTopRight{background:0 0!important;opacity:0!important}
#cboxContent{background-color:#FFF!important;padding:7px!important;overflow:visible!important;background-clip:padding-box}
#cboxOverlay{background:rgba(0,0,0,.75)!important}
#cboxCurrent{left:64px!important}
#cboxTitle{color:#777!important}
#cboxClose,#cboxNext,#cboxPrevious{background:0 0!important;text-indent:0!important;width:26px!important;height:26px!important;line-height:25px!important;padding:0 4px!important;text-align:center!important;border:2px solid #999!important;border-radius:16px!important;color:#666!important;font-size:12px!important;margin-left:5px!important;margin-bottom:5px!important}
#cboxNext:hover,#cboxPrevious:hover{color:#333!important;border-color:#666!important}
#cboxClose{/*! background-color:#000 !important; */border:2px solid #FFF!important;border-radius:32px!important;color:#000!important;height:28px!important;width:28px!important;padding-bottom:2px!important;margin-left:0!important;right:5px!important;bottom:0!important;line-height:27px!important;font-weight:200;font-size:28px!important}
#cboxLoadingOverlay{background:0 0!important}
#cboxLoadingGraphic{background:#FFF!important;text-align:center!important}
#cboxLoadingGraphic>.ace-icon{background-color:#FFF!important;border-radius:8px!important;width:32px!important;height:32px!important;position:relative!important;top:48%!important;text-align:center!important;font-size:24px!important;color:#fe7e3e!important}
#cboxCurrent,#cboxTitle{bottom:8px!important}
.img-thumbnails>li,.img-thumbnails>li>:first-child{display:flex;position:relative;justify-content: center;align-content: center;align-items: center;background-color: #fafafa;}
.img-thumbnails{list-style:none;margin:0;padding:0}
.img-thumbnails>li{overflow:hidden;margin:2px;border:1px solid #e8e3e3;float:right;border-radius:3px}
.img-thumbnails>li>:first-child:focus{outline:0}
.img-thumbnails>li .tags{display:inline-block;position:absolute;bottom:0;right:0;overflow:visible;direction:rtl;padding:0;margin:0;height:auto;width:auto;background-color:transparent;border-width:0;vertical-align:inherit}
.img-thumbnails>li .tags>.label-holder{opacity:.92;filter:alpha(opacity=92);display:table;margin:1px 0 0;direction:ltr;text-align:left}
.img-thumbnails>li>.tools,.img-thumbnails>li>:first-child>.text{position:absolute;text-align:center;background-color:rgba(0,0,0,.55)}
.img-thumbnails>li .tags>.label-holder:hover{opacity:1;filter:alpha(opacity=100)}
.img-thumbnails>li>.tools{top:0;bottom:0;left:-30px;width:24px;vertical-align:middle;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.img-thumbnails>li>.tools.tools-right{left:auto;right:-30px}
.img-thumbnails>li>.tools.tools-bottom{width:auto;height:28px;left:0;right:0;top:auto;bottom:-30px}
.img-thumbnails>li>.tools.tools-top{width:auto;height:28px;left:0;right:0;top:-30px;bottom:auto}
.img-thumbnails>li:hover>.tools{left:0;right:0}
.img-thumbnails>li:hover>.tools.tools-bottom{top:auto;bottom:0}
.img-thumbnails>li:hover>.tools.tools-top{bottom:auto;top:0}
.img-thumbnails>li:hover>.tools.tools-right{left:auto;right:0}
.img-thumbnails>li>.in.tools{left:0;right:0}
.img-thumbnails>li>.in.tools.tools-bottom{top:auto;bottom:0}
.img-thumbnails>li>.in.tools.tools-top{bottom:auto;top:0}
.img-thumbnails>li>.in.tools.tools-right{left:auto;right:0}
.img-thumbnails>li>.tools>a,.img-thumbnails>li>:first-child .inner a{float:right;color:#FFF;font-size:25px;font-weight:400;padding:0 4px;border:1px solid #bbb;border-radius:50%;height:40px;width:40px;margin:0 3px}
.img-thumbnails>li>:first-child .inner a .red{line-height:36px!important}
.img-thumbnails>li>.tools>a:hover,.img-thumbnails>li>:first-child .inner a:hover{text-decoration:none;color:fff;outline:0;background:rgba(255,255,255,0.4)}
.img-thumbnails>li .tools.tools-bottom>a,.img-thumbnails>li .tools.tools-top>a{display:inline-block}
.img-thumbnails>li>:first-child>.text{right:0;left:0;bottom:0;top:0;color:#FFF;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;font-size:19px;font-weight:400;line-height:40px}
.img-thumbnails>li>:first-child>.text:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-left:0}
.img-thumbnails>li>:first-child>.text>.inner{padding:4px 0;margin:0;display:inline-block;vertical-align:middle;max-width:90%}
.img-thumbnails>li:hover>:first-child>.text{opacity:1;filter:alpha(opacity=100)}
.img-thumbnails>li>:first-child .inner .edit-image{max-width:140px;margin:0 auto}
@media only screen and (max-width:480px){.img-thumbnails{text-align:center}
.img-thumbnails>li>.tools>a,.img-thumbnails>li>:first-child .inner a{float:right;color:#FFF;font-size:25px;font-weight:400;padding:0 4px;border:1px solid #bbb;border-radius:50%;height:25px;width:25px;margin:0 3px;margin-top:-15px}
.img-thumbnails>li>:first-child .inner span{display:none}
.img-thumbnails>li>:first-child .inner a .red{line-height:23px!important}
.img-thumbnails>li{float:none;display:inline-block}
}
    
#cboxCurrent{background:#fff;padding-right:13px}
.img-thumbnails{display:flex;flex-wrap:wrap}
@media(max-width:980px){.Experience .DivGallery{width:25%}
}@media(max-width:767px){.Experience .DivGallery{width:33.3333333%}
}@media(max-width:480px){.img-thumbnails>li>:first-child>.text{font-size:13px;line-height:25px}
.img-thumbnails>li>.tools>a,.img-thumbnails>li>:first-child .inner a{font-size:15px}
}
@media(max-width:767px){.AddImage .elem{font-size:50px}
.Home .AddImage .elem{font-size:50px;top:40%}
.AddImage .elem span{font-size:20px;display:none}
}@media(max-width:480px){.AddImage .elem{font-size:40px;line-height:25px}
.AddImage .elem span{font-size:17px}
.Home .AddImage .elem span{display:none}
}@media(max-width:380px){.AddImage .elem{top:45%}
.AddImage .elem span{display:none}
    }.img-thumbnails>li{margin:0;border:2px solid #fff;border-radius:0}}
    .DivGallery {
    display: inline-block;
    margin: 5px 5px;
    border: 4px solid #e4e4e4;
    width: 125px;
    height: 125px;
    overflow: hidden;
}
.DivGallery {
    width: 20%;
    height: inherit;
}
    
.AddImage{border:3px dashed #ddd!important}
.AddImage .elem{width:100%;background-color:#fafafa;font-size:80px;font-weight:100;cursor:pointer;height:30px;position:absolute;top:40%;right:0;left:0;line-height:30px;display:inline-block}
.AddImage{cursor:pointer}
.AddImage .elem div{margin:0 auto;text-align:center}
.AddImage .elem i{font-style:normal}
.AddImage .elem span{font-size:25px;font-weight:500}

.modal .AddImage .elem{width:100%;font-size:40px;height:30px;line-height:20px;top:35%}
.modal .AddImage .elem span{font-size:18px;font-weight:500}
.DivGallery{display:inline-block;margin:5px 5px;border:4px solid #e4e4e4;/*! width:125px; *//*! height:125px; */overflow:hidden}
.DivGallery .open-popup{width:100%;height:100%;object-fit:cover}
.removeImg{position:absolute;color:#f14444;font-size:18px;margin-right:106px;margin-top:-11px;cursor:pointer}
.img-thumbnails > li {
    margin: 0;
    border: 2px solid #fff;
    border-radius: 0;
}
.Home .DivGallery{width:33.3333333%;height:inherit}
@media(max-width:480px) {.modal .Home .DivGallery {width: 49%;}}
@media(max-width:480px) {.img-thumbnails > li > :first-child > .text {opacity: 1 ;top: auto;}
.img-thumbnails > li > :first-child .inner .edit-image{margin-top:-10px}
.modal-dialog {
    width: 100%
}
}
.bootbox hr{margin: 10px 0 0;border-color:#ddd }
.lastMessgae{padding: 10px;border-bottom: 1px solid #ddd;display: inline-block;width: 100%;}
.lastMessgae:nth-of-type(2n+1){background-color: #f1f1f1}
.lastMessgae:last-of-type{border-bottom: 0;}
.messageVerify{width: 100%;
border: 1px solid #ccc;
max-width: 260px;
text-align: right;
padding: 10px;
margin: 0 auto 20px;
background-color: #ffffae;}
.verifySms label{padding-left:10px;line-height:25px}