/***   FONT FAMİLY   ***/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700;800;900&display=swap');
/* font-family: 'Roboto Slab', serif; */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');
/* font-family: 'Source Sans Pro', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Palanquin:wght@100;200;300;400;500;600;700&display=swap');
/* font-family: 'Palanquin', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');
/* font-family: 'PT Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
/* font-family: 'Open Sans', sans-serif; */

/* font-family: "dosis", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Roboto Slab', serif; */


:root {

    /*!!?   COLORS  ?!!*/
    --primary_swatch: #137ab6;
    --secondary_swatch: #329bd7;
    --red_swatch: #CD4B4B;
    --primary_bg_color: #f3f4f8;
    --secondary_bg_color: #ffffff;
    --primary_opposite_inner_color: #66a8ff;
    --secondary_opposite_inner_color: #efe8e8;
    --thirth_opposite_inner_color: #e8ebef;

    /* ICON COLOR */
    --primary_icon_color: #f3f4f8;
    --secondary_icon_color: #ffffff;
    /* TEXT COLOR */
    --primary_text_color: #f3f4f8;
    --secondary_text_color: #ffffff;
    --classic_text_color: #282c34;

    /* Add COlor */
    --add_primary_color: #0D6EFD;
    --add_secondary_color: #3888ff;

    /* Update COlor */
    --update_primary_color: #198754;
    --update_secondary_color: #1e9b61;


    /*!!?   BOX SHADOW  ?!!*/
    --primary_box_shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    --hover_box_shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    /*!!?   FONT FAMİLY  ?!!*/
    --primary_font_family: 'Palanquin', sans-serif;




}


/*!!?   ALL SVG  ?!!*/

/** Green Bugget */
/* <svg viewBox="0 0 448 512">
        <path xmlns="http://www.w3.org/2000/svg" d="M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z"></path>
    </svg> */
/** Yellow Bugget */
/* <svg viewBox="0 0 448 512">
        <path xmlns="http://www.w3.org/2000/svg" d="M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z"></path>
    </svg> */
/** Red Bugget */
/* <svg viewBox="0 0 448 512">
        <path xmlns="http://www.w3.org/2000/svg" d="M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z"></path>
    </svg> */

/*!!?     ?!!*/



/** Text overflow */
/* 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;



    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
*/



* {
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif ;
}

body {
    background: var(--primary_bg_color) !important;
}

.row {
    margin: 0;
    padding: 0;
}

/** ToolTip */

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.Toastify {
    z-index: 999999 !important;
    background-color: red !important;
    position: absolute;
}

#dg-tooltip {
    z-index: 9999;
    padding: 5px 10px;
    font-size: 11px;
}


/* ***** */


/*? SCROLL BAR  */


/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(255, 255, 255);
    border-radius: 4px;
    cursor: pointer;
    height: 50%;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #329bd7;
    border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #137ab6;
}


/*??----------------????????  */