/**
    ## project name     : Gün Sonu
    ## author           : doanerkan / www.doanerkan.com
    ## agency           : xendaba bilişim
    ## date             : 2020
**/
@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap&subset=latin-ext');

ul, li, div, a, img, table, tr, td, input, textarea, select { box-sizing: border-box; outline:none; }
a, a:link, a:hover, a:focus   { cursor:pointer; outline:none; }

body            { background: rgb(204,228,255); color:#333; font: 13px/18px 'THSF', Arial, Helvetica, sans-serif; margin:0; overflow-x:hidden; }
body.login      { height:100% !important; background: rgb(204,228,255); background: linear-gradient(90deg, rgba(204,228,255,1) 0%, rgba(204,228,255,1) 50%, rgba(31,31,112,1) 50%, rgba(31,31,112,1) 100%); }
.transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.img-responsive { width:auto; }  .DNone { display:block; }
.col-lg-1_5     { width:20%; padding:0 15px; }
hr              { border:none; border-top:#dfdfdf 1px solid; }
a               { color:#666; cursor:pointer; }
a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.alert-primary  { color: #004085; background-color: #cce5ff; border-color: #b8daff; }

.owl-dot:focus, span:focus  { outline:none; }

.phonemenubutonlar  { margin:50px 0 0 0; padding:15px; }

.anabuton   { width:calc(100% - 10px); font-weight:700; margin:5px; border-radius:5px; text-align:center; padding:20px 15px; float:left; background:#16a085; color:#fff; margin-bottom:5px; }
.butor1     { width:calc(50% - 10px); font-weight:700; margin:5px; border-radius:5px; text-align:center; padding:20px 15px; float:left; background:#f1c40f; color:#fff; }
.butor2     { width:calc(50% - 10px); font-weight:700; margin:5px; border-radius:5px; text-align:center; padding:20px 15px; float:left; background:#3498db; color:#fff; margin-bottom:5px; }
.butor3     { width:calc(50% - 10px); font-weight:700; margin:5px; border-radius:5px; text-align:center; padding:20px 15px; float:left; background:#e67e22; color:#fff; margin-bottom:5px; }
.butor4     { width:calc(50% - 10px); font-weight:700; margin:5px; border-radius:5px; text-align:center; padding:20px 15px; float:left; background:#e74c3c; color:#fff; margin-bottom:5px; }

.ta-left            { text-align:left; }
.ta-right           { text-align:right; }
.ta-center          { text-align:center; }
.ta-justify         { text-align:justify; }
.paddingnone        { padding:0; }
.dnone              { display:none; }
.container-fluid    { padding:0; }

.ayu   { width:calc(100% / 7); float:left; }
.ayu2  { width:calc(100% / 4); float:left; }
.ayu3  { width:calc(100% / 3); margin:30px 0; float:left; }

.nakitsonuc     { background:#3498db; color:#fff; padding:30px; text-align: center; line-height:30px; margin-top:30px; border-radius:8px; font-size:18px; }
.visasonuc      { background:#27ae60; color:#fff; padding:30px; text-align: center; line-height:30px; margin-top:30px; border-radius:8px; font-size:18px; }
.nakitsonuc b       { font-size:28px; line-height: 50px; }
.visasonuc b        { font-size:28px; line-height: 50px; }

.loginArea      { width:700px; height:350px; margin:0 auto; background:#fff; border-radius:10px; box-sizing: border-box; overflow:hidden; }
.loginLeft      { width:50%; height:350px; float:left; padding:30px; }
.loginRight     { width:50%; height:350px; float:left; background:#1e3fa8; }

.branchreport   { width:100%; height:60px; padding:12px 0; }

.raporOlusturuluyor     { width:100%; height:100%; position:fixed; color:#fff; z-index:999; left:0; top:0; background:rgba(0,0,0,0.95); display:none; }
.raporOlusturuluyor div     { width:100%; height:100%; display:flex; flex-direction:column; align-items: center; justify-content: center; }
.raporOlusturuluyor div h3  { color:#27ae60; font-weight:bold; }

.branchOzetSection  { width:100%; height:90px; border-radius:7px; padding:15px 25px; display:flex; align-items: center; text-align:left; }
.branchOzetColor1   { background:#16a085; color:#fff; }
.branchOzetColor2   { background:#e74c3c; color:#fff; }
.branchOzetColor3   { background:#3498db; color:#fff; }
.branchOzetColor4   { background:#e67e22; color:#FFF; }

.yuvarlak1  { width:90px; height:90px; display:inline-block; background:#27ae60; color:#fff; padding:26px 0; border-radius:100px; -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); -moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); }
.yuvarlak2  { width:90px; height:90px; display:inline-block; background:#f39c12; color:#fff; padding:26px 0; border-radius:100px; -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); -moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); }
.yuvarlak3  { width:90px; height:90px; display:inline-block; background:#e74c3c; color:#fff; padding:26px 0; border-radius:100px; -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); -moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); }
.yuvarlak4  { width:90px; height:90px; display:inline-block; background:#3498db; color:#fff; padding:26px 0; border-radius:100px; -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); -moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); }
.yuvarlak5  { width:90px; height:90px; display:inline-block; background:#f1c40f; color:#fff; padding:26px 0; border-radius:100px; -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); -moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.27); }

.alttype    { margin:0 0 20px 35px; }
.alttype li     { list-style-type: circle; }

.raporTitle { font:700 16px 'THSF', sans-serif !important; color:#2980b9; }
.raporolustur { background:#2c3e50; color:#fff; padding:15px 30px; border-radius:50px; border:none; }
.raporolustur:hover { background:#34495e; color:#fff; }
.logo-text      { height:45px; margin:0 0 0 15px; border-left:#dfdfdf 1px solid; padding:6px 0 8px 15px; font:700 11px 'Montserrat', sans-serif !important; }
.logo-text span     { font:500 10px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
.loginLeft input[type=text] { width:100%; padding:10px; border:#dfdfdf 1px solid; border-radius:6px; margin-bottom:10px; }
.loginLeft input[type=password] { width:100%; padding:10px; border:#dfdfdf 1px solid; border-radius:6px; }
input[type=date] { width:100%; padding:10px; border:#dfdfdf 1px solid; border-radius:6px; margin-bottom:10px; }

.aramakriter div   { float:left; margin:0 8px 8px 0; background:#ecf0f1; color:#000; padding:15px; border-radius:10px; }

.yetki  { width:100%; padding:15px; background:#f39c12; border:none; border-radius:5px; color:#fff; font-weight:700; }

.yearButton     { width:20%; }
.yearButton a   { width:100%; display:inline-block; border-radius:5px; padding:15px; color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.monthButton    { width:calc(100% / 12); float:left; margin:0; padding:5px; text-align:center; }
.monthButton a   { width:100%; display:inline-block; border-radius:5px; padding:15px; color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.monthButtonAktif a   { width:100%; display:inline-block; margin-bottom:5px; border-radius:5px; padding:15px; color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.yearButtonAktif a   { width:100%; display:inline-block; margin-bottom:5px !important; border-radius:5px; padding:15px; color: #155724; background-color: #d4edda; border-color: #c3e6cb; }

.yetkikaldir    { color:#fff; background:#cc0000; padding:5px 10px; border-radius:5px; }
.yetkikaldir:hover    { color:#fff; background:#a10000; text-decoration:none; }

.panelpassword      { width:300px !important; padding:14px !important; border:#dfdfdf 1px solid; margin:30px auto; text-align:center; }

.header     { height:75px; background:#fff; padding:15px 0; }

.menu a     { background:#2c2c54; color:#fff; display:inline-block; margin:2px 0 0 5px; padding:10px 18px; border-radius:50px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.menu a:hover   { background:#40407a; text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.menu_aktir   { background:#27ae60 !important; color:#fff; display:inline-block; margin:2px 0 0 5px; padding:10px 18px; border-radius:50px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.menu_aktir:hover   { background:#2ecc71 !important; text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.submitButton   { width:100%; text-align:center; z-index:888 !important; padding:15px; background:#2c2c54; border-top-left-radius: 10px; border-top-right-radius: 10px; position:fixed; left:0; bottom:0; }
.submitButton a     { background:#27ae60; color:#fff; display:inline-block; margin:2px 0 0 5px; padding:10px 18px; border-radius:50px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.submitButton a:hover   { background:#2ecc71; text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

a.c2     { background:#27ae60; color:#fff; display:inline-block; margin:2px 0 0 5px; padding:5px 18px; border-radius:50px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
a.c2:hover   { background:#2ecc71; text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

a.c4     { background:#fff; color:#666; display:inline-block; margin:2px 0 0 5px; padding:5px 18px; border-radius:5px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
a.c4:hover   { background:#f2f2f2; text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
a.c4:focus, a.c4:active   { text-decoration:none; }

a.c3     { background:#8e44ad; color:#fff; float:left; margin:0 0 0 5px; font-weight:600; padding:10px 18px; border-radius:4px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
a.c3:hover   { background:#9b59b6; text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.ContentTab { margin:30px auto 60px auto; }
.mainTab        { width:100%; height:auto; min-height:100px; padding:30px 15px; float:left; background:#fff; border-radius:10px; }
.mainTab h3.title   { margin:0; padding:0; font:700 22px 'THSF', sans-serif !important; }
.mainTab input[type=text] { width:100%; padding:5px 8px; border:#dfdfdf 1px solid; border-radius:6px; }
.mainTab input[type=number] { width:100%; padding:5px 8px; border:#dfdfdf 1px solid; border-radius:6px; }
.mainTab select { width:100%; padding:5px; border:#dfdfdf 1px solid; border-radius:6px; }

.submitbtn  { background:#1e3fa8; color:#fff; border:none; padding:7px 20px; border-radius:5px; }
.submitbtn:hover    { background:#1f1f70; cursor:pointer; }

.IslemBackground    { width:100%; height:100%; background:rgba(0,0,0,0.90); position:fixed !important; z-index:9999 !important; color:#fff; display:flex; flex-direction: column; align-items:center; justify-content: center; }

.phoneMenu          { width:100%; height:100%; background:#000; position:fixed; z-index:9999; display:none; color:#fff; }
.phoneMenu ul, .phoneMenu ul li     { padding:0; margin:0; list-style:none; }
.phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#ed1c24; font:normal 28px 'Montserrat', sans-serif; }
.phoneMenu ul           { display:block; padding:20px 0 0 20px; }
.phoneMenu ul li            { width:95%; float:left; padding:5px 0 10px 0; }
.tumli          { display:none; border:none; padding:7px 0 !important; width:90% !important; margin-left:5% !important; }
.tumli a        { color:#fff; padding:0 0 5px 0; font:700 15px 'THSF', sans-serif !important; }
.tumli a:hover      { color:#fff; }

.phoneMenu ul li a              { display:inline-block; color:#fff; font:700 18px 'THSF', sans-serif; text-decoration:none; }
.phoneMenu ul li a:active,.phoneMenu ul li a:focus       { color:#fff !important; text-decoration:none; }
.phoneMenu ul li a:hover            { text-decoration:none; color:#fff; }
.phoneMenu .xclose              { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

.lazimbuton { color:#fff; background:#f39c12; font-weight:700; padding:12px; border-radius:5px; float:left; margin:0 15px 0 0 }
.lazimbuton:hover { color:#333; background:#f1c40f; text-decoration:none; }

.subebox    { width:100%; min-height:50px; float:left; margin-bottom:30px; background:#f2f2f2; border-radius:5px; padding:15px; text-align:left !important; }
.homemenu   { position:absolute; top:15px; right:15px; }

.phoneescape    { margin-bottom:0; }

@media only screen and (min-width : 0px) and (max-width : 599px) {

    .phoneescape        { margin-bottom:30px; }
    .logo       { width:100%; }
    .container          { width:100%; }
    body.login          { height:100% !important; background: rgb(204,228,255); background: linear-gradient(90deg, rgba(204,228,255,1) 0%, rgba(204,228,255,1) 50%, rgba(204,228,255,1) 50%, rgba(204,228,255,1) 100%); }
    .loginArea  { width:90%; height:auto; margin:0 auto; }
    .loginLeft  { width:100%; height:auto; float:left; padding:30px; }
    .branchOzetSection  { margin-top:14px; margin-bottom:14px; text-align:center; }
    .xss        { width:100%; }
    .ayualan    { width:100%; overflow:scroll; }
    .ayualan .row       { width:440px; margin:0 !important; padding:0 0 15px 0!important; }
    .ayu        { width:57px; float:left; font-size:11px; }
    .mobilekasatutar    { margin:5px 0 0 5px !important; padding:10px !important; }
    .yuvarlak1  { width:75px; height:75px; padding:18px 0; }
    .yuvarlak2  { width:75px; height:75px; padding:18px 0; }
    .yuvarlak3  { width:75px; height:75px; padding:18px 0; }
    .yuvarlak4  { width:75px; height:75px; padding:18px 0; }
    .yuvarlak5  { width:75px; height:75px; padding:18px 0; }

    .yearButton     { width:calc(100% / 3); }

    .submitButton       { width:100%; text-align:center; z-index:888 !important; padding:15px; background:#2c2c54; border-top-left-radius: 10px; border-top-right-radius: 10px; position:fixed; left:0; bottom:0; }
    .submitButton a     { background:#27ae60; color:#fff; font-size:22px; display:inline-block; margin:2px 0 0 5px; padding:15px 18px; border-radius:50px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .submitButton a:hover   { background:#2ecc71; text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

}
@media only screen and (min-width : 600px) and (max-width : 991px) {
    .yearButton     { width:calc(100% / 3); }
    .container          { width:100%; }
    .ayualan        { width:100%; overflow:scroll; }
    .ayualan .row       { width:580px; margin:0 !important; padding:0 0 15px 0!important; }
    .ayu            { width:75px; float:left; }
    .mobilekasatutar    { margin:5px 0 0 5px !important; padding:10px !important; }
}
@media only screen and (min-width : 992px) and (max-width : 1023px) {
    .container          { width:100%; }
}
@media only screen and (min-width : 1024px) and (max-width : 1180px) {
    .container          { width:100%; }
}
@media only screen and (min-width : 1181px) and (max-width : 1200px) {
    .container          { width:100%; }
}
@media only screen and (min-width : 1201px) and (max-width : 1366px) {

}
@media only screen and (min-width : 1367px) and (max-width : 1550px) {

}
@media only screen and (min-width : 1551px) and (max-width : 1750px) {

}