body {background-color:#77182e}

    header {background-image:url("../../images/header-background.jpg");background-size:cover;background-repeat:no-repeat;}
    footer {background-color:#77182e;}
    main {background-color:brown;}
    a, a:hover {text-decoration: none;color:rgb(175, 48, 57);}

    footer .nav-link {font-weight: normal;}
    
    .bg-twice-color { background: linear-gradient(to right,#8b3a39 0%,#8b3a39 1%,#ffffff 1%,#ffffff 70%,#bd7453 70%,#bd7453 100%);}
    .main-box {background-color:white;min-height:500px;}
    .bg-left {background-color:#8b3a39;}
    .bg-right {background-color:#bd7453;}
    .xite-title {color:white;}

    .main-color {color:rgb(175, 48, 57);}
    input[type=radio], input[type=checkbox] {accent-color: rgb(175, 48, 57);}

    input:-internal-autofill-selected {
        appearance: menulist-button;
        background-image: none !important;
        background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
        color: fieldtext !important;
    }

    .navbar {
        --bs-navbar-brand-color:white;
        --bs-navbar-color:white;
        --bs-navbar-brand-hover-color:white;
        --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .nav-link:focus, .nav-link:hover {color:white;}
    .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {color:white;}

    
    .un {display: inline-block; }
    .main-color.un::after {background:rgb(175, 48, 57);}
    .un::after {content: '';    width: 0px;    height: 2px;    display: block;    background: #ffffff;    transition: 300ms;  }
    .active.un:after, .un:hover::after { width: 100%; }

    


    .btn-primary {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #ae3335;
        --bs-btn-border-color: #ae3335;
        --bs-btn-hover-color: #ae3335;
        --bs-btn-hover-bg: #ffffff;
        --bs-btn-hover-border-color: #ae3335;
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: #ae3335;
        --bs-btn-active-bg: #ae3335;
        --bs-btn-active-border-color: #ae3335;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #dedede;
        --bs-btn-disabled-bg: #ae3335;
        --bs-btn-disabled-border-color: #ae3335;
        margin: 0 0;
        border-radius: 0;
    }

    .card {--bs-card-border-radius:0;}

    .btn-secondary {
        --bs-btn-color: #ffffff;
        --bs-btn-bg: #6f0f10;
        --bs-btn-border-color: #6f0f10;
        --bs-btn-hover-color: #6f0f10;
        --bs-btn-hover-bg: #ffffff;
        --bs-btn-hover-border-color: #6f0f10;
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: #6f0f10;
        --bs-btn-active-bg: #6f0f10;
        --bs-btn-active-border-color: #6f0f10;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #6f0f10;
        --bs-btn-disabled-bg: #6f0f10;
        --bs-btn-disabled-border-color: #6f0f10;
        margin: 0 0;
        border-radius: 0;
    }

    .nav {
        --bs-nav-link-padding-x: 1rem;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color:#ffffff;
        --bs-nav-link-hover-color: #000000;
        --bs-nav-link-disabled-color: #dedede;
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .form-control {
        display: block;
        width: 100%;
        padding: 0.15rem 0.15rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #af3039;
        font-weight: bold;
        background-color: #f3e8e2;
        background-clip: padding-box;
        border: 0;
        border-radius:0;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .form-control:focus {
        color: #af3039;
        background-color: #f3e8e2;
        border-color: rgb(175, 48, 57);
        outline: 0;
        box-shadow: none;
    }
    .form-floating>label {color:#af3039;}
    .input-group>.btn, .input-group>.form-control, .input-group>.form-select, .input-group>.input-group-text {border-radius: 0;}

    .input-group-text  {
        color: #af3039;
        background-color: #f3e8e2;
        border: 0;
        font-weight: bold;
    }
    ::placeholder,  :-ms-input-placeholder, ::-ms-input-placeholder { 
        color: #af3039;
        opacity: 1; /* Firefox */
    }
      

    .progress, .progress-stacked {
       border-radius: 0;
    }

    .input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text {font-size: 1rem;}

   


   
    .has-error {border:1px solid red;}
    .has-error-txt {color:red !important;}

    /*.row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }*/


    .card {
        --bs-card-border-width:0;
        --bs-card-border-radius: 0;
        --bs-card-inner-border-radius:0;
        border-bottom:4px solid #ae3435;
    }
    p.card-text {margin-bottom: 0;}

    .pagination {
        --bs-pagination-color:#ae3435;
        --bs-pagination-hover-bg:#ae3435;
        --bs-pagination-hover-color:#ffffff;
    }

    .pagination .currentpage {
        font-weight: bold;
    }