.navbar-inverse .navbar-nav>li>a {
    color: #333333;
}

.navbar-inverse .navbar-nav>li>a:hover {
    background-color: #ffffff;
    color: #333333;
}

.navbar-inverse .navbar-nav>li>a:after {
    content: "";
    display: block;
    height: .2rem;
    background-color: #3fbb94;
    margin-top: -.1rem;
    width: 0;
}

.navbar-inverse .navbar-nav>li>a:hover:after {
    width: 100%;
}

.navbar-inverse .navbar-nav>li>a:focus {
    color: #333333;
    background-color: #ffffff;
}

@media (max-width: 1199px) {
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #333333;
        background-color: #ffffff;
    }
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    background-color: #ffffff;
    color: #333333;
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
    background-color: #ffffff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #333;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.navbar-inverse .navbar-nav>.open>a:after,
.navbar-inverse .navbar-nav>.open>a:hover:after,
.navbar-inverse .navbar-nav>.open>a:focus:after {
    content: "";
    display: block;
    height: .2rem;
    background-color: #3fbb94;
    margin-top: -.1rem;
    width: 100%;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
    background-color: #fff;
    color: #333;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover:after,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus:after,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:after,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover:after,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus:after {
    content: "";
    display: block;
    height: .2rem;
    background-color: #3fbb94;
    margin-top: -.1rem;
    width: 100%;
}


.boolean-radio,
.picklist.horizontal {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.boolean-radio>*:nth-child(1) {
    order: 3;
}

.boolean-radio>*:nth-child(2) {
    order: 4;
}

.boolean-radio>*:nth-child(3) {
    order: 1;
}

.boolean-radio>*:nth-child(4) {
    order: 2;
    margin-right: 6px;
}


/*.form-custom-actions, .actions*/
.hk-actions {
    border-top: 0px solid #e5e5e5 !important;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 100;
}

.textbutton {
    cursor: pointer;
    color: #333333;
}

.container {
    width: 95%;
}

.view-grid {
    white-space: break-spaces;
    overflow-x: auto;
}

.fileform {
    display: flex;
    flex-direction: row;
}

.fileform .form {
    display: flex;
    flex-direction: column;
}

.fileform .nav {
    display: flex;
    flex-direction: column;
    padding-left: 116px;
}

.navContainer {
    background-color: #f5f5f5;
    position: Sticky;
    top: 10px;

    display: flex;
    flex-direction: row;
    padding: 8px;
    border: 1px solid black;
    z-index: 100;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.navContainer a,
.navContainer a:visited {
    text-decoration: none;
    padding: 2px;
    margin: 4px;
    color: black;
    padding-left: 12px;
    padding-right: 12px;
}

.navContainer a:hover {
    text-decoration: none;
    color: white;
    background-color: #2f5fef;
}


.entitylist-filter-option-group:first-child {
    /*display: none;*/
}

.orggrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.orggrid .org {
    width: 150px;
    margin: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.orggrid .org img {
    max-width: 100%;
    max-height: 200px;
    flex-grow: 1;
}

.view-toolbar .pull-right {
    float: left !important;
}

.k-grid {
    font-size: 16px !important;
}

.k-grid a {
    color: #302ce1 !important;
    text-decoration: underline !important;
}

.k-grid .k-toolbar .k-button {
    font-size: 16px !important;
}

.k-grid .k-toolbar .k-button {
    font-size: 16px !important;
}

.k-grid .k-grid-content a {
    color: #302ce1;
}

.k-grid .k-toolbar a.k-button {
    font-size: unset;
}

.k-grid td.k-selected,
.k-grid tr.k-selected>td {
    background-color: rgb(48, 44, 225, 0.25);
}

td[role='gridcell'] {
    white-space: nowrap;
}

.refiners {
    overflow: auto;
    display: flex;
    align-items: center;
}

.refiner.filestatus {
    flex-direction: column;
}

.refiner.filestatus #don_file_status {
    width: 100%;
}

.refiner.filestatus label {
    width: 100%;
}

.refiners .form-control {
    display: inline;
    width: 200px;
    color:black;
}

.refiner {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.refiner input[type="checkbox"] {
    height: unset;
    width: auto;
}

.refiner input[type="checkbox"].form-control {
    margin-top: auto;
    margin-bottom: auto;
}

.refiner select[name="don_expected_distribution_quarter"] {
    width: 140px;
}

.refiner input[name="don_expected_distribution_year"] {
    width: 60px;
}

.refiner label {
    width: 300px;
}

div#don_file_status {
    display: block;
    height: auto;
    width: 450px;
    max-width: 926px;
    column-count: 3;
}

#don_file_status label {
    width: 150px;
}

.statuscheck {
    display: inline-block;
}

/* Hide Matter Number spinners - Chrome, Safari, Edge, Opera */
input[name=don_matter_number]::-webkit-outer-spin-button,
input[name=don_matter_number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide Matter Number spinners - Firefox */
input[name=don_matter_number] {
    -moz-appearance: textfield;
}

#tab_MainTab_Distributions_SG .k-header,
#tab_MainTab_IndividualBens_SG .k-header {
    white-space: normal;
}

#tab_MainTab_Distributions_SG .k-header .k-link,
#tab_MainTab_IndividualBens_SG .k-header .k-link {
    height: auto;
}

span[aria-owns=copyOrganization_listbox] {
    width: 50%;
    display: grid;
}

div.fileCopyContainer {
    display: inline-block;
    margin-left: 28px;
}

#btn_fileCopy {
    margin-top: 4px;
    margin-bottom: 12px;
}

#btn_fileCopy[disabled] {
    opacity: 50%;
}

.crmEntityFormView .cell.checkbox-cell:first-child {
    padding-left: 28px !important;
}

.conditional-hide {
    display: none;
}

.form-restricted {
    color: red;
    margin: auto;
    text-align: center;
    font-size: 1.5em;
}

hr.form-restricted {
    border: solid 2px red;
    margin-bottom: 5px;
}

.pad-r-2 {
    padding-right: 2ch;
}

.right-nav {
    padding: 0 10px;
    width: 350px;
}

.right-nav .panel {
    border: solid 1px #000 !important;
    margin: 0 2px 5px;
}

.right-nav .panel-header {
    text-align: center;
    padding: 5px 0;
    background-color: #002776;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.right-nav .panel-content {
    padding: 11px 24px;
    min-height: 75px;
}

.right-nav .panel-content>div {
    margin-bottom: 5px;
}

.multi-line {
    white-space: pre-line;
}

.details-edit {
    text-align: right;
    padding-right: 5px;
    color: #002776;
}

.announcement-container {
    border: 0px solid black;
    margin: 0 30px;
}

.announcement-container i {
    float: right;
    margin: 5px;
}

.announcement-container i:hover {
    cursor: pointer
}

.announcement-container .announcement {
    margin: 5px 20px 5px 5px;
    color: red;
    font-size: 2em;
    font-weight: bold;
}

.m-btm-5 {
    margin-bottom: 5px
}

.m-btm-10 {
    margin-bottom: 10px
}

.m-btm-15 {
    margin-bottom: 15px
}

.view-search {
    margin-left: 10px
}

html[dir=ltr] .crmEntityFormView .cell .picklist input[type=radio] {
    margin: 2px 5px 5px 5px;
}

.entitylist-filter-option-text {
    width: 100%;
}

.k-multiselect {
    font-size: 16px !important;
}

.k-multiselect .k-button {
    font-size: 16px;
    padding-right: 20px !important;
}

.k-multiselect .k-list {
    font-size: 16px;
}

.k-multiselect .k-i-arrow-60-down {
    font-size: 24px;
    margin-top: 10px;
}

html[dir=ltr] .crmEntityFormView .cell .k-grid input[type=text] {
    float: none;
}

.k-tooltip-error .k-callout-n {
    top: 0px;
}

html[dir="rtl"] .pva-floating-style {
    position: fixed;
    bottom: 0px;
    left: 0px;
    margin-left: 16px;
    margin-bottom: 18px;
    z-index: 9999;
}

.skip-to-content a:focus {
    border: 1px dashed;
}

.numbers {
    text-align: right !important;
    padding-right: 15px !important;
}

#loading {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

#loading-content {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  z-index: 100;
}

.hide{
  display: none;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loader {
        transform: rotateZ(45deg);
        perspective: 1000px;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        color: #002776;
      }
        .loader:before,
        .loader:after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: inherit;
          height: inherit;
          border-radius: 50%;
          transform: rotateX(70deg);
          animation: 1s spin linear infinite;
        }
        .loader:after {
          color: #FF3D00;
          transform: rotateY(70deg);
          animation-delay: .4s;
        }

      @keyframes rotate {
        0% {
          transform: translate(-50%, -50%) rotateZ(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotateZ(360deg);
        }
      }

      @keyframes rotateccw {
        0% {
          transform: translate(-50%, -50%) rotate(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotate(-360deg);
        }
      }

      @keyframes spin {
        0%,
        100% {
          box-shadow: .2em 0px 0 0px currentcolor;
        }
        12% {
          box-shadow: .2em .2em 0 0 currentcolor;
        }
        25% {
          box-shadow: 0 .2em 0 0px currentcolor;
        }
        37% {
          box-shadow: -.2em .2em 0 0 currentcolor;
        }
        50% {
          box-shadow: -.2em 0 0 0 currentcolor;
        }
        62% {
          box-shadow: -.2em -.2em 0 0 currentcolor;
        }
        75% {
          box-shadow: 0px -.2em 0 0 currentcolor;
        }
        87% {
          box-shadow: .2em -.2em 0 0 currentcolor;
        }
      }
.checkbox_disabled {
    color: lightgray
}