body {
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  color: #404040;
}

.navbar {
  border-radius: 0px;
}

.form-control:focus, .input:focus, select {
  outline: 0 none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  outline-color: transparent;
  outline-style: none;
  border: 1px solid #B8B8B8;
}

.select2-drop-active {
  border: 1px solid #B8B8B8;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #B8B8B8;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #B8B8B8;
  outline: none;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ffffff;
  cursor: pointer;
}

form {
  margin-bottom: 0px;
}

.form-actions {
  margin-top: 7px;
  margin-bottom: 15px;
}
.form-actions .btn {
  margin-right: 15px;
}

.has-error .form-control, .has-error .select2-chosen, .has-error .select2-default, .has-error .select2-container .select2-choice .select2-arrow, .has-error .select2-container .select2-choice div, .has-error .select2-container .select2-choice abbr, .has-error .select2-choice, .has-error .checkboxLabel {
  background-color: #ebccd1;
}

.has-error .checkboxLabel {
  border-color: #a94442;
}

.has-success .checkboxLabel {
  border-color: #3c763d;
}

.has-error legend {
  color: #a94442;
}

.has-success legend {
  color: #3c763d;
}

.readonly {
  cursor: not-allowed;
}

.alert {
  margin-bottom: 15px;
}

hr {
  border-color: #eee;
  margin-top: 20px;
  margin-bottom: 15px;
}

a, a:hover, a:active, a:focus {
  color: #303030;
  text-decoration: underline;
}

a:hover {
  color: #202020;
}

.navbar a, .dropdown-menu a {
  text-decoration: none;
}

.navbar-brand {
  padding: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  background-color: #404040;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  background-color: #1C8A74;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background-color: #1C8A74;
}

label, legend {
  display: inline-block;
  font-weight: 400;
  margin-bottom: 5px;
  max-width: 100%;
  color: #606060;
  font-size: 14px;
  font-family: "Open Sans",sans-serif;
  border-bottom: 0px;
}

label .required, legend .required {
  color: #D73C3C;
}

tr.clickable td {
  cursor: pointer;
}

tr.row_context_menu td, tr.row_context_menu_other td, tr.row_context_menu_referents td {
  cursor: pointer;
}

tr.row_context_menu:hover td, tr.row_context_menu_other:hover td, tr.row_context_menu_referents:hover td  {
  background-color: #EBEBEB;
}

tr.highlightSelection td {
  background-color: #dff0d8;
}

thead {
  background-color: #ffffff;
}

thead .sorting {
  background: url("../images/sort_both.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  background-color: #ffffff;
  cursor: pointer;
}

thead .sorting_asc {
  background: url("../images/sort_asc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  background-color: #ffffff;
  cursor: pointer;
}

thead .sorting_desc {
  background: url("../images/sort_desc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  background-color: #ffffff;
  cursor: pointer;
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border-bottom: 0 none;
}

td .small {
  font-size: 12px;
  line-height: 1.20;
}

td .row_link {
  color: #1C8A74;
}

td .row_link:hover {
  color: #24B296;
}

td .row_link_warning {
  color: #8a6d3b;;
}

a.row_link_warning:hover {
  color: #b38e4e;;
}

td.font-weight-bold, div.font-weight-bold, span.font-weight-bold, p.font-weight-bold   {
  font-weight: bold;
}

#searchResultTable {
  margin-bottom: 15px;
}

.filterHighlighted {
  border: #1C8A74 2px solid;
}

.btn-success {
  background-color: #1C8A74;
  border-color: #1C8A74;
}

.btn-success:hover, .btn-success.active, .btn-success.focus, .btn-success:focus, .btn-success:active, .open > .dropdown-toggle.btn-success, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
  background-color: #24B296;
  border-color: #24B296;
}

.btn-danger {
  background-color: #D73C3C;
  border-color: #D73C3C;
}

.btn-danger:hover, .btn-danger.active, .btn-danger.focus, .btn-danger:focus, .btn-danger:active, .open > .dropdown-toggle.btn-danger, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
  background-color: #E66D6B;
  border-color: #E66D6B;
}

.modal {
  text-align: center;
}

.panel-hints {
  margin-top: 15px;
}

.panel-hints .panel-title, .panel-hints .panel-body {
  font-size: 12px;
}

.addonButton, .addonButton .select2-choices .select2-search-field input, .addonButton  .select2-choice, .addonButton  .select2-choices {
  border-radius: 4px 0px 0px 4px;
}

.addonButton .select2-choices .select2-search-field input, .addonButton  .select2-choice, .addonButton  .select2-choices {
  border-right: 0px;
}

.checkbox label, .radio label {
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 0;
  min-height: 34px;
  padding-left: 32px;
}

label.checkboxLabel {
  display: block;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 5px;
  padding: 5px 5px 5px 34px;
}

.checkbox .col-md-2 {
  padding: 0px;
  padding-left: 15px;
  padding-bottom: 15px;
}

.checkbox .col-md-2:first-child {
  padding: 0px;
  padding-bottom: 15px;
}

.checkbox .col-md-2:last-child {
  padding-bottom: 0px;
}

.checkbox .col-md-3 {
  padding: 0px;
  padding-left: 15px;
  padding-bottom: 5px;
}

.checkbox .col-md-3:first-child {
  padding: 0px;
  padding-bottom: 5px;
}

.checkbox .col-md-3:last-child {
  padding-bottom: 0px;
}

.checkbox .col-md-4 {
  padding: 0px;
  padding-left: 15px;
  padding-bottom: 5px;
}

.checkbox .col-md-4:first-child {
  padding: 0px;
  padding-bottom: 5px;
}

.checkbox .col-md-4:last-child {
  padding-bottom: 0px;
}

.checkbox .col-md-6 {
  padding: 0px;
  padding-left: 15px;
  padding-bottom: 5px;
}

.checkbox .col-md-6:first-child {
  padding: 0px;
  padding-bottom: 5px;
}

.checkbox .col-md-6:last-child {
  padding-bottom: 0px;
}

@media (max-width: 992px) {
  .checkbox .col-md-2 {
    padding: 0px;
    padding-left: 0px;
    padding-bottom: 15px;
  }

  .checkbox .col-md-3 {
    padding: 0px;
    padding-left: 0px;
    padding-bottom: 15px;
  }

  .checkbox .col-md-6 {
    padding: 0px;
    padding-left: 0px;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.dropdown-header {
  padding-bottom: 0px;
  margin-bottom: -2px;
}

.pagination > li > a, .pagination > li > span {
  color: #404040;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #1C8A74;
  border-color: #ddd;
  color: #fff;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: #24B296;
  border-color: #ddd;
  color: #fff;
}

.loginPage {
  background-color: #58595b !important;
}

.loginPage .content {
  background-color: #f9fafb;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  width: 400px;
  margin: 40px auto 10px auto;
  padding: 30px;
  padding-top: 10px;
  overflow: hidden;
  position: relative;
}

.loginPage .content h3 {
  text-align: center;
  font-size: 28px;
  font-weight: 400 !important;
}

@media (max-width: 440px) {
  .loginPage .content {
    width: 280px;
    margin-top: 15px;
  }
}

.logos_branches_container {
  width: 100px;
  height: 65px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  color: #ddd;
  background: #ffffff no-repeat center center;
  background-size: cover;
  border: 1px solid #ddd;
}

.portraits_container {
  width: 70px;
  height: 90px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  color: #ddd;
  background: #ffffff no-repeat center center;
  background-size: cover;
  border: 1px solid #ddd;
}

.iList_itemPanel {
  margin-bottom: 0px;
}

.iList_thumbContainer {
  height: 150px;
  display: block;
  background: #ffffff;
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px solid #ddd;
  background-size: cover;
}

.iList_thumbRemover {
  float: right;
  margin: 15px;
}

.iList_thumbRemover a {
  text-shadow: 0px 0px 5px #FFFFFF;
}

.iList_thumbRemover a:hover, .iList_thumbRemover a:focus, .iList_thumbRemover a:active {
  color: #1C8A74;
}

.iList_thumbDescription {
  width: 100%;
  padding-left: 7px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  font-size: 11px;
  text-align: left;
}

.iList_thumbAddNewContainer {
  height: 175px;
  display: block;
  background: ff22ff;
  border-radius: 4px 4px 0px 0px;
  border-bottom: 0px;
}

.iList_thumbAddNewContainer a {
  display: block;
  height: 175px;
  line-height: 200px;
  color: #ddd;
}

.iList_thumbAddNewContainer a:hover, .iList_thumbAddNewContainer a:focus, .iList_thumbAddNewContainer a:active {
  color: #1C8A74;
}

.iList_placeHolder {
  height: 175px;
  display: block;
  background: #123456;
}

#sortable { list-style-type: none; margin: 0; margin-left: -15px; margin-right: -15px; padding: 0; }
#sortable li { text-align: center; cursor: move; margin-bottom: 30px;}
#sortable li#addNew { cursor: pointer;}

.selectImageDialogImageContainer {
  width: 100%;
  height: 110px;
  overflow: hidden;
  background-color: #ffffff;
  background-image: url('');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-bottom: 30px;
}

.selectImageDialogImageContainerSelected {
  width: 100%;
  height: 110px;
  overflow: hidden;
  background-color: #ffffff;
  background-image: url('');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  border: #1f897f 2px solid;
  border-radius: 4px;
  margin-bottom: 30px;
}

body.mceContentBody, .mce-content-body {
  margin: 4px;
  font-size: 10pt;
}

div.tagItem {
  position: relative;
  display: inline-block;
  border: 1px solid #cccccc;
  background: white none repeat scroll 0 0;
  border-color: #cccccc;
  box-shadow: none;
  color: #555555;
  border-radius: 3px;
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px;
  margin-right: 3px;
  margin-bottom: 2px;
  white-space: nowrap;
  font-size: 12px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.statsEditControl {
  text-align: right;
}

.panel-stats .panel-title {
  font-size: 12px;
}

.panel-stats .panel-body {
  margin-bottom: -12px;
}

.heading-stats {
  margin-top: -2px;
  float: right;
  color: #606060;
  font-size: 12px;
}

.form-control-multiselect.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  right: 10px;
}
.form-control-multiselect.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 15px;
  word-wrap: break-word;
  max-width: 100%;
  overflow: hidden;
  font-size: 12px;
  line-height: 15px;
}

.form-control-multiselect.btn-group.show-tick .dropdown-menu li a {
  padding-top: 6px;
  padding-left: 10px;
}

.form-control-multiselect.btn-group .dropdown-menu {
  max-width: 150%;
}

.form-control-multiselect button.dropdown-toggle:hover, .form-control-multiselect.open > .dropdown-toggle.btn-default {
   background-color: #ffffff;
   box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
 }

[data-role="page"] {
    /* Styles */
}   

#context-menu li.disabled {
  clear: both;
  color: #333;
  display: block;
  font-weight: 400;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
}

.inheritParent a {
  opacity: .7; filter:Alpha(Opacity=70);
}

.inheritParent a:hover {
  opacity: 1.0; filter:Alpha(Opacity=100);
}

.inaktiveClubName {
  text-decoration: line-through;
  color: #909090;
  opacity: .5; filter:Alpha(Opacity=50);
}

.badge-row_link-warning {
  background-color: #f0ad4e;
  margin-top: -4px;
}

.badge-row_link-ok {
  background-color: #1C8A74;
  margin-top: -4px;
}

.badge-row_link-info {
  background-color: #2665a3;
  margin-top: -4px;
}

.badge-row_link-failed {
  background-color: #D73C3C;
  margin-top: -4px;
}

.alert ul {
  margin: 0px;
  padding: 0px;
  margin-left: 15px;
}

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.input-group .form-control:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-btn > .btn {
  border-left: 0px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}