body {
    padding-top: 40px;
    font-family: 'Open Sans', sans-serif;
}

.well-login {
    padding: 2em;
}

tr.stripe {
    background-color: #f8f8f8;
}

.nav-pills > li.danger > a, .nav-pills > li.danger > a:hover {
    background-color: #ff0000 !important;
}

fieldset.form-box {
    border: 1px solid #dacbac !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.form-box {
    width:inherit;
    padding: 0 10px 10px 10px;
    border-bottom:none;
    margin-bottom: 0;
    font-size: 16px;
    color: #8a6d3b;
}

legend.box_subhead {
    font-size: 16px;
    color: #8a6d3b;
    margin-top: 20px;
}

span.field-mandatory {
    color: red;
    display: inline-block;
    margin-right: 4px;
}
div.form-group .alert {
    margin-top: 16px;
    margin-bottom: 8px;
    display: none;
}

.field-tack {
    display: inline;
    margin-left: 1em;
    font-size: 16px;
}
.field-tack-off a { color: #ccc; }
.field-tack-on  a { color: #ee0000; }

.popover-content {
    font-size: 12px;
}
.popover {
    min-width: 300px;
}

option span.item_count {
    font-size: 11px;
    color: #e66;
    padding-left: 1em;
}

ul.item_list {
    margin-left: 0;
    padding-left: 0;
}

ul.item_list li {
    border-radius: 5px;
    margin: 5px 5px 0 0;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-left: 6px;
    display: inline-block;
    border: 1px solid #00A8C3;
}

ul.item_list li {
    color: #00A8C3;
}
ul.item_list li a.remove_item {
    margin-left: 8px;
}
.badge-red {
    background-color: #EC5450;
}

#kt_opso_tutkinto, #og_opso_tutkinto {
    margin-left: 1.4em;
}

#kt_kesken_tarkennus {
    margin-left: 1.4em;
}

footer {
    margin-top: 60px;
}

.fa-cimson-ckp {
    color: #b20000;
    margin-right: 8px;
}
.fa-cimson-chp {
    color: #659823;
    margin-right: 8px;
}

/* itemtable */

table.item_table {
    background-color: #fff;
}
table.item_table td, table.item_table th {
    padding: 8px;
}
table.item_table th {
    border-bottom: 1px solid #555;
    border-right: 1px solid #ccc;
}
.row_add_item td {
    padding-top: 20px;
}
table.item_table tr.stripe {
    background-color: #EEF3DA;
}
#xtraPeopleModal.add .tbl_item_modal_title_edit { display: none; }
#xtraPeopleModal.add .tbl_item_modal_title_add { display: block; }
#xtraPeopleModal.edit .tbl_item_modal_title_add { display: none; }
#xtraPeopleModal.edit .tbl_item_modal_title_edit { display: block; }
#xtraPeopleModal .modal-header h3 {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    color: #b20000;
}
#xtraPeopleModal label {
    font-weight: 600;
}
#xtraPeopleModal.add  .btn-edit-save, #xtraPeopleModal.add .btn-edit-delete { display: none; }
#xtraPeopleModal.add  .btn-add-save { display: inline-block; }
#xtraPeopleModal.edit .btn-add-save { display: none; }
#xtraPeopleModal.edit .btn-edit-save { display: inline-block; }

tr.itemtable-row td {
    vertical-align: top;
}
tr.itemtable-row a {
    color: #444;
    text-decoration: none;
}

tr.itemtable-row:hover {
    background-color: #dce5b2 !important;
}


/* navbar */

.navbar-custom {
  background-color: #b20000;
  border-color: #910000;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e50000), to(#b20000));
  background-image: -webkit-linear-gradient(top, #e50000, 0%, #b20000, 100%);
  background-image: -moz-linear-gradient(top, #e50000 0%, #b20000 100%);
  background-image: linear-gradient(to bottom, #e50000 0%, #b20000 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe50000', endColorstr='#ffb20000', GradientType=0);
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #910000;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #910000;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #910000;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#910000), to(#c40000));
  background-image: -webkit-linear-gradient(top, #910000, 0%, #c40000, 100%);
  background-image: -moz-linear-gradient(top, #910000 0%, #c40000 100%);
  background-image: linear-gradient(to bottom, #910000 0%, #c40000 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff910000', endColorstr='#ffc40000', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #8e0000;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #910000;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #910000;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}

/* navbar chp */
.navbar-custom-chp {
  background-color: #659823;
  border-color: #537d1d;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#81c12d), to(#659823));
  background-image: -webkit-linear-gradient(top, #81c12d, 0%, #659823, 100%);
  background-image: -moz-linear-gradient(top, #81c12d 0%, #659823 100%);
  background-image: linear-gradient(to bottom, #81c12d 0%, #659823 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff81c12d', endColorstr='#ff659823', GradientType=0);
}
.navbar-custom-chp .navbar-brand {
  color: #ffffff;
}
.navbar-custom-chp .navbar-brand:hover,
.navbar-custom-chp .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom-chp .navbar-text {
  color: #ffffff;
}
.navbar-custom-chp .navbar-nav > li:last-child > a {
  border-right: 1px solid #537d1d;
}
.navbar-custom-chp .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #537d1d;
}
.navbar-custom-chp .navbar-nav > li > a:hover,
.navbar-custom-chp .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom-chp .navbar-nav > .active > a,
.navbar-custom-chp .navbar-nav > .active > a:hover,
.navbar-custom-chp .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #537d1d;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#537d1d), to(#6fa726));
  background-image: -webkit-linear-gradient(top, #537d1d, 0%, #6fa726, 100%);
  background-image: -moz-linear-gradient(top, #537d1d 0%, #6fa726 100%);
  background-image: linear-gradient(to bottom, #537d1d 0%, #6fa726 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff537d1d', endColorstr='#ff6fa726', GradientType=0);
}
.navbar-custom-chp .navbar-nav > .disabled > a,
.navbar-custom-chp .navbar-nav > .disabled > a:hover,
.navbar-custom-chp .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom-chp .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom-chp .navbar-toggle:hover,
.navbar-custom-chp .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom-chp .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom-chp .navbar-collapse,
.navbar-custom-chp .navbar-form {
  border-color: #527b1c;
}
.navbar-custom-chp .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom-chp .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom-chp .navbar-nav > .open > a,
.navbar-custom-chp .navbar-nav > .open > a:hover,
.navbar-custom-chp .navbar-nav > .open > a:focus {
  background-color: #537d1d;
  color: #c0c0c0;
}
.navbar-custom-chp .navbar-nav > .open > a .caret,
.navbar-custom-chp .navbar-nav > .open > a:hover .caret,
.navbar-custom-chp .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom-chp .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom-chp .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom-chp .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom-chp .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom-chp .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom-chp .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom-chp .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #537d1d;
  }
  .navbar-custom-chp .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom-chp .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom-chp .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom-chp .navbar-link {
  color: #ffffff;
}
.navbar-custom-chp .navbar-link:hover {
  color: #c0c0c0;
}

/* fooicon using fa */
.fooicon {
font-family: FontAwesome !important;
}
.fooicon-loader:before {
    /*Old Glyph - content: "\e030";*/
    content: "\f01e" !important;
}
.fooicon-plus:before {
    /*Old Glyph - content: "\2b";*/
    content: "\f067" !important;
}
.fooicon-minus:before {
    /*Old Glyph - content: "\2212";*/
    content: "\f068" !important;
}
.fooicon-search:before {
    /*Old Glyph - content: "\e003";*/
    content: "\f002" !important;
}
.fooicon-remove:before {
    /*Old Glyph - content: "\e014";*/
    content: "\f00d" !important;
}
.fooicon-sort:before {
    /*Old Glyph - content: "\e150";*/
    content: "\f0dc" !important;
}
.fooicon-sort-asc:before {
    /*Old Glyph - content: "\e155";*/
    content: "\f0de" !important;
}
.fooicon-sort-desc:before {
    /*Old Glyph - content: "\e156";*/
    content: "\f0dd" !important;
}
.fooicon-pencil:before {
    /*Old Glyph - content: "\270f";*/
    content: "\f040" !important;
}
.fooicon-trash:before {
    /*Old Glyph - content: "\e020";*/
    content: "\f1f8" !important;
}
.fooicon-eye-close:before {
    /*Old Glyph - content: "\e106";*/
    content: "\f070" !important;
}
.fooicon-flash:before {
    /*Old Glyph - content: "\e162";*/
    content: "\f0e7" !important;
}
.fooicon-cog:before {
    /*Old Glyph - content: "\e019";*/
    content: "\f013" !important;
}