html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

/*
   **********************************************************************************************
      sticky footer
   **********************************************************************************************
*/
html,
body {
    height: 100%;
    /* Set to 100% of the container */
}

body>footer {
    top: 100vh;
    /* pushes the footer outside the visible area */
    position: sticky;
    /* pulls it back up and sticks it to the bottom edge */
}

.wrapper-body {
    min-height: 100px;
    /* need to set a value to override the theme.css's calc value */
}

.btn-info,
.btn-info:focus,
.btn-info.focus,
.btn-info:disabled,
.btn-info.disabled,
.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle.focus,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info .badge {
    color: #fff;
    background-color: #f7a600;
    border-color: #f7a600;
}

.btn.disabled, 
.btn:disabled, 
fieldset:disabled .btn{
    color: #fff;
    background-color: #f7a5009d !important;
    border-color: #f7a5009d !important;
}

.entity-timeline .timelineheader .buttoncontainer .addnote {
    position: relative;
}

.entity-timeline .note .attachment-outer-border {
    border: none;
    padding: 0px 14px 14px 14px;
}

.entity-timeline .note .postedon,
.entity-timeline .note .createdby,
.entity-timeline .note .glyphicon.glyphicon-arrow-right,
.entity-timeline .note .attachment-separator {
    display: none;
}

#note_label_add {
    word-break: normal;
}

.timelineheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.addnote-wrapper {
    margin-left: auto;
}

.addnote {
    margin-left: auto;
}

#notescontrol .row {
    max-width: 100%;
}

.page-header {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    margin: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.col-lg-12.columnBlockLayout {
    margin-top: 0 !important;
    padding: 0 !important;
}

.crmEntityFormView .state,
.crmEntityFormView .status {
    padding: 0 !important;
}

.static-top.navbar .menu-bar>.navbar-nav>li>a:hover,
.static-top.navbar .menu-bar>.navbar-nav>li>a:focus,
.static-top.navbar .menu-bar>.navbar-nav>li>a:active,
.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
    color: #f7a600;
}

.navbar-dark .navbar-nav .show.dropdown-menu {
    background-color: #f5f2ec !important;
    text-decoration: none !important;
}

.navbar-dark .navbar-nav .show.dropdown-menu {
    background-color: #f5f2ec !important;
    text-decoration: none !important;
}

.navbar-dark .navbar-nav .show.dropdown-menu>li>a {
    color: #0e2050 !important;
    text-decoration: none !important;
}

.navbar-dark .navbar-nav .show.dropdown-menu>li>a:hover,
.navbar-dark .navbar-nav .show.dropdown-menu>li>a:focus,
.navbar-dark .navbar-nav .show.dropdown-menu>li>a:active,
body #navbar .navbar-nav .show.dropdown-menu li a.active {
    background-color: #f5f2ec !important;
    color: #f7a600 !important;
    text-decoration: Plain text !important;
}

.alert-warning {
    --bs-alert-color: #192a69 !important;
    --bs-alert-bg: #f5f2ec !important;
    --bs-alert-border-color: #f5f2ec !important;
}

.dropdown-menu>li>a:hover {
    color: #f7a600 !important;
}

.from>h5 {
    line-height: 1.5 !important;
    margin-top: 0px !important;
}

.entity-notes {
    width: 100% !important;
    display: flex !important;
    flex-direction: column-reverse !important;
}

.note-actions.row {
    margin-bottom: 15px;
}

.note-actions.row .col-md-3 {
    width: 100% !important;
}

.entity-notes .toolbar {
    z-index: 2;
}

.entity-notes .attachment {
    z-index: 1;
}

.note .attachment .img .thumbnail img {
    max-height: 250px !important;
    max-width: 250px !important;
}

.col-md-9 .attachment .img img {
    max-height: 150px !important;
    max-width: 250px !important;
}

.pagination > .active > a, 
.pagination > .active > a:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span, 
.pagination > .active > span:hover, 
.pagination > .active > span:focus {
    background-color: #f7a600 !important;
}

.pagination {
    color: #f7a600 !important;
    --bs-pagination-color: #f7a600 !important;
    --bs-pagination-hover-color: #f7a600 !important;
    --bs-pagination-focus-color: #f7a600 !important;
    --bs-pagination-active-bg: #f7a600 !important;
    --bs-pagination-active-border-color: #f7a600 !important;
}

.pagination > li.page-item:not(.active):not(.disabled) > a, 
.pagination > li.page-item:not(.active):not(.disabled) > span {
    color: #f7a600 !important;
} 

@media (max-width: 768px) {
    html[dir=ltr] .crmEntityFormView .tab .tab-column {
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .attachment .col-md-4 {
        width: 100% !important;
    }
}

.control .image-inline img {
    height: -webkit-fill-available;
    width: -webkit-fill-available;
    max-height: 350px;
}