/* ash.01.004.css */

/*Message*/
.freeow { position: fixed; width: 300px; z-index: 9999; }
.freeow-top-right { top: 10px; right: 10px; }
.freeow-bottom-right { bottom: 10px; right: 10px; }
.freeow > div { position: relative; margin-bottom: 5px; cursor: pointer; }
.freeow .content { margin: 5px 5px 5px 69px; }
.freeow h2, .freeow p { margin: 0; padding: 0; }
.freeow .icon { position: absolute; display: block; width: 48px; height: 48px; top: 5px; left: 10px; background: transparent url(images/notice.png) no-repeat 0 0; z-index: 1; }
.freeow .close { position: absolute; display: block; width: 24px; height: 24px; top: 8px; left: 8px; background: 0 0; z-index: 2; }
.freeow div:hover .close { background: transparent url(images/close.png) no-repeat 0 0; }
.freeow .alert .icon { background-image: url(images/alert.png); }
.freeow .succeed .icon { background-image: url(images/succeed.png); }
.freeow .error .icon { background-image: url(images/error.png); }
.freeow .smokey { color: #fff; }
    .freeow .smokey .background { border: 3px solid grey; -moz-border-radius: 12px; border-radius: 12px; background: #000; opacity: .9; -moz-box-shadow: 2px 2px 3px #c3c3c3; -webkit-box-shadow: 2px 2px 3px #c3c3c3; box-shadow: 2px 2px 3px #c3c3c3; }
    .freeow .smokey:hover .background { border-color: grey; }
    .freeow .smokey .content { margin: 5px 5px 5px 69px; }
    .freeow .smokey h2 { font-family: 'B Koodak',Koodak,Arial,sans-serif; font-weight: 400; font-size: 20px; line-height: 20px; }
.freeow .error h2 { color: #f56a6a; }
.freeow .alert h2 { color: #f5e63d; }
.freeow .succeed h2 { color: #04de45; }
.freeow .smokey p { padding-top: 8px; font-family: 'B Koodak',Koodak,Arial,sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; }

/*Dialog*/
#divDlgBackground { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .7; overflow: hidden; z-index: 40; }
.divArshanDialog { border-radius: 5px; background: #fff; padding: 5px; line-height: 26px; font-family: IRANSans; border: 2px solid #284b5f; z-index: 41; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
    .divArshanDialog > div:last-child { margin-top: 0; }
    .divArshanDialog > div .Cancel { color: #fff; background-color: #e29e89; padding: 5px 30px; border-radius: 4px; box-shadow: 0px 2px 5px #aaa; border: 1px solid #c9a0a8; cursor: pointer; }
        .divArshanDialog > div .Cancel:hover { background: #bc7661; }
    .divArshanDialog > div .Confirm { color: #fff; background-color: #6077de; padding: 5px 30px; margin: 10px; border-radius: 4px; box-shadow: 0px 2px 5px #aaa; border: 1px solid #7482a5; cursor: pointer; }
        .divArshanDialog > div .Confirm:hover { background: #41439c; }
    .divArshanDialog .Title { border-radius: 5px; background: #6077de; padding: 10px 10px 3px; text-align: right; font-size: 20px; color: #fff; height: 40px; margin-bottom: 5px; }
    .divArshanDialog .TitleText { position: relative; top: 4px; }
    .divArshanDialog .ButtonBar { text-align: center; }
    .divArshanDialog .Close { float: left !important; font-size: 20px !important; font-family: 'Segoe UI',Verdana,Tahoma; padding: 0px !important; margin: 0px !important; border: 0; background-color: #6077de; color: #fff; width: 35px !important; height: 35px !important; line-height: 30px; cursor: pointer; }
        .divArshanDialog .Close:hover { color: #3b4254; }
    .divArshanDialog .Desc { max-height: 85%; overflow: auto; padding: 0 5px; }

/*Responsive*/
@media screen and (min-width:1025px) {
    .screen-max1024, .screen-max900, .screen-max768, .screen-max640, .screen-max480, .screen-max360, .screen-max320 { display: none !important; }

    .screen-max1024-tabelcell, .screen-max900-tabelcell, .screen-max768-tabelcell, .screen-max640-tabelcell, .screen-max480-tabelcell, .screen-max360-tabelcell, .screen-max320-tabelcell { display: none !important; }

    .screen-max1024-block, .screen-max900-block, .screen-max768-block, .screen-max640-block, .screen-max480-block, .screen-max360-block, .screen-max320-block { display: none !important; }
}

@media screen and (min-width:1024px) {
    .screen-min1024, .screen-min900, .screen-min768, .screen-min640, .screen-min480, .screen-min360, .screen-min320 { display: inherit; }
    .screen-max1024, .screen-max900, .screen-max768, .screen-max640, .screen-max480, .screen-max360, .screen-max320 { display: none; }

    .screen-min1024-tabelcell, .screen-min900-tabelcell, .screen-min768-tabelcell, .screen-min640-tabelcell, .screen-min480-tabelcell, .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell; }
    .screen-max1024-tabelcell, .screen-max900-tabelcell, .screen-max768-tabelcell, .screen-max640-tabelcell, .screen-max480-tabelcell, .screen-max360-tabelcell, .screen-max320-tabelcell { display: none; }

    .screen-min1024-block, .screen-min900-block, .screen-min768-block, .screen-min640-block, .screen-min480-block, .screen-min360-block, .screen-min320-block { display: inline-block; }
    .screen-max1024-block, .screen-max900-block, .screen-max768-block, .screen-max640-block, .screen-max480-block, .screen-max360-block, .screen-max320-block { display: none; }
}

@media screen and (max-width:1024px) {
    .screen-max1024 { display: inherit !important; }
    .screen-min1024 { display: none !important; }
    .screen-min900, .screen-min768, .screen-min640, .screen-min480, .screen-min360, .screen-min320 { display: inherit !important; }
    .screen-max900, .screen-max768, .screen-max640, .screen-max480, .screen-max360, .screen-max320 { display: none !important; }

    .screen-max1024-tabelcell { display: table-cell !important; }
    .screen-min1024-tabelcell { display: none !important; }
    .screen-min900-tabelcell, .screen-min768-tabelcell, .screen-min640-tabelcell, .screen-min480-tabelcell, .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell !important; }
    .screen-max900-tabelcell, .screen-max768-tabelcell, .screen-max640-tabelcell, .screen-max480-tabelcell, .screen-max360-tabelcell, .screen-max320-tabelcell { display: none !important; }

    .screen-max1024-block { display: inline-block !important; }
    .screen-min1024-block { display: none !important; }
    .screen-min900-block, .screen-min768-block, .screen-min640-block, .screen-min480-block, .screen-min360-block, .screen-min320-block { display: inline-block !important; }
    .screen-max900-block, .screen-max768-block, .screen-max640-block, .screen-max480-block, .screen-max360-block, .screen-max320-block { display: none !important; }

    .divArshanDialog { min-width: 500px; }
}

@media screen and (min-width:900px) {
    .screen-min900, .screen-min768, .screen-min640, .screen-min480, .screen-min360, .screen-min320 { display: inherit; }
    .screen-max900, .screen-max768, .screen-max640, .screen-max480, .screen-max360, .screen-max320 { display: none; }

    .screen-min900-tabelcell, .screen-min768-tabelcell, .screen-min640-tabelcell, .screen-min480-tabelcell, .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell; }
    .screen-max900-tabelcell, .screen-max768-tabelcell, .screen-max640-tabelcell, .screen-max480-tabelcell, .screen-max360-tabelcell, .screen-max320-tabelcell { display: none; }

    .screen-min900-block, .screen-min768-block, .screen-min640-block, .screen-min480-block, .screen-min360-block, .screen-min320-block { display: inline-block; }
    .screen-max900-block, .screen-max768-block, .screen-max640-block, .screen-max480-block, .screen-max360-block, .screen-max320-block { display: none; }
}

@media screen and (max-width:900px) {
    .screen-max900 { display: inherit !important; }
    .screen-min900 { display: none !important; }
    .screen-min768, .screen-min640, .screen-min480, .screen-min360, .screen-min320 { display: inherit !important; }
    .screen-max768, .screen-max640, .screen-max480, .screen-max360, .screen-max320 { display: none !important; }

    .screen-max900-tabelcell { display: table-cell !important; }
    .screen-min900-tabelcell { display: none !important; }
    .screen-min768-tabelcell, .screen-min640-tabelcell, .screen-min480-tabelcell, .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell !important; }
    .screen-max768-tabelcell, .screen-max640-tabelcell, .screen-max480-tabelcell, .screen-max360-tabelcell, .screen-max320-tabelcell { display: none !important; }

    .screen-max900-block { display: inline-block !important; }
    .screen-min900-block { display: none !important; }
    .screen-min768-block, .screen-min640-block, .screen-min480-block, .screen-min360-block, .screen-min320-block { display: inline-block !important; }
    .screen-max768-block, .screen-max640-block, .screen-max480-block, .screen-max360-block, .screen-max320-block { display: none !important; }
}

@media screen and (min-width:768px) {
    .screen-min768, .screen-min640, .screen-min480, .screen-min360, .screen-min320 { display: inherit; }
    .screen-max768, .screen-max640, .screen-max480, .screen-max360, .screen-max320 { display: none; }

    .screen-min768-tabelcell, .screen-min640-tabelcell, .screen-min480-tabelcell, .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell; }
    .screen-max768-tabelcell, .screen-max640-tabelcell, .screen-max480-tabelcell, .screen-max360-tabelcell, .screen-max320-tabelcell { display: none; }

    .screen-min768-block, .screen-min640-block, .screen-min480-block, .screen-min360-block, .screen-min320-block { display: inline-block; }
    .screen-max768-block, .screen-max640-block, .screen-max480-block, .screen-max360-block, .screen-max320-block { display: none; }
}

@media screen and (max-width:768px) {
    .screen-max768 { display: inherit !important; }
    .screen-min768 { display: none !important; }
    .screen-min640, .screen-min480, .screen-min360, .screen-min320 { display: inherit !important; }
    .screen-max640, .screen-max480, .screen-max360, .screen-max320 { display: none !important; }

    .screen-max768-tabelcell { display: table-cell !important; }
    .screen-min768-tabelcell { display: none !important; }
    .screen-min640-tabelcell, .screen-min480-tabelcell, .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell !important; }
    .screen-max640-tabelcell, .screen-max480-tabelcell, .screen-max360-tabelcell, .screen-max320-tabelcell { display: none !important; }

    .screen-max768-block { display: inline-block !important; }
    .screen-min768-block { display: none !important; }
    .screen-min640-block, .screen-min480-block, .screen-min360-block, .screen-min320-block { display: inline-block !important; }
    .screen-max640-block, .screen-max480-block, .screen-max360-block, .screen-max320-block { display: none !important; }

    .divArshanDialog { min-width: 80%; top: 50%; overflow: hidden; max-height: 90%; }
}

@media screen and (min-width:640px) {
    .screen-min640, .screen-min480, .screen-min360, .screen-min320 { display: inherit; }
    .screen-max640, .screen-max480, .screen-max360, .screen-max320 { display: none; }

    .screen-min640-tabelcell, .screen-min480-tabelcell, .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell; }
    .screen-max640-tabelcell, .screen-max480-tabelcell, .screen-max360-tabelcell, .screen-max320-tabelcell { display: none; }

    .screen-min640-block, .screen-min480-block, .screen-min360-block, .screen-min320-block { display: inline-block; }
    .screen-max640-block, .screen-max480-block, .screen-max360-block, .screen-max320-block { display: none; }
}

@media screen and (max-width:640px) {
    .screen-max640 { display: inherit !important; }
    .screen-min640 { display: none !important; }
    .screen-min480, .screen-min360, .screen-min320 { display: inherit !important; }
    .screen-max480, .screen-max360, .screen-max320 { display: none !important; }

    .screen-max640-tabelcell { display: table-cell !important; }
    .screen-min640-tabelcell { display: none !important; }
    .screen-min480-tabelcell, .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell !important; }
    .screen-max480-tabelcell, .screen-max360-tabelcell, .screen-max320-tabelcell { display: none !important; }

    .screen-max640-block { display: inline-block !important; }
    .screen-min640-block { display: none !important; }
    .screen-min480-block, .screen-min360-block, .screen-min320-block { display: inline-block !important; }
    .screen-max480-block, .screen-max360-block, .screen-max320-block { display: none !important; }
}

@media screen and (min-width:480px) {
    .screen-min480, .screen-min360, .screen-min320 { display: inherit; }
    .screen-max480, .screen-max360, .screen-max320 { display: none; }

    .screen-min480-tabelcell, .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell; }
    .screen-max480-tabelcell, .screen-max360-tabelcell, .screen-max320-tabelcell { display: none; }

    .screen-min480-block, .screen-min360-block, .screen-min320-block { display: inline-block; }
    .screen-max480-block, .screen-max360-block, .screen-max320-block { display: none; }
}

@media screen and (max-width:480px) {
    .screen-max480 { display: inherit !important; }
    .screen-min480 { display: none !important; }
    .screen-min360, .screen-min320 { display: inherit !important; }
    .screen-max360, .screen-max320 { display: none !important; }

    .screen-max480-tabelcell { display: table-cell !important; }
    .screen-min480-tabelcell { display: none !important; }
    .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell !important; }
    .screen-max360-tabelcell, .screen-max320-tabelcell { display: none !important; }

    .screen-max480-block { display: inline-block !important; }
    .screen-min480-block { display: none !important; }
    .screen-min360-block, .screen-min320-block { display: inline-block !important; }
    .screen-max360-block, .screen-max320-block { display: none !important; }
}

@media screen and (min-width:360px) {
    .screen-min360, .screen-min320 { display: inherit; }
    .screen-max360, .screen-max320 { display: none; }

    .screen-min360-tabelcell, .screen-min320-tabelcell { display: table-cell; }
    .screen-max360-tabelcell, .screen-max320-tabelcell { display: none; }

    .screen-min360-block, .screen-min320-block { display: inline-block; }
    .screen-max360-block, .screen-max320-block { display: none; }
}

@media screen and (max-width:360px) {
    .screen-max360 { display: inherit !important; }
    .screen-min360 { display: none !important; }
    .screen-min320 { display: inherit !important; }
    .screen-max320 { display: none !important; }

    .screen-max360-tabelcell { display: table-cell !important; }
    .screen-min360-tabelcell { display: none !important; }
    .screen-min320-tabelcell { display: table-cell !important; }
    .screen-max320-tabelcell { display: none !important; }

    .screen-max360-block { display: inline-block !important; }
    .screen-min360-block { display: none !important; }
    .screen-min320-block { display: inline-block !important; }
    .screen-max320-block { display: none !important; }
}

@media screen and (min-width:320px) {
    .screen-min320 { display: inherit; }
    .screen-max320 { display: none; }

    .screen-min320-tabelcell { display: table-cell; }
    .screen-max320-tabelcell { display: none; }

    .screen-min320-block { display: inline-block; }
    .screen-max320-block { display: none; }
}

@media screen and (max-width:320px) {
    .screen-max320 { display: inherit !important; }
    .screen-min320 { display: none !important; }

    .screen-max320-tabelcell { display: table-cell !important; }
    .screen-min320-tabelcell { display: none !important; }

    .screen-max320-block { display: inline-block !important; }
    .screen-min320-block { display: none !important; }
}

@media screen and (max-height: 1024px) {
    .divArshanDialog .Desc { max-height: 900px !important; }
}

@media screen and (max-height: 900px) {
    .divArshanDialog .Desc { max-height: 600px !important; }
}

@media screen and (max-height: 768px) {
    .divArshanDialog .Desc { max-height: 500px !important; }
}

@media screen and (max-height: 640px) {
    .divArshanDialog .Desc { max-height: 400px !important; }
}

@media screen and (max-height: 480px) {
    .divArshanDialog .Desc { max-height: 230px !important; }
}

@media screen and (max-height: 360px) {
    .divArshanDialog .Desc { max-height: 175px !important; }
}

/* Uploader */
.uploaderContainer { display: inline-block; width: 100%; border: 2px dotted #000; padding: 5px; font-family: Tahoma; font-size: 13px}
    .uploaderContainer input { opacity: 0; position: absolute; width: 80px; height: 35px; cursor:pointer}
    .uploaderContainer .addFile {text-align:center;color:#fff}
    .uploaderContainer .addFileBtn { background-color: #29cb07; padding: 5px; cursor: pointer; width: 70px; height: 25px; display: inline-block; border-radius: 5px; }
    .uploaderContainer .uploadAll { text-align: center; color: #fff; padding: 0 10px}
    .uploaderContainer .uploadAllBtn { background-color: #3789f2; padding: 5px; cursor: pointer; width: 70px; height: 25px; display: inline-block; border-radius: 5px; }
        .uploaderContainer .uploadAllBtn:hover { background-color: #1c71de; }
    .uploaderContainer .files { margin-top: 10px }
    .uploaderContainer .fileEntry { background-color: #edebeb; direction: ltr; padding: 5px; border: 1px solid #d3d2d2; margin-bottom: 5px; font-size: 12px }
        .uploaderContainer .fileEntry .fileName { padding: 5px; width: 36%; display: inline-block; vertical-align: top; overflow: auto }
        .uploaderContainer .fileEntry .fileSize { padding: 5px; width: 15%; display: inline-block; vertical-align: top; overflow: auto }
        .uploaderContainer .fileEntry .fileType { padding: 5px; width: 20%; display: inline-block; vertical-align: top; overflow: auto }
        .uploaderContainer .fileEntry .previewInfo { width: 20%; display: inline-block;position:relative;right:-3px }
        .uploaderContainer .fileEntry .buttons { width: 40%; display: inline-block; text-align: right; vertical-align: top; height: 100%; top: 7px; position: relative; }
        .uploaderContainer .fileEntry .infos { width: 60%; display: inline-block }
        .uploaderContainer .fileEntry .preview img { max-width: 90px; position: relative; right: -10px }
        .uploaderContainer .fileEntry .preview video { max-width: 120px }
        .uploaderContainer .fileEntry .preview audio { max-width: 120px }
        .uploaderContainer .fileEntry .uploadFileButton { background-color: #3789f2; color: #fff; padding: 8px; border-radius: 5px; cursor: pointer; margin: 0 5px;vertical-align:top }
            .uploaderContainer .fileEntry .uploadFileButton:hover { background-color: #1c71de; }
        .uploaderContainer .fileEntry .uploadFileButtonError { background-color: #fd9f9f !important; }
            .uploaderContainer .fileEntry .cancelFileButton { background-color: #c84b00; color: #fff; padding: 8px; border-radius: 5px; cursor: pointer; margin: 0 5px; vertical-align: top }
            .uploaderContainer .fileEntry .cancelFileButton:hover { background-color: #b34807; }
        .uploaderContainer .fileEntry .uploadProgress { width: 100%; background-color: #d6cece; display: inline-block; height: 10px; margin-top: 10px; border-radius: 5px; }
        .uploaderContainer .fileEntry .uploadProgressFill { background-color: #f75454; display: inline-block; height: 10px; position: relative; top: -6px; border-radius: 5px; }
        .uploaderContainer .fileEntry .uploadMessage { display: inline-block; height: 20px; width: 100%; color: #F00; font-size: 11px; position: relative; top: -5px; direction: rtl }
.uploaderContainerHighlight { background-color: #dffce8; border-color: #2dad55 !important}