/* css admin */

/* common */
.clear {clear:both;}
.form_error {display: block; margin-top: 3px; font-size: 90%; color: red;}
.fancybox img {cursor: zoom-in;}
input[type=text], input[type=password], select, textarea {padding: 5px 5px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle;}

#codeigniter_profiler, #codeigniter_profiler legend {font-size: 13px !important;}
#codeigniter_profiler code {background: none !important;}

/* bootstrap and sb_admin overrides, additionals */
body {background: none;}
.btn-default {background-color: #f5f5f5;}
.collapse-enable .panel-heading {cursor: pointer;}
.collapse-enable .panel-title:after {font-family: 'Glyphicons Halflings'; content:"\e113"; float: right; color: gray;}
.collapse-enable .collapsed .panel-title:after {content:"\e114";}
.panel-title {font-weight: 700;}
.panel-primary .panel-heading {color: #FFF; background-color: #337AB7; border-color: #337AB7;}
.sidebar {border-right: 1px solid #E7E7E7;}
#page-wrapper {padding-top: 20px; padding-bottom: 40px; border-left: none; position: relative;}
.page-header {margin-top: 0;}
.atwebFooter {position: absolute; left: 0; right: 0; bottom: 0; padding: 0 30px; text-align: right;}
.atwebLogo {display: inline-block; width: 80px; height: 28px; background: url(../images/atwebLogo.png) no-repeat;}

/* header, topmenu */
.header, .loginHeader {background: #3A7E89;}
.header h1 {float: left; margin: 0 0 20px; font-size: 16px; color: white; font-family: Verdana, sans-serif; }
.topMenu {padding-left: 15px; padding-right: 65px;}
.topMenu {background: black; padding-top: 4px; padding-bottom: 4px; margin: 0;}
.topMenu li {list-style: none; display:inline-block; padding: 1px 0; margin: 3px 0;}
.topMenu, .topMenu a {color:white; font-size: 100%;}
.topMenu a {text-decoration: none; padding: 3px 7px;}
.topMenu a:hover, .topMenu .active a {background-color: rgb(0, 0, 0); background-color: rgba(128, 128, 128, 0.5); border-radius: 12px;}
.langSelector { margin: 0 0 10px; padding: 0; height: 15px;}
.langSelector li {list-style: none; display: inline-block; margin-left: 5px;}
.userMenu {float: right; margin: 3px 0 15px; color: white;}
.userMenu ul { display:inline; padding: 0; margin: 0 0 0 10px;}
.userMenu ul li {display:inline; list-style: none;}
.userMenu .userName {font-weight: bold;}
.userMenu a {color: white;}
.userMenu a.button {text-decoration: none; padding: 3px 10px; font-size:12px; color: white; background: #808080; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.15); border-radius: 10px;}
.userMenu a.button:hover {background-color: rgba(0, 0, 0, 0.1);}

/* narrow sidebar menu */
.toggle-narrow-sidebar {display: none !important;}

/* common lists */
.listTable th {background: #EEEEEE; padding-bottom: 20px;}
.listTable th div {position: relative; padding-right: 7px;}
.listTable th div .ordering { position: absolute; top: 0; right: 0; margin-right: -6px; }
.ordering a {display: block; width: 10px; height: 5px; opacity: 0.3; padding: 4px 2px;}
.ordering a:first-child {margin: 0 0 3px;}
.ordering a.active, .ordering a:hover {opacity: 1;}
.ordering .asc { background: url(../images/sortAsc.png) center no-repeat;}
.ordering .desc { background: url(../images/sortDesc.png) center no-repeat;}
.listTable th.narrow, .listTable td.narrow {width: 20px;}
.listTable td.icons {width: 16px; white-space: nowrap;}
.saveOrdering {white-space: nowrap;}
.saveOrderingButton {margin-left: 3px;}

/*  TODO: delete old icons */
.icon16 {display:inline-block; width:20px; height:20px; margin: 0px; background-position: center; background-repeat: no-repeat;}
a.icon16:hover {background-color: #F5F5F5; border-radius: 3px;}
.icon16.view {background-image: url(../images/view16.png);}
.icon16.edit {background-image: url(../images/edit16.png);}
.icon16.delete {background-image: url(../images/cross16.png);}
.icon16.reload {background-image: url(../images/reload16.png);}
.icon16.tick {background-image: url(../images/tick16.png);}
.icon16.info {background-image: url(../images/info16.png);}
.icon16.warning {background-image: url(../images/warning16.png);}
.icon16.green {background-image: url(../images/labelGreen16.png);}
.icon16.blue {background-image: url(../images/labelBlue16.png);}
.icon16.gray {background-image: url(../images/labelGray16.png);}
.icon16.yellow {background-image: url(../images/labelYellow16.png);}
.icon16.red {background-image: url(../images/labelRed16.png);}
.icon16.email_forward {background-image: url(../images/email_forward16.png);}
.icon16.fa {background-image: none;}

.fa.icon16 {font-size: 18px; color: #337ab7; text-decoration: none;}
.fa.icon16.green {color: #5cb85c;}
.fa.icon16.blue {color: #5bc0de;}
.fa.icon16.yellow {color: #f0ad4e;}
.fa.icon16.red {color: #d9534f;}
.fa.icon16.gray {color: #cccccc;}
a.fa.icon16:hover {color: #23527c; text-decoration: none;}
.fa.icon16.fa-times {font-size: 21px; width: 1em;}
.fa.icon16.fa-circle {font-size: 10px;}

.toolDesc {font-size: 12px; font-weight: bold; margin-left: 3px;}
.tableTools form, .tableTools > a {margin-bottom: 5px;}
.tableTools form {display: inline-block; margin-right: 20px; }
.tableTools form:last-child {margin-right: 0;}
.noContent {font-weight: bold; color: #999999; text-align: center; padding: 20px 0; margin-top: -20px;}
.filterForm {display:inline; float:right; vertical-align: middle; margin-right: 0 !important; margin-left: 0; line-height: 2.5em; text-align: right;}
.filterBox {display: inline-block; margin-top: 1px; margin-bottom: 1px;}
.filterBox select[multiple] {height: 4.3em;}
input.ordering {width: 45px; padding: 0 3px !important; font-size: 13px;}
input.ordering.prefilled {background: #FCF8E3;}
.filter_calender input[type=text] {width: 105px;}
.calendar, .filter_calendar input[type=text], .form_item_calendar input[type=text] {background-image: url(../images/calendar16.png); background-position: right 2px center; background-repeat: no-repeat;}

.pagination {display: block; margin: 15px 0;}
.pagination::before, .pagination::after {content: ""; clear: both; display: table;}
.pagination a, .pagination span {display: inline-block; padding: 2px 6px; min-width: 24px; text-align: center; background-color: #F2F2F2; border-radius: 3px; text-decoration: none; color: black; margin: 0 5px 0 0;}
.pagination a:hover, .pagination span {background-color: #DDDDDD;}
.pagination span.totalRows {float: right; background: none; padding-right: 0; margin-right: 0;}

/* common forms */
.form_item {margin: 1.3em 0;}
.form_item .fieldBox label {display: inline; width: auto; margin: 0; padding: 0; float: none; font-weight:700;}
.form_item .fieldBox select {max-width: 100%;}
.form_item .imageThumbs {margin: 0 0 3px;}
.form_item .imageThumbs > span {display: inline-block; text-align: center; padding: 0 0 5px; margin-right: 3px;}
.form_item .imageThumbs img {display: block; margin: 0 0 3px; border: 1px solid #EEEEEE;}
.form_item .imageThumbs input[type=checkbox] {display: inline; vertical-align: middle; top: 0; margin: 0 2px 0 0;}
.form_item .imageThumbs label .icon16 {display: inline-block; vertical-align: middle;}
.form_item .fileInputBox div {margin: 3px 0;}
.form_item.checkbox .fieldBox {margin-left: 20px;}
.form_item.text input, .form_item.password input, .form_item.textarea textarea {width: 100%;}
input[type=file] {border: 1px solid #CCC; vertical-align: middle; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 2px;}
.form_item.text input[readonly=readonly], .form_item.password input[readonly=readonly], .form_item select[readonly=readonly], .form_item textarea[readonly=readonly] {background: #F5F5F5;}
.form_item.mediaManager .fieldBox {margin: 0 0 3px 0; padding-right: 40px; position: relative;}
.form_item.mediaManager input {width: 100%;}
.form_item.mediaManager .mediaPopupButton {position: absolute; top: 0; right: 0;}
.form_item.select.multiple select {width: 100%; height: 120px;}
.form_item.subItem label {font-size: 90%;}
.form_item.icon_inside_field input, .form_item.icon_inside_field select, .form_item.icon_inside_field textarea {padding-right: 26px;}
.form_item.icon_inside_field .fieldBox {position: relative;}
.form_item.icon_inside_field .icon16 {position: absolute; top: 5px; right: 5px;}

/* media manager */
.dirMenu {padding: 0; margin: 0 0 20px;}
.dirMenu li {list-style: none; padding-left: 0; margin: 1px 0; font-weight: bold; position: relative;}
.dirMenu li > a {display: block; padding: 7px 0 7px 2px; text-decoration: none; color: black;}
.dirMenu li > a .icon16 {margin-right: 5px; vertical-align: bottom;}
.dirMenu li > a:hover {background-color: #f5f5f5;}
.dirTools {position: absolute; right: 2px; top: 5px;}
.edit_file_popup input[type=text] {width: 300px;}
.edit_dir_popup input[type=text] {width: 200px;}
.media_breadcrumbs {margin: 10px 0 10px;}
.media_breadcrumbs a {color: blue; margin-right: 3px;}
.media_breadcrumbs .title {font-weight: bold; padding-right: 5px;}
.mediaManagerFileIcon {width: 70px; height: 70px; border: 1px solid #E0E0E0; background: url(../images/file24.png) center no-repeat white;}
.mediaManagerBadImageIcon {width: 70px; height: 70px; border: 1px solid #E0E0E0; background: white;}
.mediaManagerFileUpload {width: 100%; box-sizing: border-box; padding: 15px 15px 10px; border: 1px solid #C5C5C5; border-radius: 3px;}
.mediaManagerFileUpload h4 {margin: 0 10px 5px 0; display: inline-block; vertical-align: top; padding-top: 7px; min-height: 40px; float: left;}
.mediaManagerFileUpload input {display: inline; margin: 0 0 5px 0;}
/* popup media manager */
.mce-window iframe {padding: 15px; box-sizing: border-box;}
.mediaPopup {background: white; height: 100%; padding-right: 15px;}
.mediaPopupBox {width: 95%; height: 95%;}
.mediaPopupBox iframe {background: white; border: 0; width: 100%; height: 90%;}
.mediaPopup .btn.choose {margin-bottom: 10px; width: 100%;}

/* edit item, detail item */
.itemEdit .left, .itemDetail .left {width:68%; padding-right: 2%}
.itemEdit .right, .itemDetail .right {width:28%; padding-left: 2%;}
.itemEdit .left, .itemEdit .right, .itemDetail .left, .itemDetail .right {float:left;}
.itemTable {border-collapse: collapse; width:100%;}
.itemTable td {padding:3px;}
.itemTable td:first-child {/*width:100px;*/ padding-right:2%; }
.itemEdit .label, .itemEdit label, .itemDetail .label, .itemDetail label { display: block; margin: 0 0 0.3em;}
.itemEdit input.medium, .itemEdit textarea.medium {max-width: 330px;}
.itemEdit input.narrow, .itemEdit textarea.narrow {width: 120px;}
.itemEdit textarea {resize: vertical; height: 80px;}
.pageChooser {margin-top: 6px;}
textarea.tiny_mce {height: 250px;}
.itemEdit textarea.highTextarea {height: 250px;}
.itemEdit .left textarea.tiny_mce {height: 320px;}
.itemEdit .buttons {margin-top: 0; margin-bottom: 2em;}
.itemEdit .buttons:last-child {margin-top: 2em; margin-bottom: 0;}
.itemEdit .buttons .btn {margin-bottom: 3px;}

.galleryImageList .imageText {width: 100%; height: 50px;}
.galleryImageList .imageName {font-size: 80%;}
.galleryImageList .infoBox {margin-top: -5px; font-size: 90%;}

/* submenu */
.submenu {margin: 0 0 15px;}

/* forum */
.itemEdit textarea.forum_text {height: 180px;}

/* email box */
.email_message {padding: 10px; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; min-height: 250px;}

/* popup */
.popupBox { display: none; position: absolute; left: 0; background: white; padding: 9px 18px 15px; z-index: 1002;  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);} 
.hide_popup_button {position: absolute; top: 7px; right: 15px; font-size: 20px; font-weight: bold; color: #858585; cursor: pointer; z-index: 1001;}
.hide_popup_button:hover {text-decoration: none; color: #ADADAD;}
.hide_popup_button:before {content: "×";}
.popupBox h2 {margin: 0 -18px 10px; padding: 0 55px 9px 18px; border-bottom: 1px solid #C5C5C5; font-size: 20px; font-weight: bold;}
.overlay { position: fixed; top: 0; height: 100%; width: 100%; z-index: 1001; background:black; opacity: 0.3;}
.popupBox .buttons {margin-top: 25px;}

/* TinyMCE ovverides */
body.mceContentBody {padding: 8px; min-width: 0;}
.mce-fullscreen {z-index: 1000 !important;}

/* responsive design */
body {min-width: 320px;}
@media only screen and (max-width: 959px) 
{
  .itemEdit .left, .itemEdit .right, .itemDetail .left, .itemDetail .right {float: none; width: 100%; padding-left: 0; padding-right: 0;}
  .form_item.mediaManager input {width: 100%;}
  .atwebFooter {padding: 0 15px;}
}

@media only screen and (min-width: 768px) 
{
  /* narrow sidebar menu */
  .narrow-sidebar .sidebar {width: 50px;}
  .narrow-sidebar #page-wrapper {margin-left: 50px;} 
  .narrow-sidebar #side-menu li a {padding-right: 5px; vertical-align: middle;}
  .narrow-sidebar #side-menu li a .text {display: none;}
  .narrow-sidebar #side-menu .arrow {position: relative; top: 3px;}
  .narrow-sidebar .nav-second-level li a {padding-left: 15px;}
  .toggle-narrow-sidebar {display: inherit !important; }
  .toggle-narrow-sidebar a {background-color: #d9edf7 !important;}
}