/* ------------ active/module --------------- */
/**
* KCMS ActiveUI CSS
*
* @version 3.2.2016.0615
* @version 3.2.2017.0317 - js-active-address-error-notFound
* @version 3.2.2017.0523 - `.kcms-form-invalid`, `.kcms-form-valid` are deprecated ; css `-state_active-form-element-` is added
*/


/**
* @ KCMS Active Form Widget
**/
*[kcms-role="active-form"] .-state_active-form-element-invalid {
  box-shadow: 0 0 0 1px rgba(204, 0, 13, 0.5);
}
*[kcms-role="active-form"] .-state_active-form-element-valid {
  box-shadow: 0 0 0 1px rgba(2, 144, 7, 0.5);
}
*[kcms-role="active-form"] .js-active-form-errors {
  display: none;
}
*[kcms-role="active-form"] .js-active-form-result {
  display: none;
}


/**
* @ KCMS Active Address
**/
.js-active-address-input.js-active-address-error-notFound {
    border: 1px solid red;
}


/**
* @ KCMS Active Form Widget Select Dynamic styles
**/
*[kcms-role="active-form-select-dynamic"] .b-choice {margin: 0; padding: 6px 12px; border: 1px solid #CCCCCC; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
*[kcms-role="active-form-select-dynamic"] .b-choice li {padding: 0 5px 0 3px; list-style: none; cursor: pointer;}
*[kcms-role="active-form-select-dynamic"] .b-choice .root {background: #f5f5f5;}
*[kcms-role="active-form-select-dynamic"] .b-choice .selected {background: #428bca; color: #fff;}
*[kcms-role="active-form-select-dynamic"] .value-name {list-style: none; display: inline-block; margin: 0; padding: 7px 0;}
*[kcms-role="active-form-select-dynamic"] .js-kcms-entity-value {display: none;}

/**
* @ KCMS Active Form Widget Select Dynamic Parent styles
**/
*[kcms-role="active-form-select-dynamic-parents"] .b-choice {margin: 0; padding: 6px 12px; border: 1px solid #CCCCCC; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
*[kcms-role="active-form-select-dynamic-parents"] .b-choice li {padding: 0 5px 0 3px; list-style: none; cursor: pointer;}
*[kcms-role="active-form-select-dynamic-parents"] .b-choice li .icon {
    display: inline-block;
    width: 14px;
    height: 18px;
    background: url("../img/page_icon.png") no-repeat;
    margin: 4px 5px 0 0;
}
*[kcms-role="active-form-select-dynamic-parents"] .b-choice li.node .icon {background-image: url("add_icon.png");}
*[kcms-role="active-form-select-dynamic-parents"] .b-choice li.up .icon {background-image: url("back_icon.png");}
*[kcms-role="active-form-select-dynamic-parents"] .b-choice li.root .icon {background-image: none;}
*[kcms-role="active-form-select-dynamic-parents"] .b-choice .root {background: #f5f5f5;}
*[kcms-role="active-form-select-dynamic-parents"] .b-choice .selected {background: #428bca; color: #fff;}
*[kcms-role="active-form-select-dynamic-parents"] .value-name {list-style: none; display: inline-block; margin: 0; padding: 7px 0;}
*[kcms-role="active-form-select-dynamic-parents"] .js-kcms-entity-value {display: none;}

/**
* @ KCMS Active Form Widget Select Dynamic Table styles
**/
*[kcms-role="active-form-select-dynamic-table"] .l-choiceBorder {padding: 6px 12px; border: 1px solid #808080; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
*[kcms-role="active-form-select-dynamic-table"] table.b-choice {width: 100%;}
*[kcms-role="active-form-select-dynamic-table"] table.b-choice thead {color: #333333; font-weight: bold;}
*[kcms-role="active-form-select-dynamic-table"] table.b-choice tbody tr { cursor: pointer;}
*[kcms-role="active-form-select-dynamic-table"] table.b-choice tbody tr.selected  {background: #428bca; color: #fff;}
*[kcms-role="active-form-select-dynamic-table"] table.b-choice tbody td:first-child {padding-left: 3px;}
*[kcms-role="active-form-select-dynamic-table"] table.b-choice tbody td:last-child {padding-right: 5px;}
*[kcms-role="active-form-select-dynamic-table"] table.b-choice tfoot td {padding: 5px 0;}
*[kcms-role="active-form-select-dynamic-table"] ul.b-pager {display: table; margin: 0; padding: 0; list-style: none;}
*[kcms-role="active-form-select-dynamic-table"] ul.b-pager li {display: inline-block; margin: 0 5px;}
*[kcms-role="active-form-select-dynamic-table"] ul.b-pager li {display: inline-block; margin: 0 5px;}
*[kcms-role="active-form-select-dynamic-table"][kcms-entity="value"] {display: none;}

/**
* under construction css class
**/
.g-construction{position:relative}
.g-construction:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: block;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVFMDI1NjYyOTZGMTFFNTgzNTNCMjJGMzY0QkZBNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVFMDI1NjcyOTZGMTFFNTgzNTNCMjJGMzY0QkZBNjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUUwMjU2NDI5NkYxMUU1ODM1M0IyMkYzNjRCRkE2MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUUwMjU2NTI5NkYxMUU1ODM1M0IyMkYzNjRCRkE2MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjrLoukAAAA2SURBVHjaYty1axcDEvjPgAaY8EkCASMTPkmYCTgl0a3AkARpZsIniW4CIzYHM+GTBAGAAAMAV7IKPaS+0/gAAAAASUVORK5CYII=) !important;
}

/**
* loading css class
**/
.g-loading{ position:relative }
.g-loading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: block;
  width: 100%;
  height: 100%;
  background: url('loader.gif') 50% 50% no-repeat rgba(255,255,255,0.8);
  opacity: 1;
}

/**
* uploader css class
**/
*[kcms-role="active-form-uploader-xhr"] .b-uploader{display: block; position: relative; height: 50px; max-width: 300px;}
*[kcms-role="active-form-uploader-xhr"] input[type="file"]{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor:pointer; position: relative; z-index: 500;}
*[kcms-role="active-form-uploader-xhr"] .b-uploader__container{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #eaeaea; color: #767676;}
*[kcms-role="active-form-uploader-xhr"] .b-uploader__btn{position: absolute; top: 0; left: 0; height: 100%;min-width: 50px; background-color: #EBEBEB; text-align: center; line-height: 50px; font-size: 30px; color: #7D7D7D; z-index: 200;}
*[kcms-role="active-form-uploader-xhr"] .b-uploader__area{text-align: center; padding-left: 50px; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; line-height: 47px;}
*[kcms-role="active-form-uploader-xhr"] input[type="file"]:hover + .b-uploader__container{
  background-color: #FBFBFB;}
*[kcms-role="active-form-uploader-xhr"] input[type="file"]:hover + .b-uploader__container .b-uploader__btn{background-color: #D9D9D9;}

*[kcms-role="active-form-uploader-xhr"] .b-uploader.-state_error .b-uploader__container{
  color: #FF0202;
  border-color: #FF0202;
  background-color: #FFF6F6;
}
*[kcms-role="active-form-uploader-xhr"] .b-uploader.-state_error .b-uploader__container .b-uploader__btn{
  color: #FF0202;
  background-color: #FFF6F6;
}
*[kcms-role="active-form-uploader-xhr"] .b-uploader.-state_hover .b-uploader__container{
  color: #579666;
  border-color: #579666;
  background-color: #fff;
}
*[kcms-role="active-form-uploader-xhr"] .b-uploader.-state_hover .b-uploader__container .b-uploader__btn{
  color: #579666;
}