.table-responsive .dropdown {
  position: static;
}


.btn-primary {
    border-color: #013C88!important;
    background-color: #013C88!important;
}

.main-menu.menu-light .navigation li.active a {
    background: linear-gradient(118deg, #013C88, #011E44);
    box-shadow: 0 0 10px 1px #013C8885;
}

.form-control:focus {
  border-color: #013C88;
}

.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #013C88!important;
}

.select2-container--classic .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #013C88!important;
}

.select2-container--classic .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus {
  border-color: #013C88!important;
}

.input-group:not(.bootstrap-touchspin):focus-within .form-control, .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
  border-color: #013C88!important;
  box-shadow: none;
}

.select2-container--classic .select2-results__option--highlighted, 
.select2-container--default .select2-results__option--highlighted {
  background-color: rgba(115, 103, 240, 0.12) !important;
  color: #013C88!important;
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
    max-width: none;
}

.btn-primary:focus, .btn-primary:active, .btn-primary.active{
    background:linear-gradient(118deg, #013C88, #011E44)
}

.page-item .page-link:hover,
.main-menu.menu-light .navigation li.nav-item a:hover > svg{
    color: #011E44;
}

.page-item.active .page-link,
.dropdown-item.active, .dropdown-item:active,
.dropdown-item:hover, .dropdown-item:focus{
    color: #011E44;
    background-color:#ddecff;
}
.has-error .select2-selection {
  border-color: #ea5455 !important;
}

.snow-wrapper.has-error {
  border: 1px solid #ea5455 !important;
}

small.error-message {
  color: #ea5455 !important;
}

/* Quill editor */
.snow-wrapper .editor {min-height: 200px;}
/*
 #1. Element Wrapper Styles
*/
.element-wrapper {
    padding-bottom: 3rem;
  }
  
  .element-wrapper .btn + .btn, .element-wrapper .all-wrapper .fc-button + .btn, .all-wrapper .element-wrapper .fc-button + .btn, .element-wrapper .all-wrapper .btn + .fc-button, .all-wrapper .element-wrapper .btn + .fc-button, .element-wrapper .all-wrapper .fc-button + .fc-button, .all-wrapper .element-wrapper .fc-button + .fc-button {
    margin-left: 1rem;
  }
  
  .element-wrapper.compact {
    padding-bottom: 2rem;
  }
  
  .element-wrapper.folded {
    padding-bottom: 2rem;
  }
  
  .element-wrapper.folded .element-header {
    margin-bottom: 0px;
  }
  
  .element-wrapper .element-info {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .element-wrapper .element-info .element-info-with-icon {
    margin-bottom: 0px;
  }
  
  .element-wrapper .element-info-with-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2rem;
  }
  
  .element-wrapper .element-info-with-icon .element-info-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    color: #DE2248;
    font-size: 30px;
  }
  
  .element-wrapper .element-info-with-icon.smaller .element-info-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    font-size: 20px;
  }
  
  .element-wrapper .element-info-with-icon.smaller .element-info-text .element-inner-header {
    margin-bottom: 0px;
  }
  
  .element-wrapper .element-actions {
    float: right;
    position: relative;
    z-index: 2;
    margin-top: -0.2rem;
  }
    
  .element-wrapper .element-actions .form-control + .form-control {
    margin-left: 10px;
  }
  
  .element-wrapper .element-actions .btn + .btn, .element-wrapper .element-actions .all-wrapper .fc-button + .btn, .all-wrapper .element-wrapper .element-actions .fc-button + .btn, .element-wrapper .element-actions .all-wrapper .btn + .fc-button, .all-wrapper .element-wrapper .element-actions .btn + .fc-button, .element-wrapper .element-actions .all-wrapper .fc-button + .fc-button, .all-wrapper .element-wrapper .element-actions .fc-button + .fc-button {
    margin-left: 10px;
  }
  
  .element-wrapper .element-actions label {
    margin-right: 7px;
    color: rgba(90, 99, 126, 0.49);
  }
  
  .element-wrapper .element-actions.actions-only {
    margin-top: 0px;
  }
  
  .element-wrapper .element-actions .element-action {
    text-decoration: none;
    color: rgba(90, 99, 126, 0.49);
  }
  
  .element-wrapper .element-actions .element-action:hover {
    color: #3E4B5B;
  }
  
  .element-wrapper .element-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1;
  }
  
  .element-wrapper .element-header:after {
    content: "";
    background-color: #DE2248;
    width: 25px;
    height: 4px;
    border-radius: 0px;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0px;
  }
  
  .element-wrapper .element-inner-header {
    margin-bottom: 0.5rem;
    margin-top: 0px;
    display: block;
  }
  
  .element-wrapper .element-inner-desc {
    color: #999;
    font-weight: 300;
    font-size: 0.81rem;
    display: block;
  }
  
  .element-wrapper .element-search {
    position: relative;
  }
  
  .element-wrapper .element-search:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'osfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 15px;
    top: 48%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 20px;
    content: "\e92c";
    color: rgba(0, 0, 0, 0.2);
  }
  
  .element-wrapper .element-search input {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #f1f1f1;
    border-radius: 30px;
    padding: 10px 15px 10px 50px;
    display: block;
    width: 100%;
    outline: none;
  }
  
  .element-wrapper .element-search input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .element-wrapper .element-search input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .element-wrapper .element-search input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .element-wrapper .element-search input::placeholder {
    color: rgba(0, 0, 0, 0.3);
  }


  .box-style, .user-profile, .element-box, .invoice-w, .big-error-w, .activity-boxes-w .activity-box, .post-box, .projects-list .project-box {
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
            box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
  }
  
  .element-box, .invoice-w, .big-error-w {
    padding: 1.5rem 2rem;
    margin-bottom: 1rem;
  }
  
  .element-box.less-padding, .less-padding.invoice-w, .less-padding.big-error-w {
    padding: 1rem;
  }
  
  .element-box .os-tabs-controls, .invoice-w .os-tabs-controls, .big-error-w .os-tabs-controls {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  
  .element-box .os-tabs-controls .nav, .invoice-w .os-tabs-controls .nav, .big-error-w .os-tabs-controls .nav {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .element-box .centered-header, .invoice-w .centered-header, .big-error-w .centered-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 1rem;
  }
  
  .element-box .element-box-header, .invoice-w .element-box-header, .big-error-w .element-box-header {
    color: #046fdf;
    margin-bottom: 1rem;
  }
  
  .element-box-content + .form-header {
    margin-top: 2rem;
  }
  
  .element-box + .element-box, .invoice-w + .element-box, .big-error-w + .element-box, .element-box + .invoice-w, .invoice-w + .invoice-w, .big-error-w + .invoice-w, .element-box + .big-error-w, .invoice-w + .big-error-w, .big-error-w + .big-error-w {
    margin-top: 2rem;
  }
  
  .element-box-tp .input-search-w,
  .element-box .input-search-w, .invoice-w .input-search-w, .big-error-w .input-search-w {
    margin-bottom: 1rem;
  }

  .order-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  
  .order-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  
  .order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  
  .order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  
  .order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  
  .order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  
  .order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  
  .order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  
  .order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  
  .order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  
  .order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  
  .order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  
  .order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  
  .order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  
  .order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  
  .offset-1 {
    margin-left: 8.3333333333%;
  }
  
  .offset-2 {
    margin-left: 16.6666666667%;
  }
  
  .offset-3 {
    margin-left: 25%;
  }
  
  .offset-4 {
    margin-left: 33.3333333333%;
  }
  
  .offset-5 {
    margin-left: 41.6666666667%;
  }
  
  .offset-6 {
    margin-left: 50%;
  }
  
  .offset-7 {
    margin-left: 58.3333333333%;
  }
  
  .offset-8 {
    margin-left: 66.6666666667%;
  }
  
  .offset-9 {
    margin-left: 75%;
  }
  
  .offset-10 {
    margin-left: 83.3333333333%;
  }
  
  .offset-11 {
    margin-left: 91.6666666667%;
  }
  
  @media (min-width: 576px) {
    .element-wrapper .col-sm {
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      max-width: 100%;
    }
    .element-wrapper .col-sm-auto {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: auto;
      max-width: none;
    }
    .element-wrapper .col-sm-1 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 8.3333333333%;
              flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .element-wrapper .col-sm-2 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 16.6666666667%;
              flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .element-wrapper .col-sm-3 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: 25%;
    }
    .element-wrapper .col-sm-4 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.3333333333%;
              flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .element-wrapper .col-sm-5 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 41.6666666667%;
              flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .element-wrapper .col-sm-6 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
    }
    .element-wrapper .col-sm-7 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 58.3333333333%;
              flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .element-wrapper .col-sm-8 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 66.6666666667%;
              flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .element-wrapper .col-sm-9 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 75%;
              flex: 0 0 75%;
      max-width: 75%;
    }
    .element-wrapper .col-sm-10 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 83.3333333333%;
              flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .element-wrapper .col-sm-11 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 91.6666666667%;
              flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .element-wrapper .col-sm-12 {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
    }
    .element-wrapper .order-sm-first {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
    }
    .element-wrapper .order-sm-last {
      -webkit-box-ordinal-group: 14;
          -ms-flex-order: 13;
              order: 13;
    }
    .element-wrapper .order-sm-0 {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
    }
    .element-wrapper .order-sm-1 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .element-wrapper .order-sm-2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .element-wrapper .order-sm-3 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
    }
    .element-wrapper .order-sm-4 {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
    }
    .element-wrapper .order-sm-5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
    }
    .element-wrapper .order-sm-6 {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6;
    }
    .element-wrapper .order-sm-7 {
      -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
              order: 7;
    }
    .element-wrapper .order-sm-8 {
      -webkit-box-ordinal-group: 9;
          -ms-flex-order: 8;
              order: 8;
    }
    .element-wrapper .order-sm-9 {
      -webkit-box-ordinal-group: 10;
          -ms-flex-order: 9;
              order: 9;
    }
    .element-wrapper .order-sm-10 {
      -webkit-box-ordinal-group: 11;
          -ms-flex-order: 10;
              order: 10;
    }
    .element-wrapper .order-sm-11 {
      -webkit-box-ordinal-group: 12;
          -ms-flex-order: 11;
              order: 11;
    }
    .element-wrapper .order-sm-12 {
      -webkit-box-ordinal-group: 13;
          -ms-flex-order: 12;
              order: 12;
    }

    .bg-gray-6{
      background-color: rgb(250, 250, 250) !important;
    }

    .bg-gray-5{
      background-color: rgb(216, 216, 216) !important;
    }

    .bg-gray-4{
      background-color: rgb(175, 175, 175) !important;
    }

    .bg-gray-3{
      background-color: rgb(140, 140, 140) !important;
    }

    .bg-gray-2{
      background-color: rgb(110, 110, 110) !important;
    }

    .bg-gray-1{
      background-color: rgb(92, 92, 92) !important;
    }

  @media (min-width: 768px) and (max-width: 1024px) {
    .element-wrapper {
      padding-bottom: 2rem;
    }
  }

  @media screen
    and (min-device-width: 1200px)
    and (max-device-width: 1600px)
    and (-webkit-min-device-pixel-ratio: 1) {
     .element-box{max-width: 77vw;}
    }
}