.d-Flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.justify-content-center {
    justify-content: center
}

.justify-content-space-between {
    justify-content: space-between
}

.justify-content-space-around {
    justify-content: space-around
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-start {
    justify-content: flex-start
}

.align-items-center {
    align-items: center
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.gap-5 {
    gap: 5px;
}

.gap-10 {
    gap: 10px;
}

.gap-15 {
    gap: 15px;
}

.row-gap-5 {
    row-gap: 5px;
}

.row-gap-10 {
    row-gap: 10px;
}

.row-gap-15 {
    gap: 15px;
}


.manageControl {
    width: 100%;
    margin: unset !important;
}

.glyphicon-asterisk.star {
    font-size: 10px;
    color: red;
    vertical-align: middle;
    margin-left: 2px;
}

.ofwrap-anywhere {
    overflow-wrap: anywhere;
}

.displayNone {
    display: none;
}

.np {
    padding: 0;
}

.npr {
    padding-right: 0;
}

.npl {
    padding-left: 0;
}

.pAll-15 {
    padding: 15px;
}

.pAll-20 {
    padding: 20px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.ptb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.prl-15 {
    padding-right: 15px;
    padding-left: 15px;
}

.prl-20 {
    padding-right: 20px;
    padding-left: 20px;
}

.prl-30 {
    padding-right: 30px;
    padding-left: 30px;
}

.nm {
    margin: 0;
}

.nmr {
    margin-right: 0;
}

.nml {
    margin-left: 0;
}

.mt-3 {
    margin-top: 3px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-45 {
    margin-top: 45px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-70 {
    margin-right: 70px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.mtb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.m-15 {
    margin: 15px;
}

.m-20 {
    margin: 20px;
}

.m-45 {
    margin: 45px;
}

.pAll-10 {
    padding: 10px;
}

.no-bimeSaman-style {
    list-style: none;
}

.text-bold {
    font-weight: bold;
}

.text-font14 {
    font-size: 14px;
}

.text-font15 {
    font-size: 15px;
}

.text-font16 {
    font-size: 16px;
}

.float-right {
    float: right;
}

.float-Left {
    float: left;
}

.noBefore:before,
.noAfter:after {
    content: unset;
}

.F-Row-between {
    display: flex;
    justify-content: space-between;
}

    .F-Row-between:before .F-Row-between:after {
        content: unset;
    }


.childDivHeight > div {
    margin-top: 10px;
    min-height: 55px;
}

/*/////style list album*/
.SubmiteDateClass {
    display: none;
}

.main-box {
    /*background-color: black;*/
    /* border: 1px solid black;*/
    /*margin-left: 10px;
    margin-right: 10px;*/
}

.RepMultiMedia {
    margin: 5px 10px;
}

.main_imgs-box {
    /*background-color: black;*/
    /*border: 1px solid black;*/
    padding: 10px 10px;
    /*margin-left: 10px;
    margin-right: 10px;*/
}

.img-albbox {
    height: 205px;
    width: 227px;
    float: right;
    margin: 5px;
    margin-bottom: 10px;
    background-color: #181818;
    border: 1px solid black;
}

.img-alb {
    width: 227px;
    height: 170px;
    border: 1px solid black;
}

.txt-alb {
    font-family: tahoma;
    font-size: 10px;
    color: white;
    text-decoration: none;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
}

.AlbLinkTxt {
    text-decoration: none;
    color: white;
}

    .AlbLinkTxt:hover {
        color: #727272;
        cursor: pointer;
    }

.lblbox {
    background-color: #2B2B2C;
    text-align: left;
    height: 21px;
    margin: 0 0px;
}

.lbl {
    margin-bottom: 0;
    margin-right: 5px;
    margin-left: 2px;
    color: white;
}


/*///////////////style search box*/

.searchMainDiv {
}

.header {
    background-color: #404040;
    font-family: tahoma;
    font-size: 12px;
    color: white;
    border: 1px solid black;
}

.searchTxt {
}

.txtstyle {
    float: right;
    border: 1px solid black;
}

.btn-image-search {
    float: right;
}

/*///////////////style list sound and video*/
.sound-video-box {
    margin: 5px;
    border: 1px solid black;
    width: 293px;
}

.sound-video-link {
    background-color: #1a1a1a;
    height: 20px;
    margin-right: 4px;
    margin-left: 3px;
    padding: 0px -1px;
    -webkit-box-shadow: black 1px 1px 1px 1px;
    -ms-box-shadow: black 1px 1px 1px 1px;
    box-shadow: black 1px 1px 1px 1px;
    margin-top: 4px;
    padding-top: 0px;
    padding-bottom: 5px;
}

    .sound-video-link a {
        font-family: tahoma;
        font-size: 12px;
        color: white;
        float: right;
        padding-right: 5px;
    }

        .sound-video-link a:hover {
            color: #727272;
            cursor: pointer;
        }

.lbl-sound-video {
    float: left;
    color: #727272;
}

/*/////////style show slice sound & video*/
.show-videobox {
    background-color: black;
}

.multimedia-box {
    background-color: #1a1a1a;
}

.box-video {
    float: right;
    margin: 5px;
}

.VideoLst {
    margin: 10px 0;
    padding: 0;
    display: inline-table;
    padding-bottom: 30px;
}

.listvideo {
    padding: 5px;
    background-color: #1a1a1a;
    float: right;
    width: 220px;
    /*margin: 5px;*/
    height: 135px;
    box-shadow: black 1px 1px 1px 1px;
}

.aloneVideo {
    padding: 0px;
    float: right;
}

/*/////////style list image*/
.lbl-download {
    text-align: left;
}

.lbl-image {
    color: #333;
}

.ButtonBtnDownload {
    float: left;
    text-align: left;
}

.btn-image-down {
}

.img-box {
    width: 174px;
    margin: 5px;
    float: right;
}

.AlbumImageHeader {
    color: #333;
    /*border-bottom: 1px solid #e86f14;*/
    padding-bottom: 10px;
    font-size: 12px;
}

.AlbumDetail {
    /*text-align: left;*/
    /*margin-top: 20px;*/
    font-size: 10px;
    font-weight: normal;
}

.photographerCss {
    margin-left: 30px;
    text-align: right;
    font-size: 14px;
    font-weight: normal;
}

.dateCss {
    margin-left: 20px;
    font-size: 12px;
    font-weight: normal;
}

.timeCss {
    font-size: 12px;
    font-weight: normal;
}

span.pipe-span {
    padding: 0px 8px;
    font-size: 18px;
    color: #ccc;
}

.AlbumTitle {
    color: #fff;
}

.btnLike {
    margin-right: 20px;
}

.image {
    width: 118px;
    float: right;
}

.txt-image {
}


/*//////////////style show sound-video*/
.showmainbox {
    width: 900px;
    background-color: #1b1b1b;
}

.Playsond-video {
    width: 500px;
    background-color: #161616;
    float: right;
}

.Listsound-video {
    width: 400px;
    background-color: #161616;
    float: left;
}

.txt-sound {
    background-color: #1f1f1f;
    margin: 2px;
}

    .txt-sound h5 {
        font-family: tahoma;
        color: white;
        text-align: right;
    }

    .txt-sound p {
        font-family: tahoma;
        font-size: 11px;
        color: #727272;
        text-align: right;
    }

.txtHeader {
    background-color: #434343;
    font-family: tahoma;
    color: white;
    font-size: 12px;
}

.Playsound-video-box {
    width: 195px;
    margin: 2px;
    background-color: #181818;
}

    .Playsound-video-box a {
        text-align: center;
        color: white;
        font-family: tahoma;
        font-size: 12px;
        margin: 3px;
        padding-right: 5px;
    }

        .Playsound-video-box a:hover {
            color: #727272;
            cursor: progress;
        }

.knkBtn {
    -moz-box-shadow: inset 0px 0px 1px 1px #ffffff;
    -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
    box-shadow: inset 0px 0px 1px 1px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf', GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d1cfd1;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    font-family: arial;
    font-size: 12px;
    color: black;
    font-family: tahoma;
    padding: 6px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    /*float: right;*/
    margin: 5px 5px;
}

    .knkBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed', GradientType=0);
        background-color: #dfdfdf;
    }

    .knkBtn:active {
        position: relative;
        top: 1px;
    }

.msg {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.divMarTop10 {
    margin-top: 10px;
}

.divMarBott20 {
    margin-bottom: 20px;
}

/*Albums*/
.pictureReportMainDiv .AlbumsPage {
    color: white;
    /*background-color: black;
    font-family: 'BYekan', tahoma;*/
}

    .pictureReportMainDiv .AlbumsPage a {
        color: white;
    }

.pictureReportMainDiv .AlbumBox {
    margin-bottom: 7px;
}

.pictureReportMainDiv .AlbumDetail {
    /*height: 20px;
    background-color: #2B2B2C;*/
    font-size: 11px;
    /*padding-top: 2px;*/
}


    .pictureReportMainDiv .AlbumDetail .AlbumTitleDate {
        direction: ltr;
    }

.pictureReportMainDiv .AlbumTitle {
    color: #333;
    margin-top: 10px;
}

.pictureReportMainDiv .numbers {
    font-size: 13px;
    margin: 2px;
}

.pictureReportMainDiv .menuSt {
    /*height: 453px;*/
    font-size: 15px;
    font-weight: bold;
    color: white;
}

.pictureReportMainDiv .NextPrevDivSt {
    /*height: 40px;*/
}

select.ui-datepicker-year,
select.ui-datepicker-month {
    color: black !important;
}

/*AlbumImages*/
.pictureReportMainDiv .dlBtnStyle {
    float: left;
    width: 90px;
    margin-top: 5px;
    color: white !important;
    font-family: tahoma;
    font-size: 12px;
}

.pictureReportMainDiv ._lblAlbumDescSt {
    font-size: 10px;
    font-weight: normal;
    display: none;
}

.pictureReportMainDiv .prevLinkDetailsParentSt {
    width: 15px;
    height: 25px;
    padding: 3px;
    float: left;
}

.pictureReportMainDiv .nextLinkDetailsParentSt {
    width: 15px;
    height: 25px;
    padding: 3px;
    float: left;
}

.pictureReportMainDiv .downloadParrentSt,
.pictureReportMainDiv .downloadParrentSt2 {
    /*border-bottom: 1px solid #e86f14;*/
    border-bottom: 1px solid #004a80;
    /*border-top: 1px solid #e86f14;*/
    border-top: 1px solid #004a80;
    text-align: left;
    padding: 3px 3px;
}


.pictureReportMainDiv ._imgbtndownloadSt {
    margin: -5px;
    margin-left: 0;
}

.pictureReportMainDiv ._imgBtnLikeSt {
    margin: -5px;
    margin-left: 0;
    width: 20px;
}

/**/
.mystar {
    color: red;
    font-size: 10px;
    margin-left: 3px;
}

.RadTreeList_Bootstrap .rtlExpand {
    background-position: -58px -108px !important;
}

.RadTreeView_Bootstrap_rtl .rtPlus,
.RadTreeView_Bootstrap_rtl .rtPlusHover {
    background-position: -8px -119px !important;
}

.RadTreeView_Bootstrap_rtl .rtMinus,
.RadTreeView_Bootstrap_rtl .rtMinusHover {
    background-position: -60px -65px !important;
}

.RadTreeView_rtl .rtLines .rtTop,
.RadTreeView_rtl .rtLines .rtMid,
.RadTreeView_rtl .rtLines .rtBot {
    background-position: 100% 6px !important;
}

.RadDropDownTree_Bootstrap .rddtFocused {
    text-align: right !important;
}

.RadDropDownTree_Bootstrap .rddtEmptyMessage {
    color: #909090;
    font-style: normal;
    text-align: right !important;
    padding-right: 10px;
}

.rddtPopup_Bootstrap .rddtFilter {
    text-align: right;
}

.RadDropDownTree {
    font-family: inherit !important;
}

.playIcon {
    position: absolute;
    display: block;
    top: 13%;
    width: 80px;
    margin: 0 auto;
    right: 140px;
    z-index: 100;
}

.videoAlbumBox {
    border: 1px solid #ccc;
    text-align: center;
    margin-bottom: 10px;
    padding: 0;
}

.videoAlbumBoxDetails {
    color: white;
    background: #999;
    padding: 10px 0;
}

    .videoAlbumBoxDetails a {
        color: white;
    }

.topVideoName {
    color: white;
}


/*PRGallery*/
.PRGallery .carousel-indicators {
    bottom: -30px;
}

    .PRGallery .carousel-indicators li {
        border: 1px solid #000;
    }

    .PRGallery .carousel-indicators .active {
        background: #333;
    }

.PRGallery .carousel-caption {
    padding-bottom: 0;
    background: rgba(255, 255, 255, .4);
    padding-top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
}

.PRGallery .item::before {
    width: 80px;
    content: " ";
    /*background-image: url(../Images/youtube.png);*/
    position: absolute;
    right: 47%;
    top: 36%;
    height: 80px;
}

._imgPlayIconStSlider {
    border-width: 4px;
    padding-top: 192% !important;
    width: 84px !important;
    margin-right: 458% !important;
}

.videoAlbumsSmallSlider-OneAlbum .videoAlbumBox::before {
    width: 80px;
    content: " ";
    /*background-image: url(../Images/youtube.png);*/
    position: absolute;
    right: 47%;
    top: 36%;
    height: 80px;
}

.allVideoAlbums .videoAlbumBox::before {
    width: 80px;
    content: " ";
    position: absolute;
    right: 36%;
    top: 26%;
    height: 80px;
}

.item img {
    width: 100%;
}

.VideoPlayerSt {
    max-width: 100%;
}

.AparatPlayerSt {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.videoAlbumTitle {
    font-size: 27px !important;
    margin-top: 20px !important;
    border-right: 4px solid #f00 !important;
    padding-right: 5px !important;
}

.videoAlbumDesc {
    border-bottom: 1px dashed #ccc !important;
    padding: 15px 10px 10px 0 !important;
}

.videoAlbumPhotographer {
    border-bottom: 1px dashed #ccc !important;
    padding: 15px 10px 10px 0 !important;
}

.videoAlbumDate {
    /*    border-bottom: 1px dashed #ccc !important;*/
    padding: 15px 10px 10px 0 !important;
}

.videoAlbumBox img {
    width: 100% !important;
    height: auto !important;
}

.ImagesTitle {
    margin: 10px 0;
    padding: 5px;
    border-bottom: #e4ebfa solid;
}

.ImagesItem {
    margin-bottom: 30px;
}

.mb {
    margin-bottom: 30px
}

/* fancy box */
a[data-fancybox] img {
    cursor: pointer;
    padding: 1px;
    border-radius: 10px;
    height: 130px;
    max-width: 191px;
}

.fancybox__backdrop::after {
    content: "";
    position: absolute;
    width: 10%;
    height: 10%;
    filter: blur(2px);
    left: 50%;
    top: 50%;
    transform: scale(11);
    opacity: 0.3;
    /* ReSharper disable once CssNotResolved */
    background-image: var(--bg-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fancybox__container {
    --fancybox-bg: #000;
    --fancybox-thumbs-width: 48px;
    --fancybox-thumbs-ratio: 1;
    /* ReSharper disable once InvalidValue */
    --carousel-button-bg: rgb(91 78 76 / 74%);
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
}

.fancybox__nav {
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
}

    .fancybox__nav .carousel__button.is-prev {
        left: 20px;
    }

    .fancybox__nav .carousel__button.is-next {
        right: 20px;
    }

.carousel__button.is-close {
    right: auto;
    top: 20px;
    left: 20px;
}

.fancybox__slide {
    padding: 8px 88px;
}

/* Thumbnails */
.fancybox__thumbs .carousel__slide {
    padding: 8px 6px 8px 6px;
    width: 70px;
}

.is-nav-selected::after {
    display: none;
}

.fancybox__thumb {
    border-radius: 6px;
    opacity: 0.4;
}

    .fancybox__thumb:hover,
    .is-nav-selected .fancybox__thumb {
        border-radius: 6px;
        border: cadetblue solid;
        opacity: 1;
    }

        .is-nav-selected .fancybox__thumb::after {
            display: none;
        }

.ImagesItem a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pictureReportMainDiv .ImagesItem a {
    z-index: 22;
}

.pictureReportMainDiv .ImagesItem .playButton {
    display: none;
    z-index: 20;
}

.pictureReportMainDiv .ImagesItem.VideoType .playButton {
    display: unset;
    /*background: url(../Images/playButton.png) no-repeat;*/
    /*content: ' ';*/
    position: absolute;
    cursor: pointer;
    padding: 1px;
    border-radius: 10px;
    height: 95px;
    max-width: 191px;
}

/* fancy box end */

.Album-images-Title {
    margin: 3rem 0px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

    .Album-images-Title h3::before {
        position: absolute;
        content: '';
        background-image: url('/DeskTopModules/PictureReport/AddOn/Images/galleryTitle.png');
        width: 45px;
        height: 45px;
        background-position: center;
        /* background-size: cover; */
        background-repeat: no-repeat;
        margin-right: -46px;
        margin-top: -5px;
    }



.Album-description {
    margin: 3rem 0;
}

.Album-PhotographerName span {
    font-size: 20px;
}



.Album-description p {
    font-size: 15px;
    line-height: 2.8rem;
    font-weight: 400;
}

.AlbumImageHeader {
    margin-top: 3rem;
}

.AlbumSubmitDate img,
.AlbumSubmitTime img {
    width: 24px;
    height: 24px;
    margin-left: 5px;
}

.AlbumSubmitDate span,
.AlbumSubmitTime span {
    font-size: 16px;
}

.Album-DateTime {
    margin-top: 0.5rem;
}

.Albumheadertitle,
.Album-DateTime {
    display: flex;
    justify-content: center;
    align-items: center;
}

.DownLoadAllAlbum {
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 12px;
}

span.DownLoad-Text {
    font-size: 15px;
    margin-right: 6px;
}

.Album-images-Title h3 {
    margin-right: 50px;
}

.PicPagination span:nth-child(n + 2), .PicPagination .numbers {
    font-size: 22px;
    border: 1px solid #F18E00;
    color: #F18E00;
    padding: 1px 10px;
    border-radius: 10px;
    margin-right: 10px;
}

.nextBtnVideo .preBtnVideo {
    margin-bottom: -5px;
}

/*
#_dpVideoAlbums span,
#_dpVideoAlbums a {
    font-size: 22px;
    border: 1px solid #F18E00;
    color: #F18E00;
    padding: 1px 10px;
    border-radius: 10px;
    margin-right: 10px;
    width: 35px;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.nextBtnVideo .preBtnVideo {
    margin-bottom: -5px;
}*/