@font-face {
    font-family: 'iranYekan';
    src: url('/fonts/fonts/IranYekan.eot'); /* IE9 Compact Modes */
    src: url('/fonts/fonts/IranYekan.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/fonts/IranYekan.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/fonts/IranYekan.woff') format('woff'), /* Pretty Modern Browsers */
    url('/fonts/fonts/IranYekan.ttf') format('truetype') /* Safari, Android, iOS */;
    font-weight: normal;
    font-style: normal;
}
.dp_alternatePortalHeader, .dp_AlternatePortalHeader,
.dp_alternatePortalFooter, .dp_AlternatePortalFooter,
.dp_DefaultLayoutTableModule, .dp_defaultLayoutTableModule {
    width: 100% !important;
}

.dp_DefaultLayoutTableModule {
    font-family: iranYekan,regular,sans-serif;
    margin-top: 10px;
}

.dp_DefaultLayoutTableModule tr, .dp_DefaultLayoutTableModule td {
    font-family: iranYekan,regular,sans-serif !important;
}

.dp-tagSearch{
    font-family:iranYekan , regular,sans-serif;
}

/* header */
.dp-tagSearch.header {
    background-color: #ededed;
    padding:20px 25px;
    margin:15px 0 ;
}

/* category */
.dp-tagSearchCat {
    border-bottom: solid 1px #acacac;
    padding:10px 0;
    margin-bottom:15px;
}
.dp-tagSearchCat ul {
    padding: 0;
    margin: 0;
    list-style-type:none;
}
.dp-tagSearchCat li{
    display:inline-block;
    padding:5px 10px;
    position:relative;
}
.dp-tagSearchCat li:first-child{
    padding-right:0;
}
.dp-tagSearchCat li::after{
    content:"/";
    color:#464646;
    position:absolute;
    left:-5px;
    bottom:3px;
}
.dp-tagSearchCat li:last-child::after{
    content:"";
}
.dp-tagSearchCat a{
    font-size:13px;
    color:#464646;
}
/* tag title */
.dp-tagSearchTitle i {
    font-size: 3em;
    color: #fbc735;
    vertical-align:middle;
}
.dp-tagSearchTitle h1{
    display:inline-block;
    font:25px iranYekan,regular,sans-serif;
    margin:0 12px;
}

/* grid */
.dp-tagSearchGrid{
    margin-bottom:15px;
}

/* jsGrid */
.jsgrid-grid-body /*, .jsgrid-grid-header*/{
    overflow:visible !important;
}

/* search result items */
.dp-searchItemsRow{
    box-sizing:border-box;
    padding:10px 20px;
    border-bottom:solid 1px #e1e1e1;
}
.dp-searchItemsRow .title{
    font:16px iranYekan,regular,sans-serif;
    display:block;
    background-color:#f5f5f5;
    color:#565656;
    padding:10px 15px;
    box-sizing:border-box;
    -webkit-transition:ease .2s;
    -moz-transition:ease .2s;
    -o-transition:ease .2s;
    transition:ease .2s;
}
.dp-searchItemsRow .title:hover{
    color:#0B486B;
}
.dp-searchItemsRow .summary{
    font:13px iranYekan,regular,sans-serif;
    color:#878787;
    margin:10px 0;
}
.dp-searchItemsRow .date{
    font:12px iranYekan,regular,sans-serif;
    color:#878787;
}
.dp-searchItemsRow .date i{
    font-size:14px;
    color:#fbc736;
    margin-left:5px;
}
.dp-searchItemsRow .linkIcon{
    display:inline-block;
    float:left;
    color:#fbc736;
    font-size:21px;
    -webkit-transition:ease .2s;
    -moz-transition:ease .2s;
    -o-transition:ease .2s;
    transition:ease .2s;
}
.dp-searchItemsRow .linkIcon:hover{
    margin-left:-5px;
}
/* tag search date */
.dp-tagSearchDate {
    background-color: #ededed;
    margin: 0 0 20px 0 !important;
    box-sizing: border-box;
    padding: 10px;
}
.datePickerPlace .ui-datepicker-trigger {
    width:18px;
    float:left;
    margin:6px 5px;
}
.datePickerPlace > input{
    display:inline-block;
    width:calc(100% - 30px);
}
.dp-searchByDateBtn {
    font:13px/19px iranYekan,regular,sans-serif;
    color:#333;
    float: left;
    display: inline-block;
    border:none;
    background-color: #fbc735;
    cursor:pointer;
    padding:6px 20px;
    -webkit-border-radius:2px !important;
    -moz-border-radius:2px !important;
    border-radius:2px !important;
    -webkit-transition:ease .2s;
    -moz-transition:ease .2s;
    -o-transition:ease .2s;
    transition:ease .2s;
}
.dp-searchByDateBtn:hover{
    color:#fbc735;
    background-color:#333;
}

/* image */
.dp-image{
    text-align:center;
}
.dp-image a {
    display: inline-block;
    width: 80%;
    margin: 0 auto;
}
.dp-image img {
    width:100%;
    max-width: 100%;
}

@media only screen and (max-width : 960px) {
    .dp-tagSearchDate > div{
        margin:10px auto;
    }
}

@media only screen and (max-width : 480px){
    .dp-image img{
        margin-bottom:15px !important;
    }
}