/*==================================================
    DOMAIN SEARCH v3.3
==================================================*/

:root {
    /* Same in all */
    --global--color-primary: #000000;
    --global--color-accent: #050505;
    --global--color-nav: #181818;
    --global--color-black: #000000;
    --global--color-white: #ffffff;
    --global--color-very-light-gray: #e5e5e5;
    --global--color-grayish-blue: #b7bcc4;
    --global--color-strong-cyan: #08bba4;
    --global--color-strong-red: #c0392b;
    --global--color-very-dark-desaturated-blue: #03121d;
    --global--color-very-light-gray-mostly-white: #f9f9f9;
    --global--color-very-dark-black-blue: #0c2a3f;
    /* Change */
    --global--color-secondary: #6b20df;
    --global--color-vivid-yellow: #82d629;
    --global--color-text: #73748a;
    --global--color-text2: #b9b9b9;
    --global--color-strong-violet: #6b20df;
    --global--color-light-violet: #4a13b9;
    --global--color-mid-violet: #5d18cf;
    --global--color-topbar-copyright-color: #6b20df;
    --global--color-topbar-copyright-color2: #ffffff;

    --global--color-light-white: #73748a;
    --global--button-border-radius: 100px;
    --global--box-border-radius: 30px;
    --global--social-icon-border-radius: 50%;
    --global--dropdown-border-radius: 10px;

    --global--color-dark-grayish-blue: #03121d;
    --global--border-all-side: 1px solid #deebfe;
    --global--border-color: #ece8f7;
    --global--banner-text-color: #ffffff;
    --global--footer-bg: #202020;
    --global--pricing-btn-color: #f5efff;
    --global--bg--color2: #343434;
    --global--link--color: #1f2430;
    --global--footer-green: #82d629;
    --global--footer-text: #b9b9b9;
    --global--footer-heading: #ffffff;
    --global--footer-panel: #ffffff;
    --global--footer-ink: #242424;


    --global--accent--color: #fa4a2d;
    --global--color-rosa: #d315b5;
	--global--color-yellow: #FCBA27;	
}




#domainResults{
    margin-top:25px;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
}

/*------------------------------------------------*/

.domain-row{
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        130px
        90px
        140px;
    align-items:center;
    column-gap:24px;
    min-height:58px;
    padding:12px 24px;
    border-bottom:1px solid #f3f3f3;
    transition:background .20s ease;
}

.domain-row:last-child{
    border-bottom:none;
}

.domain-row:hover{
    background:#fafbff;
}

/*------------------------------------------------*/

.domain-name{
    font-size:14px;
    font-weight:500;
    color:#2c2c2c;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/*------------------------------------------------*/

.domain-status{
    display:flex;
    align-items:center;
    font-size:13px;
    font-weight:500;
    white-space:nowrap;
}

.status-dot{
    width:6px;
    height:6px;
    border-radius:50%;
    margin-right:8px;
    flex-shrink:0;
}

.status-dot.ok{
    background:#28c76f;
}
.status-dot.ko{
    background:#ea5455;
}

.domain-status.ok{
    color:#28c76f;
}

.domain-status.ko{
    color:#ea5455;
}

/*------------------------------------------------*/

.domain-price{
    text-align:center;
    font-size:14px;
    font-weight:500;
    color:#5a26c9;
    white-space:nowrap;
}

/*------------------------------------------------*/

.domain-action{
    display:flex;
    justify-content:flex-end;
}

.domain-action .btn{
    width:130px;
    min-width:130px;
    text-align:center;
    white-space:nowrap;
}

/* Apenas cores */

.domain-action .btn-primary{
    background:#fa4a2d;
    border-color:#fa4a2d;
}

.domain-action .btn-primary:hover{
    background:var(--global--footer-bg);
    border-color:var(--global--footer-bg);

}

.domain-action .btn-outline-warning{
    color:#fa4a2d;
    border-color:#fa4a2d;
    background:#fff;
}

.domain-action .btn-outline-warning:hover{
    background:#fa4a2d;
    color:#fff;
}

/*------------------------------------------------*/

@media(max-width:992px){

    .domain-row{
        grid-template-columns:1fr;
        row-gap:10px;
        padding:18px;
    }

    .domain-price{
        text-align:left;
    }

    .domain-action{
        justify-content:flex-start;
    }

    .domain-action .btn{
        width:100%;
    }

}

.domain-loading {
	padding: 10px 20px;
	color: var(--global--color-white);
    background: var(--global--accent--color);
    border-color: var(--global--accent--color);	
	font-size: 14px;
    font-weight:500;	
}