.gui-media .gui-media-list{clear:both;overflow:auto;border-style:solid;border-width:1px;padding:12px 0 12px 12px;}
.gui-media .gui-media-wrap{float:left;width:25%}
.gui-media .gui-media-wrap .gui-media-item{display:block;padding:2px;margin:0 12px 12px 0;border-style:solid;border-width:1px;border-bottom-width:2px;background:white;}
.gui-media .gui-media-wrap .gui-media-item-in{display:block;height:150px;background:white 50% 50% no-repeat;background-size:contain;position:relative}
.gui-media .gui-media-wrap .gui-media-item-progress{height:12px;position:absolute;width:90%;top:50%;margin-top:-6px;left:5%}
.gui-media .qui-media-upload {float:right}

.qui-upload-button {position:relative;display:none;z-index:1}
.qui-upload-button input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}

.gui-progress{display:none;top:0;left:0;position:absolute;z-index:10;right:0;bottom:0}
.gui-progress .gui-progress-progressbar{height:12px;position:absolute;top:50%;margin-top:-6px;left:12px;right:12px}

.gui-loader{display:block;position:absolute;top:0;left:0;bottom:0;right:0;}
.gui-loader .gui-loader-overlay{position:absolute;top:0;left:0;bottom:0;right:0;z-index:9999}
.gui-loader .gui-loader-icon{position:absolute;width:80px;height:80px;top:50%;left:50%;z-index:9999;margin:-40px 0 0 -40px;background-repeat:no-repeat;background-position:50% 50%;border-radius:40px}


.gui-selectfromtemplates{clear:both;overflow:auto;-webkit-overflow-scrolling: touch;border-width:2px;border-style:solid;margin-bottom:-30px;position:relative}
.gui-selectfromtemplates .gui-selectfromtemplates-item{padding:24px;border-top-width:1px;border-top-style:solid;cursor:pointer}
.gui-selectfromtemplates .gui-selectfromtemplates-item:first-child{border-top:0}


.gui-folderupload-button{display:none}
.gui-folderupload{display:none;z-index:9000;position:fixed;left:0;top:0px;width:100%;text-align:left}
.gui-folderupload .gui-folderupload-win{background:white;max-width:700px;margin:0 auto;display:block;position:relative;padding:12px 0 0 0;border-style:solid;border-width:1px 1px 2px 1px;box-shadow:0 0 0 2px #ffffff}
.gui-folderupload .gui-folderupload-win .gui-folderupload-progressbar{position:relative;height:24px;}
.gui-folderupload .gui-folderupload-win h3{margin:0 50px 6px 12px}
.gui-folderupload .gui-folderupload-win .gui-folderupload-close{text-decoration:none;display:none;position:absolute;top:12px;right:12px;font-size:28px;line-height:18px;height:20px;width:20px;text-align:center;font-weight:bold}


.gui-folderupload .gui-folderupload-win ul{padding:0 12px 0 12px;margin-top:10px;max-height:400px;overflow:auto}
.gui-folderupload .gui-folderupload-win ul li{border-top:1px solid #e4e4e4;padding:5px 0px 5px 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gui-folderupload .gui-folderupload-win ul li:first-child{border-top:0}
.gui-folderupload .gui-folderupload-win ul li .gui-folderupload-icon{width:16px;height:16px;line-height:16px;text-align:center;font-weight:bold;float:left}
.gui-folderupload .gui-folderupload-win ul li .gui-folderupload-filename{margin-left:6px}
.gui-folderupload .gui-folderupload-win ul li.gui-folderupload-state-done .gui-folderupload-filename{font-weight:bold}
.gui-folderupload .gui-folderupload-win ul li.gui-folderupload-state-error .gui-folderupload-icon:before{content:'!'}
.gui-folderupload .gui-folderupload-win ul li.gui-folderupload-state-error .gui-folderupload-filename{text-decoration: line-through;}


.gui-multiselect-disable{opacity:0.3;filter:grayscale(100%);cursor:not-allowed}
.gui-multiselect-disable a.more,.gui-multiselect-selectable a.more{display:none!important}

.grid td.gui-multiselect-gridmark{padding-right:0}

.gui-multiselect-selectable .gui-multiselect-checkmark{display:inline-block;width:24px;height:24px;background-position:50% 50%;background-repeat:no-repeat;border-radius:20px;border-style:solid;border-width:1px;box-shadow:0 0 0 2px white;transition:all 0.2s}

.gui-multiselect-selectable, .gui-multiselect-selectable td {position:relative;z-index:0}
.gui-multiselect-selectable .gui-multiselect-mark{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0);cursor:pointer;overflow:hidden}
.gui-multiselect-selectable .gui-multiselect-mark .gui-multiselect-overlay,.gui-multiselect-selectable .gui-multiselect-gridoverlay{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;transition:all 0.2s}
.gui-multiselect-selectable .gui-multiselect-mark:hover .gui-multiselect-overlay{opacity:0}
.gui-multiselect-selectable .gui-multiselect-mark .gui-multiselect-checkmark{opacity:0;position:absolute;right:-20px;bottom:20px;}
.gui-multiselect-selectable .gui-multiselect-mark:hover .gui-multiselect-checkmark{opacity:1;right:20px}


.gui-multiselect-selected .gui-multiselect-mark .gui-multiselect-overlay,
.gui-multiselect-selected .gui-multiselect-mark:hover .gui-multiselect-overlay{opacity:0.7}
.gui-multiselect-selected .gui-multiselect-mark .gui-multiselect-checkmark{opacity:1;right:20px}

.gui-toasts {position:fixed; bottom:20px; right:0; font-size:12px;white-space: nowrap;z-index: 1000;}
.gui-toasts .gui-toast {padding:6px 12px;background-color:black;color:white;animation: 0.2s gui-toast;margin-top:2px}

@keyframes gui-toast {
  from {opacity:0; transform: translate(100%, 0);}
  to {opacity:1; transform: translate(0, 0);}
}


@media (max-width: 1199px) {
}

@media (max-width: 1199px) and (min-width:959px) {
}

@media (max-width: 959px) {
  .grid td.gui-multiselect-gridmark{padding-top:8px;padding-right:6px}
  .gui-multiselect-selectable td.gui-multiselect-gridmark,
  .gui-multiselect-selectable td.grid-image,
  .gui-multiselect-selectable td.grid-icon {z-index:1}

}

@media (max-width: 480px) {
}