body { font-size: 12px; color: #222; /*background: url(/themes/backend/public/liveedit/img/body-bg.png) top left repeat;*/ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; }

body.login { background: #eee; }

#l-wrapper { margin-bottom: 40px; }

.form-login-box { border-radius: 2px; width: 305px; min-height: 370px; background: url(/themes/backend/public/liveedit/img/login-box-bg.png) top left no-repeat;
    position: absolute; left: 50%; margin-left: -152.5px;
    top: 50%; margin-top: -185px;
}
.form-login-box .locale-switch { position: absolute; right: 14px; top: 10px; z-index: 50; }
.form-login-box .locale-switch .btn-group > a { font-size: 10px; border-color: #ccc; }
.form-login-box .locale-switch .btn-group > a span.caret { margin-top: -1px; }
.form-login-box .locale-switch .btn-group > a:hover { border-color: #bbb; }
.form-login-box .locale-switch .btn-group > a:active,
.form-login-box .locale-switch .btn-group > a:focus,
.form-login-box .locale-switch .btn-group.open > a { border-color: #aaa; }
.form-login-box .locale-switch .btn-group ul.dropdown-menu { font-size: 10px; border-radius: 2px; padding: 0; min-width: 80px; border: 0; }
.form-login-box .locale-switch .btn-group ul.dropdown-menu > li { }
.form-login-box .locale-switch .btn-group ul.dropdown-menu > li > a { padding: 5px; }
.form-login-box .locale-switch .btn-group ul.dropdown-menu > li > a:hover { background-color: #eee; color: #333; }

.form-login-box .login-logo { text-align: center; margin-bottom: 30px; position: relative; height: 146px; line-height: 146px; }
.form-login-box .form-login { padding: 0 30px; }
.form-login-box .form-control { position: relative; }
.form-login-box .errorMessage.alert { margin: 0; position: absolute; z-index: 50; right: 30px; left: 30px; top: 128px; }
.form-login-box input[type="text"] { margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.form-login-box input[type="password"] { border-top-left-radius: 0; border-top-right-radius: 0; }
.form-login-box label.checkbox { margin-top: 10px; margin-bottom: 13px; }
.form-login-box label.checkbox input[type="checkbox"] { margin-top: 2px; }
.form-login-box label span.text { font-weight: normal; }
.form-login-box button[type="submit"] { font-weight: normal; }
.form-login-box a.password-forgot,
.form-login-box a.back-website { color: #777; font-size: 11px; display: block; float: right; margin-top: 15px; }
.form-login-box a.back-website { float: left; }
.form-login-box a.password-forgot:hover,
.form-login-box a.password-forgot:active,
.form-login-box a.password-forgot:focus,
.form-login-box a.back-website:hover,
.form-login-box a.back-website:active,
.form-login-box a.back-website:focus { color: #444; text-decoration: none; }

.admin-navbar { margin-bottom: 35px; }

.page-title { margin-bottom: 10px; }
.page-title .back-btn { float: left; margin-top: -1px; }
.page-title .back-btn.without-title { margin-right: 20px; }
.page-title h1 { font-size: 17px; font-weight: 300; margin: 0; text-shadow: 1px 1px #fff; margin-top: 2px; }
.page-title h1.with-back-btn { margin-left: 10px; }
.page-title .actions { float: left; margin-left: 20px; margin-top: -2px; }
.page-title .actions.without-title { margin-left: 0; margin-top: 0; }
.page-title .actions.with-title { margin-top: 0; }
.page-title .actions .btn-group a, .page-title .actions .btn-group button { font-size: 10px; }
.page-title .description { margin-top: 7px; color: #666; }

.content-area { border-radius: 2px; min-height: 300px; background-color: #fff; padding-top: 15px; }

.tabs-container { margin-bottom: 20px; }
.tabs-container .nav-tabs { border-color: #1f589e; border-width: 4px; }
.tabs-container .nav-tabs li { margin-bottom: 0;}
.tabs-container .nav-tabs li a { border-radius: 0; padding: 0; height: 27px;
    line-height: 27px; padding: 0 10px; color: #222; font-weight: 400; border: 0; margin-right: 1px;
}
.tabs-container .nav-tabs li a.source { padding: 0 15px; }
.tabs-container .nav-tabs li a:hover,
.tabs-container .nav-tabs li a:active,
.tabs-container .nav-tabs li a:focus { color: #222; background: none; }
.tabs-container .nav-tabs li.active a,
.tabs-container .nav-tabs li a.active { border: 0; background: #1f589e; color: #fff; }

.modelview { }
.modelview.margin-top { margin-top: 51px; }

.modelview .form-group.with-radio-items > label, .modelview .form-group.with-checkbox-items > label { margin-bottom: 10px; }

.modelview .right-part { }
.modelview .right-part .right-part-title { height: 27px; line-height: 27px;
    border-bottom: 1px solid #000; padding: 0 10px; margin: 0; font-weight: 300; margin-bottom: 20px; }
.modelview .right-part .panel { margin-top: 4px !important; }

.modelview .panel { border-radius: 0px; margin-top: 4px !important; position: relative; }
.modelview .panel .panel-heading { background: #fff; border: 0; }
.modelview .panel .panel-heading .panel-title a,
.modelview .panel .panel-heading .panel-title span { font-size: 11px; text-decoration: none; color: #222; font-weight: 700; }
.modelview .panel .panel-heading .panel-title span { border-bottom: 1px solid #ddd; }
.modelview .panel .panel-heading a:hover,
.modelview .panel .panel-heading a:focus,
.modelview .panel .panel-heading a:active { text-decoration: none; background: #fafafa; }
.modelview .panel .panel-body { font-size: 11px; padding: 10px; background: #fff; box-shadow: inset 0 0 10px rgba(0,0,0,0.1); }
.modelview .panel .panel-body button,
.modelview .panel .panel-body .btn-dropzone { padding: 3px 10px; font-size: 11px; }
.modelview .panel .panel-body .btn-dropzone { position: relative; }
.modelview .panel .panel-body .text-value { font-weight: 700; margin-top: 5px; }
.modelview .panel .panel-body input[type="text"],
.modelview .panel .panel-body input[type="password"],
.modelview .panel .panel-body select,
.modelview .panel .panel-body textarea { font-size: 11px; }
.modelview .panel .panel-body input[type="text"].form-control-list-item,
.modelview .panel .panel-body input[type="password"].form-control-list-item,
.modelview .panel .panel-body select.form-control-list-item,
.modelview .panel .panel-body textarea.form-control-list-item { margin-bottom: 5px; }
.modelview .panel .panel-body input[type="text"],
.modelview .panel .panel-body input[type="password"] { height: 28px; }
.modelview .panel .panel-body select { height: auto; height: 28px; padding-top: 3px; padding-bottom: 3px; }
.modelview .panel .panel-body textarea { height: 60px; }
.modelview .panel .panel-body textarea.small { height: 30px; }
.modelview .panel .panel-body input[type="checkbox"],
.modelview .panel .panel-body input[type="radio"] { margin-top: 1px; }

.modelview .panel .panel-body input[type="text"].marginBottom,
.modelview .panel .panel-body input[type="password"].marginBottom,
.modelview .panel .panel-body select.marginBottom,
.modelview .panel .panel-body textarea.marginBottom { margin-bottom: 5px; }

.modelview .panel .panel-body label {  }
.modelview .panel .panel-body label.attr-changed { color: #ff6000 !important; }
.modelview .panel .panel-body label.checkbox,
.modelview .panel .panel-body label.radio { margin: 0; }
.modelview .panel .panel-body .has-children { margin-bottom: 7px; }
.modelview .panel .panel-body .child-elements { display: none; margin-bottom: 15px; background: #eee; border: 1px solid #dfdfdf; padding: 11px; padding-bottom: 0; }
.modelview .panel .panel-body .default-checkbox { }
.modelview .panel .panel-body .default-checkbox > label { padding-top: 7px; color: #222 !important; font-size: 11px; }
.modelview .panel .panel-body .default-checkbox > label > input[type="checkbox"] { margin-top: -1px; }
.modelview .panel .panel-body .default-checkbox > label > span { line-height: 1.2em; display: block; float: left; margin-top: -1px; }
.modelview .panel .panel-body .default-checkbox-vertical .default-checkbox.type-checkbox > label,
.modelview .panel .panel-body .default-checkbox-vertical .default-checkbox.type-radiobutton > label { padding-top: 0; }


.modelview .panel.without { border: 0 !important; }
.modelview .panel.without > .panel-heading { display: none !important; }
.modelview .panel.without .panel-body { border: 0 !important; box-shadow: 0 0 0 0; padding: 0 !important; }
.modelview .panel.without form .form-group button[type="submit"] {  }

.modelview .panel form.form-horizontal .form-group { }
.modelview .panel form.form-horizontal .form-group > label { text-align: left; margin-top: 5px; }

.modelview .panel .form-group.MWidget-widgets { margin-bottom: 0; }
.modelview .panel .form-group.MWidget-widgets .default-checkbox-vertical { margin-top: -9px; margin-bottom: 15px; }

.modelview .main .panel .form-group.MUser-sex .list-item-radio { float: left; margin-right: 20px; margin-bottom: 0; }

.modelview .panel .form-group.last-checkbox { margin-bottom: 6px; }

.content-area .col-md-12 .tree-structure.tree-structure-sortable ol li.item-container .item .item-label .label-text { width: 300px; }

.modelview .sidebar .panel .tree-structure ol.root { }
.modelview .sidebar .panel .tree-structure ol.root > li .item-checkbox { width: 188px; } 
.modelview .sidebar .panel .tree-structure ol.root > li.last > .item { }
.modelview .sidebar .panel .tree-structure ol.root > li > ol > li .item-checkbox { width: 168px; }
.modelview .sidebar .panel .tree-structure ol.root > li > ol > li > ol > li .item-checkbox { width: 145px; }
.modelview .sidebar .panel .tree-structure ol.root > li > ol > li > ol > li > ol > li .item-checkbox { width: 122px; }

.modelview .sidebar .panel.MModuleTarget input[type="text"].sort-order { text-align: center; width: 40px; height: 20px; font-size: 10px; display: inline-block; margin-right: 3px; padding: 9px;}
.modelview .sidebar .panel.MModuleTarget table label.checkbox a { font-size: 11px; }

.modelview.helpdesk h2 { font-size: 14px; font-weight: 300; margin: 0; text-shadow: 1px 1px #fff; margin: 0; margin-bottom: 10px; }
.modelview.helpdesk .helpdesk-partner { background: #f2f2f2; padding: 10px; }
.modelview.helpdesk .helpdesk-partner .picture { max-height: 100px; overflow: hidden; margin-bottom: 10px; }
.modelview.helpdesk .helpdesk-partner .person-data { }

.messages-text-filter { margin-bottom: 30px; }
.messages-text-filter label.checkbox { font-size: 11px; }
.messages-text-filter label.checkbox input[type="checkbox"] { margin-top: 2px; }

.all-messages-container { }
.all-messages-container .message-item { font-size: 11px; margin-bottom: 5px; }
.all-messages-container .message-item .message-item-key { cursor: pointer; border: 1px solid #dddddd; padding: 8px 10px; }
.all-messages-container .message-item .message-item-key span.category { font-size: 11px; color: #999; padding-right: 5px; }
.all-messages-container .message-item .message-item-key span.not-translated { font-size: 11px; color: #999; padding-right: 5px; }
.all-messages-container .message-item:first-child .message-item-key {  }
.all-messages-container .message-item .message-item-key:hover { background: #fafafa; }
.all-messages-container .message-item .message-item-key.active {  }
.all-messages-container .message-item .message-item-locale-container { position: relative; border: 1px solid #dddddd; border-top: 0; display: none; padding: 10px; padding-bottom: 0; background: #fff; box-shadow: inset 0 0 10px rgba(0,0,0,0.1); }
.all-messages-container .message-item .message-item-locale { margin-bottom: 10px; }
.all-messages-container .message-item .message-item-locale-container .locale-save-btn { margin-bottom: 10px; }
.all-messages-container .message-item .message-item-locale-container .locale-save-btn a.btn { padding: 3px 10px; font-size: 11px; }

.big-btn { text-align: center; }
.big-btn a { color: #000; font-size: 18px; padding: 10px 30px; }

.grid-view { padding: 0 !important; overflow: hidden; position: relative; }
.grid-view table.items { }
.grid-view table.items thead { }
.grid-view table.items thead th { font-size: 1em; background: #777; font-weight: 400; text-align: left; height: 25px; padding: 0 10px; }
.grid-view table.items thead th a { font-weight: 400; color: #fff; display: block; }
.grid-view table.items thead th.button-column { min-width: 100px; }

.grid-view table.items tbody tr.odd,
.grid-view table.items tbody tr.even.selected,
.grid-view table.items tbody tr.odd.selected { background: #eee; }
.grid-view table.items tbody tr:hover { background: #e8e8e8; }
.grid-view table.items tbody td { font-size: 1em; padding: 5px 10px; }
.grid-view table.items tbody td.button-column a { min-width: 35px;}

.grid-view .summary { float: left; margin: 5px 0; font-size: 10px; color: #999; }
.grid-view .pagination { float: right; margin: 5px 0; font-size: 10px; color: #999; overflow: hidden; }
.grid-view .pagination ul { list-style-type: none; margin: 0; }
.grid-view .pagination ul li { float: left; }
.grid-view .pagination ul li a { color: #888; display: block; float: left; text-decoration: none; margin-left: 3px;
    border: 1px solid #ddd; height: 18px; line-height: 16px; padding: 0 7px; border-radius: 4px; }
.grid-view .pagination ul li a:hover { border-color: #bbb; }
.grid-view .pagination ul li.active a { color: #fff; background: #1f589e; border-color: #1f589e; }

.grid-view .filters input, .grid-view .filters select { padding: 3px 10px;  }


/********************************* BUTTONS ***************************************/

/*** blue ***/
.btn-blue {
  color: #ffffff;
  background-color: #1f589e;
  border-color: #0f4f94;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
  color: #ffffff;
  background-color: #00478a;
  border-color: #003170;
}
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
  background-image: none;
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
  background-color: #1f589e;
  border-color: #0f4f94;
}