@import url("https://fonts.googleapis.com/css?family=Nunito:400,900|Montserrat|Roboto");
* {
    margin: 0;
    box-sizing: border-box;
}
html {
    --card-color: #cacaca;
    --text-color: #e1e1e1;
}
a{color: rgb(0, 174, 188)}
a:hover {
    color: rgb(0, 121, 133);
}
.page-item.active .page-link{
    background-color: rgb(0, 174, 188);
    border-color:rgb(0, 174, 188);
}
.page-link:hover,.page-item.active .page-link:hover{
    color: rgb(0, 121, 133);
}
.page-link:focus,.page-item.active .page-link:focus{
    box-shadow: 0 0 0 0.2rem rgba(0, 174, 188,.25);
}
.underline {
    text-decoration: underline;
}
.logo {
    width: 250px;
}
@media (min-width: 1660px) {
    .logo {
        position: fixed;
        top:-24px;
    }
}
.pagePanel {
    position: relative;
    width: 90%;
    min-height: 56.7vh;
    margin:20px auto 15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #FFFFFF;
    box-shadow: 2px 5px 20px rgba(119, 119, 119, 0.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
@media (min-width: 1200px) {
    .pagePanel {
        max-width: 1140px;
    }
}
.c-btn{
    right: 15px;
    top: 25px;
}
.leftbox {
    float: left;
    top:-15px;
    left: 30px;
    position: absolute;
    width: 58px;
    background: rgb(0, 174, 188);
    box-shadow: 3px 3px 10px rgba(119, 119, 119, 0.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 60;
}
@media (min-width: 768px) {
   body:not(.yataymenu) .rightbox{
    padding-left: 88px;
   }
}
@media (min-width: 992px) {
    body:not(.yataymenu) .leftbox{
        width: 80px;
    }
    body:not(.yataymenu) .rightbox{
        padding-left: 110px;
    }
}
.yataymenu .leftbox{
    position: absolute;
    left: 5%;
    width: 90%;
    height: 40px;
    z-index: 60;
    top: -70px;
    margin: 50px 0;
}
.yataymenu .rightbox {
    padding-top: 30px;
   /* padding: 8px !important;*/
}
/*.yataymenu label{
    margin-top: 5px;
}*/
.yataymenu  .hesapOzet {
    margin-right: 0px;
    margin-top: 10px;
}
.yataymenu.yataymenufix .leftbox{
    position: fixed;
    margin: 0;
    top:0;
}
body:not(.mobile).yataymenu.yataymenufix .leftbox{
    opacity: 0.4;
}
body:not(.mobile).yataymenu.yataymenufix .leftbox:hover{
    opacity:1;
}
/*.rightbox {
    padding-left: 15%;
}*/

.profile {
    transition: opacity .5s ease-in;
    font-family: "Montserrat", sans-serif;
    padding: 20px 0px;
}
.hesapOzet {
    margin-top: 2%;
    text-align: center;
    max-width: 100%;
    height: auto;
}
.empty{
    height: 415px;
    background:url(../img/yapim_asamasinda.png) no-repeat center center ;
}
.beyin {
    right: 0;
    bottom: 0;
    width: 200px;
    float: right;
    position: fixed;
    z-index: -1;
}
.smartTable .custom-checkbox{
    display: inline-block;
    width: 16px;
}
.smartTable .custom-checkbox .custom-control-label::before{
    background-color: transparent;
    border: 2px solid #01aebc;
}
.smartTable .custom-checkbox .custom-control-label::before,.smartTable .custom-checkbox .custom-control-label::after{
    top: -13px;
    left: -8px;
}
.smartTable .vam{
    vertical-align: middle;
}
table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before{ text-indent: 0 !important;line-height: 17px;}
table tr:hover {
    background-color: rgba(0,0,0,0.17) !important;
}
@media (min-width: 768px) {
    .table-detail {
        width: 100%;
        /*max-height: 44px;*/
        height: 100%;
        white-space: initial;
        overflow: hidden;
    }
}
@media (max-width: 769px) {
    ul:not(.dtr-details) .table-detail {
        width: 100%;
       /* max-height: 44px;*/
        height: 100%;
        white-space: initial;
        overflow: hidden;
    }
    ul.dtr-details .table-detail {
        white-space: pre-line;
    }
}
@media (max-width: 430px) {
    table.dataTable.nowrap th, table.dataTable.nowrap td,div.dataTables_wrapper div.dataTables_info,.dataTables_info{
        white-space:pre-line;
    }
    div.dataTables_wrapper div.dataTables_info,.dataTables_info{
        word-wrap: break-word;
    }
    table.table-bordered.dataTable tbody th.control{
        width: 20px;
        height: 20px;
        padding: 15px;
    }
    table.table-bordered.dataTable tbody td.chb{
        padding: 0;
    }
    table.table-bordered.dataTable tbody td.chb>div{
        height: 0;
        padding: 0;
        margin: 0;
        line-height: 0;
        margin-top: -1px;
    }
    table.table-bordered.dataTable tbody td.chb>div .badge {    margin-top: 4px;}
}
#login>.container{padding: 0}
#login .container #login-row #login-column #login-box {
    max-width: 600px;
    height: 320px;
    border: 1px solid #9C9C9C;
    background-color: #EAEAEA;
}
#login .container #login-row #login-column #login-box {
    padding: 20px;
}
#login .container #login-row #login-column #login-box #register-link {
    margin-top: -85px;
}

.btn{
    color: white;
    font-size: 15px;
    transition: background 0.4s;
    background-color: rgba(0, 174, 188,0.5);
}
.btn:hover{
    background: rgb(0, 174, 188);
    transition: background 0.4s;
    color: white;
}
.form-control:focus{
    border-color: #ced4da!important;
    box-shadow: inherit!important;
}
.btn:focus{
    box-shadow: inherit!important;
}
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgb(0, 174, 188);
}
@media print {
    .noPrint {display:none;}
}