.main-color {
    color: var(--pink);
}

.side-menu {
    list-style: none;
    display: block;
}

.side-menu a {
    cursor: pointer;
    display: block;
    padding: 5px 2px;
    color: #000;
    text-decoration: none;
}

.side-menu span {
    align-content: center;
}

.side-menu .active a {
    color: var(--pink);
    font-weight: 700;
}

.custom-checkbox {
    margin-bottom: 0.25rem;
    padding-left: 1.75rem;
}
.custom-checkbox .custom-control-input~.custom-control-label {
    font-size:.75rem;
    margin-bottom: 0px !important;
}
.custom-checkbox .custom-control-input~.custom-control-label::before {
    top: 0.5rem;
    background-color: #fff;
    border: 1px solid #777;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border: 1px solid var(--pink);
    background-color: #fff;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    /* background-color: var(--pink); */
    background: none !important;
    border-bottom: 2px solid var(--pink);
    border-right: 2px solid var(--pink);
    transform: rotate(45deg);
    width: 0.45rem;
    height: 1rem;
    left: 0.5rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label {
    color: var(--pink);
}

.border-btm {
    border-bottom: 1px solid #ddd;
}

.save-settings {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 220px;
    text-align: center;
    background: #fff;
    box-shadow: 1px 1px 10px 2px #ccc;
    padding: 20px 10px;
    z-index: 999;
}

.btn-custom {
    color: var(--pink);
    background: #fff;
    font-weight: 700;
    border-radius: 20px;
    padding: 5px 40px;
    border: 1px solid var(--pink);
    width: auto;
    font-size:.8rem;
}

.btn-custom:hover {
    color: #fff;
    background: var(--pink);
}

.btn-custom2 {
    color: #444;
    background: #fff;
    font-weight: 700;
    border-radius: 20px;
    padding: 5px 40px;
    font-size:.8rem;
}

.btn-custom2:hover {
    color: #fff;
    background: #444;
}

.btn-custom3 {
    color: #fff;
    background: var(--pink);
    font-weight: 700;
    border-radius: 20px;
    padding: 5px 40px;
    border: 1px solid var(--pink);
    width: auto;
    font-size:.8rem;
}

.btn-custom3:hover {
    color: var(--pink);
    background: #fff;
}
.form-control {
    border-radius: 20px;

}
.dashboard-page .background-color {
    background-color: transparent;
   
}
.background-color:hover{
    background-color: transparent;
}
.profile-pic,
.profile-pic img {
    margin: auto;
    width: 300px;
    display: block;
    border-radius: 50%;
}

.show-nav {
    display: block !important;
}

.sub-hamburger {
    display: none !important;
}
.dashboard-page h2{
    font-size: 20px;
    margin-bottom: .8rem;
}
.dashboard-page h4{
    font-size: 14px;
}
.dashboard-page p{
    font-size: 14px;
}
.dashboard-page h6{
    font-size: 12px;
}
.dashboard-page .form-control{
    padding: 0.6rem 2rem;
    font-size: .9rem;
    color: #777;
}
.dashboard-page label{
    text-transform: capitalize;
    margin-bottom: 0.625rem;
}
.dashboard-page .form-group {
    margin-bottom: 1.75rem;
}
.dashboard-page .custom-control {
    display: inline-block;
}
.dashboard-page .header-table {
    padding: 0px 15px;
}
.dashboard-page .header-table div{
    color: #969bab;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 13px;
}
.dashboard-page .table-content {
    padding: 0px 10px;
    font-size: 13px;
}
.dashboard-page .table-content > div {
    background: #f8f8f8;
    border-radius: 10px;
    padding: 10px 5px;
    vertical-align: middle;
}
.dashboard-page .table-content > div:nth-child(even) {
    background: #fff;
}
.dashboard-page .table-content .list-logo  {
    max-width: 80px;
    max-height: 40px;
}
.dashboard-page .table-content .btn-link {
    border: none;
    text-decoration: none;
    color: #444;
}
.dashboard-page .table-content .btn-link:hover {
    color: var(--pink);
}
.auth-body {
    padding: 10px 50px;
    font-size: 12px !important;
}
.auth-body .input-group-text {
    background:  none;
    border-top-left-radius: 20px ;
    border-bottom-left-radius: 20px ;
    border-right: 0px;
    font-size: large;
}
.auth-body .form-control {
    font-size: 12px !important;
}

.auth-body .btn-link, .f-12 {
    font-size: 12px !important;
    text-decoration: none !important;

}
.happi-black {
    filter: invert(0%) sepia(100%) saturate(1743%) hue-rotate(0deg) brightness(1%) contrast(107%);
}
.auth-logo {
    max-width: 80px;
} 
.password-help li {
    position: relative;
    font-size:.75rem;
    margin-bottom: 0px !important;
    padding-left: 30px;
}
.password-help li:before {
    position: absolute;
    content: '';
    background: none !important;
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
    transform: rotate(45deg);
    width: 0.45rem;
    height: 1rem;
    left: 0.5rem;
    top:5px;
}
.password-help li.active:before {
    border-bottom: 2px solid var(--pink);
    border-right: 2px solid var(--pink);
}
.login-with img{
    max-width: 20px;
}
.btn-close {
    float: right;
}


@media (max-width: 1020px) {
.side-menu {
    display: none;
}
.sub-hamburger {
    display: block !important;
}
}

/*------------------------------------Request form css Start-----------------------------*/

body form#commentform .background-color {
    color: rgb(119, 119, 119) !important;
}


body form#commentform .custom-checkbox {
    margin-bottom: 0.25rem;
    padding-left: 0px;
    position: relative;
    display: block;
}

body form#commentform .check_parent label.custom-control-label {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    font-family:Inter, sans-serif;

} 
body form#commentform .check_parent label.custom-control-label a {
    color: #fff;
    font-size: 14px;
    line-height: 29px;
    font-weight: 400;
    font-family:Inter, sans-serif;
}

body form#commentform .check_parent label.custom-control-label {
    margin-left: 8px;
    position: absolute;
}

@media(max-width:767px)
{
 
 body form#commentform .custom-checkbox {
      margin-bottom: 35px;
}


}
/*------------------------------------Request form css End-----------------------------*/