/*
ana renk #4fb68d
yazı ana renk #253237
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
body {font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 1em;color: #1a3353;margin:0;padding: 0;}

.container{position: relative;overflow: hidden;}
html {scroll-behavior: smooth;}
div, span, p, header, footer, a , input, textarea, select, ul, li, label
{box-sizing:border-box; outline:none;}

input,textarea,select
{font-family: 'Roboto', sans-serif;}
a, :before, :after, .logininput input,.solnav, .menu .aktifmenu a:before, .ayarlar span,.isoval
 {text-decoration: none;transition:all 0.3s;
-moz-transition:all  0.3s;
-ms-transition:all  0.3s;
-o-transition:all  0.3s;
-webkit-transition:all  0.3s;
}
.yorum-islem{
    transition:all 0.2s;
-moz-transition:all  0.2s;
-ms-transition:all  0.2s;
-o-transition:all  0.2s;
-webkit-transition:all  0.2s;
}
.tinput, .input{
    transition:all 0.2s;
-moz-transition:all  0.2s;
-ms-transition:all  0.2s;
-o-transition:all  0.2s;
-webkit-transition:all  0.2s;
}
a{cursor: pointer;}

input[type="submit"]{
    cursor: pointer;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: 'Roboto', sans-serif;
}
ul,li,p,h1,h2,h3,h4,h5
{margin:0px;
padding:0px;
list-style: none;
}
.clear {clear: both;}

.logincont{
    background: url(images/girisbg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 100vh;
    width: 100%;
     display: flex;
    justify-content: center;
    align-items: center;
}
.cr-cart-img i{
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: 0;
    max-width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-height: 50px;
    height: auto;
    border-radius: 0;
    background-clip: padding-box;
    font-size: 30px;
    color: #7b878e;
}

.logingovde{
    min-width: 400px;
    overflow: hidden;
    padding: 50px;
    background-color: #fff;
    border-radius: 10px;
}
.girislogo {text-align: center;}
.girislogo img{width: 30px;}
.girislogo a{text-align: center;font-weight: 300;font-size: 0.9em;color: #000;display: block;}
.giristitle {text-align: center;font-weight: 700;color: #1b3353;margin-bottom: 20px;}
.girisdesc{text-align: center;color: #d74349;font-size: 0.9em;}
.loginline {margin-bottom:20px;}
.loginline span{color: #455560;display: block;font-size: 0.9em;padding-bottom: 10px;}
.loginform{margin-top: 30px;}
.logininput{position: relative;overflow: hidden;}
.logininput input{
    width: 100%;
    border: 1px solid #edf2f9;
    border-radius: 10px;
    padding: 12px 10px 12px 30px;
    color: #455560;
    font-size: 0.9em;
    z-index: 100;
}
.logininput i{position: absolute;color: #99a1ae;font-size: 0.8em;top: 15px;left: 10px;}
.logininput input[type=submit]{
    width: 100%;
    border: none;
    background-color: #1890ff;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    opacity: 1;
}
.logininput input[type=submit]:hover{opacity: 0.9;}

.logininput input:hover{
border-color:#3e82f7;
}
.logininput input:focus{
border-color:#3e82f7;
}
.sifreunut{text-align: center;margin-bottom: 20px;}
.unut{background-color: #fff;font-size: 0.8em;}

header{
        position: fixed;
    left: 0;
    z-index: 1000;
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.15);
    width: 100%;
    background-color: #fff;
}
.logo{
    width: 250px;
    float: left;
    height: 70px;
    display: flex;
    align-items: center;
    padding:0px 20px;
}

.kayitlar{
        float: right;
    font-size: 14px;
    width: 15%;
    text-align: left;
}

.madi{
    padding: 0px 0 5px 0;
}

.sb2{margin-bottom: 5px;}


.raporline{
        min-height: 365px;
    padding-top: 30px;
    border-top: 1px solid #e2e2e2;
    margin-top: 30px;
}

.logo img {width: 200px;}
.nav {
        width: calc(100% - 250px);
        display: flex;
    justify-content: space-between;
    position: relative;
    line-height: 70px;
}
.navin{    margin-left: auto;
    padding: 0 1rem;
    display: flex;}

.destek{font-size: 14px;}
.destek a {color:rgba(26,51,83,.85);margin-right: 10px;}

.destek a:hover {color: #3e82f7;}
.destek span {margin-right: 10px;}
.destek a i {margin-right: 5px;}

.ayar {font-size: 22px;color:rgba(26,51,83,.85);margin: 0px 30px; }
.ayar:hover,.backsite:hover {color: #3e82f7; }

.backsite {font-size: 22px;color:rgba(26,51,83,.85);margin: 0px 5px; }
.guvenli-cikis  {font-size: 22px;color:rgba(26,51,83,.85);margin: 0px 5px; }

.ayarlar span{
    visibility: hidden;
    font-size: 0.5em !important; 
    background-color: #3e82f7;
    color: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    position: absolute;
    display: block;
    line-height: normal;
    right: 67px;
    top: -100%;
}
.backsite span{
    right: 105px;
    top: -100%;
}
.guvenli-cikis span {
    right: 16px;
    top: -100%;
}
.ayar span{
    right: 66px;
    top: -100%;
}
.backsite:hover span{
    visibility: visible;
    top: 0;
}
.guvenli-cikis:hover span{
    visibility: visible;
    top: 0;
}
.ayar:hover span{
    visibility: visible;
    top: 0;
}

.ayarpanel{
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.15);
    background: #fff;
    position: fixed;
    visibility: hidden;
    z-index: 500;
    width: 230px;
    right: 30px;
    top: -100%;
    height: 0;
    opacity: 0;
        padding: 15px 20px;
        border-radius: 10px;
}
.ayaropen{
    visibility: visible;
    opacity: 1;
    height: auto;
    top: 80px;
}
.ayarpanel a{font-size: 14px;line-height: 40px;width: 100%;color: rgba(26,51,83,.85);display: block;}

.ayarpanel a:hover{color: #3e82f7;}
.ayarpanel a i{padding-right: 10px;}
.solnav{
        height: calc(100vh - 70px);
    position: fixed;
    top: 74px;
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.15);
    background-color: #fff;
    z-index: 1000;
        flex: 0 0 250px;
    max-width: 250px;
    min-width: 250px;
    width: 250px;
    z-index: 900;
        overflow: scroll;
        padding: 30px 0px 30px 0px;

}

    /*change the thinkness of the scrollbar here*/
.solnav::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;

}
 /*add a shadow to the scrollbar here*/
.solnav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/*this is the little scrolly dealio in the bar*/ 
.solnav::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0,0,0,0.3);
    height: 3px;
}
.solnav::-webkit-scrollbar-corner { display: none; height: 0px; width: 0px; }


    /*change the thinkness of the scrollbar here*/
.categori-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;

}
 /*add a shadow to the scrollbar here*/
.categori-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/*this is the little scrolly dealio in the bar*/ 
.categori-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0,0,0,0.3);
    height: 3px;
}
.categori-list::-webkit-scrollbar-corner { display: none; height: 0px; width: 0px; }

.versiyon{font-size: 0.8em;display: block;line-height: 1rem;}
.welbaslik{font-size: 0.8em;display: block;font-weight: 600;margin-bottom: 10px;}
.welcome{color: rgba(26,51,83,.6);padding: 0px 20px;}
.menu{margin-top: 20px;}
.menu li a{display: block;
    color: rgba(116,130,149,1);
    font-size: .875rem;
    font-weight: 400;
    background-color: transparent;
    padding: 15px 5px 15px 20px;
   position: relative;
   margin-bottom: 5px;
}
.menu li a:hover{
    color: #3e82f7;
    background-color: rgba(62,130,247,.1);
}
.menu .aktifmenu a{
    color: #3e82f7;
    background-color: rgba(62,130,247,.1);
}

.menu .aktifmenu a:before{
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #3e82f7;
    opacity: 1;
}
.menu li a:before{
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #3e82f7;
    opacity: 0;
}

.menu li a:hover:before{
opacity: 1;
}
.submenu li a{
    font-weight: 400 !important;
    font-size: 0.9 !important;
    color: rgba(26,51,83,.85) !important;
    background-color: rgba(62,130,247,0) !important;
    padding: 12px 20px !important;
    margin-bottom: 5px !important;
}
.submenu li a:before{
    display: none;
}
.submenu {
display: none;
padding-left: 25px;
}
.submenu li a:hover{
   color: #3e82f7 !important;
}
.menu li a i{
    margin-right: 10px;
    font-size:1em;
    min-width: 16px;
    max-width: 16px;
}
.nexi{font-size: 0.8em !important;
    float: right;
    margin-right: 0 !important;
    margin-top: 3px;
}

.anagovde {padding-left: 250px;background-color: #fafafb;}
.icgovde {
    padding: 25px;
    margin-top: 70px;
    min-height: calc(100vh - 130px);
    position: relative;
    
}

.pmetin{
        font-size: 15px;
    margin-bottom: 10px;
}

footer{
        height: 60px;
    display: flex;
    margin: 0 25px;
    align-items: center;
    border-top: 1px solid #edf2f9;
    justify-content: space-between;
    font-size: 0.9em;
    color: #455560;
}
.font-weight-semibold{font-weight: 500;}
.upload-way {font-weight: 500;text-transform: uppercase;font-size: 1rem;margin-left: 0.3rem;}
.text-gray{color: #455560;}
.text-gray:hover{color: #3e82f7;}
.giriscontent {
    flex: auto;
    min-height: 0;
    display: block;
}
.cr-row{
    margin-left: -8px;
    margin-right: -8px;
display: flex;
flex-flow: row wrap;
}
.cr-col{
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    min-height: 1px;
}
.col75{
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
}
.col25{
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
}
.col33{
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}
.col100{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col30{
    display: block;
    flex: 0 0 30%;
    max-width: 30%;
}
.col35{
    display: block;
    flex: 0 0 35%;
    max-width: 35%;
}

.col70{
    display: block;
    flex: 0 0 70%;
    max-width: 70%;
}

.col90{
    display: block;
    flex: 0 0 90%;
    max-width: 90%;
}
.col10{
    display: block;
    flex: 0 0 10%;
    max-width: 10%;
}
.col50{
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
}
.col20{
    display: block;
    flex: 0 0 20%;
    max-width: 20%;
}
.col15{
    display: block;
    flex: 0 0 15%;
    max-width: 15%;
}
.col30{
    display: block;
    flex: 0 0 30%;
    max-width: 30%;
}
.col40{
    display: block;
    flex: 0 0 40%;
    max-width: 40%;
}
.col60{
    display: block;
    flex: 0 0 60%;
    max-width: 60%;
}

.col80{
    display: block;
    flex: 0 0 80%;
    max-width: 80%;
}
.col85{
    display: block;
    flex: 0 0 85%;
    max-width: 85%;
}
.info-title{    font-size: 18px;
    color: #1a3353;
    font-weight: 500;display: block;
}
.info-text {    font-size: 14px;font-weight: 300;display: block;}
.info-cart{
padding: 1rem;
border: 1px solid #edf2f9;
background: #fff;
margin-bottom: 1.25rem;
font-size: .875rem;
line-height: 1.5;
color: #455560;
position: relative;
overflow: hidden;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
}
.info-col {
        align-items: center;
    display: flex;
}
.info-icon i{    font-size: 2em;
    min-width: 50px;
    max-width: 50px;}

.notinfo{
    position: fixed;
    bottom: 30px;
    width: 20%;
    z-index: 2000;
    right: -100%;
    visibility: hidden;
      -webkit-transition: .4s;
  transition: .4s;
}
.openinfo{
visibility: visible;
right: 0;
}
.infoclck{display: inline-block;cursor: pointer;}
.infoclose {position: absolute;top:1rem;right: 1rem;color: #455560;    z-index: 900;}
.cr-cart{
padding: 1.25rem;
border: 1px solid #edf2f9;
background: #fff;
border-radius: .625rem;
margin-bottom: 1.25rem;
font-size: .875rem;
line-height: 1.5;
color: #455560;
position: relative;
}
.uyari-cart{
padding: 1rem;
border: 1px solid #edf2f9;
background: #fff;
border-radius: .625rem;
font-size: .875rem;
line-height: 1.5;
color: #455560;
position: relative;
margin-bottom: 0.25rem;
}

.cr-subtitle{
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.5;
    color: #1a3353;
}
.cart-row{
    margin-top: 1rem;
}
.cart-price{font-weight: 700;
font-size: 1.875rem;
color: #1a3353;
line-height: 1.5;
}
.cr-subtitle span{
    float: right;
    font-size: 0.8em;
}
#soruetkisi i{
    position: absolute;
    margin: 0;
    top: 5px;
    left: 5px;
    font-size: 16px;
    color: unset;
    max-height: unset;
    height: unset;
    width: unset;
    right: unset;
    bottom: unset;
    max-width: unset;
    transform: unset;
}
#soruetkisi .green{
color: #04d182 !important;
}

#soruetkisi .red{
color: #ff6b72 !important;
}
.white{color: #fff;}
.black{color: #000;}
.green{color: #04d182;}
.red{  color: #ff6b72;}
.blue{  color: #1890ff;}
.yellow{color: #ffc542;}
.orange{color: #fa8c16;}
.grey{  color: #ccc;}
.greenbg{background-color: #04d182;}
.redbg{background-color: #ff6b72;}
.bluebg{background-color: #1890ff;}
.yellowbg{background-color: #ffc542;}
.orangebg{background-color: #fa8c16;}
.greybg{background-color: #ccc;}
.whitebg{background-color: #fff;}
.textcolor{color: #455560;}

.greenbgop{background-color: rgba(4,209,130,.1);}
.redbgop{background-color: rgba(255,107,114,.1);}
.bluebgop{background-color: rgba(24,144,255,.1);}
.yellowbgop{background-color: rgba(255,197,66,.1);}
.orangebgop{background-color: rgba(250,140,22,.1);}
.greybgop{background-color: rgba(204,204,204,.3);}

.greybgop-usradr{background-color: rgba(204,204,204,.2);padding: 5px;}


.cart-dipdesc{
    text-align: left;
    display: block;
    color: #72849a;
    margin-top: 10px;
}
.cart-dipdesc:hover{
    color: #3e82f7;
}

.cart-list{margin-bottom: 1rem;padding-bottom: 1rem;position: relative;
display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #efefef;
    align-items: flex-start;
}

.form-list{
padding-left: 8px;
    padding-right: 8px;
    position: relative;
    margin-bottom: 1rem;

}
.form-item{padding-bottom:.5rem; font-weight: 500;color: #72849a;}
.person-itemb{padding-bottom:.3rem; font-weight: 500;color: #72849a;}
.person-item{padding-bottom:.3rem; font-weight: 400;color: #000;}
.input-item{
        flex-direction: row;
    display: flex;
    align-items: center;
    min-height: 46px;
}

.renk-item{
        flex-direction: row;
    display: flex;
    align-items: center;
    min-height: 46px;
    flex-flow: column;
        overflow-wrap: break-word;
}
.renk-item-body{
   
    flex-direction: row;
    display: flex;
    align-items: center;
    min-height: 46px;
    flex-flow: row wrap;
}
.renk-list {
    padding: 5px;
    position: relative;
    border: 1px transparent;
}
.renk-select{
    border: 1px solid #1a90ff;
    border-radius: 5px;
}

.renk-secim{
        display: flex;
    flex-flow: row wrap;
    border-bottom:1px solid #efefef;

}

.renkler{min-height: 30px;width: 50%;border-radius: 5px;
    background-size: cover;
    border: 1px solid #000;
}
.renkname {font-size: 0.8rem;text-align: center;}

#yeni-renk-ekle {
    text-align: right;
    color: #3e82f7;
    cursor: pointer;
    display: block;
}
#yeni-renk-ekle i{margin-right: 5px;}

.cr-islem{
        display: flex;
    justify-content: center;
    cursor: pointer;
}
.add-folder-body{
display: flex;
    justify-content: space-between;
    flex-flow: column;
}

.isoval{
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}
.isoval:hover{
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(0,0,0,.05);
}

.usershort{float: left;width: 30px;height: 30px;
    display: flex;align-items: center;justify-content: center;
    border-radius: 50%;
}
.usershort span{color: #fff;font-size: 0.8em;text-transform: uppercase;}
.yorum-text{float: left;margin-left:10px;width: calc(100% - 40px);}
.grey-text{color: #9da8b8;font-size: 0.9em;}
.username a{color: #1a3353;}
.yorum-islem{
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    border-radius: .625rem;
    position: absolute;
    background-color: #fff;
    top: 24px;
    right: 0;
    z-index: 100;
    padding: 5px 0px;
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 120px;
}
.yorum-islem a{display: block;color: #455560;font-weight: 400;padding: 5px 20px;}
.yorum-islem a:hover{background-color: #fafafa;
    color: #1a3353;}
.yorum-islem a i{min-width: 14px;max-width: 14px;font-size: 1em;}

.yorum-islem span{margin-left: 10px;}
.islemopen .yorum-islem{
    visibility: visible;
    opacity: 1;
    height: auto;
}
.ayar-right span{float: right;
display: flex;
    justify-content: space-between;
    align-items: center;
    }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 21px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(38px);
  -ms-transform: translateX(38px);
  transform: translateX(38px);
}
label{position: relative;}
/* Rounded sliders */
.slider.round {
  border-radius: 21px;
}

.slider.round:before {
  border-radius: 50%;
}

.tinput{
    border: 1px solid #efefef;
    color: #455560;
    font-size: .875rem;
    font-weight: 600;
    border-radius: 10px;
    padding: 10px;
    width: 100px;
}
.tinput:focus{
    border: 1px solid #1890ff;
}
.anakat {color: #3e82f7;font-weight: 500;}
.yetkat {color: #000;font-weight: 400;}
.person {color: #455560;font-weight: 400;}
.altkat {color: #3e82f7;}
.input{
    border: 1px solid #efefef;
    color: #455560;
    font-size: .875rem;
    font-weight: 600;
    border-radius: 10px;
padding: 0px 10px;
    width: 100%;
    min-height: 48px;
}
.txtarea{
    border: 1px solid #efefef;
    color: #455560;
    font-size: .875rem;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    min-height: 150px;
    line-height: 1.3rem;
}
.input:focus{
    border: 1px solid #1890ff;
}
.txtarea:focus{
    border: 1px solid #1890ff;
}

.minput{
    border: 1px solid #efefef;
    color: #455560;
    font-size: .875rem;
    font-weight: 600;
    border-radius: 10px;
    padding: 14px 10px;
    width: 120px;
}
.minput:focus{
    border: 1px solid #1890ff;
}

.minputb{
    border: 1px solid #efefef;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 10px;
    padding: 14px 10px;
    width: 120px;
}
.minputb:focus{
    border: 1px solid #1890ff;
}

#chart, .chart-box {
    padding-top: 20px;
    padding-left: 10px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 22px 35px -16px rgba(0,0,0, 0.1);
}

select.flat-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #008FFB url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'60px\' height=\'60px\'><polyline fill=\'white\' points=\'46.139,15.518 25.166,36.49 4.193,15.519\'/></svg>") no-repeat scroll right 2px top 9px / 16px 16px;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-family: arial,tahoma;
    font-size: 16px;
    font-weight: bold;
    outline: 0 none;
    height: 33px;
    padding: 5px 20px 5px 10px;
    text-align: center;
    text-indent: 0.01px;
    text-overflow: "";
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease 0s;
    width: auto;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
  select.flat-select:focus, select.flat-select:hover {
    border: 0;
    outline: 0;
  }
  

.apexcharts-canvas {
    margin: 0 auto;
}

.chart-rows {
    margin: 20px 0px;
}
.apexcharts-toolbar{
    right: 10px !important;
}
.table-head{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.table-list{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bed-table-list{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cart-table-body{margin: 20px 0px;
font-size: .875rem;
    line-height: 1.5;
    color: #455560;
}
.cart-table-body table{
    width: 100%;
    text-align: left;
    border-radius: 2px 2px 0 0;
    border-collapse: separate;
    border-spacing: 0;
    
}

.table-head>tr>th{
        background: #fff;
    text-align: left;
    color: #1a3353;
    font-weight: 700;
    border-bottom: 1px solid #edf2f9;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;

}
.table-th{
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
}
.table-head>tr>th:hover{
    background: #f2f2f2;
}
.table-head>tr>th:hover i{
    color: #1890ff;
}

.table-head-selected{
    background: #f2f2f2 !important;
}
.table-head-selected i{
   color: #1890ff;
}

.table-list>tr:hover>td{
background: rgba(62,130,247,.1);
}

.bed-table-list>tr:hover>td{
background: rgba(62,130,247,.1);
}

.short-icon {    margin-left: 10px;}


.table-list>tr>td{
padding: .9375rem;
position: relative;
border-bottom: 1px solid #f0f0f0;
-webkit-transition: background .3s;
transition: background .3s;
overflow-wrap: break-word;
vertical-align: middle;
word-wrap: break-word;
}
.person-list {
position: relative;
border-bottom: 1px solid #f0f0f0;
-webkit-transition: background .3s;
transition: background .3s;
padding-top: 10px;
}
.person-list:hover{
background: rgba(62,130,247,.1);
}

.bed-table-list>tr>td{
padding: .9375rem;
position: relative;
border-bottom: 1px solid #f0f0f0;
-webkit-transition: background .3s;
transition: background .3s;
overflow-wrap: break-word;
vertical-align: middle;
}
.flex-row{
    flex-direction: row;
        display: flex;
}


.user-avatar-col
{
    align-items: center;
    display: flex;
}
.list-username{
    float: left;
    margin-left: 10px;
    color: #455560;
}
.usershort i {font-size: 1.2rem;}
.odeme-point{
width: .4375rem;
    height: .4375rem;
    border-radius: 50%;
    top: -1px;
}
.panding-status{
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.sip-text{
    border-color: transparent;
    font-weight: 500;
        margin-right: .625rem;
    display: inline-block;
    padding: 5px;
    border-radius: .25rem;
    border: 1px solid #edf2f9;
    font-size: .75rem;
}
.list-other{
    font-weight: 500;
    margin-right: .625rem;
    display: inline-block;
    line-height: 2.1;
    padding: 0 .625rem;
    border-radius: .25rem;
    border: 1px solid #edf2f9;
    font-size: 0.9rem;
    background-color: #fff;
    color: #455560;
      -webkit-transition: .1s;
  transition: .1s;
}
.list-other i:before, .list-other i{  -webkit-transition: .1s;
  transition: .1s;}
.list-other:hover{color: #fff;background-color: #1a90ff;}


.siparis-status{
        display: flex;
    justify-content: center;
    cursor: pointer;
}

.m3{
    margin-right: 1rem;
    font-size: 1.25rem;
}
.m3 a{color: #1a3353;}
.cart-page-header{
    display: flex;
        align-items: center;
    margin-bottom: 1rem;
}
.search-filter{
    align-items: center;
    justify-content: space-between;
}
.binput{
    border: 1px solid #efefef;
    color: #455560;
    font-size: .875rem;
    border-radius: 10px;
    padding: .8rem 1rem;
    width: 100%;
}
.mr10{
    margin-right: 1rem;
}
.ml10{
    margin-left: 1rem;
}
.mb10{
    margin-bottom: 1rem;
}
.mt10{
    margin-top: 1rem;
}

.ml5{
    margin-left: 0.5rem;
}
.serach {
    width: 250px;
    position: relative;
}
.binput:focus{
        border: 1px solid #1890ff;
}
.binput:hover{
        border: 1px solid #1890ff;
}
.serach .binput{
    padding: .8rem 1rem .8rem 2.5rem;
}
.serach i{
    position: absolute;
    top: 14px;
    left: 15px;
}
.page-list-filter{
    width: 200px;position: relative;
}

.cat-select
{
    border: 1px solid #efefef;
    color: #455560;
    font-size: .875rem;
    border-radius: 10px;
    padding: .7rem 1rem;
    width: 100%;
    cursor: pointer;
}
.cat-select i {
    position: absolute;
    right: 14px;
    top: 15px;
}
.cat-select:focus, .cat-select:hover{
border: 1px solid #1890ff;
}

.categori-list{
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.15);
    background: #fff;
    position: absolute;
    display: none;
    z-index: 500;
    left: 0px;
    top: 45px;
    padding: 5px 0px;
    width: 100%;
     max-height: 300px;
    overflow-y: auto;
}


.cat-item{
padding: 10px 20px;
color: #455560;
display: block;
cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}
.cat-selected{
    opacity: 0.8;
    border: 1px solid #1890ff;
}

.cat-item:hover{
    background: rgba(62,130,247,.1);
    color: #3e82f7; 
}
.cat-list-selected{
    color: #3e82f7;
    font-weight: 500;
}
.linkyol {margin-top: 5px;}
.linkyol span, .linkyol a{
        line-height: 1.5;
    color: #72849a;
    font-size: .875rem;
    padding: 0px 10px;
    position: relative;
    display: block;
    float: right;
}
.linkyol span:before, .linkyol a:before{
  color: #72849a;
  position: absolute;
  content: "/";
  left: 0;
  top: 0;
  font-size: .875rem;
  line-height: 1.5;
}

.sayfalama {
    margin-top: 20px;
    font-size: .875rem;
    line-height: 1.5;
    color: #455560;
}
.sayfalar {    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sayfalar a{
        display: inline-block;
    height: 32px;
    margin-right: 8px;
    line-height: 30px;
    vertical-align: middle;
    color: #72849a;
        background-color: transparent;
    min-width: 2rem;
    height: 2rem;
    border: 1px solid transparent;
    border-radius: 50%;
    text-align: center;
}


.sayfalar a.onlinkler{
    background-color: #fff;
    border: 1px solid #d9d9d9;
     color: #72849a;
}
.sayfalar a:hover{
    background-color: #3e82f7;
    color: #fff;
}
.sayfalar a.onlinkler:hover{
    border: 1px solid #3e82f7;
    background-color: transparent;
    color: #3e82f7;
}

.sayfalar a.actsayfa{
    background-color: #3e82f7;
     color: #fff;
}
.notfound {
    text-align: center;
    padding: 50px 0px;
    font-weight: 100;
    font-size: 3rem;
}
.kayityok {
    text-align: center;
    padding: 20px 0px;
    font-weight: 600;
    font-size: 1rem;
}

.page-header {
    border-bottom: 1px solid #edf2f9;
    background-color: #fff;
    padding: 40px 25px 0px 25px;
    margin-top: 70px;
}
.page-mt0{
    margin-top: 0;
}

.page-right{
    float: right;
    align-items: center;
    text-align: right;
}

.page-left{
    float: right;
    display: flex;
    align-items: center;
}
.page-leftk{
    float: left;
    display: flex;
    align-items: center;
}

.buton-white{
    font-size: .875rem;
    padding: .5rem 1.25rem;
    line-height: 1.5;
    border-color: #edf2f9;
    color: #455560;
    height: 2.5rem;
    border-radius: .625rem;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015);
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    border: 1px solid #d9d9d9;    
}
.buton-white i {margin-right: 8px;}
.buton-white:hover{
    background-color: #ededed;
    border-color: #ededed;
    color: #455560;
}

.buton-white-big{
    font-size: .875rem;
    padding: 0.7rem 1.50rem;
    border-color: #edf2f9;
    color: #455560;
    border-radius: .625rem;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015);
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    border: 1px solid #d9d9d9;    
}
.buton-white-big i {margin-right: 8px;}
.buton-white-big:hover{
    background-color: #ededed;
    border-color: #ededed;
    color: #455560;
}


.buton-blue{
    font-size: .875rem;
    padding: .5rem 1.25rem;
    line-height: 1.5;
    border-color: #edf2f9;
    color: #fff;
    height: 2.5rem;
    border-radius: .625rem;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015);
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #1890ff;
    border: 1px solid #d9d9d9;    
}
.buton-blue i {margin-right: 8px;}
.buton-blue:hover{
    background-color: rgba(24,144,255,.8);
    border-color: #ededed;
}


.page-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-tabs{margin-top: 20px;}
.change-pay-status {
    margin-left: 10px;
}


.cart-center-text{
        text-align: center;
    width: 100%;
    font-weight: 700;
    font-size: 1.5rem;
}
.center{
    text-align: center;
}
.txtleft{
    text-align: left;
}
.txtright{
    text-align: right;
}
.bold{
    font-weight: 700;
}


#sepet-list>tr>th{pointer-events: none;}

.urun-list-resim{
        line-height: 60px;
    font-size: 18px;
    width: 60px;
    height: 60px;
        border-radius: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border: 1px solid #ededed;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    vertical-align: middle;

}
.urun-list-resim span img {
        display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.urun-list-baslik{
margin-left: 10px;
color: #1a3353;
    font-weight: 500;
}
.urun-kod {
    border-color: transparent;
    font-weight: 500;
    display: inline-block;
    line-height: 2.1;
    padding:.625rem;
    border-radius: .25rem;
    border: 1px solid #edf2f9;
    font-size: .85rem;
    line-height: .85rem;
    color: #fff;
}
.pay-statu{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kargo-logo {
    line-height: 60px;
    font-size: 18px;
    padding: 10px;
    max-width: 140px;
    height: 75px;
    border-radius: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border: 2px solid #ededed;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    margin-bottom: 10px;
    cursor: pointer;
      -webkit-transition: .2s;
  transition: .2s;
}
.kargo-logo-secilen {
    line-height: 60px;
    font-size: 18px;
    padding: 10px;
    max-width: 140px;
    height: 75px;
    border-radius: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border: 2px solid #1890ff;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    margin-bottom: 10px;
    cursor: pointer;
      -webkit-transition: .2s;
  transition: .2s;
}
.kargo-logo img, .kargo-logo-secilen img{
        display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.selected-kargo{
        border: 2px solid #1890ff;

}

.altalta{
    flex-flow: column;
}
.gonder {
    background-color: #3e82f7;
    border-color: #3e82f7;
    color: #fff;
        font-size: .875rem;
    padding: .5rem 1.25rem;
    line-height: 1.5;
    height: 2.5rem;
    border-radius: .625rem;
    text-align: center;
        text-shadow: 0 -1px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.045);
    box-shadow: 0 2px 0 rgba(0,0,0,.045);
}
.gonder:hover {
    background-color: #5692f8;
    border-color: #5692f8;
}
.mini-font {font-weight: 300;}
.mini-font i{font-weight: 500;color: #000;}
.small-font {font-weight: 300;font-size: 0.6rem;}
.kargo-statu{
        display: flex;
    justify-content: space-between;
    align-items: center;
}
.change-kargo-status{
    margin-left: 10px;
}
.delete-confirm{
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: all .1s;
    transition: all .1s;
}
.toplu-delete-confirm{
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.renk-delete-confirm{
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.bed-delete-confirm{
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.bed-delete-confirmp,.bed-delete-confirmk,.bed-delete-confirmg{
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.upload-confirm{
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.image-delete-confirm{
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.grafik-confirm{
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: all .1s;
    transition: all .1s;
}

.folder-delete-confirm{
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: all .1s;
    transition: all .1s;
}


.bed-delete-confirm{
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: all .1s;
    transition: all .1s;
}


.confirm-open{
visibility: visible;
opacity: 1;
z-index: 9999;
}
.sure-text {
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    font-size: 1rem;
}

.folder-text {
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    font-size: 1rem;
}

.sure-text-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.sure-icon {
    color: #ffc542;
    font-size: 2.5rem;
}
.confirm-body {
    flex-direction: row;
    display: flex;
        align-items: center;
    justify-content: center;

}

.buton-confirm{
    font-size: .875rem;
    padding: .5rem 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015);
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    margin-left: 20px;
}

#imgprev {
    display: none;
    position: relative;
}

.img-loading {
position: absolute;
    width: 0;
    height: 5px;
    background-color: #04d182;
    bottom: 12px;
    left: 0;
}


.tsubmit {
position: absolute;
    top: -10px;
    right: 0;
    padding: 8px 10px 10px 10px;
    color: #fff;
    font-weight: 600;
    background: #1a90ff;
    border-radius: 10px;
    height: 37px;
    cursor: pointer;
    opacity: 1;
}
.tsubmit:hover {opacity: 0.8;}
.w170px{width: 170px;}
.upload-image-govde {
    border: 2px dashed #edf2f9;
    border-radius: .625rem;
    padding:1rem;
    background: #fff;
    display: flex;
    align-items: center;
    color: #455560;
    font-size: .875rem;
    line-height: 1.5;
      -webkit-transition: .4s;
  transition: .4s;
position: relative;
}

.upload-image, .upload-dosya{
    cursor: pointer;
        display: flex;
    align-items: center;
     min-height: 13.75rem;
     width: 100%;
         justify-content: center;
    flex-flow: column;
    outline: none;

}
.upload-image:visited,.upload-dosya:visited {outline: none;}
.upload-image i, .upload-dosya i {font-size: 5rem;color: #edf2f9;margin-bottom: 1rem;}
.upload-text {font-weight: 500;color:#bbbbbb; }
.upload-image-govde:hover {
    border: 2px dashed #3e82f7;
}

.upload-image-govde:hover .upload-image i,.upload-image-govde:hover .upload-dosya i{
   color:#3e82f7;
}

.upload-image img, .upload-dosya img{max-width: 90%;height: auto;outline: none;}
.upload-image img:visited, .upload-dosya img:visited{outline: none;}
.display-header {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row;
    padding: 20px;
}
.new-upload {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row;
    margin-right: 0.5rem;
}

.display-image-govde{
padding: 30px;
    margin-top: 70px;
    min-height: 100vh;
    position: relative;
}
.cr-cart-img {
        padding: 1rem;
    border: 1px solid #edf2f9;
    background: #fff;
    border-radius: .625rem;
    margin-bottom: 1.25rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #455560;
    position: relative;
    min-height: 150px;
    cursor: pointer;
    overflow: hidden;
}
.selected-cart-img{
    border: 2px solid #1890ff;
}
.selected-cart-img:before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 4em;
    width: 3em;
    background-color: #0a90eb;
    -webkit-transform: rotate(45deg) translate(30px,5px);
    -ms-transform: rotate(45deg) translate(30px,5px);
    transform: rotate(45deg) translate(30px,5px);
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    z-index: 9;
}
.selected-cart-img:after{
    content: '';
    position: absolute;
    right: 3px;
    bottom: 5px;
    width: 1em;
    height: 1em;
    background-image: url(images/secili.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    z-index: 10;
}

.cr-cart-img img{
        position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: 0;
    max-width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-height: 100px;
    height: auto;
    border-radius: 0;
    background-clip: padding-box;
}



.image-name{
display: block;
    width: 90%;
    position: absolute;
    bottom: 5%;
    left: 5%;
    right: 0;
    text-align: center;
    color: #666;
    clear: both;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    padding: 5px 0;
    background-color: #fff;
}

.resim-islemleri {
    display: none;
}

.checkbox, .checkAll{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;

    cursor: pointer;
    width: 20px;
    height: 20px;
    background-color: initial;
    cursor: default;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
            border: 1px solid #efefef;
}
.check-all{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-urun{
    background: #f5f5f5;
    font-size: 12px !important;
}
.sub-pad {
padding-left: 50px !important;
}
.subway{
    z-index: 200;
    overflow: unset !important;
}
.subway:before{
    position: absolute;
    content: "\f3be";
    font-family: 'FAS';
    right: -10px;
    bottom: -30px;
    color: #1890ff;
    z-index: -1;
}
#renkonizleme{position: relative;}
#renkonizleme p{
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 140px;
    left: 0;
}
.palette p {width: 100%;}


.color-picker.is-static {
display: inline-block;
position: static;
left: 0 !important;
top: 0 !important;
box-shadow: none;
width: 100%;
}
.color-picker\:a{
    display: none;
}
.log-list{
    padding-bottom: 1rem;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #efefef;
    align-items: center;
}

.ayaricons {display: flex;}
.mobil{display: none;}
.flex-row a {color: #455560;}


.table-listo,.table-listm,.table-listp,.table-listk,.table-listg{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.table-listo>tr:hover>td,.table-listk>tr:hover>td,.table-listp>tr:hover>td,.table-listg>tr:hover>td{
background: rgba(62,130,247,.1);
}


.table-listo>tr>td,.table-listp>tr>td,.table-listk>tr>td,.table-listg>tr>td{
padding: .9375rem;
position: relative;
border-bottom: 1px solid #f0f0f0;
-webkit-transition: background .3s;
transition: background .3s;
overflow-wrap: break-word;
vertical-align: middle;
word-wrap: break-word;
}

.fleft{float: left;
    display: block;
    flex: 0 0 32%;
    max-width: 32%;
margin-right: 2%;}

.fleft100{float: left;
    display: block;
    flex: 0 0 100%;
    width: 100%;
margin-right: 0%;}

.fleft2{float: left;
    display: block;
width: 100%;
margin-right: 0%;}

.fleft:nth-child(3n){
    margin-right: 0;
}

.crtop{height: 560px;overflow-y: scroll;margin-bottom: 30px;}


    /*change the thinkness of the scrollbar here*/
.crtop::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;

}
 /*add a shadow to the scrollbar here*/
.crtop::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/*this is the little scrolly dealio in the bar*/ 
.crtop::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0,0,0,0.3);
    height: 3px;
}
.crtop::-webkit-scrollbar-corner { display: none; height: 0px; width: 0px; }


.crtop::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;

}
 /*add a shadow to the scrollbar here*/
.crtop::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/*this is the little scrolly dealio in the bar*/ 
.crtop::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0,0,0,0.3);
    height: 3px;
}
.crtop::-webkit-scrollbar-corner { display: none; height: 0px; width: 0px; }

.prscroll{height: 700px;overflow-y: scroll;}

.containerx {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerx input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerx:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerx input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerx input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerx .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.yetdesc {
display: none;
position: absolute;
    z-index: 100;
    background: #fff;
    padding: 10px;
    border: 1px solid #e2e2e2;
    width: 100%;
    left: -100%;
    border-radius: 10px;
}
.yetdesc:before {
  font-family: 'FAS';
  position: absolute;
  content: "\f0da";
  color: #1890ff;
  top: 10px;
    right: -6px;
}

.yeticdesc {
    z-index: 100;
    background: #fff;
    padding: 10px;
    border: 1px solid #e2e2e2;
    width: 100%;
    border-radius: 10px;
}
.yeticdesc:before {
  font-family: 'FAS';
  position: absolute;
  content: "\f05a";
  color: #72849a;
    top: 18px;
    left: -10px;
}
.dflex{display: flex;}
.prelat{position: relative;}
.renk-list:hover .yetdesc{
display: block;
}

.hedeflist {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    left: 4px;
    top: 2px;
    font-size: 12px;
    font-weight: 500;

}
.hedefgoster {position: relative;}
.hedefgoster i{font-size: 40px;}
.hedefp {
font-family: 'Roboto', sans-serif;
    position: absolute;
    left: 12px;
    top: 7px;
    font-size: 24px;
    font-weight: 500;

}

.perresim img {width: 100%;}
.cr-infotitle {
font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.5;
    color: #1a3353;
}
.cr-infodesc{
    text-align: left;
    display: block;
    color: #72849a;
    margin-top: 5px;
    font-size: 0.8rem;
    line-height: 1.1rem;
    border-top: 1px solid #e2e2e2;
    padding-top: 5px;
}
.puaninfo {
    width: 90%;
    margin: auto;
    padding: 17px;
    background: #edf2fe;
    border-radius: 10px;
    margin-bottom: 30px;
}
.notlandimi {
position: absolute;
top: 0;
right: 0;
}


.personlist {
position: absolute;
    width: 96%;
    height: 100%;
    padding: 0px 10px;
    flex-direction: row;
    display: flex;
    align-items: center;
    left: 2%;
    min-height: 46px;
    padding-left: 8px;
    padding-right: 8px;
    top: 33px;
    z-index: 90;
}

.bolumlist {
position: absolute;
    width: 96%;
    height: 100%;
    padding: 0px 10px;
    flex-direction: row;
    display: flex;
    align-items: center;
    left: 2%;
    min-height: 46px;
    padding-left: 8px;
    padding-right: 8px;
    top: 33px;
    z-index: 90;
}

.sorueditform {display: inline-block;margin-left: 10px;}

.rowbot {display: inline-block !important;text-align: center;width: 100%;}
.colcenter {flex-direction: column;text-align: center;}

.page-headerin {
    background-color: #fff;
    margin-bottom: 20px;
}
.ciktititle {
font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}
.ciktinot {padding: 20px;
    border: 1px solid #e2e2e2;
border-radius: 0.625rem;
height: 250px;
}
.ciktialt {
margin-bottom: 20px;

}
.imzagovde {    border: 1px solid #e2e2e2;
    border-radius: 0.625rem;
    width: 100%;}
.imzaleft {width: 50%;float: left;height: 200px; border-right: 1px solid #e2e2e2;}
.imzaright {width: 50%;float: left;height: 200px;}
.imzatitle{    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
padding: 10px;
}
.ciktidesc {margin-bottom: 20px;}





@media only screen and (max-width: 1360px) {
.cart-table-body{  overflow: hidden;
    overflow-x: scroll;}

}

/* iPhone Phone Dikey*/
@media screen and (min-width: 360px) and (max-width: 1024px)

{
.mobil{
    color: rgba(26,51,83,.85);
    font-size: 25px;
    float: left;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.destek {display: none;}
.nav{line-height: unset;height: 70px;width: unset;}
.navin{padding: 0;}
.ayarlar{justify-content: center;
    align-items: center;
    flex-flow: column;
    display: flex;
    margin: 0 6px;
}
.logo{width: unset;padding: 0px 20px 0 0;}
.ayar{margin:0; }

.ayarlar:first-child{display: none;}

.solnav{left: -250px;}
.navopen {
    left: 0;
}

.ayaricons{margin-right: 10px;}
.anagovde{padding-left: 0px;}
.icgovde {padding: 15px;}
footer {    margin: 0 15px;
    flex-flow: column;
    padding: 15px 0px;
    line-height: 1.5rem;
    height: unset;
}

.search-filter {align-items: unset;
    flex-flow: column;}
.page-list-filter {width: 250px;}
.cart-table-body {
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 90px;
}

.page-header{padding: 20px 20px 0px 20px;}
.buton-white {padding: 8px 10px;}
.buton-blue{padding: 8px 10px;}
.page-top {flex-flow: column;align-items: unset;}

.col75{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col25{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col33{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col100{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col30{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col35{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}

.col70{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}

.col90{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col10{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col50{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col20{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col15{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col30{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col40{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col60{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}

.col80{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}
.col85{
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}

.info-col .col15 {
        display: block;
    flex: 0 0 15% !important;
    max-width: 15% !important;
}
.info-col .col85 {
        display: block;
    flex: 0 0 85% !important;
    max-width: 85% !important;
}
.notinfo {width: 100%;}
.renk-item-body .col20{ flex: 0 0 20%;
    max-width: 20%;}
.display-header .mobil{
    padding: 0 20px 0 0px;
}
#dispsolnav{top: 110px;}
.user-avatar-col .ml10{margin-left: 0;}
.page-right {margin-top: 10px;}
.fleft {    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;}
.list-other {margin-right: 0;}
.icgovde {min-height: 100vh;}



}

/* iPhone Phone Yatay*/
@media only screen  and (min-width: 360px) and (max-width: 1024px) and (orientation: landscape) 

{





}

/* iPhone  Tablet Dikey*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) 

{



}

/* iPhone  Tablet Yatay*/
@media only screen  and (min-width: 768px)   and (max-width: 1024px)  and (orientation: landscape) 

{



}