/*Custom CSS file for Freshcoat*/

.page-loader {
    background: rgba(225, 225, 225, 0.68);
}

h1, h2, h3, h4, h5, h6 {
    color: #002e5b;
}

/*Navigation css*/



/*.navi .navi-item .navi-link .navi-text {
    color: #002e5b;
}

.navi .navi-item .navi-link .navi-icon i {
    color: #002e5b;
}*/

.card {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) !important;
}

.card-light-shadow {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
}

.btn-blue {
    color: #ffffff !important;
    background-color: #002e5b;
    border-color: #002e5b;
}

    .btn-blue:hover {
        color: #002e5b !important;
        background-color: #fde428;
        border-color: #fde428;
    }

.btn-yellow:hover {
    color: #ffffff;
    background-color: #002e5b;
    border-color: #002e5b;
}

.btn-yellow {
    color: #002e5b;
    background-color: #fde428;
    border-color: #fde428;
}

.bg-blue {
    background-color: #002e5b !important;
    color: #ffffff !important;
}

.btn-light-blue {
    color: #002e5b;
    background-color: #e5f2ff;
    border-color: transparent;
}

    .btn-light-blue:hover, .btn-light-blue:focus, .btn-light-blue:active {
        color: #ffffff;
        background-color: #002e5b;
        border-color: #002e5b;
    }

.border-trp {
    border-color: transparent !important;
}

.text-primary {
    color: #002e5b !important;
}

.text-blue {
    color: #002e5b;
}

.bg-light {
    background-color: #f7f8fe !important;
    border-radius: 5px;
}

.shadow-none {
    box-shadow: none !important;
}

.tentacles {
    border: 1px solid #ededed !important;
    padding: 5px;
}

.nav .nav-link {
    border: 1px solid #e9ebf2 !important;
}

    .nav .show > .nav-link, .nav .nav-link:hover:not(.disabled), .nav .nav-link.active {
        color: #ffffff;
        background-color: #002e5b;
    }

        .nav .nav-link:hover:not(.disabled), .nav .nav-link.active .nav-icon i {
            color: #ffffff !important;
        }

            .nav .show > .nav-link .nav-text, .nav .nav-link:hover:not(.disabled) .nav-text, .nav .nav-link.active .nav-text {
                color: #ffffff !important;
            }

    .nav .nav-link:hover .nav-icon i {
        color: #ffffff !important;
    }

    .nav .nav-link:hover .nav-icon svg g [fill] {
        fill: #ffffff !important;
    }

    .nav .nav-link:hover:not(.disabled), .nav .nav-link.active .nav-icon svg g [fill] {
        fill: #ffffff !important;
        background-color: #002e4b !important; /*css for templates navs*/
    }

/*css for template navs*/
.nav.nav-pills.nav-danger .nav-link.active {
    color: #ffffff;
    background-color: #F64E60 !important;
}

.nav .nav-link .nav-icon svg g [fill] {
    fill: #002e5b !important;
}

.svg-icon.svg-icon-blue svg g [fill] {
    fill: #002e5b !important;
}

.svg-icon.svg-icon-primary svg g [fill] {
    fill: #6993FF !important;
}

.svg-icon.svg-icon-success svg g [fill] {
    fill: #1BC5BD !important;
}

.svg-icon.svg-icon-danger svg g [fill] {
    fill: #F64E60 !important;
}

.svg-icon.svg-icon-warning svg g [fill] {
    fill: #FFA800 !important;
}

.svg-icon.svg-icon-info svg g [fill] {
    fill: #8950FC !important;
}

.svg-icon.svg-icon-white svg g [fill] {
    fill: #FFFFFF !important;
}

.btn-light-success > .svg-icon svg g [fill] {
    fill: #1BC5BD !important;
}

.btn-light-success:hover > .svg-icon svg g [fill] {
    fill: #FFFFFF !important;
}

.btn-light-primary > .svg-icon svg g [fill] {
    fill: #6993FF !important;
}

.btn-light-primary:hover > .svg-icon svg g [fill] {
    fill: #FFFFFF !important;
}

.btn-light-danger > .svg-icon svg g [fill] {
    fill: #F64E60 !important;
}

.btn-light-danger:hover > .svg-icon svg g [fill] {
    fill: #FFFFFF !important;
}

.btn-light-warning > .svg-icon svg g [fill] {
    fill: #FFA800 !important;
}

.btn-light-warning:hover > .svg-icon svg g [fill] {
    fill: #FFFFFF !important;
}
.btn-light-info > .svg-icon svg g [fill] {
    fill: #8950FC !important;
}

.btn-light-info:hover > .svg-icon svg g [fill] {
    fill: #FFFFFF !important;
}

thead-dark {
    background-color: #002e5b !important;
}

@media screen and (min-width: 992px) {
    .nav .nav-link {
        padding: 0.5rem 1rem;
    }

    .header {
        height: 55px;
    }
}

.tab-title {
    color: #ffffff;
    border: 1px solid red;
    background-color: #000;
    padding: 10px 20px;
    border-radius: 5px;
}

    .tab-title:hover {
        color: red !important;
    }

.kanban-container .kanban-board .kanban-board-header {
    background-color: #002e5b;
}

    .kanban-container .kanban-board .kanban-board-header .kanban-title-board {
        color: #ffffff;
    }

.btn.btn-clean {
    color: #B5B5C3;
    background-color: #fafafa;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed, .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed:after {
    color: #002e5b;
    background-color: #f7f7f7 !important;
    border-radius: 5px !important;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title, .accordion.accordion-toggle-arrow .card .card-header .card-title:after {
    color: #ffffff;
    background-color: #002e5b !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.accordion > .card {
    border-radius: 5px !important;
}

.accordion.accordion-solid .card {
    margin-bottom: 1rem !important;
}

/*css to hide tabs in notifications section*/
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white {
    display: none;
}

.scrolltop {
    background-color: #002e5b;
}

.text-bg-blue {
    color: #ffffff !important;
}

    .text-bg-blue:hover {
        color: #002e5b !important;
    }

.slick-slide {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.slick-prev:before, .slick-next:before {
    color: #002e5b;
}

:focus {
    outline: none !important;
}

.ribbon-ver .ribbon-target {
    min-width: 20px;
    min-height: 35px;
}

.card-active {
    border: 2px solid #002e5bbd !important;
}

a.card-label.stretched-link.h3 {
    width: 20ch;
    overflow: hidden;
    white-space: nowrap;
}

.card-data-display {
    width: 37ch;
    overflow: hidden;
    white-space: nowrap;
}

.bootstrap-tagsinput {
    width: 100%;
}

.u-tag {
    border-color: #002e5b;
    border-radius: 15px;
    background-color: #ffffff;
    color: #002e5b;
    font-weight: 600;
}

.input-group-addon.error {
    border-right: 0;
    color: red;
    border: none;
}

.form-control.focused {
    border: none !important;
}

.form-control.error {
    border: none !important;
}

.form-control.errorField::-webkit-input-placeholder {
    color: red !important;
}

.form-control.errorField:-moz-placeholder { /* Firefox 18- */
    color: red !important;
}

.form-control.errorField::-moz-placeholder { /* Firefox 19+ */
    color: red !important;
}

.form-control.errorField:-ms-input-placeholder {
    color: red !important;
}
.ag-theme-balham {
    font-size: 12.4px !important;
    font-family: Poppins, Helvetica, "sans-serif" !important;
}

    .ag-theme-balham .ag-header {
        font-size: 12.4px !important;
        font-family: Poppins, Helvetica, "sans-serif" !important;
    }

/*.note-insert {
    display: none !important;
}*/

@media screen and (min-width: 992px) {
    .header {
        height: 55px;
    }

    .nav .nav-link {
        padding: 0.5rem 1.5rem;
    }
}

@media (min-width: 992px) {
    .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
        background-color: rgba(255, 255, 255, 0.1);
        border-bottom: 2px solid #fff;
    }

    .header-menu .menu-nav > .menu-item > .menu-link {
        border-radius: 0.42rem;
        padding: 0.5rem 1.25rem;
    }
}

/*Scrollbar CSS*/

::-webkit-scrollbar {
    width: 14px;
    height: 14px;
    /*background: #ffffff !important;*/
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%);
    background: #cecece;
    border-radius: 16px;
}

.ag-header-cell-text {
    color: rgb(34,34,34) !important;
}

.btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon {
    height: calc(1em + 1rem + 2px);
    width: calc(1em + 1rem + 2px);
}

.sticky-toolbar {
    width: 36px;
}

.ag-floating-bottom {
    font-size: 15px;
    font-weight: bold;
}

.ag-row{
    font-size:13.5px;
}

.table thead th {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.table thead td,
.table td {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.table th,
.table td {
    vertical-align: middle !important;
}

.nav .nav-link .nav-icon {
    width: auto;
}

.nav-text {
    padding-left: 5px;
}

.nav-tabs .nav-link {
    /*border: none !important;*/
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.table th,
.table td {
    vertical-align: middle !important;
}

@media (max-width: 991.98px) {
    .header-mobile {
        background-color: #002E5B;
    }
}

@media (max-width: 991.98px) {
    .header .container {
        justify-content: center !important;
        background-color: #002E5B;
    }
    .d-mob-inline{
        display: inline !important; 
    }
}

.ajaxLoader1 {
    position: fixed;
    z-index: 100000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
    background-color: #808080;
    background-color: rgba(128, 128, 128, 0.28);
    background: lightgrey;
}

.loaderCenter {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 150px;
    background-color: lightgrey;
    border-radius: 10px;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    -moz-opacity: 1 !important;
}
.note-editor.note-frame.fullscreen {
    height: 80vh;
    left: 0;
    right: 0;
    top: 10vh;
    vertical-align: middle;
    width: 90% !important;
    margin: auto !important;
}
    /*.loaderCenter img {
        height: 40px;
        width: 40px;
    }*/


.table .thead-dark th {
    color: #ffffff;
    background-color: #002e5b;
    border-color: #002e5b;
}