.colWrapper:after, .floatWrapper:after{content:''; display:block; clear:both; }

.col-1-1, .col-1{width: 100%; float:left; box-sizing: border-box;}
.col-1-2, .col-2{width: 50%; float:left; box-sizing: border-box;}
.col-1-3, .col-3{width: 33%; float:left; box-sizing: border-box;}
.col-2-3{width: 66%; float:left; box-sizing: border-box; }
.col-1-4, .col-4{width: 25%; float:left; box-sizing: border-box;}
.col-3-4{width: 75%; float:left; box-sizing: border-box;}


.roundedBox{ border:solid 1px gray; border-radius: 5px; margin: 10px; padding: 10px; }


.hidden{display:none; }

.loading-mask{ position: relative; min-height: 50px; }
.loading-mask .stopBtn{cursor: pointer; color: red; position: absolute; top:3px;  right: 3px;}
.loading-mask .reloadBtn{cursor: pointer; color: yellow;position: absolute; top:3px;  right: 3px; }
.loading-mask .maskInfoText{ text-align: center;  }
.loading-mask .maskInfoText span{color: white; background: black; padding: 5px; }
.nq-minimask{ position:absolute; top:0;bottom:0; left:0; right:0; background: url(/framework/images/loading.gif) rgba(255,255,255,0.3) no-repeat; }
.nq-minimask .infoText{  background: white; font-size: 1.5em; }

.label{ font-weight: bold; }

.ui-tabs .sub-form-wrapper {overflow-y: auto;}
.form-message{padding: 10px; text-align: center;}
.form-message.success{background: #a5f29d; color: black;}
.form-message.failure{background: #ff5a5a; color: black;}
.container-message{ position: fixed; top: 100px; width:80%; z-index: 9999; cursor:pointer; }

.form-error-global{position: fixed; top: 0; width: 100%; background: black; color: red; font-size:1.5em; padding: 20px; text-align:center; z-index: 9000; }
.form-date .clear{position:absolute; cursor:pointer; right: 7px; top:5px; font-weight: bold; }
.form-date-composite select.day{ width: 15%;}
.form-date-composite select.month{ width: 40%;}
.form-date-composite select.year{ width: 30%;}
.form-field .selectExtBox{ border: 2px solid #666; border-radius: 3px; background: #ddd; cursor: pointer; padding: 10px;  position: relative; }
.form-field .selectExtBox:hover{ background: #eee; }
.form-field .selectExtBoxClear{ background: #d00; position: absolute; top: 30px; right: 0;  cursor: pointer; width: 30px; height: 30px; text-align: center; }
.form-field .selectExtBoxClear:hover{ background: red; }
.form-field .selectExtBoxClear:after{content: 'X'}
dt[id*="Submited-label"]{display:none;}
dd[id*="Submited-element"]{display:none;}

input.numeric{text-align: right;}
.formItemValidationError{color:red;}
.formItemValidationErrorText{font-weight: bold;}

.listing .listing-controller,
.listing .filters{ border: 0px solid #aaa; padding: 3px; border-radius: 5px; position:relative; background: #eaeaea;}
.listing .listing-controller{
	background: #c9e6Ef; 
	background: #eaeaea; /* Old browsers */
	background: -moz-linear-gradient(top, #eaeaea 0%, #c9c9c9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eaeaea 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eaeaea 0%,#c9c9c9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eaeaea 0%,#c9c9c9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eaeaea 0%,#c9c9c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}
.listing .listing-controller:after{
    display:block; clear: both;  content: '';
}

.listing .filters ul.tree ul{
    padding-left: 20px;
}

.listing .filters::before{content:'Filtry:'; display:block; font-weight: bold; }
.listing .filter-item{ float:left; margin:0 2px; }
.listing .filters::after{content: ''; clear:both; display:block;}
.listing .filters input[type="button"]{ float:right; }
.listing .filters{height: auto; position:relative; overflow:hidden;}
.listing .filters.slidable{padding-bottom: 32px;}
.listing .filters.scrolled{/*height: 100px;*/ overflow:hidden; }
.listing .filters .switcher{cursor:pointer; position: absolute; display:block; bottom: 0; right: 0; left: 0; height: 16px;   background: white; text-align: center; box-shadow: 0px -5px 16px -2px rgba(0,0,0,0.75); }
.listing .filters .switcher:hover{background: yellow;}
.listing .filters .extraActions{ clear:right; float:right; }
.listing .selCol{padding: 10px;}
.listing th.sortable{ cursor:pointer; }
.listing th.sortedAsc{ font-weight: bold; }
.listing th.sortedDesc{ font-weight: bold; }
.listing th.sortedAsc:after{padding-left: 10px; content:" ↑" /*'\023F6'*/; }
.listing th.sortedDesc:after{padding-left: 10px; content:" ↓" /* '\023F7';*/; }

.listing th.sorted1:after{font-size:2em; }
.listing th.sorted2:after{font-size:1.5em; }
.listing th.sorted3:after{font-size:1em; }
.listing th.sorted4:after{font-size:0.8em; }
.listing tbody tr.clickable{cursor: pointer; }

.listing .pagination{  float: left; list-style: none; padding-top: 5px; }
.listing .pagination:after{display: block; clear:both; }
.listing .pagination li{ float: left; }
.listing .pagination li a { padding: 5px 10px;  }

.listing .pager{display:block; float: left; margin: 0px 10px; padding: 0 5px; }

.listing .grid-orderable td:first-child{ padding-left: 20px; background: url(../images/orderable.png) no-repeat; background-position: left center; cursor: move; position: relative;}
.listing .grid-order-menu { position: absolute; left: 0; width: 20px; height: 100%; cursor: pointer;}


.uploadedPhotos { list-style:none;} 
.uploadedPhotos li { float: left; margin: 5px; position: relative;}
.uploadedPhotos:after{content:''; display:block; clear:both; }
.uploadedPhotos li img{width: 100px;}
.uploadedPhotos li .remLink, .uploadedPhotos li .remGalleryLink{    border-radius: 3px;
    font-size: 0;
    height: 27px;
    padding: 1px;
    position: absolute;
    right: -14px;
    top: -10px;
    width: 27px;
}
.uploadedPhotos li .remLink, 
.uploadedPhotos li .remGalleryLink{ background: url(../../public/images/delmini.png) no-repeat;}
.uploadedPhotos.withoutThumb li .remLink, .uploadedPhotos.withoutThumb li .remGalleryLink{
    right: -32px;
}

.nqfGoogleMapWrapper {
    background: none repeat scroll 0 0 white;
    border-radius: 5px;
    padding: 7px;
    width: 100%;
}
.nqfGoogleMap{border-radius: 4px; box-sizing: border-box;} 


.ui-datepicker .ui-selected{background: red;}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }


/*  MEDIA MANAGER DIALOG */
.box{border-radius: 4px;margin: 1px; }
.full{position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; width: auto; height: auto; }
.col-left, .layout-west{position:absolute; left: 0px; top: 0px; bottom: 0px; }
.col-right, .layout-east{position: absolute; right: 0px; top: 0px; bottom: 0px;border-left:1px solid #cdcdcd; }
.layout-north{position: absolute; top: 0px; left: 0px; right: 0px; }
.layout-south{position: absolute; bottom: 0px; left: 0px; right: 0px; } 
.mm-toolbar{height: 60px; }
.mm-content{top: 60px;}
.qq-upload-button{     background: none repeat scroll 0 0 #1B83B8;border: 2px solid #CECECE;border-radius: 7px;box-shadow: 0 0 10px #175679 inset;cursor: pointer;color: #FFFFFF;padding: 8px;};
.use-file-btn:hover, .qq-upload-button:hover, button:hover{box-shadow:0 0 5px gray !important;}
.qq-uploader{position: relative; }
.qq-upload-list{min-width: auto; position:absolute; right: 0px; width: 100%; z-index: 9999; list-style: none; padding: 0px; }
.qq-upload-list li{padding: 0 3px; margin: 3px 0px; background: #ddd; width: 100%;}
.qq-progress-bar{background: red; height: 3px; display: inline-block;}
.qq-upload-failed-text{display:none;}
.qq-upload-file{display:block; font-size: 1.1em;}
.qq-upload-size{font-size: 0.9em;}
.qq-upload-cancel{position: absolute; right: 0px;}


.mm-catalogs-box{ width:30%; overflow:scroll;  }
.mm-catalogs-box .full{padding-top: 20px;}

.mm-files-box{ width:70%;}
.mm-files-box .box{ overflow-y: scroll; }
.mm-catalogs-box ul {font-size: 9px; }
.mm-toolbar #mm-file-uploader{ position:absolute; right:0px; top: 0px; width: 200px; height: 60px; }
.mm-files-list{list-style: outside none none;margin: 0;padding: 0 0 0 28px; }
.mm-files-list .file{position:relative; border-bottom:1px solid #cdcdcd;padding:6px 0 1px 0;}
.mm-files-list .file button{ margin: 0 2px; float: right;}
.mm-files-list .file input[type="checkbox"]{left:-14px;position:relative;top:-17px;}
.mm-files-list .file img{border-radius:4px; overflow:hidden; box-shadow: 0 0 10px #cdcdcd;}

.current-path{font-weight: bold; position:absolute; left: 0; top:0;} 

.mm-file-action-btn{ background: #b30d09 none repeat scroll 0 0;border:medium none;color:white;font-family:calibri;font-size:15px;font-weight:lighter;padding:2px 12px 5px;text-transform:lowercase;}

#toolbar .logout{border:medium none;border-radius:3px;font-size:11px;margin-right:7px;padding:4px; }


.folder-name{font-size:15px; font-weight: normal; text-align: left !important;}
.folder:hover > .folder-name{ color: green; cursor: pointer; }

.root-folder.folder.selected-folder ul .folder{border:0px solid #cdcdcd;}
.root-folder.folder.selected-folder ul{padding:0 10px;margin:0;list-style:none; text-align:left; }

/* *****  END OF MEDIA MANAGER DIALOG */

.timepicker svg.feather {
    width: 100%;
    height: 100%;
}



/* bootsrap overrides */
.nqf-alert{position: fixed;width: 90%;margin: 5%;cursor: pointer;z-index: 9999;}