:root {
  --app-color1: #013241;
  --app-color2: #00857a ;
  --app-color3: #00ae9f;
}
.page-wrapper{ 
        min-height: 100vh;
}
a{ 
    text-decoration: none !important;
}

#show_error_box , #show_warning_box , #show_message_box {
    white-space: unset;
}

.display_none{
    display: none !important;
}
.m0{
    margin: 0 !important;
}
.bg_none{
    background: none !important;
}
.navbar-brand-image {
    height: 1.3rem;
    width: auto;
}
.bg_my_color1{
    color:white ;
    background-color: var(--app-color1) !important;
        border: 1px solid var(--app-color1) !important;
}
.btn.bg_my_color1:hover {
  opacity: 0.9;  
}
.bg_my_color2{
     color:white ;
    background-color: var(--app-color2) !important;
        border: 1px solid var(--app-color2) !important;
}
.btn.bg_my_color2:hover {
  opacity: 0.9;  
}
.bg_my_color3{
    background-color: var(--app-color3) !important;
        border: 1px solid var(--app-color3) !important;
}
.btn.bg_my_color3:hover {
  opacity: 0.9;  
}
.text_my_color1{
    color: var(--app-color1) !important;
}
.text_my_color2{
    color: var(--app-color2) !important;
}
.text_my_color3{
    color: var(--app-color3) !important;
}
.border_my_color1{
    border: 1px solid var(--app-color1) !important;
    color: black !important;
}
.border_my_color1:hover{
    background:  var(--app-color1) !important;
    color: rgb(255, 255, 255) !important;
}
.border_my_color2{
    border: 1px solid var(--app-color2) !important;
    color: black !important;
}
.border_my_color2:hover{
    background:  var(--app-color2) !important;
    color: rgb(255, 255, 255) !important;
}
.border_my_color3{
    border: 1px solid var(--app-color3) !important;
    color: black !important;
}
.border_my_color3:hover{
    background:  var(--app-color3) !important;
    color: rgb(255, 255, 255) !important;
}
.custom_modal_height {
    height: 100vh; 
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.custom_modal_height_body{ 
    max-height: 80vh !important;
}
.modal-blur{
  background-color: #00000094 !important;
}
.page-title{
        text-transform: capitalize;
}
  .trumbowyg-box {
    min-height: 150px !important;
}
.btn_filter{
        width: max-content;
            align-self: end;
    display: block;
}
p {
    margin: 0 !important;
}