@charset "utf-8";

:root{
    --kirmizi:#c43737;
    --acikKirmizi:#d66868;
    --koyuKirmizi:#c43737;
    --karanlikKirmizi:#a5211d;
    --gri:rgb(158,158,158);
    --loginBgImage:URL('../../main/images/bg-00.jpg');
    --koyuMavi:rgb(84,107,126);
}

body{
    background-color:#f8f8f8;
}

.container{
    margin-top:20px;
}
.ortaalan{
    background:white;
    border-radius: 6px;
    padding: 20px; 
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
    /* max-width: 420px; */
}

a{
    color:var(--gri);
}
.u-underLine{
    text-decoration: underline;
}
.u-underLine:hover{
    color: #a5211d;
}
.animasyonOrtaAlan{padding:65px !important;}
.animasyonContainer{margin-top:68px;}
.animLogo{text-align:center;margin-top:10px;margin-bottom:10px;}

.navbar-toggler{background:black;color:white !important;}
.navbar-toggler span{color:white !important;}
.ucretsizdene{
    background:var(--kirmizi);
    border:1px solid transparent;
    border-radius:7px;
    color:#FFF !important;
} 

#loginBackground{
    background-image:var(--loginBgImage);
    background-size: 100% auto;
    font-family: "adelle-sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
p,h1,label{color:var(--koyuMavi);}

#Divlogo{
    margin: 6px auto;
}
#Divlogo img{
    height:45px;
}

.hesapolusturbtn,.sonrakiadimbtn {
    background:var(--kirmizi);
    color:white !important;
}
.hesapolusturbtn {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .02rem;
    text-decoration: none;
    height: 42px;
}
.sonrakiadimbtn{float:right;margin-right:10px;}
.sonrakiadimbtn:hover{color:white !important;background-color:red;
    animation-name: sonrakiadimbtnanim;
    animation-duration: 500ms;
}

@keyframes sonrakiadimbtnanim{
    from{background:var(--kirmizi);}
to{background-color:red;}
}

.oncekiadimbtn{background:var(--gri);color:white;margin-top:10px;display:none;}
.oncekiadimbtn:hover{color:white !important;}
.girisyaplinki{color:var(--kirmizi);}
label{float:left;}
.kullanimkosullari p{
    color:var(--gri);
    font-size: 15px;
    line-height: 18px;
}

.sektorlerdiv {

}
.sektorlerdiv > div {
    border-radius: 6px;
    border: 1px solid var(--gri);
    cursor: pointer;
    padding: 12px 10px;
    margin: 5px auto;
}
.sektorlerdiv>div:hover{
    border-color:var(--kirmizi);
    color:var(--kirmizi);
}
.sektorlerdiv>.active{
    animation-name:sektorlerdivanimation;
    animation-duration:500ms;  

    border-color:var(--kirmizi);
    background-color:#D33E3E;
    color:white;
}

.sektorlerdiv>.active:hover{
    color:white;
}

@keyframes sektorlerdivanimation{
from{
    background:transparent;
    color:white;
}
to{
    background:#D33E3E;
    border-color:var(--kirmizi);
    color:white;
}
}

.evrakdiv>div{
    border-radius: 6px;
    border: 1px solid var(--gri);
    cursor: pointer;
    padding: 12px 10px;
    margin: 5px auto;
}
.evrakdiv>div:hover{
border-color:var(--kirmizi);
}

@keyframes evrakdivanimation{
    from{background:transparent;color:black;}
to{background:#D33E3E;border-color:var(--kirmizi);color:white;}
}

.evrakdiv>.active{
    animation-name:sektorlerdivanimation;
    animation-duration:500ms;  

    border-color:var(--kirmizi);
    background-color:#D33E3E;
    color:white;
}

.u-mNone {margin: 0;}
.u-mt15{margin-top: 15px;}
.u-mt20{margin-top: 20px;}
.u-mt30{margin-top: 30px;}
.u-mb20{margin-bottom: 20px;}
.u-mb25{margin-bottom: 25px;}
.u-mb30{margin-bottom: 30px;}

.u-pt20 {padding-top: 20px !important;}

.u-fullWidth {
    width: 100% !important;
}

.u-pullLeft {
    float: left !important;
}
.u-pullRight {
    float: right !important;
}
.u-pullCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.u-textLeft {
    text-align: left !important;
}
.u-textRight {
    text-align: right !important;
}
.u-textCenter {
    text-align: center !important;
}

h1 {
    font-size: 22px;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 40px;
    margin: auto;
}
h2 {
    font-size: 17px;
    font-weight: normal;
    letter-spacing: -0.3px;
    line-height: 40px;
    margin: auto;
}
label {
    font-size: 14px;
    margin-bottom: 4px;
}
hr {
    background-color:#E6E6E6;
    height: 1px;
    margin: 12px -20px;
    padding: 0px;
    border: 0;
}

button[adim]{margin-right:16px;}
.u-Hide{display:none !important;}
.u-Show{display:block !important;}

.navbar{background-color:white !important;}
.navbar-toggler{
    background:black;
    color:white !important;
}
.navbar-toggler span{
    color:white !important;
}
.ucretsizdene{
    background:var(--kirmizi);
    border:1px solid transparent;
    border-radius:7px;
    color:#FFF !important;
}

@media screen and (max-width: 600px){
.logo{width:90px;}
}
.baslikUyariYazisi{color:var(--kirmizi);font-weight:bolder;}
.inputUyari{border-color:var(--kirmizi);}