:root {
    --primary-gradient: linear-gradient(90deg, rgba(226,36,194,1) 0%, rgba(14,99,164,1) 100%);
    --black: #000;
    --light-black: #1a1a1a;
}


.button-secondary{
    background-color: #000;
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    width: auto;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    border:0;
}
.button-secondary:hover{
    background: #222;
    color: #fff !important;
}
.btn-1{ 
    color: rgb(255, 255, 255);   
    background-image: linear-gradient(to right, #000000 0%, #434343  51%, #000000  100%);
    padding: 10px 20px;
    border-radius: 5px;
    border: 0;
    white-space: nowrap;
    transition: 0.5s;
}
.btn-1:hover{
      background-position: right center;
      color: #cfcfcf;
      text-decoration: none;
}
         
.btn-2 {
    color: #ffffff !important;
    background-color: #000000;
    padding: 10px 20px;
    border-radius: 5px;
    border: 0;
    white-space: nowrap;
}
.btn-3{
    color: #000;
    background-color: #fff;
    padding: 4px 20px;
    border-radius: 5px;
    border: 0;
    white-space: nowrap;
    width: 100%;
}
.ngx-pagination .current{    
    background: var(--primary-gradient);
}
.eye-icon{
    position: absolute;
    right: 10px;
    top: 8px;
}
.btn-sm{
    padding: 5px 10px;
    font-size: 13px;
}
th{
    background-color: #ffffff !important;
    border-bottom: 0;
    font-weight: 500;
    font-size: 15px;
}
.table-striped>tbody>tr:nth-of-type(odd)>*,
td{
    border-bottom: 0;
    /* color: #5f5f5f; */
    color: #DDDDDD;
    font-size: 14px;
}
.text-darker{
   color: #fff;
}
.table td:first-child{
    white-space: nowrap;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: transparent;
	border-radius: 10px;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: transparent;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
    background: var(--light-black);	
}
.window-screen-height{
    min-height: calc(100vh - 125px);
    align-items: center;
    display: flex;
    margin: 3rem 0;
}
.form-control:focus,
input:focus{
    box-shadow: none;
}
.mat-mdc-text-field-wrapper{
    border-radius: 5px !important;
}
.switch-modal-btn{
    display: flex;
    height: 56px !important;
    align-items: center;
}
.opportunities-select{
    height: 45PX;
}
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after,
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{
    border-bottom: 0 !important;
}
.ngx-pagination a, 
.ngx-pagination button{
    color: #c1c1c1 !important;
}
.text-gradient{
    color: #5e6adf;
}

.cron_btn{
    color: #fff;;   
    background-color: #141414;
    padding: 10px 20px;
    border-radius: 5px;
    border: 0;
    white-space: nowrap;
}

.cursor-pointer{
    cursor: pointer;
}

.table-hover>tbody>tr:hover>*{
    --bs-table-accent-bg: rgb(195 195 195 / 8%) !important;
    color: #DDDDDD !important;
}

@media only screen and (max-width: 991px) and (min-width: 320px){
    .nav-buttons{
        display: table-caption !important;
    }
    .nav-buttons button{
        margin-right: 0 !important;
        margin-bottom: 15px;
    }
    .logout-dd{
        position: unset !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 320px){
    .header-links button{
        margin-top: 15px;
    }
    .login-div{
        background-color: #000000bd !important;
        padding: 20px;
        border-radius: 5px;
    }
}

div:where(.swal2-container) div:where(.swal2-popup) {      
    font-size: 1.2em;
    font-weight: 500;
    background: #000000 !important;
    color: #ffffff !important;
}  

div:where(.swal2-icon).swal2-question{
    color: #ffffff !important;
}