@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: "Poppins", sans-serif;
}

.btn-primary {
    background: #C0A777 !important;
    color: white;
    border: 1px solid #C0A777 !important;
}

.btn-primary:hover {
    background: #C0A777 !important;
    color: white;
    border: 1px solid #C0A777 !important;
}

.a_red {
    color: #FF8682 !important;
}

.a_red:hover {
    color: #FF8682 !important;
}

.login_input:focus {
    color: #1C1B1F;
    border: 1px solid #79747E;
}

label {
    color: #1C1B1F;
}

.btn-outline-primary {
    color: white;
    border: 1px solid #515DEF !important;
}

.btn-outline-primary:hover {
    background: transparent !important;
    color: white;
    border: 1px solid #515DEF !important;
}

.togglePassword {
    position: absolute;
    top: 54%;
    right: 41px;
    transform: translateY(-50%);
    cursor: pointer;
}

.togglePasswordReset {
    position: absolute;
    top: 52%;
    right: 25px;
    transform: translateY(-50%);
    cursor: pointer;
}

.togglePasswordResetConfirm {
    position: absolute;
    top: 52%;
    right: 25px;
    transform: translateY(-50%);
    cursor: pointer;
}

.back {
    margin-top: 50px;
    display: flex;
    gap: 10px;
    cursor: pointer;
}

.text span {
    cursor: pointer;
}

.nav-item :hover {
    background-color: #F2F2F2 !important;
}

.nav-link:hover {
    background-color: #F2F2F2 !important;
}

.settings {
    background-color: #FAFAFA;
    margin: 10px;
    border-radius: 10px;
}

.notifi_drop {
    background: #F7F7F7;
    border-radius: 45px;
    border: 1px solid #EEEEEE;
}

.btn_trans {
    background: white;
    border: 1px solid #D0D0D0 !important;
}

.listName {
    background-color: #F7F7F7;
    width: 28%;
}

.number {
    background: #562CFF;
    padding: 9px 16px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
}

.number2 {
    background: #FF7A00;
    padding: 9px 16px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
}


.number3 {
    background: #B80000;
    padding: 9px 16px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
}


.number4 {
    background: #00B81D;
    padding: 9px 16px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
}

.f_14 {
    font-size: 14px;
}

.txt_property {

    font-weight: 500;
    color: #65676D;
    font-size: 18px;
}

a:hover {
    color: #65676D;
}

a {
    color: #65676D;
}

.main-content {
    background-color: white;
}

.inputProperty {
    border-color: #000000A6;
    border-radius: 8px 0 0px 8px;
    border-right: 0;

}

.searchSec {
    border-color: #000000A6;
    border-radius: 0px 8px 8px 0px;
}

.inputProperty:focus {
    border-color: #000000A6 !important;
}

.f_12 {
    font-size: 12px;
}

.f_14 {
    font-size: 14px;
}

.f_20 {
    font-size: 22px;
}

.btnUnitDel {
    border: 1px solid;
    padding: 10px 10px;
    font-size: 14px;
    color: #000;
    border-radius: 8px;
    background-color: white;
}

.btnBoard {
    background-color: #8724D3 !important;
    color: white !important;
}

.roundNum {
    background-color: #562CFF;
    padding: 2px 6px;
    border-radius: 30px;
    color: white;
}


.roundNum2 {
    background-color: #FF7A00;
    padding: 2px 6px;
    border-radius: 30px;
    color: white;
}



.roundNum3 {
    background-color: #B80000;
    padding: 2px 6px;
    border-radius: 30px;
    color: white;
}



.roundNum4 {
    background-color: #00B81D;
    padding: 2px 6px;
    border-radius: 30px;
    color: white;
}

.head {
    border-left: 4px solid;
    border-color: #562CFF;
    padding: 0 0 0 13px;
}

.head2 {
    border-left: 4px solid;
    border-color: #FF7A00;
    padding: 0 0 0 13px;
}

.head3 {
    border-left: 4px solid;
    border-color: #B80000;
    padding: 0 0 0 13px;
}

.head4 {
    border-left: 4px solid;
    border-color: #00B81D;
    padding: 0 0 0 13px;
}


.boxShadow {
    box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
}

.user-images img {
    margin-left: -5px
}

.txt_repair {
    background: #0099DB;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    padding: 4px 0;
    color: white;
}


.txtPlumber {
    background: #00B81D;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    padding: 4px 0;
    color: white;
}

.f_18 {
    font-size: 18px;
}

.boxShadowCard {
    box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 11px -3px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.75);
}