@charset "UTF-8";
/* --------------------------------------------------
Style Sheet for UMS
Version: 0.2.1
Last modified: 2024/07/30 @ 05:00
--------------------------------------------------
rgb(0, 90, 161);  // #005aa1 // blue
rgb(253, 106, 0); // #fd6a00 // orange
-------------------------------------------------- */

/* Main Styles
-------------------------------------------------- */
a {
    color: #005aa1;
}
.nounderline {
  text-decoration: none !important;
}
.top-wrap {
    padding-top: 90px;
    font-family: "Open Sans", Arial, sans-serif;
}
.text-gray {
    color: #888 !important;
}
.text-darkgray {
    color: #555 !important;
}
.up-space-20px {
    padding-top: 20px;
}
.up-space-40px {
    padding-top: 40px;
}
.up-space-60px {
    padding-top: 60px;
}
.down-space-20px {
    margin-bottom: 20px;
}
.down-space-40px {
    margin-bottom: 40px;
}
.down-space-60px {
    margin-bottom: 60px;
}
.source-sans {
  font-family: "Source Sans Pro", Arial, sans-serif;
}
.clickable-row,
.clickablecell {
    cursor: pointer;
}
.ums-blue {
  color: #005aa1;
}
.ums-orange {
  color: #fd6a00;
}
.table-ums-orange {
  color: #ffffff;
  background-color: #fd6a00;
}
.table-ums-blue {
  color: #ffffff;
  background-color: #005aa1;
}
.table-ums-gray {
  color: #222;
  background-color: #ccc;
}
.table-ums-small {
  font-size: 13px;
}
.table-tr-green {
  background-color:rgba(0,255,0,0.07)!important;
}
.table-tr-green:hover {
  background-color:rgba(0,255,0,0.16)!important;
}
.table-tr-orange {
  background-color:rgba(255,255,0,0.07)!important;
}
.table-tr-orange:hover {
  background-color:rgba(255,255,0,0.16)!important;
}
.table-tr-red {
  background-color:rgba(255,0,0,0.07)!important;
}
.table-tr-red:hover {
  background-color:rgba(255,0,0,0.32)!important;
}
.table-tr-lightred {
  background-color:rgba(255,0,0,0.22)!important;
}
.table-tr-lightred:hover {
  background-color:rgba(255,0,0,0.32)!important;
}

.text-white, .text-white:hover  {
  color: #fff;
}
.bg-white, .bg-white:hover  {
  background-color: #fff !important;
}
.bg-lightgray, .bg-lightgray:hover  {
  background-color: #f4f4f4 !important;
}
.display-none {
    display: none !important;
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.width-75px {
    width: 75px !important;
}
.width-85px {
    width: 85px !important;
}
.width-95px {
    width: 95px !important;
}
/* LoginPage Styles
-------------------------------------------------- */
#loginbox {
    margin-top: 10px;
    margin-bottom: 40px;
}

.login-input {
    height: 45px;
    min-height: 45px;
    font-size: 110%;
}

.btn-login {
    padding: 10px 10px 9px 10px;
    font-size: 120%;
}

option[value=""][disabled] {
    display: none;
}

.btn-ums-orange {
  color: #ffffff;
  background-color: #fd6a00;
  border-color: #d15700;
}
.placeholder {
  color:#aaa!important;
}

/* InputLike Div
-------------------------------------------------- */
.input-like {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #222;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-like-icon {
    color: #888;
    line-height: 1.2;
}
.input-like-readonly {
    background-color: #eee!important;
}
.input-like-green {
  background: #dffebc;
  color: #111;
}
.input-like-orange {
  background: #ffd1bb;
  color: #111;
}
.input-like-yellow {
  background: #ffffc4;
  color: #111;
}

.input-like-blue {
  background: #337ab7;
  color: #fff;
}
.input-like-red {
  background: #cc0000;
  color: #fff;
}
.input-like-gray {
  background: #555;
  color: #fff;
}

.input-like-purple {
  background: #ffb0d8;
  color: #000;
}
.textarea-like {
    min-height: 34px;
    height:auto!important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.textarea-like-multiline {
    min-height: 34px;
    height:auto!important;
    overflow-y: auto; 
}
/* textarea-like + viacriadkove
--------------------------------
.textarea-like {
    min-height: 34px;
    height:auto!important;
}
*/
.radio-input + span {
    font-weight: 400;
}
.radio-input:checked + span {
    font-weight: 700;
    color: #008000;
    text-transform: uppercase;
}
.form-with-space {
  padding: 25px 15px 5px 10px;
}
.active-form {
  background-color: #f1fee2!important;
}
.help-block {
    display: block;
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 13px;
    color: #a94442;
}
#oth-error,
#rec-error {
    color: ##a94442;
    margin-top: 0px;
}

.has-feedback .form-control {
    padding-right: 15px;
}
.form-control-like {
  height:34px;
  padding: 6px 12px;
}
.form-control-like-files {
    padding: 6px 12px;
}
.glyphicon-input {
    right: 15px!important;
}
.glyphicon-select {
    right: 24px!important;
}
.glyphicon-textarea {
    right: 15px!important;
}
.collapse-glyphicon {
    line-height: 17px!important;
}
.panel-title-switcher{
    cursor: pointer;
}

/* Button UMS Orange Styles
-------------------------------------------------- */
.btn-ums-orange:hover,
.btn-ums-orange:focus,
.btn-ums-orange:active,
.btn-ums-orange.active,
.open .dropdown-toggle.btn-ums-orange {
  color: #ffffff;
  background-color: #D15700;
  border-color: #D15700;
}

.btn-ums-orange:active,
.btn-ums-orange.active,
.open .dropdown-toggle.btn-ums-orange {
  background-image: none;
}

.btn-ums-orange.disabled,
.btn-ums-orange[disabled],
fieldset[disabled] .btn-ums-orange,
.btn-ums-orange.disabled:hover,
.btn-ums-orange[disabled]:hover,
fieldset[disabled] .btn-ums-orange:hover,
.btn-ums-orange.disabled:focus,
.btn-ums-orange[disabled]:focus,
fieldset[disabled] .btn-ums-orange:focus,
.btn-ums-orange.disabled:active,
.btn-ums-orange[disabled]:active,
fieldset[disabled] .btn-ums-orange:active,
.btn-ums-orange.disabled.active,
.btn-ums-orange[disabled].active,
fieldset[disabled] .btn-ums-orange.active {
  background-color: #fd6a00;
  border-color: #D15700;
}

.btn-ums-orange .badge {
  color: #fd6a00;
  background-color: #ffffff;
}

.btn-spacer {
  margin-right: 7px;
  margin-bottom: 10px;
}

.btn-space {
    margin-right: 40px;
}

.panel-default > .panel-heading-ums-orange {
background: #fd6a00; color: #fff; }

.well-ums-orange{
    background: #fd6a00; color: #fff;
}
.ums-sidebar-menu {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 105%;
}
.btn-block+.btn-block {
    margin-top: 0px!important;
}
/* RightSidebar Styles
-------------------------------------------------- */
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #005aa1;
    border-color: #005aa1;
}

/* Footer Styles
-------------------------------------------------- */
#footer {
    background-color: #f4f4f4;
    margin-top: 40px;
    /* margin-bottom: 30px; */
}

.footer-text {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 95%;
    padding: 15px 15px 13px;
    letter-spacing: 0.04em;
}

a#scroll-to-top {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEZFRDY3RjhCMjExMTFFNUE3RjlCQ0I4NkYyNUQ3RTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEZFRDY3RjdCMjExMTFFNUE3RjlCQ0I4NkYyNUQ3RTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNzE5RUFDNDNBREExMUUxQUVGMkE2NTdBQ0QzMDBFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNzE5RUFDNTNBREExMUUxQUVGMkE2NTdBQ0QzMDBFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNvoukAAAEQSURBVHjaYgwNDRVjYGAIAGIlIGYG4v8M9AOMQPwXiO8C8UYWIBEGxMoMAwdAbtACYiYmICHHMDiAMhPDIAKjjhl1zKhjBpNjngLxBCg9oI75BsQzgPghEL8eaMc8AOIvUPZCIL42UI65DMQL0MQWQMXp6pgrQLwYiH+jiYP4J+ntmAdYHAIDV4F4L70cs48Iy7ZA1dHUMXuAeDORajcjJW6aOOY4ierX08oxi4D4HYmOOQfVRzXHgNrES4H4PJmJHaRvP7UcA8o5ZygsHEH6PxLTGCYEJIA4k4JiANQD+ArteVDsGE4gVhttQow6ZtQxo44ZdQwNHPN0kLjlIag6WM0AGTCSGkCHPAO1fQACDAAmxzHZ/SF5mgAAAABJRU5ErkJggg==") no-repeat center center;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 10px;
    bottom: 17px;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: 0;
}
/* Affix Responsive Fix */
@media (min-width: 1200px) {
    .affix {
        position: fixed;
    }
}
@media (max-width: 1200px) {
    .affix {
        position: static;
    }
}


/* Responsive Mobile Definitions
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
/* @media (max-width: 480/575px) { */
    body {
      font-size: 12px;
    }

    .hide-on-mobile { display: none!important }

    table {
      overflow-x: auto;
      display: block;
    }
    /*
    https://sitesforprofit.com/responsive-tables-in-wordpress

    table {width:100%;}
    thead {display: none;}
    tr:nth-of-type(2n) {background-color: inherit;}
    tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
    tbody td {display: block;  text-align:center;}
    tbody td:before {
        content: attr(data-th);
        display: block;
        text-align:center;
      }

    */

    .input-like {
      display: block;
      width: 100%;
      min-height: 27px;
      padding: 5px 5px;
      font-size: 12px;
      line-height: 1.3;
      /* color: #222; */
      /* background-color: #fff; */
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 3px;
    }
    .textarea-like {
      min-height: 27px;
      height:auto!important;
    }
    .truncate {
      width: 297px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .mobile-form-space {
      margin-top: 15px!important;
    }

    .mobile-form-no-space {
      margin-top: -15px!important;
    }
    .mobile-form-space-half {
      margin-top: 8px!important;
    }

    .mobile-form-text {
      font-size: 12px
    }

    .footer-text {
      font-size: 88%;
      letter-spacing: 0em;
    }
    a#scroll-to-top {
        position: fixed;
        right: 15px;
        bottom: 56px;
    }
}

/* searchPanes Mods */
div.dtsp-columns-3 {
    min-width: 33.333%;
    max-width: 33.333%;
    padding-left: 1%;
    padding-right: 1%;
    margin: 0px !important;
}
div.dtsp-panesContainer {
    margin: 5px 0 15px;
}
.table-end {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
    font-size: 1em;
}
.multiselect.dropdown-toggle.btn {
  text-align: left;
}
.multiselect .caret {
position: absolute;
left: 97%;
top: 45%;
}
/* Datatables
*/
table.dataTable tbody td {
  vertical-align: middle;
}
/*
 * Component: Info Box
 * -------------------
 */
.info-box {
  display: block;
  min-height: 50px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); /* */
  border-radius: 2px;
  margin-bottom: 15px;
}
.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 50px;
  width: 80px!important;
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.25);
}
.info-box-content {
  padding: 6px 15px 5px 15px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.info-box-text {
  font-size: 14px;
  line-height: 18px;
  /* font-weight: bold; */
}
.info-box-orange {
  background: #e66200;
  color: #fff;
}
.info-box-blue {
  background: #337ab7;
  color: #fff;
}
.info-box-red {
  background: #cc0000;
  color: #fff;
}
.info-box-gray {
  background: #808080;
  color: #fff;
}
.info-box-green {
  background: #008000;
  color: #fff;
}
.info-box-purple {
  background: #a40498;
  color: #fff;
}