/* normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body,div,button,input,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}.clear:after{clear:both;display:table;line-height:0;content:""}ul li{vertical-align:top;list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;text-decoration:none}a:active,a:hover{outline:0;text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */ input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* helper class */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */}

.float-right{float:right;}                               


/* module alert */ 
.w_alertField p{padding:5px!important;font-size: 12px;text-align:center;color: #FFFFFF;}
.w_alertField {background: #5bc0de;position: absolute;color: #FFFFFF;border-radius: 2px;display: none;z-index: 1;}
.w_alert{display:none;} 

/* module loading */ 
div#w_window-loading{
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: block;
    z-index: 999999999;
    font-size: 32px;
    color: #515151;}
div#w_window-loading div{text-align:center;top:49%;position:absolute;width:100%;}

/* module tags */
div.select-tags{display: inline-block;border: 1px solid #ddd;box-shadow: inset 0 1px 2px rgba(0,0,0,.07);background-color: #fff;}
div.select-tags span.tag{    
    background: #5bc0de;
    display: inline-block;
    padding: 1px 5px;
    color: #fff;
    margin: 4px 0px 4px 4px;
    border-radius: 2px;
    font-size: 11px;}
div.select-tags span.tag i{margin-left: 4px;font-size: 9px;font-weight: 800;cursor:pointer;}
div.select-tags input[name="tag"]{margin-left:4px;border:0;padding:0;width:initial;}
div.select-tags input[name="tag"]:focus{border:0;box-shadow:0 0 0;}  
.list-tags {
    position: absolute;
    color: #FFFFFF;
    display: none;
    z-index: 1;}
.list-tags li{
    font-size: 11px;
    padding:2px 4px;
    margin:2px 0px;
    background: #5bc0de;
    color: #FFFFFF;
    border-radius: 2px;
    z-index: 1;
    cursor:pointer}

/* popup */
div.w_popup {width:100%;height:100%;position:absolute;top:0;z-index:999999;display:none;    overflow: auto;    background: rgba(0, 0, 0, 0.23);
    box-sizing: border-box;}
div.w_popup .overlay{
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    display:block!important;
    top: 0;
    right: 0;
    bottom: 0; 
    width:100%;
    height:100%; 
    left: 0;
    z-index: 1;}
div.w_popup .popup-wrapped{
    position: absolute;
    left: 50%;
    top:50%;
    z-index: 2;
    background: #FFF;
    box-shadow:0 1px 10px rgba(0, 0, 0, 0.1);
    display:block;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;}
div.w_popup .popup-wrapped.small-height-screen {top:30px!important;margin-top:0!important;}
div.w_popup .popup-wrapped.small-width-screen {width:95%!important;margin-left:0!important;left:2.5%!important;right:2.5%!important;}
div.w_popup .popup-wrapped .popup-header {
    top:0;
    width:100%; 
    border-bottom: 1px solid #CDCDCD;;
    font-size: 22px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); 
    position: relative;
    z-index: 2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
div.w_popup .popup-wrapped .popup-header > div {padding: 8px 15px 5px 15px;color:#343434;font-size: 16px;font-weight: bold;}
div.w_popup .popup-wrapped .popup-body { 
    position:relative;
    overflow-y: auto;
    bottom: 0px;
    left:0;
    right:0;}
div.w_popup .popup-wrapped .popup-close {
    float: right;
    font-size: 14px;
    color: #5E5E5E;
    margin-left: 16px;
    line-height: 21px;}
div.w_popup .popup-wrapped .popup-close:hover {color:#7E7E7E;}
div.w_popup{color:#000;font-size:15px;line-height:20px;}
div.w_popup input{width:100%;box-sizing: border-box;margin-bottom:5px;}
div.w_popup select{width:100%;box-sizing: border-box;margin-bottom:5px;}
div.w_popup p{padding-bottom:10px;}
div.w_popup form p{padding:0;padding-bottom:5px;}
div.w_popup .notification{
  font-weight: normal;
  margin: 0px 0 15px 0;
  text-align: center;
  background: #FDFFB8;
  border-radius: 3px;
  padding: 8px 10px;
  border: 1px solid #F0F0F0;}