﻿input[type=hidden] {
  display: none;
  visibility: hidden !important;
  height: 0px;
  width: 0px;
}

.login-container h1 {
  font-size: 30px;
}

.input-append.file-picker .add-on i, .input-prepend.file-picker .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

#add-users-modal-form.form-horizontal .control-group {
  margin-bottom: 5px;
}

#add-users-modal, #view-users-modal {
  width: 750px;
  margin-left: -375px;
}

.control-group .controls .map-preview {
  width: 300px;
  height: 300px;
}

textarea[readonly] {
  color: #939192;
  background: whitesmoke !important;
  cursor: default;
}

.pagination-container ul > li:first-child > a, .pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination-container ul > li.active > a, .pagination ul > li.active > a:hover {
  background-color: #6faed9;
  border-color: #6faed9;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.pagination-container ul > li {
  display: inline;
}

.pagination-container ul > li.active > a, .pagination ul > li.active > a:hover {
  background-color: #6faed9;
  border-color: #6faed9;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.pagination-container ul > li.active > a:hover {
  background-color: #045e9f !important;
}

.pagination-container ul > li > a, .pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0;
}

.pagination-container ul > li > a, .pager > li > a {
  border-width: 1px;
  border-radius: 0 !important;
}

.pagination-container ul > li > a, .pager > li > a {
  color: #2283c5;
  background-color: #fafafa;
  margin: 0 -1px 0 0;
  border-color: #e0e8eb;
}

.pagination-container ul > li > a:hover, .pager > li > a:hover {
  background-color: #eaeff2;
}

.login-layout input[type=password] {
  line-height: normal;
}

textarea,
select,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
  color: black;
}

#sidebar-shortcuts .form-left-nav-search #nav-search-icon {
  top: 7px;
}

input.input-xxlarge {
  width: 516px;
}

.margin-left-20 {
  margin-left: 20px;
}

.controls .btn-group-vertical .btn-multi-select {
  margin: 2px 2px;
}
.controls .btn-group-vertical .btn-multi-select .icon-on-right {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

#main-container #sidebar > .nav-search {
  padding-top: 0;
  height: auto;
}
#main-container #sidebar > .nav-search .input-icon {
  width: 100%;
}

.page-content .nav-search {
  position: absolute;
  right: 12px;
  line-height: 24px;
}
.page-content .help-inline.ml-15 {
  margin-left: 15px;
}

/*body[data-localization="ar"] { direction: rtl;}*/
body[data-localization=ar] .navbar .brand {
  float: right;
}
body[data-localization=ar] .navbar .nav.pull-right {
  float: left;
}
body[data-localization=ar] .navbar .nav.pull-right > li > .dropdown-menu {
  left: 0;
}
body[data-localization=ar] .navbar .nav.pull-right > li > .dropdown-menu:before {
  left: 43px;
  right: initial;
}
body[data-localization=ar] .navbar .nav.pull-right > li > .dropdown-menu:after {
  left: 43px;
  right: initial;
}
body[data-localization=ar] .navbar .nav.pull-right .dropdown-menu.dropdown-closer {
  top: 100%;
}
body[data-localization=ar] .navbar .nav.pull-right .dropdown-menu.dropdown-closer:before {
  left: 64px;
  right: initial;
}
body[data-localization=ar] .navbar .nav.pull-right .dropdown-menu.dropdown-closer:after {
  left: 64px;
  right: initial;
}
body[data-localization=ar] #main-container #sidebar.menu-min + #main-content {
  margin-right: 43px;
}
body[data-localization=ar] #main-container #sidebar {
  right: 0;
}
body[data-localization=ar] #main-container #sidebar #sidebar-shortcuts {
  direction: rtl;
}
body[data-localization=ar] #main-container #sidebar #sidebar-shortcuts .input-icon .search-query {
  padding-left: 6px;
  padding-right: 24px;
}
body[data-localization=ar] #main-container #sidebar #sidebar-shortcuts .input-icon #nav-search-icon {
  right: 3px;
  left: initial;
  top: 8px;
}
body[data-localization=ar] #main-container #sidebar.menu-min #sidebar-shortcuts {
  display: none;
}
body[data-localization=ar] #main-container #sidebar .icon-double-angle-left:before {
  content: "\f101";
}
body[data-localization=ar] #main-container #sidebar ul.nav.nav-list {
  direction: rtl;
}
body[data-localization=ar] #main-container #sidebar ul.nav.nav-list > li > a {
  padding: 0 7px 0 16px;
}
body[data-localization=ar] #main-container #sidebar ul.nav.nav-list > li > a .icon-cog {
  margin-left: 2px;
  margin-right: 0;
}
body[data-localization=ar] #main-container #sidebar ul.nav.nav-list > li > a .arrow.icon-angle-down {
  left: 9px;
  right: initial;
}
body[data-localization=ar] #main-container #sidebar ul.nav.nav-list > li > a:hover:before {
  left: initial;
  right: 0;
}
body[data-localization=ar] #main-container #sidebar ul.submenu li:before {
  left: initial;
  right: 26px;
}
body[data-localization=ar] #main-container #sidebar ul.submenu li a {
  padding: 7px 40px 8px 0;
}
body[data-localization=ar] #main-container #sidebar ul.submenu li a .icon-double-angle-right {
  left: initial;
  right: 12px;
}
body[data-localization=ar] #main-container #sidebar ul.submenu li a .icon-double-angle-right:before {
  content: "\f100";
}
body[data-localization=ar] #main-container #sidebar ul.submenu li:after {
  left: initial;
  right: 23px;
}
body[data-localization=ar] #main-container #main-content {
  margin-left: 0;
  margin-right: 190px;
}
body[data-localization=ar] #main-container #main-content #page-content {
  direction: rtl;
}
body[data-localization=ar] #main-container #main-content #page-content .form-horizontal .control-label {
  float: right;
  padding-right: 15px;
}
body[data-localization=ar] #main-container #main-content #page-content .form-horizontal .controls {
  margin-left: 0;
  margin-right: 180px;
}
body[data-localization=ar] #main-container #main-content #page-content .form-horizontal .controls input {
  padding-left: 20px;
}
body[data-localization=ar] #main-container #main-content #page-content .form-horizontal .controls .help-inline {
  padding-right: 5px;
}
body[data-localization=ar] #main-container #main-content #page-content .input-icon .search-query {
  padding-left: 6px;
  padding-right: 24px;
}
body[data-localization=ar] #main-container #main-content #page-content .input-icon #nav-search-icon {
  right: 3px;
  left: initial;
  top: 3px;
}
body[data-localization=ar] #main-container #main-content #page-content .btn > [class*=icon-] {
  margin-left: 4px;
  margin-right: 0;
}
body[data-localization=ar] #main-container #main-content #page-content table th, body[data-localization=ar] #main-container #main-content #page-content table td {
  text-align: right;
  direction: ltr;
}
body[data-localization=ar] #main-container #main-content #page-content .pagination-container {
  float: right;
}
body[data-localization=ar] #main-container #main-content #page-content .mce-tinymce .mce-flow-layout {
  direction: rtl;
  text-align: right;
}
body[data-localization=ar] #main-container #main-content #page-content .navigation-list-tmp .widget-header {
  padding-right: 12px;
}
body[data-localization=ar] #main-container #main-content #page-content .navigation-list-tmp .widget-header h4 {
  float: right;
}
body[data-localization=ar] #main-container #main-content #page-content .navigation-list-tmp .navigation-list {
  float: right;
}
body[data-localization=ar] #main-container #main-content #page-content .navigation-list-tmp .navigation-list .widget-body #navigationTreeRoot ul.jqtree-tree {
  margin-left: 0;
  margin-right: 12px;
}
body[data-localization=ar] #main-container #main-content #page-content .navigation-list-tmp .navigation-list .widget-body #navigationTreeRoot ul.jqtree-tree .jqtree-toggler {
  left: initial;
  right: -1.5em;
}
body[data-localization=ar] #main-container #main-content #page-content .navigation-list-tmp .navigation-list .widget-body #navigationTreeRoot ul.jqtree-tree ul.jqtree_common {
  margin-left: 0;
  margin-right: 12px;
}
body[data-localization=ar] #main-container #main-content #page-content .navigation-list-tmp .navigation-add-edit-form {
  margin-left: 0;
  margin-right: 2.5641025641%;
}
body[data-localization=ar] #main-container #main-content #page-content .margin-left-20 {
  margin-left: 0;
  margin-right: 20px;
}
body[data-localization=ar] #main-container #main-content .login-container {
  direction: rtl;
}
body[data-localization=ar] #main-container #main-content .login-container .input-icon.input-icon-right > input {
  padding-left: 24px;
  padding-right: 6px;
}
body[data-localization=ar] #main-container #main-content .login-container .input-icon.input-icon-right > [class*=icon-] {
  left: 3px;
  right: initial;
}
body[data-localization=ar] #main-container #main-content .login-container .span8 {
  float: right;
}
body[data-localization=ar] #main-container #main-content .login-container .span4.btn {
  margin-left: 0;
}
body[data-localization=ar] #main-container #main-content .login-container #login-box .toolbar > div:first-child {
  float: right;
}

.page-header h1 {
  margin: 0;
}

.form-horizontal .controls input.input-large, .form-horizontal .controls select.input-large {
  width: 320px;
}
.form-horizontal .controls input.input-xxlarge, .form-horizontal .controls select.input-xxlarge {
  width: 450px;
}

#navigations-widget-add-edit-body .form-horizontal .form-actions {
  float: none;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
}
.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .form-actions {
  padding-left: 160px;
  float: left;
  width: 100%;
}
.form-horizontal .controls {
  /*margin-left: 15px;
          margin-bottom: 5px;*/
  margin-left: 180px;
}
.form-horizontal .controls input {
  width: 220px;
  height: 30px;
}
.form-horizontal .controls input[type=radio] {
  width: 18px;
  height: 18px;
}

.block .input-icon input {
  float: left;
  width: 100%;
  height: 30px;
  padding-right: 0px;
}

.input-icon input {
  width: 160px;
  height: 30px;
  padding-right: 0px;
}
.input-icon button {
  height: 30px;
}

.form-search select {
  width: 200px;
}

.form-group {
  width: 100%;
}
.form-group .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.form-group .controls {
  /* float: left;
          padding-left: 15px;
              */
}
.form-group .controls textarea {
  width: 220px;
}
.form-group .controls .textarea-full-width {
  width: 100%;
}
.form-group .controls .Body {
  width: 100%;
  height: 200px;
}
.form-group .controls #Content_ShortDescription {
  width: 100%;
  height: 100px;
}
.form-group .controls input[type=checkbox] {
  float: left;
  height: 13px;
  width: 13px;
  margin-top: 10px;
}
.form-group .controls select {
  width: 220px;
}
.form-group .controls select[multiple=multiple] {
  height: 100px;
}
.form-group .controls .file-picker button {
  height: 30px;
  width: 30px;
}
.form-group .controls .file-picker input {
  width: 190px;
}

.bootbox {
  /*padding: 300px;*/
  width: 560px;
  margin: 0 auto;
  top: 10%;
}
.bootbox .modal-header {
  background: #ffffff;
}
.bootbox .modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.bootbox .modal-body {
  background: #ffffff;
}

.btn-group-vertical {
  padding: 0px;
  padding-bottom: 90px;
  vertical-align: unset;
}

.input-icon input {
  width: 100%;
}

#nav-search .nav-search-icon {
  border: none;
}

.navbar:not(.navbar-collapse) .ace-nav {
  text-align: right;
}

#sidebar.menu-min #nav-search {
  display: none;
}
#sidebar.menu-min .nav.nav-list > li span {
  display: none;
}

@media (max-width: 767px) {
  #navbar .user-profile {
    display: none;
  }
  .ace-nav {
    text-align: right;
  }
}
.form-group .colorPickerControls .colorPickerBox {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -25px;
  margin-top: -4px;
}

.form-group .controls .control-label-text {
  padding-top: 5px;
}
.form-group .controls .control-anchor-text {
  padding-top: 5px;
  font-size: 14px;
  font-weight: Normal;
  vertical-align: middle;
  margin-bottom: 5px;
  display: block;
}

.replace-date-time {
  float: left;
  margin-right: 20px;
  padding-top: 4px;
}

.replace-date-time-or {
  float: left;
  padding-top: 4px;
  margin-right: 15px;
}
.replace-date-time-or .overwrite-content-banner {
  max-width: 447px;
  margin-bottom: 20px;
}
.replace-date-time-or .overwrite-content-banner .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
.replace-date-time-or .overwrite-content-banner .input-group-addon {
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: 30px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  background-color: #eee;
  border: 1px solid #ccc;
}

.lbl-or {
  margin-right: 20px;
}

.input-append.file-picker .add-on i, .input-prepend.file-picker .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.help-block, .help-inline {
  color: #595959;
  padding-left: 5px;
  margin-top: 7px;
  display: inline-block;
  vertical-align: middle;
}

.form-horizontal .opening-hours-label {
  width: 90px;
}
.form-horizontal .opening-hours-controls-container {
  margin-left: 100px;
}
.form-horizontal .opening-hours-controls-container .opening-hours-controls {
  float: left;
}

input[type=checkbox] {
  position: absolute;
  z-index: 12;
  width: 18px;
  height: 18px;
  display: inline-block;
}

.control-label .lbl {
  margin-left: 25px;
}

.file-picker-img-preview {
  max-width: 500px;
}

.table .icons a {
  font-size: 16px;
  margin-right: 5px;
}

a i {
  margin-right: 5px;
  cursor: pointer;
}

#add-contents-modal .modal-header .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
#add-contents-modal .modal-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}
#add-contents-modal .modal-body .span12 {
  min-height: 30px;
}
#add-contents-modal .modal-body #table-search-content input[type=checkbox] + .lbl, #add-contents-modal .modal-body #table-search-content input[type=radio] + .lbl {
  position: relative;
  z-index: 11;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 14px;
  min-width: 14px;
  font-weight: normal;
}

#view-contents-modal .modal-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

h4.bigger {
  font-size: 18px !important;
}

.form-ContentrelatedContent .form-group {
  margin-left: 0px;
}

.form-group .controls .send-reset-password-link {
  padding-top: 5px !important;
  padding-left: 0px !important;
}

.content-content-banner-filter .form-group .control-label, .navigation-group-filter .form-group .control-label {
  text-align: left;
}

.related-content-filter .form-group .control-label, .tyre-group-filter .form-group .control-label {
  text-align: left;
  width: auto !important;
}
.related-content-filter .form-horizontal .controls, .tyre-group-filter .form-horizontal .controls {
  margin-left: 130px !important;
}

.related-content-filter-modal .form-group .control-label {
  text-align: left;
  width: auto !important;
}
.related-content-filter-modal .form-group .controls {
  margin-left: 130px !important;
}

.form-control, select {
  width: 220px;
  vertical-align: middle;
}

.form-group .controls .input-group .input-group-btn {
  float: left;
}

.custom-radio-color input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 30px !important;
  height: 30px !important;
}

.custom-radio-color label {
  display: inline-block;
  padding: 15px 15px;
}

.custom-radio-color input[type=radio]:checked + label {
  border: 2px solid #0075FF;
}
