/*===== added by n.ghelichkhani - 1396/12/07 =====*/
article img {
    max-width: 100% !important;
}
.dp_articlSingle {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:0;
}
.dp-article.row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* label color */
.dp-listArct.label, .dp-listArct.label .ItemDate {
    color: #464646 !important;
}
/*detail box*/
.dp-article.detail-box {
    float: left;
    width: calc(100% - 440px);
}
/* has not image */
.dp-hasNotImg .dp-article.detail-box {
    width: 100% !important;
}
/*image*/
.dp-article.img {
    float: right !important;
    width: 400px;
    position: relative;
    margin: 5px 20px 20px 20px;
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -o-transition: ease .3s;
    transition: ease .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.dp-article.img > a{
    display:block;
    width:400px;
    height:300px;
    border:solid 1px #ccc;  
    background-color:#fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:5px;
}
.dp-article.img img{
    display: block;
    position:absolute;
    top:50%;
    right:50%;
    -webkit-transform:translate(50% , -50%);
    -moz-transform:translate(50% , -50%);
    -ms-transform:translate(50% , -50%);
    -o-transform:translate(50% , -50%);
    transform:translate(50% , -50%);
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
/*title*/
.dp-article.title {
    font: 22px regular,iranYekan,sans-serif;
    font-weight: normal !important;
    color: #464646;
    margin: 15px 0 10px 0;
}

.dp_articlTitle h1, .dp_articlTitle span {
    display: inline-block;
    padding-left: 5px;
}

.dp_articlTitle h1 {
    margin: 0;
}
/*sub title*/
.dp-article.affiliation, .dp-article.affiliation h3 {
    font: 14px regular,iranYekan,sans-serif !important;
    font-weight: normal !important;
    color: #464646;
    margin: 5px 0 10px;
}
.dp-article.affiliation strong{
    font-weight:normal !important;
}
.dp-article.affiliation strong i{
    font-size:16px; 
}
/* date */
.dp-article.date {
    font: 13px/22px regular,iranYekan,sans-serif;
    margin: 0 7px 0 15px;
}
.dp-article.date, .dp-article.date .ItemDate {
    color: #464646;
}
/* writer */
.dp-article.writer strong, .dp-article.affiliation strong {
    display: inline-block;
    width: 23px;
    height: 23px;
    color: #464646;
    margin-right: 5px;
    background-color: #fff;
    vertical-align: text-bottom;
    border-radius: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 33px;
    border: solid 1px #464646;
    overflow: hidden;
}

.dp-article.affiliation strong {
    line-height: 23px;
}

.dp-article.writer span {
    color: #464646 !important;
}
/*date and writer*/
#divStartDate, .dp-article.writer {
    margin: 0 0 15px 0;
    font: 13px regular,iranYekan,sans-serif;
    font-weight: normal !important;
}
/* attachments */
div[id*="attachmentFileDiv"]{
    position:relative;
}
.dp-article.attachToggle {
    font-size: 17px;
    cursor: pointer;
}
.dp-article.attach-list {
    background-color: #464646;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: 100%;
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -o-transition: ease .3s;
    transition: ease .3s;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.dp-article.attach-list.dp-active{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.dp-article.attach-list::before{
    content:'';
    display:block;
    width:0;
    height:0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #464646;
    position:absolute;
    top:-5px;
    right:4px;
}
.dp-article.attach-list > a{
    font:14px/24px regular,iranYekan,sans-serif;
    text-align:center;
    display:block;
    float:left;
    width:35px;
    height:23px;
    border:solid 1px #fcaf17;
    color:#fcaf17;
    background-color:#464646;
}
.dp-article.attach-list > a:hover , .dp-article.attach-list > a:focus{
    background-color:#fcaf17;
    color:#464646;
}

/* rate and back btn */
a[id$="_btnBack"]{
    display:inline-block;
}
.dp-article.rate {
    font: 13px BYekan,regular,sans-serif;
    color: #464646 !important;
    float: left;
    margin-right: 20px;
}
.dp-article.btn.back{
    margin:0 !important;
}
.dp-article.rate-back {
    text-align: right;
    padding:0;
}
.dp-article.rate-back [id$="RatingUpdatePanel"] , .dp-article.rate-back [id$="RatingUpdatePanel"] > div{
    float:right;
}
#plhRating, .rateStarsRight {
    font: 13px BYekan,regular,sans-serif;
}

/* rating */
.emptyStar {
    background-image: url(/images/rating/-blank_star.png) !important;
}
/*abstract*/
.dp-article.abstract {
    font: 13px iranYekan,regular,sans-serif;
    color: #464646;
    margin: 25px 15px 25px 0;
    background-color: #f2f2f2;
    border: solid 1px #e4e4e4;
    padding:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.dp-article.abstract p strong{
    display:block;
    font-size:18px;
    color:#464646;
}

/*description*/
.dp-article.description {
    font-family: regular,iranYekan,sans-serif !important;
    line-height:normal;
    text-align: justify;
    color: #464646;
}
.dp-article.description p strong {
    font-size: 18px;
    color:#464646;
}
.dp-article.role-row {
    margin-top:15px !important;
    margin-bottom:15px !important;
}

.dp-article-utilityLinks {
    list-style-type: none;
}

.dp-article-utilityLinks li {
    float: right;
    margin: 0 5px;
}

.dp-article-utilityLinks li:first-child {
    margin-left: 0;
}

.dp-article-utilityLinks li a {
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 37px;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #fdaf17;
    -webkit-transition: ease .2s;
    -moz-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s;
}

.dp-article-utilityLinks li a:hover {
    background-color: #464646;
    color: #fdaf17;
}


/* short link */
.dp-article-utilityLinks .dp-NVshortLinkBox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #fdf0d8;
    direction: rtl;
}

.dp-article-utilityLinks .dp-NVshortLinkBox span.dp-mainShortLink {
    padding: 0 5px 0 10px;
    color: #696969;
}

.dp-article-utilityLinks .dp-NVshortLinkBox i.dp-LinkIcon {
    color: #fdaf17;
    padding: 0 10px 0 5px;
    font-size: 15px;
}

.dp-article-utilityLinks .dp-NVshortLinkBox .tooltip i {
    font-size: 24px;
    line-height: 40px;
}

/* tooltip style */

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    height: 30px;
    line-height: 27px;
    width: 55px;
    font-size:12px;
    background-color: #2f2f2f;
    color: #ccc;
    text-align: center;
    border-radius: 3px;
    padding: 0 5px;
    position: absolute;
    z-index: 1;
    bottom: -89%;
    left: -25%;
    margin-left: 0px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: rotate( 180deg );
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #2f2f2f transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


/* tags */
.dp-article.tag {
    border-top: solid 1px #a2a2a2;
    margin-top: 10px;
    padding: 10px 0;
}

.dp-article.tag > div {
    float: left;
}
.dp-tagItemsShow {
    float: left;
}

/* section title */
.dp-NV-sectionTitlte {
    margin: 12px 0;
}

.dp-sectionTitlte > span {
    display: inline-block;
    background-color: #fcaf17;
    color: #464646;
    font: 14px regular,iranYekan,sans-serif;
    padding: 8px 0;
    width: 110px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* tag section title */
.dp-article.tag .dp-sectionTitlte {
    margin: 0 !important;
    width: 120px;
}
/* infinite scroll */
a[class*="dpt-nextPageBtn"]{
    float:right;
}

/*== new design added 1397/10/11 ==*/
/* article info nav */
.dp-article-navInfo {
    background-color: #eaeaea;
    margin: 10px 0 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font: 13px regular,iranYekan,sans-serif;
}
.dp-article-info {
    padding-left: 35px;
}
.dp-article-info ul {
    list-style-type: none;
}
.dp-article-info li{
    display:inline-block;
    float:right;
    padding:0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition:ease .3s;
    -moz-transition:ease .3s;
    -o-transition:ease .3s;
    transition:ease .3s;
}
.dp-article-info li.hasAfter::after , .dp-article-info li.hasAfter::after{
    content:'/';
    display:inline-block;
    margin:0 5px;
}
.dp-article-info a{
    display:block;
    font-size:19px;
    color: #464646;
    -webkit-transition:ease .2s;
    -moz-transition:ease .2s;
    -o-transition:ease .2s;
    transition:ease .2s;
}
.dp-article-info a:hover , .dp-article-info a:focus{
    color:#F9A200;
}
/* font size buttons */
.dp-article-fontSizeBtn a {
    font-size:14px;
    line-height:23px;
}


/*====== Medias ======*/
@media only screen and (max-width:768px) {
    article.uk-container{
        padding:0 !important;
    }
    .dp_articlSingle .dp_tableCls, .dp_articlSingle .dp_tableRowCls, .dp_articlSingle .dp_tableCellCls{
        display:block;
        width:100% !important;
        float:none !important;
    }
    .dp_articleImg{
        text-align:center;
    }
    .dp_articleImg img{
        display:block;
        margin: 0 auto
    }
    .dp-article.date{
        text-align:center;
        margin-bottom:15px !important;
    }
    .dp-article.attachments-btn{
        text-align:center;
    }
    .dp-article.attach-list{
        float:none;
        margin:0 auto;
    }
    .dp-article.rate-back{  
        margin-bottom:15px;
    }
    .dp-article.tag label{
        margin-bottom:10px;
    }
    .dp-tagItemsShow, .dp-article.tag label {
        float: none;
    }
}
@media only screen and (max-width:580px){
    .dp-article.row > div{
        float:none !important;
        width:100%;
        margin:10px auto;
    }
    .dp-article.img{
        max-width:100%;
        width:100%;
    }
    .dp-article.img img{
        width:100%;
    }
    .dp-article.img > a{
        width:100%;
    }
}
@media only screen and (max-width:480px) {
    .dp-article.rate-back {
        text-align: center;
    }
    .dp-article.btn.back {
        position: static;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        float: none;
    }

    .dp-article.rate {
        float: none;
        display: block;
        width: 100%;
        margin-top: 10px;
        margin-right: 0;
    }

    .dp-article-utilityLinks .dp-NVshortLinkBox {
        margin: 5px 5px 5px 0;
    }

}
@media only screen and (max-width:415px){
    .dp-article.detail > div{
        padding:0;
    }
    .dp-article.attach-list{
        display:block;
    }
    .dp-article.attach-list li{
        display:block;
        width:100%;
        float:none;
        clear:both;
        margin: 5px 0;
    }

    
    .dp-article.share-print-btn{
        text-align:center;
        padding:0;
    }
    .dp-article.share-print-btn > div{
        display:block;
    }
}