/*
 * Theme Name: ShareCase
 * Author: caddev	
 * Version: 1.1.0
 **/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.list ol,
.list ul {
    padding-left: 20px;
}

.searchbar select, 
.searchbar input, 
.searchbar textarea {
    padding: 5px 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.searchbar select:focus, 
.searchbar input:focus, 
.searchbar textarea:focus {
    outline: none;
}

.searchbar select, .searchbar input, .searchbar textarea {
    padding: 5px 10px;
}

.searchbar button {
    padding: 5px 25px;
}

.notification-circle {
    width: 7px;
    height: 7px;
    background: #FF7B7B;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 9px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -10px;
}

.alert {
    border: none !important;
    box-shadow: 1px 4px 20px rgba(144, 144, 144, 0.2);
    border-radius: 3px;
}

header .notification-circle {
    right: -5px;
}

#fep-notification-bar {
    display: none !important;
}

.page-item.active .page-link {
    background-color: #003360;
    border-color: #003360;
}

.page-link {
    color: #003360;
}

.unread-message-count.fep_unread_message_count {
    color: transparent !important;
}
.notification-circle.unread-message-count {
    display: none;
}
.secondary-menu .dropdown-menu {
    left: unset !important;
    transform: translate3d(0, 32px, 0px)!important;
    right: 0;
}
.notif-dropdown .dropdown-menu {
    min-width: 18rem;
    max-height: 500px;
    overflow-y: scroll;
}
.notif-dropdown .dropdown-divider:last-of-type {
    display: none;
}

.notif-dropdown .dropdown-toggle::after {
    border: 0;
    margin: 0;
    display: block;
}

.notif-dropdown .dropdown-item {
    white-space: normal;
}

.secondary-menu li {
    position: static;
}

/* width */
.secondary-menu ::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  .secondary-menu ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0 #EEEEEE; 
    border-radius: 10px;
  }
   
  /* Handle */
  .secondary-menu ::-webkit-scrollbar-thumb {
    background: #EEEEEE; 
    border-radius: 5px;
  }
  
  /* Handle on hover */
  .secondary-menu ::-webkit-scrollbar-thumb:hover {
    background: #EEEEEE; 
  }

  .font-11 {
      font-size: 11px;
  }


  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #003360;
}


.border-top-green {
    border-top: 2px solid #4BAEA0;
}

.border-top-yellow {
    border-top: 2px solid #FBD46D;
}

.border-top-blue {
    border-top: 2px solid #6A8CAF;
}

.case-details > div {
    width: 25%;
}

/*
 * Theme Name: ShareCase
 * Author: caddev	
 * Version: 1.1.0
 **/

 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 .list ol,
 .list ul {
     padding-left: 20px;
 }
 
 .searchbar select, 
 .searchbar input, 
 .searchbar textarea {
     padding: 5px 10px;
     border-top: 0;
     border-left: 0;
     border-right: 0;
 }
 
 .searchbar select:focus, 
 .searchbar input:focus, 
 .searchbar textarea:focus {
     outline: none;
 }
 
 .searchbar select, .searchbar input, .searchbar textarea {
     padding: 5px 10px;
 }
 
 .searchbar button {
     padding: 5px 25px;
 }
 
 .notification-circle {
     width: 7px;
     height: 7px;
     background: #FF7B7B;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 9px;
     border-radius: 50%;
     position: absolute;
     top: 0;
     right: -10px;
 }
 
 .alert {
     border: none !important;
     box-shadow: 1px 4px 20px rgba(144, 144, 144, 0.2);
     border-radius: 3px;
 }
 
 header .notification-circle {
     right: -5px;
 }
 
 #fep-notification-bar {
     display: none !important;
 }
 
 .page-item.active .page-link {
     background-color: #003360;
     border-color: #003360;
 }
 
 .page-link {
     color: #003360;
 }
 
 .unread-message-count.fep_unread_message_count {
     color: transparent !important;
 }
 
 .secondary-menu .dropdown-menu {
     left: unset !important;
     transform: translate3d(0, 32px, 0px)!important;
     right: 0;
 }
 .notif-dropdown .dropdown-menu {
     min-width: 18rem;
     max-height: 500px;
     overflow-y: scroll;
 }
 .notif-dropdown .dropdown-divider:last-of-type {
     display: none;
 }
 
 .notif-dropdown .dropdown-toggle::after {
     border: 0;
     margin: 0;
     display: block;
 }
 
 .notif-dropdown .dropdown-item {
     white-space: normal;
 }
 
 .secondary-menu li {
     position: static;
 }
 
 /* width */
 .secondary-menu ::-webkit-scrollbar {
     width: 5px;
   }
   
   /* Track */
   .secondary-menu ::-webkit-scrollbar-track {
     box-shadow: inset 0 0 0 #EEEEEE; 
     border-radius: 10px;
   }
    
   /* Handle */
   .secondary-menu ::-webkit-scrollbar-thumb {
     background: #EEEEEE; 
     border-radius: 5px;
   }
   
   /* Handle on hover */
   .secondary-menu ::-webkit-scrollbar-thumb:hover {
     background: #EEEEEE; 
   }
 
   .font-11 {
       font-size: 11px;
   }
 
 
   .dropdown-item.active, .dropdown-item:active {
     color: #fff;
     text-decoration: none;
     background-color: #003360;
 }
 
 
 .border-top-green {
     border-top: 2px solid #4BAEA0;
 }
 
 .border-top-yellow {
     border-top: 2px solid #FBD46D;
 }
 
 .border-top-blue {
     border-top: 2px solid #6A8CAF;
 }
 
 .case-details > div {
     width: 25%;
 }
 

 .push-notifications {
     position: fixed;
     bottom: 15px;
     z-index: 99;
     left: 15px;
 }

 .push-notification-item {
    background-color: #fff;
    padding: 20px;
}

.quick-tips {
    z-index: 9;
    max-width: 300px;
}

.collapsing.width {
    width: 0;
    height: auto;
    transition-property: width;
}

div#gform_wrapper_9 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

 @media (max-width: 991px) {
     .case-details > div {
         width: 50%;
         margin-bottom: 5px;
     }
 }
 
 @media (max-width: 575px) {
     .case-details > div {
         width: 100%;
     }
 }

.push-notification-item {
    max-width: 300px;
    font-size: 12px;
}

@media (max-width: 991px) {
    .case-details > div {
        width: 50%;
        margin-bottom: 5px;
    }
}

@media (max-width: 575px) {
    .case-details > div {
        width: 100%;
    }
}