/* Regular panel */
.simple-panel{padding:15px 15px; background:#fff; border:1px solid #ddd; border-radius: 1px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);}
.simple-panel.margin-top{margin-top:25px;}

.simple-block{background:#fff; border:1px solid #ddd; border-radius: 1px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);}
.simple-block.margin-top{margin-top:20px;}
.simple-block.mt{margin-top:20px;}
.simple-block.mb{margin-bottom:20px;}

.simple-block > .header{display: flex; flex-flow: row nowrap; align-items: center; border-bottom: 1px solid #eee;}
.simple-block > .header > .label{display: block; flex:1 1 auto; vertical-align: middle; line-height:38px; min-height:38px; padding:0px 12px; color:#222; font-size:14px; font-weight: bold;}
.simple-block > .header > .side{display: block; flex:0 0 auto; vertical-align: middle; padding:0px 12px; text-align: right;}
.simple-block > .header.side-w50 > .side{width:50px;}
.simple-block > .header.side-w200 > .side{width:200px;}


.simple-block > .title{display: block; min-height:38px; padding:0px 12px; border-bottom: 1px solid #eee; line-height:38px; color:#222; font-size:14px; font-weight: bold;}
.simple-block > .inner{padding:10px 12px;}
.simple-block > .actions{padding:5px 12px; border-top:1px solid #ddd; background:#f5f5f5;}
.simple-block > .actions.center{text-align: center;}

/* Content block */
.content-block{display: block;}
.content-block.mt{margin-top:20px;}
.content-block.mt-15{margin-top: 15px;}
.content-block.mt-20{margin-top: 20px;}
.content-block.mb{margin-bottom:20px;}
.content-block.mb-15{margin-bottom: 15px;}
.content-block.mb-20{margin-bottom: 20px;}
.content-block > .block{display: block; width:100%; overflow: hidden;}
.content-block > .block.mb{margin-bottom:15px;}
.content-block > .block > .label{display: block; font-size:14px; color:#222; font-weight: bold;}
.content-block > .block > .label.mb{margin-bottom:10px;}
.content-block > .block > textarea{display: block; width:100%; height:200px;}
.content-block > .block > input{display:block; width:100%; padding:5px 8px; color:#222; font-size:15px; border:1px solid #ddd; background:#fff; border-radius:1px; box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.05);}
.content-block > .block > input.empty{color:#999;}
.content-block > .block > input:hover{border-color:#ccc;}
.content-block > .block > input:focus{border-color:#5b9dd9;}

.action-block{display: block;}
.action-block.mt{margin-top:20px;}
.action-block.mt-15{margin-top: 15px;}
.action-block.mt-20{margin-top: 20px;}

/* Regular table */
.regular-tbl{border:0px;}
.regular-tbl.fullwidth{width:100%;}
.regular-tbl tr.header > td{height:34px; padding:0px 10px; font-size:13px; line-height:15px; color:#333; font-weight: bold; border-bottom:2px solid #bbb; border-left:0px; border-right:0px; cursor:default;}
.regular-tbl tr.row > td{height:34px; padding:0px 10px; color:#000000; font-size:13px; line-height:15px; border:1px solid #dddddd; border-left:0px; border-right:0px; cursor:default;}
.regular-tbl tr > td.center{text-align: center;}
.regular-tbl tr > td .link, .regular-tbl tr > td .tbl-link{color:#000;}
.regular-tbl tr.row:hover > td{background:#f2f2f2;}

.regular-tbl td.cell.x1{width:1%;}
.regular-tbl td.cell.x2{width:2%;}
.regular-tbl td.cell.x3{width:3%;}
.regular-tbl td.cell.x4{width:4%;}
.regular-tbl td.cell.x5{width:5%;}
.regular-tbl td.cell.x6{width:6%;}
.regular-tbl td.cell.x7{width:7%;}
.regular-tbl td.cell.x8{width:8%;}
.regular-tbl td.cell.x9{width:9%;}
.regular-tbl td.cell.x10{width:10%;}
.regular-tbl td.cell.x11{width:11%;}
.regular-tbl td.cell.x12{width:12%;}
.regular-tbl td.cell.x13{width:13%;}
.regular-tbl td.cell.x14{width:14%;}
.regular-tbl td.cell.x15{width:15%;}
.regular-tbl td.cell.x16{width:16%;}
.regular-tbl td.cell.x17{width:17%;}
.regular-tbl td.cell.x18{width:18%;}
.regular-tbl td.cell.x19{width:19%;}
.regular-tbl td.cell.x20{width:20%;}
.regular-tbl td.cell.x21{width:21%;}
.regular-tbl td.cell.x22{width:22%;}
.regular-tbl td.cell.x23{width:23%;}
.regular-tbl td.cell.x24{width:24%;}
.regular-tbl td.cell.x25{width:25%;}
.regular-tbl td.cell.x30{width:30%;}
.regular-tbl td.cell.x35{width:35%;}
.regular-tbl td.cell.x40{width:40%;}
.regular-tbl td.cell.x45{width:45%;}
.regular-tbl td.cell.x50{width:50%;}
.regular-tbl td.cell.x55{width:55%;}
.regular-tbl td.cell.x60{width:60%;}
.regular-tbl td.cell.x65{width:65%;}
.regular-tbl td.cell.x70{width:70%;}
.regular-tbl td.cell.x75{width:75%;}
.regular-tbl td.cell.x80{width:80%;}
.regular-tbl td.cell.x85{width:85%;}
.regular-tbl td.cell.x90{width:90%;}
.regular-tbl td.cell.x95{width:95%;}
.regular-tbl td.cell.x100{width:100%;}

.regular-tbl td.cell.w100{width:100px;}
.regular-tbl td.cell.w110{width:110px;}
.regular-tbl td.cell.w120{width:120px;}
.regular-tbl td.cell.w130{width:130px;}
.regular-tbl td.cell.w140{width:140px;}
.regular-tbl td.cell.w150{width:150px;}
.regular-tbl td.cell.w160{width:160px;}
.regular-tbl td.cell.w170{width:170px;}
.regular-tbl td.cell.w180{width:180px;}
.regular-tbl td.cell.w190{width:190px;}
.regular-tbl td.cell.w200{width:200px;}
.regular-tbl td.cell.w210{width:210px;}
.regular-tbl td.cell.w220{width:220px;}
.regular-tbl td.cell.w230{width:230px;}
.regular-tbl td.cell.w240{width:240px;}
.regular-tbl td.cell.w250{width:250px;}

/* Notification */
.imperial-notification.imperial-cms > .ui-inner > .ui-wrapper{height:36px; overflow:hidden;}
.imperial-notification.imperial-cms > .ui-inner > .ui-wrapper > .ui-content{line-height:36px;}
.imperial-notification.imperial-cms > .ui-inner > .ui-wrapper > .ui-close{}

.imperial-messages.default.imperial-cms{margin:25px 0px 0px 0px; padding:0px 20px;}

/* Buttons */
.inline-btn{display:inline-block; vertical-align: middle; padding:0px 10px; margin:2px 2px 2px 2px; text-decoration: none; height:24px; line-height:22px; color:#222; font-size:12px; border-radius:2px; border:1px solid #cacaca; color:#111; background-color:#fcfcfc; cursor:pointer;}
.inline-btn.fullwidth{display: block; width:100%;}
.inline-btn.with-icon{padding-left:5px; padding-right:8px;}
.inline-btn.with-icon > i{display: inline-block; vertical-align: middle; width:18px; height:22px; line-height:22px; text-align: center; font-size:11px; color:#111;}

.inline-btn.iconic{padding:0px 0px;}
.inline-btn.iconic > i{display: inline-block; vertical-align: middle; width:22px; height:22px; line-height:22px; text-align: center; font-size:11px; color:#111;}
.inline-btn:hover{background-color:#f8f8f8; border-color:#c1c1c1; color:#222;}
.inline-btn:active{box-shadow:inset 0px 0px 2px rgba(0, 0, 0, 0.1);}

.inline-btn.no-margin{margin:0px 0px;}
.inline-btn.no-left-margin{margin-left:0px;}
.inline-btn.no-vertical-margin{margin-top:0px; margin-bottom:0px;}

/* Sizes */
.inline-btn.small{height:24px; line-height:22px; font-size:12px; border-bottom-width:1px; border-radius: 2px;}
.inline-btn.with-icon.small{padding-left:5px; padding-right:8px;}
.inline-btn.with-icon.small i{width:20px; height:22px; line-height:22px; font-size:12px;}
.inline-btn.iconic.small{width:25px; padding:0px 0px;}
.inline-btn.iconic.small i{width:22px; height:22px; line-height:22px; font-size:12px;}

.inline-btn.normal{height:28px; line-height:26px; font-size:13px; border-bottom-width:2px; border-radius: 2px;}
.inline-btn.with-icon.normal{padding-left:5px; padding-right:8px;}
.inline-btn.with-icon.normal i{width:20px; height:26px; line-height:26px; font-size:12px;}
.inline-btn.iconic.normal{width:28px; padding:0px 0px;}
.inline-btn.iconic.normal i{width:26px; height:26px; line-height:26px; font-size:12px;}

.inline-btn.medium{height:32px; line-height:30px; padding-left:12px; padding-right:12px; font-size:12px; border-bottom-width:2px; border-radius: 2px;}
.inline-btn.with-icon.medium{padding-left:6px; padding-right:12px;}
.inline-btn.with-icon.medium i{width:22px; height:30px; line-height:30px; font-size:14px;}
.inline-btn.iconic.medium{width:32px; padding:0px 0px;}
.inline-btn.iconic.medium i{width:30px; height:30px; line-height:30px; font-size:14px;}
.inline-btn.medium:active{box-shadow:inset 0px 0px 3px 1px rgba(0, 0, 0, 0.10);}
.inline-btn.medium.gray:active{box-shadow:inset 0px 0px 1px 1px rgba(0, 0, 0, 0.05);}

.inline-btn.large{height:36px; line-height:34px; padding-left:14px; padding-right:14px; font-size:12px; border-bottom-width:2px; border-radius: 2px;}
.inline-btn.with-icon.large{padding-left:6px; padding-right:14px;}
.inline-btn.with-icon.large i{width:26px; height:34px; line-height:34px; font-size:16px;}
.inline-btn.iconic.large{width:36px; padding:0px 0px;}
.inline-btn.iconic.large i{width:34px; height:34px; line-height:34px; font-size:16px;}
.inline-btn.large:active{box-shadow:inset 0px 0px 3px 1px rgba(0, 0, 0, 0.10);}
.inline-btn.large.gray:active{box-shadow:inset 0px 0px 1px 1px rgba(0, 0, 0, 0.05);}

/* Colors */
.inline-btn.teal{background-color:#26a69a; border-color:#00897b; color:#fff;}
.inline-btn.teal > i{color:#fff;}
.inline-btn.teal:hover{background-color:#009688; border-color:#00796b;}

.inline-btn.red{background-color:#ef5350; border-color:#e53935; color:#fff;}
.inline-btn.red > i{color:#fff;}
.inline-btn.red:hover{background-color:#e53935; border-color:#c62828;}

.inline-btn.green{background-color:#4caf60; border-color:#388e4a; color:#fff;}
.inline-btn.green > i{color:#fff;}
.inline-btn.green:hover{background-color:#48a25b; border-color:#388648;}

.inline-btn.purple{background-color:#7e57c2; border-color:#5e35b1; color:#fff;}
.inline-btn.purple > i{color:#fff;}
.inline-btn.purple:hover{background-color:#673ab7; border-color:#512da8;}

.inline-btn.indigo{background-color:#5c6bc0; border-color:#3949ab; color:#fff;}
.inline-btn.indigo > i{color:#fff;}
.inline-btn.indigo:hover{background-color:#3f51b5; border-color:#303f9f;}

.inline-btn.blue{background-color:#1e7bbe; border-color:#105f98; color:#fff;}
.inline-btn.blue > i{color:#fff;}
.inline-btn.blue:hover{background-color:#1d72af; border-color:#165b8c;}

.inline-btn.orange{background-color:#ffb300; border-color:#ff8f00; color:#fff;}
.inline-btn.orange > i{color:#fff;}
.inline-btn.orange:hover{background-color:#ffa000; border-color:#ff6f00;}

/* Page content layout */
.pcl-container{display: flex; width:100%; flex-flow:row nowrap;}
.pcl-container > .pcl-item{display: block; flex:1 1 auto;}
.pcl-container > .pcl-item.half{width:50%;}
.pcl-container > .pcl-item.side{flex:0 0 300px; padding-left:20px;}
.pcl-container > .pcl-item.pr{padding-right:20px;}
.pcl-container > .pcl-item.pl{padding-left:20px;}

/* Form layout */
.form-layout{display: block;}
.form-layout > .title{display: block; margin:0px 0px 20px 0px; font-size:16px; font-weight: bold; line-height:20px;}
.form-layout > .row{display: flex; flex-flow: row nowrap; align-items: center; margin:5px 0px 5px 0px;}
.form-layout > .row.mt-x15{margin-top:15px;}
.form-layout > .row.mb-x15{margin-bottom:15px;}
.form-layout > .row:first-child, .form-layout > .row.first{margin-top:0px;}
.form-layout > .row > .column{display: block; flex:1 1 auto; vertical-align: middle;}
.form-layout > .row > .column.label{min-height:18px; line-height:18px; margin-right:15px; font-size:13px; color:#222;}
.form-layout > .row > .column.value{line-height:18px; min-height:18px; font-size:13px; color:#222;}

/* Align */
.form-layout > .row.center{text-align:center; align-content: center;}

/* Label */
.form-layout.default > .row > .column.label{flex:0 0 150px;}
.form-layout.pcl-side > .row > .column.label{flex:0 0 85px;}
.form-layout.label-w200 > .row > .column.label{flex:0 0 200px;}
.form-layout.label-w190 > .row > .column.label{flex:0 0 190px;}
.form-layout.label-w180 > .row > .column.label{flex:0 0 180px;}
.form-layout.label-w170 > .row > .column.label{flex:0 0 170px;}
.form-layout.label-w160 > .row > .column.label{flex:0 0 160px;}
.form-layout.label-w150 > .row > .column.label{flex:0 0 150px;}
.form-layout.label-w140 > .row > .column.label{flex:0 0 140px;}
.form-layout.label-w130 > .row > .column.label{flex:0 0 130px;}
.form-layout.label-w120 > .row > .column.label{flex:0 0 120px;}
.form-layout.label-w110 > .row > .column.label{flex:0 0 110px;}
.form-layout.label-w100 > .row > .column.label{flex:0 0 100px;}

/* Fullwidth */
.form-layout.fullwidth{width:100%;}
.form-layout.fullwidth > .row{width:100%;}
.form-layout > .row > .column.fullwidth{width:100%;}

/* Actions */
.form-actions{display: block; margin-top:15px;}
.form-actions.center{text-align: center;}
.form-actions.mt15{margin-top:15px;}
.form-actions.mt20{margin-top:20px;}
.form-actions.mt25{margin-top:25px;}

/* Select */
.form-select option, .form-select optgroup{padding:0px 5px; font-size:14px; color:#222; font-style: normal;}
.form-select > optgroup > option{padding:0px 10px;}

/* Textarea */
.form-textarea{display:block; height:120px; padding:4px 8px; font-size:14px; line-height:22px; color:#333; border:1px solid #ddd; background:#fff; border-radius:1px; box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.05);}
.form-textarea.h120{height:120px;}
.form-textarea.h150{height:150px;}

/* Input */
.form-input, .form-select, .form-checkbox {display:inline-block; color:#333; font-size:14px; border:1px solid #ddd; background:#fff; border-radius:1px; box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.05);}
.form-input:hover, .form-select:hover, .form-textarea:hover, .form-button:hover, .form-checkbox:hover {border-color:#ccc;}
.form-input:focus, .form-select:focus, .form-textarea:focus, .form-button:focus, .form-checkbox:focus {border-color:#5b9dd9;}
.form-input.empty, .form-textarea.empty{color:#bbb;}

.form-input, .form-select{height:30px; padding:0px 8px; font-size:14px; line-height:30px;}
.form-input.large, .form-select.large, .form-textarea.large{width:320px;}
.form-input.medium, .form-select.medium, .form-textarea.medium{width:180px;}
.form-input.small, .form-select.small, .form-textarea.small{width:50px;}
.form-input.w270, .form-select.w270, .form-textarea.w270{width:270px;}
.form-input.w150, .form-select.w150, .form-textarea.w150{width:150px;}
.form-input.w100, .form-select.w100, .form-textarea.w100{width:100px;}
.form-input.w50, .form-select.w50, .form-textarea.w50{width:50px;}
.form-input.w40, .form-select.w40, .form-textarea.w40{width:40px;}

.form-input.fullwidth, .form-select.fullwidth, .form-textarea.fullwidth{display: block; width:100%;}
.form-input.center, .form-select.center, .form-textarea.center{text-align: center;}
.form-input.disabled, .form-select.disabled, .form-textarea.disabled{border-color:#ccc; background:#eee;}


/* Form submit */
.form-button {display:inline-block; color:#333; font-size:14px; border:1px solid #ddd; background:#fff; border-radius:1px; box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.05);}
.form-button {height:30px; padding:0px 8px; font-size:14px; line-height:30px;}

/* Pagination */
.wpg-wrapper{display: block; padding:20px 0px; font-size:0px;}
.wpg-wrapper > .page{display: inline-block; vertical-align: middle; width:26px; height:26px; line-height:26px; margin:0px 4px 4px 0px; font-size:12px; color:#000; text-align: center; border-radius: 2px; cursor:pointer;}
.wpg-wrapper > .page:hover{background:rgba(0, 0, 0, 0.1);}
.wpg-wrapper > .page:active{background:rgba(0, 0, 0, 0.12);}
.wpg-wrapper > .page.current{background:#1e7bbe; color:#fff;}

/* Datepicker */
.form-datepicker{position: relative;}
.form-datepicker > .icon{position: absolute; right:0px; top:0px; width:30px; height:100%; background:url('../images/icons/icon-calendar-x17-gray.png') center center no-repeat; cursor: pointer;}