/*
Custom CSS for TemplateMo 561 Purple Buzz

https://templatemo.com/tm-561-purple-buzz

*/

/** breadcrumbs **/
.breadcrumbs {
	text-align: right;
	color: #898989;
	padding: 10px;
	font-size: 0.8rem;
}
.breadcrumbs i {
	margin-right: 5px;
}
.breadcrumbs span {
	padding: 0px 3px;
	color: #d2d2d2;
}
.breadcrumbs b {
	color: #000;
	font-weight: bold;
}

/* .btn-orange:hover {
color: #f6f9fe;
background-color: #E8A471;
border-color: #E8A471;
} */
.btn-orange:hover, .btn-orange:focus, .btn-orange.active, .open .dropdown-toggle.btn-orange {
    color: #f6f9fe !important;
    background-color: #E8A471;
    border-color: #000; /*set the color you want here*/
}

.dropdown .dropdown-toggle:active, .open .dropdown-toggle {
    background:#FFF !important; 
    color:#000 !important;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color:#FFF !important; 
    background-color: #E8A471;
    border-color: #E8A471; /*set the color you want here*/ 
}

/* Tabs panel */
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus  {
    border-color: #E8A471;
    background-color: #E8A471;
    border-bottom-color: transparent;
}
.nav-tabs {
   border-bottom: 1px solid #d45500;
} 

/* .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active */

.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #E8A471;
    border-color: #E8A471 #E8A471 #fff;
    }

.tabcrumb {
    color: #fff;
    background-color: #0D285A;
    border-color: #0D285A #0D285A #0D285A #E8A471;
}

.pathcrumb {
    margin-bottom: 0px; 
    margin-top: 0px;
    height: 20px;
}

.pathcrumb-border {
    border-bottom: 2px solid #E8A471;
}

.tabcrumb-icon {
    width:28px;
    height:28px;
}

.padding_left_10 {
    padding-left: 10px !important;
}

.list-group-item {
    color: #E8A471;
    background-color: #fff;
    border-color:#fff  #fff #E8A471 #fff;
    border-bottom: 1px solid ;
}

.list-group-item.active {
    color: #fff;
    background-color: #0D285A;
    border-bottom: 2px solid #0D285A;
}

.rounded-top-2 {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}
.rounded-all-2 {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
.rounded-top-left-1 {
    border-top-left-radius: 1rem;
}
.rounded-top-right-1 {
    border-top-right-radius: 1rem;
}
.rounded-bottom-left-1 {
    border-bottom-left-radius: 1rem;
}
.rounded-bottom-right-1 {
    border-bottom-right-radius: 1rem;
}

.text-indent-1 {
    text-indent: 1em;
}
.text-indent-2 {
    text-indent: 2em;
}

.footer-icon {
    width:24px;
    height:24px;
}

.footer-font-color {
    color: #0D285A;
}

.navy-font-color {
    color: #0D285A;
}

.font-color-navy {
    color: #0D285A;
}

.oran-font-color {
    color: #E8A471;
}
.font-color-orange {
    color: #E8A471;
}

.white-font-color {
    color:#fff;
}
.font-color-white {
    color:#fff;
}

.red-font-color {
    color:red;
}
.font-color-red {
    color:red;
}

.oran-bg-color {
    background-color: #E8A471;
}
.navy-bg-color {
    background-color: #0D285A;
}

.footer-bg-img {
    background-image: url("./assets/img/footer_bg_image.png");
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #E8A471;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.25rem rgba(194, 124, 50, 0.972);
            box-shadow: 0 0 0 0.25rem rgba(194, 124, 50, 0.25);
  }

.nav-btn-rounded {
    background-color: #E8A471;
    border: none;
    color: #fff;
    padding: 0.5em 1.25em 0.5em 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* font-size: 75%; */
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    margin: 4px 10px;
    cursor: pointer;
    border-radius: 1.5rem;
  }

  .white-font-hover:hover, .white-font-hover:focus, .white-font-hover:active, .white-font-hover.active, .open>.dropdown-toggle.white-font-hover {
    color: #fff;
}

  /* .badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
} */

.bg-gradient-blue {
    background-color: #cfe2ff;
    background-image: linear-gradient(180deg,#cfe2ff 10%,#cfe2ff 100%);
    background-size: cover;
}

.input-group-addon.primary {
    color: #0D285A;
    background-color: #cfe2ff;
    font-weight:
    bold;
    /* background-image: linear-gradient(180deg,#0D285A 10%,#051738 100%); */
    background-size: cover;
    border-color: #cfe2ff;
}

/* .btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
} */

.btn-check:checked+.btn-outline-orange, .btn-outline-orange.active, .btn-outline-orange.dropdown-toggle.show, .btn-outline-orange:active {
    color: #fff;
    background-color: #E8A471;
    border-color: #E8A471;
}

.btn-check:checked+.btn-outline-navy, .btn-outline-navy.active, .btn-outline-navy.dropdown-toggle.show, .btn-outline-navy:active {
    color: #fff;
    background-color: #0D285A;
    border-color: #0D285A;
}

.modal-btn-rounded-update {
    background-color: #E8A471;
    border: none;
    color: #fff;
    padding: 0.5em 1.25em 0.5em 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* font-size: 75%; */
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    margin: 4px 10px;
    cursor: pointer;
    border-radius: 1.5rem;
  }

.modal-btn-rounded-cancel {
    background-color: black;
    border: none;
    color: #fff;
    padding: 0.5em 1.25em 0.5em 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* font-size: 75%; */
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    margin: 4px 10px;
    cursor: pointer;
    border-radius: 1.5rem;
  }

  .modal-btn-rounded-reset {
    background-color: navy;
    border: none;
    color: #fff;
    padding: 0.5em 1.25em 0.5em 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* font-size: 75%; */
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    margin: 4px 10px;
    cursor: pointer;
    border-radius: 1.5rem;
  }

.modal-btn-rounded-update:hover, .modal-btn-rounded-update:focus, .modal-btn-rounded-update:active, .modal-btn-rounded-update.active, .open>.dropdown-toggle.modal-btn-rounded-update {
    color: #fff;
}

.modal-btn-rounded-cancel:hover, .modal-btn-rounded-cancel:focus, .modal-btn-rounded-cancel:active, .modal-btn-rounded-cancel.active, .open>.dropdown-toggle.modal-btn-rounded-cancel {
    color: #fff;
}

.modal-btn-rounded-reset:hover, .modal-btn-rounded-reset:focus, .modal-btn-rounded-reset:active, .modal-btn-rounded-reset.active, .open>.dropdown-toggle.modal-btn-rounded-reset {
    color: #fff;
    background-color: #dc3545;
    border-color: #285e8e; /*set the color you want here*/
}


/* message modal style settings */
    .message-modal-round {
        color: #11d146;
        border-radius: 1.5rem;
        text-align:center;
    }

    .message-modal-round-error {
        color: red;
        border-radius: 1.5rem;
        text-align:center;
    }

    .message-modal-icon {
        /* background: #0d60ad; */
        font-size: 100px;
        line-height: 100px;
        width: 100px;
        height: 100px;
        margin: 0 auto 20px;
        border-radius: 100px;    
    }

    .message-modal-icon-error {
        /* background: #0d60ad; */
        font-size: 50px;
        line-height: 100px;
        width: 100px;
        height: 100px;
        margin: 0 auto 20px;
        border-radius: 100px;
        
    }

    .message-modal-btn-rounded {
        background-color: #E8A471;
        border: none;
        color: #fff;
        padding: 0.5em 1.25em 0.5em 1em;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        /* font-size: 75%; */
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        margin: 4px 10px;
        cursor: pointer;
        border-radius: 1.5rem;
    }

    .close{
        color: #e74c3c;
        background-color: #fff;
        font-size: 28px;
        text-shadow: none;
        line-height: 33px;
        height: 33px;
        width: 33px;
        opacity: 1;
        border-radius: 50%;
        box-shadow: 0 0 5px #555;
        position: absolute;
        left: auto;
        right: -5px;
        top: -5px;
        z-index: 1;
        transition: all 0.3s;
    }
    button.close {
    padding: 0;
    background-color: #fff;
    border: 0;
    }
    .close:hover {
    color: #000;
    text-decoration: none;
    }
    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: 1;
    }


    .bg-gradient-orange {
        background-color: #E8A471;
        background-image: linear-gradient(180deg,#e6ad81 10%,#E8A471 100%);
        background-size: cover;
    }


    
    .nav-pills .nav-link.active {
        color: white;
        background-color: #0D285A;
    }