/* FONTS */
@font-face { font-family: Gravity; src: url('fonts/Gravity-Regular.otf'); }
@font-face { font-family: Gravity; font-weight:300; src: url('fonts/Gravity-Light.otf');}
/* @font-face { font-family: lws_icons; font-weight:normal; src: url('fonts/lws_icons.ttf');} */

/* MAIN ELEMENTS - SPATIAL ORGANISATION */
.lws-adminpanel{font-family:Gravity;font-weight:300;margin-top: 0.5em;margin-right: 1em;flex:1;display:flex;flex-direction:column;}
#lws-TopBar{margin: 0 0 1em 0;}
#lws-Tabs{position:relative;flex:1;}

/* ELEMENTS */
.ui-selectmenu-open{z-index:10;b}

/* Admin Panel Titles */
.lws-adm-title{float:left;font-size:1.5em;line-height:1.6em;padding: 0 0.3em 0 0.3em;font-family:Gravity;font-weight:300;text-transform:uppercase;}
.lws-admpanel-title{background:#666;color:#eee;}
.lws-title{background:#3fa9f5;color:#fff;}
.form-table th{font-weight:300;font-size:1.1em;}

/* Option Menu */
.lws-opt-menu{height:29px;min-width:350px;background:#333;border:none;float:right;display:block;}
.lws-opt-menu-logo{margin:3px;height:30px;display:block;float:left;}
.lws-opt-menu-logo a{text-decoration:none;}
.lws-opt-menu-link, .lws-opt-menu-support{padding:5px;display:block;float:left;border-left:1px solid #fff;}
.lws-opt-menu-link a{color:#eee;text-decoration:none;}
.lws-opt-menu-link a:hover{color:#3fa9f5;text-decoration:none;}
.lws-opt-menu-support{background:#3fa9f5;}
.lws-opt-menu-support a{color:#eee;text-decoration:none;}
.lws-opt-menu-support a:hover{color:#000;text-decoration:none;}

/* Tabs */
.lws-mtab-ul{background:transparent;border:none;border-radius:0;margin: 0;display: table;border-collapse: collapse;font-size: 1.1em;width:100%}
.lws-mtab-li{float:left;border-radius:0;border:none;background:#aaa;font-weight:300;font-size: 1.2em;line-height: 1.3em;margin:0;padding: .5em 1em;list-style: none;white-space: nowrap;}
.lws-mtab-li:hover{background:#666;}
.lws-mtab-li a{color:#fff;text-decoration:none;}
.lws-mtab-li.lws-tabs-active{background:#3fa9f5;cursor: text;}
.lws-mtab-li.lws-tabs-active a{cursor: text;}
.lws-mtab-content{border-top:2px solid #3fa9f5;background-color : #fafafa;padding : 0;}
#lws-adminpanel-activation-tab{float: right;background:#A34174}
#lws-adminpanel-activation-tab:hover{background:#EC52A3;}
#lws-adminpanel-showcase-tab{float: right;background:#EB2F77}
#lws-adminpanel-showcase-tab:hover{background:#FF3D47;}

/* Tab Content */
.lws-table-of-content{position:absolute;top:40px;left:0;right:0;bottom:0;display:flex;flex-direction:row;}
.lws-table-of-content-menu{color:#fff;min-width:200px;vertical-align: top;background:#4D4D4D;padding: 0;}
.lws-table-of-content-page{flex:1;background-color : #fafafa;display:flex;overflow:auto;padding-left:6px;}
.lws-table-of-content-page h2{margin:0;}
.lws-table-of-content-page-inside{flex:1;padding:0;}
.lws-table-of-content-page-inside > form {margin-top:-20px;margin:0;}

/* Table Of Content Menu */
.lws-toc-ul{padding:0;margin:0;}
.lws-toc-li{height:30px;margin:0;border-bottom:1px solid #999;position:relative;}
.lws-toc-li a{font-family:"Gravity";height:20px;font-weight:300;font-size:1.3em;color:white;text-decoration:none;padding:5px 0px 5px 5px;display:block;width:100%;}
.lws-toc-li a.active{background:#3f81c5;}

/* Content */
.lws-form-div{margin:0;padding:10px 0 10px 10px;}
.lws-input{min-height: 28px;}
input.lws-input[type="text"],
input.lws-input[type="search"],
input.lws-input[type="radio"],
input.lws-input[type="checkbox"],
input.lws-input[type="tel"],
input.lws-input[type="checkbox"],
input.lws-input[type="time"],
input.lws-input[type="url"],
input.lws-input[type="week"],
input.lws-input[type="password"],
input.lws-input[type="color"],
input.lws-input[type="date"],
input.lws-input[type="datetime"],
input.lws-input[type="datetime-local"],
input.lws-input[type="email"],
input.lws-input[type="month"],
input.lws-input[type="number"],
textarea.lws-input
{border:1px solid #ccc;box-shadow: none;-webkit-box-shadow:none;flex:auto;}
input.lws-input[type="text"]:focus,
input.lws-input[type="search"]:focus,
input.lws-input[type="radio"]:focus,
input.lws-input[type="checkbox"]:focus,
input.lws-input[type="tel"]:focus,
input.lws-input[type="checkbox"]:focus,
input.lws-input[type="time"]:focus,
input.lws-input[type="url"]:focus,
input.lws-input[type="week"]:focus,
input.lws-input[type="password"]:focus,
input.lws-input[type="color"]:focus,
input.lws-input[type="date"]:focus,
input.lws-input[type="datetime"]:focus,
input.lws-input[type="datetime-local"]:focus,
input.lws-input[type="email"]:focus,
input.lws-input[type="month"]:focus,
input.lws-input[type="number"]:focus,
textarea.lws-input:focus
{border:1px solid #3fa1f5;}
.lws-input::-moz-placeholder{color:#bbb;}
.lws-input::-webkit-input-placeholder{color:#bbb;}
.lws-input::placeholder{color:#bbb;}
.form_table{padding-left:10px;}
.lws-group-descr{margin:0;font-size:15px;background:#fefefe;border:1px solid rgba(63,169,245,0.2);padding:5px;}
.lws-blue-icon{color:#3fa1f5;font-size:15px;margin-right:5px;}
.lws-simple-title{box-sizing:border-box;width: 100%;border-bottom:1px solid #222;border-right:1px solid #222;background:#6f6f6f;height:30px;padding:0 0 0 5px;}
.lws-simple-title-text{color:#fff;font-family:"Gravity";font-weight:300;font-size:1.2em;line-height:1.4em;margin:0;}
.lws-autocomplete-select{overflow: hidden;position:relative;width:100%;height: 30px;}
.lws-adm-input-autocomplete{margin:0;border: 1px solid #ccc;box-sizing:border-box;height:28px;font-size:13px;color:#333;background:white;padding-right:28px;}
.lws-adm-btn-autocomplete{border:none;background:transparent;width:26px;height:26px;margin:0 0 0 -27px;padding:0;display:none;}
.lws-adm-btn-autocomplete span:after{content: "\e900";font-family: lws_icons;color:#3fa1f5;}
.ui-autocomplete{border:1px solid #ccc !important;border-top:none !important;box-shadow: none !important;}
.lws-admin-table{font-family:"Gravity";clear:both;}
.ui-autocomplete-loading {background: white url("lws-loader.svg") right center no-repeat;z-index:300;}
.lws-input-alert{color: red;border: 1px solid red;}
.lws-error{border: 1px solid #4D4D4D;width: 100%;font-style: italic;}
.lws-adm-media img{padding: 3px;border: 1px solid #f1f1f1;max-height: 200px;max-width: 100%;}
.lws-form-table-tr, .lws-form-table-tr th{position:relative;}
.lws-field-help{position:absolute;width:800px;top:0px;font-size:15px;background:#fefefe;border:1px solid rgba(63,169,245,0.2);padding:5px;}
.lws-aceEditor{min-height:300px;}
.lws-expl-table{background:white;border:none;border-collapse:collapse;margin-top:5px;}
.lws-expl-table td{padding:10px;}
.lws-expl-td{border-left:1px solid #bbb;}

/* Buttons */

.lws-adm-btn{background:#3f89c5;color:#fff;cursor:pointer;padding:5px 10px 5px 10px;text-decoration:none;border: none;border-radius: 0px !important;text-shadow: none !important;border-bottom:1px solid #666;}
.lws-adm-btn:hover{background:#3fa9f5;text-decoration:none;}

/* Edit-List */
.lws-editlist{font-family:"Gravity";clear:both;}
.lws-editlist-row{width: 100%;}
.lws-editlist-row:nth-child(even){background-color: #ffffff;}
.lws-editlist-row:nth-child(odd){background-color: #f1f1f1;}
.lws-editlist-cell{border-left: 1px solid white;}
.lws-editlist-header .lws-editlist-cell{background-color:#333333;color: white;}
.lws-editlist-fieldset{min-height:60px;box-sizing: border-box;}
.lws-editlist-fieldset label{clear:both;margin:10px 0 0 0;display:flex;}
.lws-editlist-fieldset br{display: block;content:"";margin-top:5px;}
.lws-editlist-fieldset input.lws-adm-input-autocomplete{width:100%;}
.lws-editlist-fieldset button.lws-adm-btn-autocomplete{	width:26px;height:26px;	margin:0 0 0 -26px;padding:0;line-height:28px;}
.lws-editlist-line-form{display:flex;flex-wrap: wrap;}
.lws-editlist-line-btns{clear:both;padding-top:10px;padding-right:10px;}
.lws-editlist-btn-sep{padding: 0 5px 0 5px;word-wrap: normal;overflow:visible;}
.lws-editlist-btn-del{color: red;cursor:pointer;word-wrap: normal;overflow:visible;}
.lws-editlist-btn-mod{color: #3fa1f5;cursor:pointer;word-wrap: normal;overflow:visible;}
.lws-editlist-btn-dup{color: #3fa1f5;cursor:pointer;word-wrap: normal;overflow:visible;}
.lws-editlist-btn-cancel{float:left;cursor:pointer;word-wrap: normal;overflow:visible;}
.lws-adm-btn.lws-editlist-btn-save{float:right;cursor:pointer;background:#3f89c5;color:#fff;cursor:pointer;text-decoration:none;border: none;border-radius: 0px !important;text-shadow: none !important;border-bottom:1px solid #666;}
.lws-adm-btn.lws-editlist-btn-save:hover{background:#3fa9f5;text-decoration:none;color:#fff;}
.lws-editlist-add{float: right}
.lws-editlist-title{text-transform: uppercase;color: #666;border-bottom:1px solid #3fa9f5;margin-right:10px;}
.lws-editlist-opt-title{font-weight:300;font-style: italic;color: #666;display: block;float: left;width: 8em;line-height: 28px;clear:both;}
.lws-editlist-opt-text{font-weight:normal;color: #333;display: block;line-height: 2.5;}
.lws-editlist-opt-input{display:block;padding: 0 10px 0 0;height: 28px;flex:auto;display:flex;box-sizing: border-box;position:relative;}
.lws-editlist-opt-input select{flex:auto;}
.lws-editlist-opt-input input[type="url"]{flex:auto;border:1px solid #ccc;box-shadow: none;margin:0;}
.lws-editlist-opt-input input[type="text"]{border:1px solid #ccc;box-shadow: none;}
.lws-editlist-buttons{overflow:visible;width:250px;}
.lws-tablenav-pages{clear:both;float:right;font-family:"Gravity";font-weight:300;color:black;margin-top: 10px;}
.lws-displaying-num{display:inline-block;margin-right:10px;}
.lws-paging-input input{width: 4em;}
.lws-paging-input span{margin-right: 3px;}
.lws-perpage-input{display: none;}
.lws-perpage-input span{margin-right:3px;}
.lws-perpage-input input{width: 4em;}
.lws-paging-navspan{display: inline-block;min-width: 17px;border: 1px solid #ccc;background:#fff;
					padding: 4px 5px 7px;line-height:1;font-size: 16px;text-align: center;margin:2px;cursor:pointer;}
.lws-paging-navspan-ko{background: #eee;color:#ccc;border-color:#aaa;}
.lws-paging-navspan-ok{color:#3fa9f5;}
.lws-paging-navspan-ok:hover{background-color:#3fa9f5;color:#fff;border-color:#3fa1f5}
.lws-paging-input input{border:1px solid #ccc;box-shadow: none;margin: 0px 1px 2px 1px;padding:4px 5px 2px 5px;}
.lws-editlist-filters{clear:both;}
.lws-editlist-actions{float:left;}
.lws-editlist-action input{font-family:"Gravity";font-weight:300;color:black;border:1px solid #ccc;box-shadow: none;}
.lws-editlist-filter{float:right;}
.lws-editlist-filter input{font-family:"Gravity";height:28px;margin-right:2px;font-weight:300;color:black;border:1px solid #ccc;box-shadow: none;}
.lws-editlist-filter button{margin-right:2px;}
.lws-editlist-filter a{text-decoration:none;font-size: 13px;}
.lws-editlist-filter-selection{float:left;padding-top:10px;}
.lws-editlist-filter-search{float:right;}
.lws-editlist-opt-icon{color:#3fa9f5;line-height:28px;flex:0 0 20px;}

/* LWS Autocomplete */
.lws-autocomplete{display:flex;flex:1 1 auto;margin:0;border: 1px solid #ccc;box-sizing:border-box;height:28px;font-size:13px;color:#333;background:white;}
.lws-autocomplete input{border:none;flex:auto;}
.lws-autocomplete input::-moz-placeholder{color:#bbb;}
.lws-autocomplete input::-webkit-input-placeholder{color:#bbb;}
.lws-autocomplete input::placeholder{color:#bbb;}
.lws-autocomplete-toggle{color:#3fa9f5;line-height:28px;flex:0 0 20px;padding:0 0 0 4px;}

/* Column Widths */
.col30{flex: 30 1 auto;}
.col35{flex: 35 1 auto;}
.col40{flex: 40 1 auto;}
.col50{flex: 50 1 auto;}

/* Flex */
.lws-flex-vert{display:flex;flex-direction: column;}
.lws-flex-hor{display:flex;flex-direction:row;}

/* Margins and Paddings */
.mgl5{margin-left:5px;}
.mgr5{margin-right:5px;}
.mgt10{margin-top:10px;}
.pdr5{padding-right:5px;}
.margin-autocomplete{margin:3px 0 0 3px;}

/* Line Height */
.lws-small-height{line-height: 1.5em;}

/* Form Fields */
.lws-required-check{position: absolute;height:28px;width:16px;background-color:#ccc;color:#fff;line-height: 28px;font-size:12px;padding:0 0 0 4px;}
.lws-required-blue{background-color:#3fa9f5;}
.lws-required-green{background-color:#2bb300;}
.lws-required-red{background-color:#ff1d25;}
.lws-required-orange{background-color:#ff931e;}

/* jQuery SelectMenu */
.ui-selectmenu-menu {padding: 0;margin: 0;position: absolute;top: 0;left: 0;display: none;background:#fff;box-sizing:border-box;border:1px solid #999;border-top:none;}
.ui-selectmenu-menu .ui-menu {overflow: auto;overflow-x: hidden;margin:0;}
.ui-selectmenu-menu .ui-front .ui-selectemenu-open{box-sizing: border-box;}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {font-size: 1em;font-weight: bold;line-height: 1.5;padding: 2px 0.4em;margin: 0.5em 0 0 0;height: auto;border: 0;}
.ui-selectmenu-open {display: block;}
.ui-selectmenu-text {display: block;margin-right: 26px;overflow: hidden;text-overflow: ellipsis;padding-left:5px;height:26px;}
.ui-selectmenu-button {text-align: left;white-space: nowrap;box-sizing:border-box;line-height:28px;height:28px;display:block;border:1px solid #ccc;background:#fff;}
.lws-editlist-fieldset span.ui-selectmenu-button{flex:auto;margin:1px;}
.ui-selectmenu-button span.ui-icon {float: right;width:26px;height:26px;margin: 0 0 0 -26px;line-height: 28px;}
.ui-selectmenu-button span.ui-icon:after{content: "\e900";font-family: lws_icons;margin-left:6px;color:#3fa1f5;}
.ui-menu-item{padding:5px;margin-bottom:0;}
.ui-menu-item:hover{background:#3fa1f5}
.ui-icon{text-indent: 0;}

/* Submit Button */
p.submit
{position: fixed;right: 2.2em;bottom: 0;border:none;border-radius:0;background: #eee;padding: 1em !important;z-index:99999;}
input#submit{background:#3f89c5;color:#fff;text-decoration:none;border: none;border-radius: 0px !important;text-shadow: none !important;}
input#submit:hover{background:#3fa9f5;text-decoration:none;}


.lws-second-activation-method{cursor:pointer;font-size:10px;}
.lws-activation-info{}
.lws-activation-success{}
.lws-activation-error{}
