/*======================File List Page====================================*/ 

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    /*
    unselectable="on"
    onselectstart="return false;"
    onmousedown="return false;"*/
}

.file-manager-container .icon_view_mode .folder-file {
    float: left;
    margin: 5px;
    text-align: center;
    width: 80px;
    cursor: pointer;
    min-height: 100px;
    /*padding-top: 12px;*/
}

.file-manager-container .icon_view_mode .folder-file:hover{background: none repeat scroll 0 0 #dddddb;}


.file-manager-container .list_view_mode .folder-file {
    float: none;
    margin: 5px;
    text-align: left;
    width: 98%;
    cursor: pointer;
    min-height: 30px;
    border-bottom: 1px solid #d2d2d2;
}

.file-option-footer {
    float: right;
    /*width: 350px;*/
}
.up-directory-bnt span {display: block;margin: -2px 0 0 -5px;}

/*.file-manager-container .icon_view_mode .folder-file img{width:60px;height: 60px; margin: 0 0 0 18px;}*/
.file-manager-container .icon_view_mode .folder-file img{max-width:60px; max-height: 60px; margin: auto;}

.file-manager-container .icon_view_mode .folder-file img.full_images {display: block;}
.file-manager-container .icon_view_mode .folder-file img.list_images {display: none;}
.file-manager-container .icon_view_mode .folder-file .folder-file-name span.lable-size {display: none;}
.file-manager-container .icon_view_mode .folder-file .folder-file-name span.lable-date {display: none;}
.file-manager-container .icon_view_mode .folder-file .folder-file-name span.lable-title {color: #000; display: inline-block; font-size: 12px; overflow: hidden;width: 100%;margin: -5px 0; text-overflow: ellipsis;}

.file-manager-container .icon_view_mode .folder-file div.file-inner{width: 60px; height: 60px; display: block;}

.file-manager-container .list_view_mode .folder-file div.file-inner{display: inline;}

.file-manager-container .list_view_mode .folder-file img.list_images {width: 35px; height: auto;}
.file-manager-container .list_view_mode .folder-file img.list_images {display: inline-block; padding: 5px 8px 5px 5px;}
.file-manager-container .list_view_mode .folder-file img.full_images {display: none;}
.file-manager-container .list_view_mode .folder-file .folder-file-name {display: inline-block;  width: 83%;}
.file-manager-container .list_view_mode .folder-file .folder-file-name span.lable-title { color: #000;display: inline-block; font-size: 12px; overflow: hidden;width: 44%;margin: -5px 0;}

.file-manager-container .list_view_mode .folder-file .folder-file-name span.lable-size  { display: inline-block; font-size: 12px; width: 21%;}
.file-manager-container .list_view_mode .folder-file .folder-file-name span.lable-date  { display: inline-block; font-size: 12px; width: 21%;}

.loader_image {
    background: url("../images/loader.gif") no-repeat scroll 0 0 / 100px auto rgba(0, 0, 0, 0);
    display: none;
    height: 100px;
    left: 45%;
    position: absolute;
    top: 29%;
    width: 100px;
}

.up-directory-bnt {
    /*margin: 2px 20px 15px;*/
    position: relative;
    width: 180px;
    cursor: pointer;
}


.up-directory-bnt span{
    font-weight: bold;
    left: 45px;
    position: absolute;
    top: 10px;
}

.no-record {font-weight: bold;margin: 10px auto;}

.file-option-footer div {width: 34px; float: left; margin: 0 0 0 5px; cursor: pointer;}
.file-option-footer div img {padding: 4px;width: 100%;opacity: 0.7;border: 1px solid #fff;}
.file-option-footer div img:hover {opacity: 1; border: 1px solid #8F8F8F; border-radius: 3px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset}
.file-manager-container {height: 362px;overflow-y: scroll; position: relative;}

.her_folder_inline {margin-top: 5px; padding-left:10px;background-image: url('../images/icon-left.png'); background-repeat: no-repeat; background-position: -5px 0;padding-right: 3px;}
.her_folder_inline.active_herc {font-weight: bold;}
.her_folder_inline.root_herc {background-image: none; padding-left: 0; }

#file-manager-body .panel.panel-default {margin-bottom: 0;}


/*======================Popup ==============================*/
.popup-function {padding: 20px;}
.popup-function ul { list-style: none; padding: 0; }
.popup-function ul li { padding-bottom: 5px;}

.popup-function .button input
{
    background-color: #323232;
    border: medium none #323232;
    color: #fff;
    float: left;
    height: 20px;
    padding-bottom: 5px;
    padding-top: 0px;
    text-align: center;
    text-transform: capitalize;
    width: 80px;
    text-decoration: none;
}

#option_folder_popup.popup-function .button input {margin-top: 20px;}
#option_file_popup.popup-function .button input {margin-top: 20px;}
.fancybox-close  { right: 45px !important; color: #fff !important; text-decoration: none !important; margin-bottom: 10px;}
.fancybox-close:hover {color: #fff;}

.popup-all-fields {
    margin: 10px;
}

.input-fields label {
    text-align: right;
    width: 80px;
}

.input-fields {
    text-align: left;
}
.all-options h3 {font-size: 20px; margin: 0px ; text-align: center;}
.all-options {padding: 0 0 30px; width: 240px;}
.all-options .folder-option-list > li , .all-options .file-option-list > li  {
    background: none repeat scroll 0 0 #52d2ff;
    color: #fff;
    list-style: outside none none;
    margin: 5px 0;
    padding: 6px 0;
    text-align: center;
    cursor: pointer;
}
.navbar-toggle {margin-left: 13px;}
.download-file-popup {display: block; color: #fff !important;text-decoration: none !important;}

.dropdown-menu a {text-decoration: none !important;}

/*.folder-option-rename {display: none;}*/
/*.file-option-rename {display: none;}*/

.file-option-footer div.folder-option {position: relative;}
.file-option-footer div.block-option {position: absolute; display: none; margin: 0px;}
.file-option-footer div.block-option img {display: block;width: auto; height: auto ; padding: 17px;} 


.folder-child {position: relative;}
.folder-child div.folder-setting-option {position: absolute; display: none; margin: 0px; z-index: 5;}
.folder-child div.folder-setting-option img {display: block;width: auto; height: auto ; padding: 0 10px 69px 40px;} 

.folder_additional_option {display: none;}
.move-folder-here {display: none;}
.file-option-footer div.folder-option.disable_images img {opacity: 0.3;}
.folder-option-disable {position: absolute; display: none; margin: 0px; z-index: 10;}

.move-file-here {display: none;}
.file_additional_option {display: none;}

#list-view {display: none;}

#delete_folder_popup .delete_block , #delete_file_popup .delete_block{
    display: block;
    padding: 13px 0 17px;
}
.all_folder_her {float: left; /*width:760px;;*/ min-height: 10px;}
#delete_folder_popup .delete_block .delete_msg {font-weight: bold;}
#delete_file_popup .delete_block .delete_msg {font-weight: bold;}
/* ===================================== Tooltip===================================== */

/* Base styles for this pen */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
}


/**
 * Tooltips!
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  font-weight: bold;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}



/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}



/*================Tree =================*/


.tree {
    min-height:20px;
    margin-top: 15px;
}


.tree #tree_root_folder {padding: 0px;}
.tree li {
    list-style-type:none;
    margin:0;
    padding:5px 5px 0;
    position:relative;
    display: none;
}
.tree li.root_folder {display: list-item;}


.tree li.parent_li.collapse_folder{}


.tree li::before, .tree li::after {
    /*content:'';*/
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:15px;
    width:25px
}
.tree ul {padding: 0 7px;}
.tree li span {
    display:inline-block;
    padding:3px 0 3px 17px;
    text-decoration:none;
    font-size: 12px;
}
.tree li div {
    display:inline-block;
    padding:3px 0 3px 17px;
    text-decoration:none;
    font-size: 12px;
}
.tree li span.expand_folder {background-image: url('../images/icon-right.png');background-repeat: no-repeat;background-position: 0 2px;}
.tree li span.collapse_folder {background-image: url('../images/icon-down.png');background-repeat: no-repeat;background-position: 0 2px;}
.tree li span img {
    margin-top: -5px;
    width: 20px;
}
.tree li div img {
    margin-top: -5px;
    width: 20px;
}

.tree li.parent_li>span {
    cursor:pointer
}
.tree li.parent_li>div {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover/*, .tree li.parent_li>span:hover+ul li span*/ {
    background-color:#eee;
    color:#000
}

.tree #tree_root_folder li span {cursor: pointer;}

.move_folder_popup .tree {min-height: 80px;max-height: 200px; overflow-y: scroll;} 


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
/*.file-option-footer { width: 260px;}*/
.file-option-footer div {margin: 1px;width: 30px;}
.loader_image {left: 33%; background-size: 65px;}
.view-mod .view-lab {display: none;}
.file-option-footer div.view-mod {margin: 5px; width: 30px;}
.all_folder_her {width: 260px;}
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
.file-manager-container .icon_view_mode .folder-file {width: 93px;}
.loader_image {left: 37%;}

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
  /*#left-sidebar { width: 25%;}*/
  .all_folder_her {width: 70%;}
}

@media only screen
and (min-device-width : 1025px)
and (max-device-width : 1199px) {
    /*#left-sidebar { width: 25%;}*/
 }

 /* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .file-manager-container {height: 849px !important;}
  
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    
   
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}