button.btn.btn-rounded.badge.badge-info.dropdown-toggle.dropdown-icon {
  background: #ff8400 !important;
}


button#new_data{ background: #ff8400 !important;border: 1px transparent;}
.card.card-outline.card-primary {
  border-top: 3px solid #ff8400;
}
.layout-navbar-fixed .wrapper .main-header{position: absolute !important;}
.content-wrapper > .content {
  padding: 1px 0.5rem !important;
}
.callout.callout-info{border-left-color: #ff8400 !important}
.page-item.active .page-link{background-color: #ff8400 !important; border-color
:#ff8400 !important;}
a#create_new{background-color: #ff8400;border: 1px transparent;}
.dropdown-item.active, .dropdown-item:active{background-color: #ff8400 !important;}
.text-primary{color: #ff8400 !important;}
a.btn.btn-flat.btn-sn.btn-primary{background-color: #ff8400 !important;border: 1px transparent !important ;}
button.btn.btn-flat.btn-sn.btn-primary{background-color: #ff8400;border: 1px transparent;}
button.btn.btn-sm.btn-primary{background-color: #ff8400;border:1px transparent;}
a.btn.btn-flat.btn-primary.btn-sm{background-color:#ff8400;border: 1px solid transparent;}
button.btn.btn-flat.btn-primary{background-color:#ff8400;border: 1px solid transparent;}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active{
  background-color:#ff8400 !important;
}
  li.nav-header
{
     padding: 0.7rem 0rem 0.5rem !important;
}
img#borderdata{border-color:#ff8400 !important;}
button#login {
  
  border: 1px solid transparent;
  background: #ff8400;
}
.callout a:hover {
  color: #000!important;
}
i.meetings {
  font-size: 34px;
}
.callout a{text-decoration:none !important;}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: smaller;
    color: #000000cf;
    font-style: italic;
}
.truncate-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #000000cf;
}
 .modal-dialog.large {
    width: 80% !important;
    max-width: unset;
  }
  .modal-dialog.mid-large {
    width: 50% !important;
    max-width: unset;
  }

  @media (max-width:720px){
     
    .modal-dialog.large {
        width: 100% !important;
        max-width: unset;
      }
      .modal-dialog.mid-large {
        width: 100% !important;
        max-width: unset;
      }  
  
  }
  #viewer_modal .btn-close {
    position: absolute;
    z-index: 999999;
    /*right: -4.5em;*/
    background: unset;
    color: white;
    border: unset;
    font-size: 27px;
    top: 0;
}
#viewer_modal .modal-dialog {
        width: 80%;
    max-width: unset;
    height: calc(90%);
    max-height: unset;
}
  #viewer_modal .modal-content {
       background: black;
    border: unset;
    height: calc(100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #viewer_modal img,#viewer_modal video{
    max-height: calc(100%);
    max-width: calc(100%);
  }