.btn {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-radius: 6px;
    background-color: #8766FF!important;
    box-shadow:none;
    /* background-image: linear-gradient(195deg,#49a3f1,#1a73e8); */
    padding: 0px 20px;
}

.btn:hover{
    background-color: #8766FF;
}

#button {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-radius: 6px;
    /* background-color: #1a73e8; */
    background-color: #8766FF;
    color: white !important;
    padding: 8px 10px;
    border:none;
}
#dlt_btn {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-radius: 6px;
    /* background-color: #1a73e8; */
    background-color: #8766FF;
    color: white !important;
    padding: 20px 10px;
    border:none;
}
#btn_cancel {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-radius: 6px;
    /* background-color: #1a73e8; */
    color: #8766FF;
    background-color: white !important;
    padding: 4px 20px;
    border:1px solid #8766FF;
}

.modal-close{
    color:black;
    border:1px solid #8766FF;
    border-radius: 6px;
    font-weight:600;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.addNewDomain {
    background-color: #8766FF;
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 10px;
    text-decoration: none;
    border-radius: 6px;
}

.domain_name,.projectname{
    background:white!important;
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin-left: 10px;
    width: 4vw !important;
    /* margin-top:4px; */
    padding: 0px 4px !important;

}
.domain_ip,.Team_name{
    background:white!important;
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin-left: 10px;
    width:8vw !important;
    /* margin-top:4px; */
    padding: 0px 4px !important;

}
.domain_category{
    background:white!important;
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin-left: 10px;
    margin-top:4px;
    width:132px !important;
    padding: 0px 4px !important;
    color: #00367B!important;
}
.timeformat{
    background:white!important;
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin-left: 10px;
    margin-top:22px;
    width:140px !important;
    padding: 0px 4px !important;
    color: #00367B!important;
}
.org_name{
    background:white!important;
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin-left: 10px;
    /* margin-top:22px; */
    width:180px !important;
    padding: 0px 4px !important;
    color: #00367B!important;
}
.project_name,.limit{
    background:white!important;
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin-left: 10px;
    /* margin-top:22px; */
    width:130px !important;
    padding: 0px 4px !important;
    /* color: #00367B!important; */
}
.Rlimit,.Hlimit{
    background:white!important;
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin-left: 10px;
    /* margin-top:22px; */
    width:150px !important;
    padding: 0px 4px !important;
    /* color: #00367B!important; */
}
.project_url{
    background:white!important;
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); */
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin-left: 10px;
    /* margin-top:22px; */
    width:10px !important;
    padding: 0px 4px !important;
    /* color: #00367B!important; */
}

/* .password {
    margin-left: 10px;
    padding: 0px 4px !important;
} */

.hoveringBGeffect {
    background-color: white;
    padding: 11px 10px;
}

.input-field>label {
    color: #00000050;
}

.input-field>label:not(.label-icon).active {
    color: #00367B !important
}


input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* border: 2px solid #00367B; */
    transition-duration: 50ms !important;
    border: 1px solid #00000020;
    box-shadow: 0px 0px 0px 2px #00367B inset;

}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    border: 1px solid #00000020;
    box-shadow: 0px 0px 0px 2px 00000020 inset;
    border-radius: 10px;
}

input.invalid:not([type]),
input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus,
.select-wrapper.invalid>input.select-dropdown,
.select-wrapper.invalid>input.select-dropdown:focus {
    border-bottom: 1px solid #00000020;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input.valid:not([type]),
input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus,
.select-wrapper.valid>input.select-dropdown {
    border-bottom: 1px solid #DFDFDF !important;
    -webkit-box-shadow: 0 1px 0 0 #DFDFDF !important;
    box-shadow: 0 1px 0 0 #DFDFDF !important;
}



input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    text-indent: 10px !important;
    font-weight:600;
    /* width:97%; */
    /* margin:0px 4px; */
}

.blur {
    background: rgba(255, 255, 255, 0.3);
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); */
    /* backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(100px); */
    border-radius:6px;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

#add_domain_btn{
    position:fixed;
    bottom:20px;
    left:96%;
    background-color:#8766FF;
}
#add_domain_btn:hover{
    position:fixed;
    bottom:20px;
    left:96%;
    background-color:#8766FF;
}

@media only screen and (min-width:100px) and (max-width:700px) {
    #add_domain_btn{
        position:fixed!important;
        bottom:20px!important;
        left:80%!important;
        background-color:#8766FF!important;
    }
    .timeformat{
        background:white!important;
        /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px); */
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        margin-left:0px;
        margin-top:22px;
        width:140px !important;
        padding: 0px 4px !important;
        color: #00367B!important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px){
    #add_domain_btn{
        position:fixed!important;
        bottom:20px!important;
        left:90%!important;
        background-color:#8766FF!important;
    }
}

/* .modal {
    border-radius: 0.6rem;
    overflow-x: hidden !important;
    padding-top: 10px;
    background: rgba(255, 255, 255, 0.3)!important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
} */



#blur {
    background: rgba(255, 255, 255, 0.3);
    /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.btn-floating{
    position:fixed;
    bottom:20px;
    left:96%;
    background-color:#8766FF;
}
.btn-floating:hover{
    position:fixed;
    bottom:20px;
    left:96%;
    background-color:#8766FF;
}

@media only screen and (min-width:100px) and (max-width:700px) {
    .btn-floating{
        position:fixed;
        bottom:20px;
        left:70%;
        background-color:#8766FF;
    }
    .btn-floating:hover{
        position: absolute;
        bottom:20px;
        left:76%;
        background-color:#8766FF;
    }
}