@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp");


/* Rules for sizing the icon. */
.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.material-icons.md-64 {
    font-size: 64px;
}

.material-icons.md-92 {
    font-size: 92px;
}

.material-icons.md-128 {
    font-size: 128px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

    .material-icons.md-dark.md-inactive {
        color: rgba(0, 0, 0, 0.26);
    }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

    .material-icons.md-light.md-inactive {
        color: rgba(255, 255, 255, 0.3);
    }

/*Colors*/
.material-icons.orange600 {
    color: #FB8C00;
}

.material-icons.white {
    color: white;
}


/* Rules for sizing the icon. */
.material-icons-outlined.md-18 {
    font-size: 18px;
}

.material-icons-outlined.md-24 {
    font-size: 24px;
}

.material-icons-outlined.md-36 {
    font-size: 36px;
}

.material-icons-outlined.md-48 {
    font-size: 48px;
}

.material-icons-outlined.md-64 {
    font-size: 64px;
}

.material-icons-outlined.md-92 {
    font-size: 92px;
}

.material-icons-outlined.md-128 {
    font-size: 128px;
}

/* Rules for using icons as black on a light background. */
.material-icons-outlined.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

    .material-icons-outlined.md-dark.md-inactive {
        color: rgba(0, 0, 0, 0.26);
    }

/* Rules for using icons as white on a dark background. */
.material-icons-outlined.md-light {
    color: rgba(255, 255, 255, 1);
}

    .material-icons-outlined.md-light.md-inactive {
        color: rgba(255, 255, 255, 0.3);
    }

/*Colors*/
.material-icons-outlined.orange600 {
    color: #FB8C00;
}

.material-icons-outlined.white {
    color: white;
}

.side-nav {
    text-shadow: 1px;
    width: 315px !important;
}
.card {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2) !important;
    margin: 8px;

}

.card-title {
    /*text-shadow: 1px 1px 0px #000000;*/
    font-weight: 500 !important;
}

.card .card-content p {
    font-weight: 400;
}
.card .card-content.magaza p {
    font-size:20px;
}
.card.magaza {
    box-shadow:none !important;
   
}
.simdiuyeol {
    z-index: 999;
    font-weight: 600;
    font-size: 18px;
    width: 95%;

}

.btnZatenUyeyim {
    width: 95%;
    font-size: 18px;
    font-weight: 600;
}

.anabasliknav{
    align-items:center;
    display:flex;
}
.tabs {
   
    width: 100%;
    margin: 5px auto 0 auto;
}

.tabs .tab {
        
        margin: 0 auto;
        margin-left:5px !important;
        margin-right:5px !important;
        
}

.tabs .tab a {
            vertical-align: top;
            /*text-shadow: 1px 3px 1px black !important;*/
            font-size: 14px;
            border-radius: 5px;
            text-overflow: initial;
            text-transform: capitalize;    
            font-weight: 600;
}
.tabs .tab a span {
       vertical-align: top;
 }

.tabs .tab a.active {
              
                /*text-shadow: 1px 1px 1px black !important;*/
                font-size: 16px;
                border-radius: 5px;
              
}

.tabs-content {
    height: 100%;
}
.container {
    height: 100vh !important;
    /*background:linear-gradient(to bottom, var(--ana-arka-renk), var(--ana-arka-renk2));*/
       /*background-image: var(--uyekayit-back);*/
}
 .nav-wrapper {
        background-color:transparent !important;
 }
 .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
     box-shadow: none; 
}
 .LoginGirisBack {
    background-size:cover;
    background-repeat:no-repeat;
}
 .UyeGirisBack {
    background-attachment:fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
 .nav-expanded .side-nav .nav-text {
    
    font-size: 20px;
    text-shadow:none !important;

}