/*left-top corner bar*/
img.aside-logo {
  max-width: 120px;
}
.aside-menu-link {
  color: #DADADA;
}
.aside-menu-link:hover, .aside-menu-link:focus {
  color: #D5DF31;
}
.aside-header {
  background-color: #4F4F4F;
  border-right: 1px solid #707070;
  box-shadow: 0px 4px 4px rgba(0, 47, 108, 0.1);
  height: 59px;

}


/* top bar */

.content-header {
  background-color: #4F4F4F;
  height: 59px;
  border-bottom: 0px;
  box-shadow: 0px 4px 4px rgba(0, 47, 108, 0.1);
}
.topbarAlert{
  margin-left: 30px;
}
@media (max-width: 575px) {
    .content-search{
      display: none;
    }
    .topbarButton{
      max-width: 200px;
    }
}
.ButtonSeaGreen{
  background: #00ACC8;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  color: white;
  border: 0px;
}
.ButtonSignatureGreen{
  background: #D5DF31;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  border: 0px;
}

.topbarAlert a {
  color: #DADADA;
  display: block;
}
.topbarAlert a:hover, .topbarAlert a:focus {
  color: #D5DF31;
}

/*main content*/
.content-body{
  border-top: 1px solid #CCCCCC;
  height: calc(100% - 59px);
}


/* side menu bar*/
.aside-body {
  background-color: #F2F2F2;
  z-index: -2;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC
}

.nav-aside .nav-item .nav-link.active::before {
  bottom: 0;
  top: 0;
  border-left-color: #555555;
  border-left-width: 3px;
  background-color: #D5DF31;
  z-index: -1;
  opacity: 1;
  visibility: unset;
}

.nav-aside .nav-link:hover:before {
  bottom: 0;
  top: 0;
  border-left-color: #555555;
  border-left-width: 3px;
  z-index: -1;
  visibility: visible;
  opacity: unset;
}


/* side menu bar - Shipper */

.Shipper360 .nav-link.active svg path {
  fill: #333333;
}
.Shipper360 .nav-link:hover svg path {
  fill: #333333;
}
.Shipper360 .nav-link.active::before {
    background-color: #D5DF31 !important;
    color: #333333 !important;
}

.Shipper360 .nav-link:hover:before {
    background-color: #D5DF31 !important;
    
}

.Shipper360 .nav-link:hover {
    color: #333333 !important;
}

.Shipper360 .nav-link.active {
    color: #333333 !important;
}

.Shipper360 .nav-link.active:hover {
    color: #333333 !important;
}

/* side menu bar - Carrier */
.Carrier360 .nav-link.active svg path {
  fill: white;
}
.Carrier360 .nav-link:hover svg path {
  fill: white;
}
.Carrier360 .nav-link.active::before {
    background-color: #00ACC8 !important;
    color: white !important;
}

.Carrier360 .nav-link:hover:before {
    background-color: #00ACC8 !important;
    color: white !important;
}

.Carrier360 .nav-link.active {
    color: white !important;
}

.Carrier360 .nav-link.active:hover {
    color: white !important;
}

.Carrier360 .nav-link:hover {
    color: white !important;
}

.nav-aside .nav-item .nav-link.active {
  color: #333333;
}

.aside.minimize .nav-aside .nav-link::before {
  right: -20px;
}

.nav-aside .nav-item{
  cursor: pointer;
}


/* icon menu */
.nav-aside .nav-item.active svg {
  color: #333333;
  fill: rgba(255, 255, 255, 0.8);
}

/* text menu */
.nav-aside .nav-link:hover, .nav-aside .nav-link:focus {
  color: #000000; 
}


/*nav bar*/
.nav360 .nav-link {
  border: 0px !important;
  background-color: unset !important;
  color: #828282 !important;
}

.nav360 .nav-link.active {
  border: 0px 0px 3px 0px !important;
  background-color: transparent !important;
  color: #828282 !important;
}

.nav360.Shipper360 .nav-link:hover, .nav360.Shipper360 .nav-link.active {
    color: #828282 !important;
    border-bottom: 3px solid #D5DF31 !important;
}

.nav360.Shipper360 .nav-link.active:hover {
    color: #828282 !important;
    border-bottom: 3px solid #D5DF31 !important;
}

.nav360.Carrier360 .nav-link:hover, .nav360.Carrier360 .nav-link.active {
    color: #828282 !important;
    border-bottom: 3px solid #00ACC8 !important;
}

.nav360.Carrier360 .nav-link.active:hover {
        color: #828282 !important;
        border-bottom: 3px solid #00ACC8 !important;
    }

/*modal360*/
.modal360 .modal-header{
  background-color: #F6F6F9;
}


/*radzen dropdown*/
.ui-dropdown-item.ui-state-highlight, .ui-dropdown-items li.ui-state-highlight, .ui-multiselect-items li.ui-state-highlight, .ui-autocomplete-items li.ui-state-highlight, .ui-state-highlight.ui-multiselect-item, .ui-state-highlight.ui-autocomplete-list-item, .ui-state-highlight.ui-menuitem {
  background-color: #D5DF31;
}


/*card*/
.card-body{
  padding: 10px;
  
}
@media (min-width: 576px){
  .card-body {
    padding: 15px;
  }
}