/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 4, 2014, 8:16:30 PM
    Author     : basem
*/

.file_manager {
    background: none repeat scroll 0 0 #fff;
    border-radius: 2px;
    box-shadow: -1px 2px 5px #aeaeae;
    display: none;
    margin: 2%;
    min-height: 90%;
    position: fixed;
    width: 96%;
    z-index: 11100;
}

.file_manager_header {
    border-bottom: 1px solid #eee;
    height: 50px;
    width: 100%;
}

.file_manager_tabs {
    padding: 0 10px;
    position: relative;
    top: 17px;
    width: 100%;
}

.file_manager_content {
    display: block;
    float: left;
    min-height: 250px;
    width: 100%;
}

.file_manager_footer {
    background: none repeat scroll 0 0 #f9f9f9;
    border-top: 1px solid #eee;
    bottom: 0;
    float: left;
    height: 60px;
    position: absolute;
    width: 100%;
    margin: 0;
    padding-top: 13px;
    z-index:9999
}

.file_manager_close {
    right: 11px;
    position: absolute;
    top: 11px;
    cursor: pointer;
    font-size: 18px
}

.file_manager iframe {
    border: 0px;
}

.dz-thumbnail > img {
    max-width: 133px;
}

.cinema {
    background: none repeat scroll 0 0 #000000;
    display: block;
    height: 100%;
    opacity: 0.4;
    position: fixed;
    width: 100%;
    z-index: 1060;
    display: none;
}

.dz-error:hover .dz-error-message, .dz-success .dz-success-mark {
    display: none;
}

.media-grid-wrapper{
    height: 472px;
    overflow-y: scroll;
    width: 69%;
}

.dz-preview {
    border: 1px solid #ddd;
    border-radius: 2px;
    cursor: default;
    display: inline-block;
    margin: 15px 0 0 15px;
    padding: 1px 11px;
    vertical-align: top;
    width: 160px;
    cursor: pointer
}

.dz-preview.active {
    border: 3px solid #1e8cbe;
}

#library-area {
    background: none repeat scroll 0 0 #f1f1f1;
    float: left;
    width:100%
}

.media-grid-wrapper{
    background: #fff;
}


.modal-dialog{
    z-index: 9999999999;
}

.upload_errors {
    display: block;
    height: 100px;
    /*overflow-y: scroll;*/
}


.right-mark{
    display: none;
}

.dz-preview .right-mark{
    display: none;
}

.dz-preview.active .right-mark{
    position:absolute;
    background: none repeat scroll 0 0 #1e8cbe;
    color: #fff;
    float: right;
    margin-left: -19px;
    margin-top: -9px;
    padding: 4px;
    position: absolute;
    z-index: 17;
    display: inline-block

}

.dropzone-box {
    border-radius: 3px;
    cursor: pointer;
    min-height: 284px;
    padding: 0 15px 15px 0;
    position: relative;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    width: 100%;
    background: #f7f7f4;
    border: 1px solid #ccc;
    height: 450px;
}

.details-box-image img{
    width: 100%
}

.details-box-name .file_name{
    font-weight: bold;
} 


.non-editable .media-grid-wrapper{
    width: 100%
}

.non-editable .media-form-wrapper{
    display: none;
}

.vid {
    color: #707070;
    font-size: 43px !important;
    /*left: 30px;*/
    opacity: 0.6;
    position: absolute;
    /*top: 17px;*/
}

#upload-area{
    height: 485px;
    max-height: 485px;
    overflow-y: scroll;
    padding: 10px;
}

.upload-area-list{
    margin-left: 66px
}


.search-area-list{
    float: right !important;
    margin: -8px 25px 0 0;
    width: 300px;
}

.filter-bar{
    width: 4%;
    float:left
}

.filter-bar a {
    color: #848484;
    display: block;
    font-size: 19px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
}

.filter-bar a.active {
    background: #fff;
}

.non-editable {
    float: left;
    width: 96%;
}


.media_loader{
    display: none;
}
.mediaform {
    height:430px;

}

.gallery_rows {
    height: 500px;
    margin: 11px 6px;
    overflow-y: scroll;
}

.gallery_row {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: -3px -2px 0 #fff;
    cursor: pointer;
    height: 83px;
    margin: 10px 0 0 10px;
    overflow: hidden;
    padding: 7px;
}

.gallery_row.active {
    background: none repeat scroll 0 0 #5d5d5d;
    border: 1px solid #a9a9a9;

}

.gallery_row.active *{
    color: #f1f1f1 !important;
}


.gallery_row .gallery_image {
    float: left;
    width: 33%;
}

.gallery_row .gallery_image img {
    height: 64px;
    width: 64px;
}

.gallery_row .gallery_details {
    float: right;
    padding-left: 4px;
    width: 66%;
}

.gallery_row .gallery_details .gallery_details_name {
    color: #6e6e6e;
    font-weight: bold;
}

.gallery_row .gallery_details .gallery_details_count {
    color: #8c8c8c;
}