:root{
    --sag:right;--sol:left;--yok:none;--yuzde:100%;--r0:0;--r5:5px;--r10:10px;--r15:15px;--r20:20px;--r50:50px;
    --kibo:#2BB7C6;
    --header-zemin:#e4e4e4;
    --header-hover:#e2f3f5;--ak:#fff;
    /* --hat:#cacaca;--boz:#b3b3b3;--hata:#d81742;--ikaz:#ff9933;--oldu:#2DC768; */
    --scroll:#a0a0a0;
    --body:#f0f0f0;
    --light:#ffffff;
    --dark:#222222;
    --head-text:#8b92a9;
    --text:#4F4E51;
    --outline:#4F4E51;
    --primary:#ac92ec;
    --primary-hover:#967adc;
    --secondary:#5d9cec;
    --secondary-hover:#4a89dc;
    --success:#75BA1B;
    --success-hover:#5C9F13;
    --info:#02A2FF;
    --info-hover:#017DDB;
    --warning:#FFBF00;
    --warning-hover:#DB9E00;
    --error:#F3214E;
    --error-hover:#D01851;

    --hat:#cacaca;--boz:#b3b3b3;--hata:#d81742;--ikaz:#ff9933;--oldu:#2DC768;
    
    --active:#5628EE;
    --active-inner:#fff;
    --input-border:#b9b9b9;
    --input-border-hover:#23C4F8;
    --background:#fff;
    --disabled:#e8e8e8;
    --disabled-inner:#dcdcdc;
    /* --disabled:#F5F9FF;
    --disabled-inner:#E4ECFA; */
    --shadow-inner:rgba(18, 22, 33, .1);
}

.scm{
    -webkit-touch-callout:var(--yok); /* iOS Safari */
    -webkit-user-select:var(--yok);   /* Chrome/Safari/Opera */
    -khtml-user-select:var(--yok);    /* Konqueror */
    -moz-user-select:var(--yok);      /* Firefox */
    -ms-user-select:var(--yok);       /* Internet Explorer/Edge */
    user-select:var(--yok);           /* Non-prefixed version, currently not supported by any browser */
  }
@import url('https://fonts.googleapis.com/css?family=Muli:400,600,900&subset=latin-ext');
*:not(font):not(u):not(strike):not(b){font-family:Muli,"Helvetica",Arial,sans-serif;font-size:15px;color:var(--text);}
*, *:before, *:after{margin:var(--r0);padding:var(--r0);outline:var(--yok);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.kabuk{max-width:1224px;}
.ww{width:var(--yuzde)}
.wwm{max-width:var(--yuzde)}
.wma{max-width:auto;}
.wa{width:auto;}
.hh{height:var(--yuzde)}
.hvh{height:100vh;}
.ha{height:auto;}
.fl{float:var(--sol);}
.fr{float:var(--sag);}
.fn{float:var(--yok);}
.fi{float:initial;}
.fh{float:inherit;}
.tp-0{top:var(--r0);}
.tp-a{top:auto;}
.tp-100{top:var(--yuzde);}
.rg-0{right:var(--r0);}
.rg-a{right:auto;}
.rg-100{right:var(--yuzde);}
.bt-0{bottom:var(--r0);}
.bt-a{bottom:auto;}
.bt-100{bottom:var(--yuzde);}
.lf-0{left:var(--r0);}
.lf-a{left:auto;}
.lf-100{left:var(--yuzde);}
.dp-n{display:var(--yok);}
.dp-b{display:block;}
.dp-c{display:contents;}
.dp-f{display:-webkit-box;display:-ms-flexbox;display:flex;}
.dp-fr{display:flow-root;}
.dp-g{display:grid;}
.dp-i{display:inline;}
.dp-ib{display:inline-block;}
.dp-if{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
.dp-ig{display:inline-grid;}
.dp-it{display:inline-table;}
.dp-li{display:list-item;}
.dp-ri{display:run-in;}
.dp-t{display:table;}
.dp-tc{display:table-caption;}
.dp-tcl{display:table-cell;}
.dp-tco{display:table-column;}
.dp-tcg{display:table-column-group;}
.dp-tfg{display:table-footer-group;}
.dp-thg{display:table-header-group;}
.dp-tr{display:table-row;}
.dp-trg{display:table-row-group;}
.of-h{overflow:hidden;}
.of-v{overflow:visible;}
.of-s{overflow:scroll;}
.of-a{overflow:auto;}
.ofx-h{overflow-x:hidden;}
.ofx-v{overflow-x:visible;}
.ofx-s{overflow-x:scroll;}
.ofx-a{overflow-x:auto;}
.ofy-h{overflow-y:hidden;}
.ofy-v{overflow-y:visible;}
.ofy-s{overflow-y:scroll;}
.ofy-a{overflow-y:auto;}
.v-v{visibility:visible;}
.v-h{visibility:hidden;}
.v-c{visibility:collapse;}
.bs-solid{border-style:solid;}
.bs-dashed{border-style:dashed;}
.bs-dotted{border-style:dotted;}
.bs-double{border-style:double;}
.bs-groove{border-style:groove;}
.bs-hidden{border-style:hidden;}
.bs-inset{border-style:inset;}
.bs-none{border-style:var(--yok);}
.bs-outset{border-style:outset;}
.bs-ridge{border-style:ridge;}
.bs-border-box{box-sizing:border-box;}
.bs-content-box{box-sizing:content-box;}
.bs-inherit{box-sizing:inherit;}
.bs-initial{box-sizing:initial;}
.op-0{opacity:var(--r0);}
.op-01{opacity:.1;}
.op-02{opacity:.2;}
.op-03{opacity:.3;}
.op-04{opacity:.4;}
.op-05{opacity:.5;}
.op-06{opacity:.6;}
.op-07{opacity:.7;}
.op-08{opacity:.8;}
.op-09{opacity:.9;}
.op-1{opacity:1;}
.ln-1vh{line-height:1vh;}
.ln-2vh{line-height:2vh;}
.ln-3vh{line-height:3vh;}
.ln-4vh{line-height:4vh;}
.ln-5vh{line-height:5vh;}
.ln-6vh{line-height:6vh;}
.ln-7vh{line-height:7vh;}
.ln-8vh{line-height:8vh;}
.ln-9vh{line-height:9vh;}
.ln-10vh{line-height:10vh;}
.ln-11vh{line-height:11vh;}
.fs-1vh{font-size:1vh;}
.fs-2vh{font-size:2vh;}
.fs-3vh{font-size:3vh;}
.fs-4vh{font-size:4vh;}
.fs-5vh{font-size:5vh;}
.fs-6vh{font-size:6vh;}
.fs-7vh{font-size:7vh;}
.fs-8vh{font-size:8vh;}
.fs-9vh{font-size:9vh;}
.fs-10vh{font-size:10vh;}
.fs-11vh{font-size:11vh;}
.fw-l{font-weight:lighter;}
.fw-n{font-weight:normal;}
.fw-b{font-weight:bold;}
.fw-1{font-weight:100;}
.fw-2{font-weight:200;}
.fw-3{font-weight:300;}
.fw-4{font-weight:400;}
.fw-5{font-weight:500;}
.fw-6{font-weight:600;}
.fw-7{font-weight:700;}
.fw-8{font-weight:800;}
.fw-9{font-weight:900;}
.ti-0{text-indent:0;}
.ti-5,.ti5{text-indent:var(--r5);}
.ti-10,.ti10{text-indent:var(--r10);}
.ti-15,.ti15{text-indent:var(--r15);}
.ti-20,.ti20{text-indent:var(--r20);}
.ta-c{text-align:center;}
.ta-r{text-align:var(--sag);}
.ta-l{text-align:var(--sol);}
.ta-j{text-align:justify;}
.ta-o{display:flex;align-items:center;justify-content:center;}
.ta-or{display:flex;align-items:center;justify-content:var(--sag);}
.ta-ol{display:flex;align-items:center;justify-content:var(--sol);}
.ta-go{display:inline-grid;align-items:center;justify-content:center;}
.ta-gor{display:inline-grid;align-items:center;justify-content:var(--sag);}
.ta-gol{display:inline-grid;align-items:center;justify-content:var(--sol);}
.to-e{text-overflow:ellipsis;white-space:nowrap;}
.td-n{text-decoration:var(--yok);}
.td-u{text-decoration:underline;}
.td-o{text-decoration:overline;}
.td-lt{text-decoration:line-through;}
.tt-n{text-transform:var(--yok);}
.tt-u{text-transform:uppercase;}
.tt-l{text-transform:lowercase;}
.tt-c{text-transform:capitalize;}
.tt-i{text-transform:inherit;}
.cr-a{cursor:auto;}
.cr-d{cursor:default;}
.cr-na{cursor:not-allowed;}
.cr-p{cursor:pointer;}
.cr-t{cursor:text;}
.cr-w{cursor:wait;}
.cr-m{cursor:move;}
.cr-nr{cursor:n-resize;}
.pos-a{position:absolute;}
.pos-r{position:relative;}
.pos-f{position:fixed;}
.va-b{vertical-align:baseline;}
.va-m{vertical-align:middle;}
.va-t{vertical-align:top;}
.va-bt{vertical-align:bottom;}
.tmz:before,.tmz:after{content:'';display:table;}
.tmz,.tmz:after{clear:both;}
.flex-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.mrau{margin:auto;}
.m5{margin:var(--r5);}
.m7{margin:7px;}
.m10{margin:var(--r10);}
.m15{margin:var(--r15);}
.m20{margin:var(--r20);}
.m50{margin:var(--r50);}
.mra5{margin-bottom:var(--r5);}
.mra10{margin-bottom:var(--r10);}
.mra15{margin-bottom:var(--r15);}
.mra20{margin-bottom:var(--r20);}
.mra50{margin-bottom:var(--r50);}
.mru5{margin-top:var(--r5);}
.mru10{margin-top:var(--r10);}
.mru15{margin-top:var(--r15);}
.mru20{margin-top:var(--r20);}
.mru50{margin-top:var(--r50);}
.mrR5{margin-right:var(--r5)!important;}
.mrR10{margin-right:var(--r10)!important;}
.mrR15{margin-right:var(--r15)!important;}
.mrR20{margin-right:var(--r20)!important;}
.mrR50{margin-right:var(--r50)!important;}
.mrL5{margin-left:var(--r5)!important;}
.mrL10{margin-left:var(--r10)!important;}
.mrL15{margin-left:var(--r15)!important;}
.mrL20{margin-left:var(--r20)!important;}
.mrL50{margin-left:var(--r50)!important;}
.mr5{margin-top:var(--r5);margin-bottom:var(--r5);}
.mr10{margin-top:var(--r10);margin-bottom:var(--r10);}
.mr15{margin-top:var(--r15);margin-bottom:var(--r15);}
.mr20{margin-top:var(--r20);margin-bottom:var(--r20);}
.mr50{margin-top:var(--r50);margin-bottom:var(--r50);}
.mry5{margin-right:var(--r5);margin-left:var(--r5);}
.mry10{margin-right:var(--r10);margin-left:var(--r10);}
.mry15{margin-right:var(--r15);margin-left:var(--r15);}
.mry20{margin-right:var(--r20);margin-left:var(--r20);}
.mry50{margin-right:var(--r50);margin-left:var(--r50);}
.pk{padding:1.50%;}
.pdRk{padding-right:1.50%;}
.pdLk{padding-left:1.50%;}
.pdk{padding-top:1.50%;padding-bottom:1.50%;}
.pduk{padding-top:1.50%;}
.pdak{padding-bottom:1.50%;}
.p5{padding:var(--r5);}
.p10{padding:var(--r10);}
.p15{padding:var(--r15);}
.p20{padding:var(--r20);}
.p50{padding:var(--r50);}
.pdR5{padding-right:var(--r5);}
.pdR10{padding-right:var(--r10);}
.pdR15{padding-right:var(--r15);}
.pdR20{padding-right:var(--r20);}
.pdR50{padding-right:var(--r50);}
.pdL5{padding-left:var(--r5);}
.pdL10{padding-left:var(--r10);}
.pdL15{padding-left:var(--r15);}
.pdL20{padding-left:var(--r20);}
.pdL50{padding-left:var(--r50);}
.pdu5{padding-top:var(--r5);}
.pdu10{padding-top:var(--r10);}
.pdu15{padding-top:var(--r15);}
.pdu20{padding-top:var(--r20);}
.pdu50{padding-top:var(--r50);}
.pda5{padding-bottom:var(--r5);}
.pda10{padding-bottom:var(--r10);}
.pda15{padding-bottom:var(--r15);}
.pda20{padding-bottom:var(--r20);}
.pda50{padding-bottom:var(--r50);}
.pd5{padding-top:var(--r5);padding-bottom:var(--r5);}
.pd10{padding-top:var(--r10);padding-bottom:var(--r10);}
.pd15{padding-top:var(--r15);padding-bottom:var(--r15);}
.pd20{padding-top:var(--r20);padding-bottom:var(--r20);}
.pd50{padding-top:var(--r50);padding-bottom:var(--r50);}
.pdy5{padding-right:var(--r5);padding-left:var(--r5);}
.pdy10{padding-right:var(--r10);padding-left:var(--r10);}
.pdy15{padding-right:var(--r15);padding-left:var(--r15);}
.pdy20{padding-right:var(--r20);padding-left:var(--r20);}
.pdy50{padding-right:var(--r50);padding-left:var(--r50);}
.m0{margin:var(--r0)!important;}
.mru0{margin-top:var(--r0)!important;}
.mra0{margin-bottom:var(--r0)!important;}
.mrR0{margin-right:var(--r0)!important;}
.mrL0{margin-left:var(--r0)!important;}
.p0{padding:var(--r0)!important;}
.pdu0{padding-top:var(--r0)!important;}
.pda0{padding-bottom:var(--r0)!important;}
.pdR0{padding-right:var(--r0)!important;}
.pdL0{padding-left:var(--r0)!important;}
.fs9{font-size:9px!important;}
.fs10{font-size:var(--r10)!important;}
.fs11{font-size:11px!important;}
.fs12{font-size:12px!important;}
.fs13{font-size:13px!important;}
.fs14{font-size:14px!important;}
.fs15{font-size:var(--r15)!important;}
.fs16{font-size:16px!important;}
.fs17{font-size:17px!important;}
.fs18{font-size:18px!important;}
.fs19{font-size:19px!important;}
.fs20{font-size:var(--r20)!important;}
.fs21{font-size:21px!important;}
.fs22{font-size:22px!important;}
.fs23{font-size:23px!important;}
.fs24{font-size:24px!important;}
.fs25{font-size:25px!important;}
.fs34{font-size:34px!important;}
.fs44{font-size:44px!important;}
.fs61{font-size:61px!important;}
.ln11{line-height:11px!important;}
.ln12{line-height:12px!important;}
.ln13{line-height:13px!important;}
.ln14{line-height:14px!important;}
.ln15{line-height:var(--r15)!important;}
.ln16{line-height:16px!important;}
.ln17{line-height:17px!important;}
.ln18{line-height:18px!important;}
.ln19{line-height:19px!important;}
.ln20{line-height:var(--r20)!important;}
.ln21{line-height:21px!important;}
.ln22{line-height:22px!important;}
.ln23{line-height:23px!important;}
.ln24{line-height:24px!important;}
.ln25{line-height:25px!important;}
.ln36{line-height:36px!important;}
.ln34{line-height:34px!important;}
.ln42{line-height:42px!important;}
.ln44{line-height:44px!important;}
.ln61{line-height:61px!important;}
.hrfB{text-transform:uppercase;}
.hrfK{text-transform:lowercase;}
.hrfBk{text-transform:capitalize;}
.rsm-cv{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.rsm-cn{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
.ze1{z-index:-1;}
.z1{z-index:1!important;}
.z9{z-index:9!important;}
.z99{z-index:99!important;}
.z999{z-index:999!important;}
.z9999{z-index:9999!important;}
.z99999{z-index:99999!important;}
.rds{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.rds5{-moz-border-radius:var(--r5);-webkit-border-radius:var(--r5);border-radius:var(--r5);}
.rds10{-moz-border-radius:var(--r10);-webkit-border-radius:var(--r10);border-radius:var(--r10);}
.rds15{-moz-border-radius:var(--r15);-webkit-border-radius:var(--r15);border-radius:var(--r15);}
.rds20{-moz-border-radius:var(--r20);-webkit-border-radius:var(--r20);border-radius:var(--r20);}
.rds30{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.rr{-moz-border-radius:var(--yuzde);-webkit-border-radius:var(--yuzde);border-radius:var(--yuzde);}
.bdr{border:1px solid var(--hat)}
.bdrR{border-right:1px solid var(--hat)}
.bdrT{border-top:1px solid var(--hat)}
.bdrL{border-left:1px solid var(--hat)}
.bdrB{border-bottom:1px solid var(--hat)}
@media screen and (max-width:80em){.gtr-lg{display:block!important;}
.gzl-lg{display:var(--yok)!important;}
}
@media screen and (max-width:64em){.gtr-md{display:block!important;}
.gzl-md{display:var(--yok)!important;}
}
@media screen and (max-width:48em){.gtr-sm{display:block!important;}
.gzl-sm{display:var(--yok)!important;}
}
@media screen and (max-width:35.5em){.gtr-xs{display:block!important;}
.gzl-xs{display:var(--yok)!important;}
}


/**
 * Element Sizes
 *  28px
 *  40px
 *  50px
 * --------------------------------------------------
 */


.AZikaz:before,.AZikaz:after,.AZikazh:hover,.AZikaz{background-color:var(--ikaz);}
.FCikaz,.FCikazh:hover{color:var(--ikaz);}

*,*:before,*:after{box-sizing:border-box;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{font-size:14px;line-height:20px;position:relative;margin:0;padding:0;color:var(--outline);background-color:var(--body);text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

/**
* Component:Button
* --------------------------------------------------
*/
.b-button{font-weight:600;position:relative;display:inline-block;box-sizing:border-box;cursor:pointer;user-select:none;transition:background-color .25s ease, border-color .25s ease, color .25s ease;text-align:center;vertical-align:middle;white-space:normal;text-decoration:none;color:#fff;border:1px solid var(--outline);background:var(--outline);-webkit-appearance:none;}
.b-button:hover{border-color:var(--outline);background-color:var(--outline);}
.b-button::-moz-focus-inner{margin:0;padding:0;}
.b-button:focus{outline:1px dotted;outline:3px auto -webkit-focus-ring-color;}
.b-button:hover,.b-button:focus,.b-button:active{text-decoration:none;}
.b-button:disabled,.b-button.is-disabled{cursor:not-allowed;pointer-events:none;opacity:.65;}
/**
 * Component:Button
 * Modifier:Size
 * --------------------------------------------------
 */
.b-button{min-height:40px;padding:6px 12px;border-radius:3px;line-height:26px;font-size:14px;}
.b-button--small{min-height:28px;padding:4px 8px;border-radius:2px;line-height:18px;font-size:12px;}
.b-button--large{min-height:50px;padding:8px 16px;border-radius:4px;line-height:32px;font-size:16px;}
/**
 * Component:Button
 * Modifier:Variation
 * --------------------------------------------------
 */
.b-button--primary{color:#fff;border-color:var(--primary-hover);background-color:var(--primary);}
.b-button--primary:hover{color:#fff;border-color:var(--primary-hover);background-color:var(--primary-hover);}
.b-button--secondary{color:#fff;border-color:var(--secondary-hover);background-color:var(--secondary);}
.b-button--secondary:hover{color:#fff;border-color:var(--secondary-hover);background-color:var(--secondary-hover);}
.b-button--outline{color:var(--outline);border-color:var(--outline);background-color:transparent;}
.b-button--outline:hover{color:#fff;border-color:var(--outline);background-color:var(--outline);}
.b-button--link{color:var(--secondary);border-color:transparent;background-color:transparent;}
.b-button--link:hover{color:var(--secondary-hover);border-color:transparent;background-color:transparent;}
.b-button--success{color:#fff;border-color:var(--success-hover);background-color:var(--success);}
.b-button--success:hover{color:#fff;border-color:var(--success-hover);background-color:var(--success-hover);}
.b-button--info{color:#fff;border-color:var(--info-hover);background-color:var(--info);}
.b-button--info:hover{color:#fff;border-color:var(--info-hover);background-color:var(--info-hover);}
.b-button--warning{color:#fff;border-color:var(--warning-hover);background-color:var(--warning);}
.b-button--warning:hover{color:#fff;border-color:var(--warning-hover);background-color:var(--warning-hover);}
.b-button--error{color:#fff;border-color:var(--error-hover);background-color:var(--error);}
.b-button--error:hover{color:#fff;border-color:var(--error-hover);background-color:var(--error-hover);}
/**
 * Component:Button Group
 * --------------------------------------------------
 */
.b-button-group{font-size:0;display:inline-block;margin:0;padding:0;list-style:none;}
.b-button-group + .b-button-group{margin-left:30px;}
.b-button-group__item:not(:first-child):not(:last-child) > .b-button{border-radius:0 !important;}
.b-button-group__item > .b-button{display:block;width:100%;}
.b-button-group__item > .b-button:hover,.b-button-group__item > .b-button:focus,.b-button-group__item > .b-button:active{z-index:1;}
.b-button-group--horizontal > .b-button-group__item{display:inline-block;margin-left:-1px;}
.b-button-group--horizontal > .b-button-group__item:first-child:not(:only-child){margin-left:0;}
.b-button-group--horizontal > .b-button-group__item:first-child:not(:only-child) > .b-button{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}
.b-button-group--horizontal > .b-button-group__item:last-child:not(:only-child) > .b-button{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}
.b-button-group--vertical > .b-button-group__item{display:block;margin-top:-1px;}
.b-button-group--vertical > .b-button-group__item:first-child:not(:only-child){margin-top:0;}
.b-button-group--vertical > .b-button-group__item:first-child:not(:only-child) > .b-button{border-bottom-right-radius:0 !important;border-bottom-left-radius:0 !important;}
.b-button-group--vertical > .b-button-group__item:last-child:not(:only-child) > .b-button{border-top-left-radius:0 !important;border-top-right-radius:0 !important;}
.b-button-group--vertical > .b-button-group__item > .b-button{text-align:left;}





/* input:not([type='radio']):not([type='checkbox']):not([type='reset']):not([type='submit']):not([type='button']), */
textarea.textarea{min-height:250px;padding:10px;line-height:22px;resize: vertical;background-color:#f9f9f9;border:1px solid #e5e5e5;box-shadow:inset 1px 2px 4px rgba(177, 177, 177, 0.09);border-radius:3px;}
input.input,
.input-skin,
/* input[type="radio"] + label,
input[type="checkbox"] + label:before, */
select.select option,select.select {height:50px;padding-right:1em;padding-left:1em;line-height:50px;background-color:#f9f9f9;border:1px solid #e5e5e5;box-shadow:inset 1px 2px 4px rgba(177, 177, 177, 0.09);border-radius:3px;-webkit-transition:0.35s ease-in-out;-moz-transition:0.35s ease-in-out;-o-transition:0.35s ease-in-out;transition:0.35s ease-in-out;transition:all 0.35s ease-in-out;}
input.input ~ label,select.select ~ label{position:absolute;left:50px;width:100%;top:-25px;color:#aaa;transition:0.3s;font-size:15px!important;}
textarea.textarea ~ label,textarea.textarea ~ label{position:absolute;left:50px;width:100%;top:-25px;color:#aaa;transition:0.3s;font-size:15px!important;}
input.input:focus ~ label{top:-23px;font-size:12px;color:#55d9cb;transition:0.3s;z-index:9;}
input.input:focus,select.select:focus {outline:0;border-color:#55d9cb!important;box-shadow:inset 1px 1px 7px rgba(177, 177, 177, 0.09), 0px 0px 13px -1px rgba(40, 211, 193, 0.2)!important;}
input.input:focus + .input-icon i {color:#55d9cb;}
input.input:focus + .input-icon:after {border-right-color:#55d9cb;}

input.input:disabled{cursor:not-allowed;background-color:var(--disabled);border-color:var(--input-border)}

select.select {width:100%;height:50px;line-height:50px;border-radius:3px;}
select.select:focus,select.select:active {outline:0;}
.input-group {position:relative;zoom:1;}
.input-group:before,.input-group:after {content:"";display:table;}
.input-group:after {clear:both;}
/* .input-group-icon {position:relative;} */
.icon-right input.input,.icon-right select.select,.icon-right .input-skin {padding-right:4.4em!important;}
.icon-right select.select option{padding-right:0!important;}
.icon-left input.input,.icon-left select.select,.icon-left .input-skin {padding-left:4.4em!important;}
.icon-left select.select option{padding-left:0!important;}
.input-group-icon .input-icon {position:absolute;top:0;width:50px;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.icon-right .input-icon{right:0;}
.icon-left .input-icon{left:0;}
.icon-right .input-icon:after {border-left:1px solid #e5e5e5;right:100%;}
.icon-left .input-icon:after {border-right:1px solid #e5e5e5;left:100%;}
.input-group-icon .input-icon:after {position:absolute;top:0.6em;bottom:0.6em;display:block;content:"";-webkit-transition:0.35s ease-in-out;-moz-transition:0.35s ease-in-out;-o-transition:0.35s ease-in-out;transition:0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.input-group-icon .input-icon i {-webkit-transition:0.35s ease-in-out;-moz-transition:0.35s ease-in-out;-o-transition:0.35s ease-in-out;transition:0.35s ease-in-out;transition:all 0.35s ease-in-out;font-size:20px;}
.Inputrow {zoom:1;}
.Inputrow:before,.Inputrow:after {content:"";display:table;}
.Inputrow:after {clear:both;}
.Inputcol-half {padding-right:10px;float:left;width:50%;display:inline-block;}
.Inputcol-half:last-of-type {padding-right:0;}
.Inputcol-third {padding-right:10px;float:left;width:33.33333333%;}
.Inputcol-third:last-of-type {padding-right:0;}

.input-success, .input-success:active, .input-success:focus {border-color: var(--success)!important;box-shadow: none;outline: none !important;}
.input-info, .input-info:active, .input-info:focus {border-color: var(--info)!important;box-shadow: none;outline: none !important;}
.input-warning, .input-warning:active, .input-warning:focus {border-color: var(--warning)!important;box-shadow: none;outline: none !important;}
.input-error, .input-error:active, .input-error:focus {border-color: var(--error)!important;box-shadow: none;outline: none !important;}





@media only screen and (max-width:540px) {  .Inputcol-half {    width:100%;    padding-right:0;  }}

/****** File input style ******/
.file-upload .file-select .file-select-button{background:#dce4ec;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{width:100%;padding:1em 1em 1em 4.4em;display:flex;line-height:1.4;background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:3px;
-webkit-transition:0.35s ease-in-out;
-moz-transition:0.35s ease-in-out;
-o-transition:0.35s ease-in-out;
transition:0.35s ease-in-out;
transition:all 0.35s ease-in-out;}
.file-upload .file-select:hover{border-color:#55d9cb;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#55d9cb;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border:2px solid #dce4ec;color:#55d9cb;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;display:inline-block;height:40px;line-height:40px;}
/* Switch düğme */
.switch {display:inline-block;position:relative;height:46px;width:220px;background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:3px;}
.switch input {display:none;}
.slider {bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;border-radius:5px;display:flex;}
.slider:before {height:36px;width:calc(50% - 4px);border-radius:4px;background-color:#55d9cb;content:"KiBOMobil";bottom:4px;left:4px;position:absolute;transition:.4s;color:#fff;font-size:16px;	font-weight:bold;	line-height:19px;justify-content:center;align-items:center;display:flex;}
input:checked + .slider:before {transform:translateX(100%);content:"SQL";color:#fff;font-size:16px;	font-weight:bold;	line-height:19px;justify-content:center;align-items:center;display:flex;}
/* .yes {font-size:16px;font-weight:bold;line-height:19px;padding:12px;padding-left:20px;width:50%;float:left;} */
/* .no {font-size:16px;font-weight:bold;line-height:19px;padding:12px;padding-right:20px;width:50%;float:right;} */


/*
  Checkbox - Radio
*/
input.checkbox,input.radio {width:40px;height:40px;outline:none;position:relative;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;cursor:pointer;border:1px solid var(--input-border);background:var(--background);border-radius:4px;-webkit-transition:background .3s ease, border-color .3s ease;transition:background .3s ease, border-color .3s ease;}
input.checkbox:after,input.radio:after {content:'';display:block;left:0;top:0;position:absolute;-webkit-transition:opacity .2s ease, -webkit-transform .3s ease, -webkit-filter .3s ease;transition:transform .3s ease, opacity .2s ease, filter .3s ease, -webkit-transform .3s ease, -webkit-filter .3s ease;}
input.checkbox:checked,input.radio:checked {background:var(--active);border-color:var(--active);}
input.checkbox:disabled,input.radio:disabled {cursor:not-allowed;opacity:.9;background:var(--disabled);}
input.checkbox:disabled:checked,input.radio:disabled:checked {background:var(--disabled-inner);border-color:var(--input-border);}
input.checkbox:not(.switch):after,input.radio:not(.switch):after {opacity:0;}
input.checkbox:not(.switch):checked:after,input.radio:not(.switch):checked:after {opacity:1;}
input.checkbox:not(.switch):after {width:11px;height:21px;border:2px solid var(--active-inner);border-top:0;border-left:0;left:13px;top:5px;-webkit-transform:rotate(20deg);transform:rotate(20deg);}
input.checkbox:not(.switch):checked:after {-webkit-transform:rotate(43deg);transform:rotate(43deg);}
/* switch */
input.checkbox.switch {width:68px;border-radius:68px;}
input.checkbox.switch:after {width:30px;height:30px;left:4px;top:4px;border-radius:50%;background:var(--input-border);}
input.checkbox.switch:checked:after {background:var(--active-inner);-webkit-transform:translateX(29px);transform:translateX(29px);}
input.checkbox.switch:disabled:not(:checked):after {opacity:.6;}
/*radio*/
input.radio {border-radius:50%;}
input.radio:checked:after {background:var(--active-inner);-webkit-transform:scale(0.5);transform:scale(0.5);}
input.radio:after {width:38px;height:38px;border-radius:50%;background:var(--active-inner);opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
/* small */
.b-form-small input.checkbox,.b-form-small input.radio {width:28px;height:28px;}
.b-form-small input.checkbox:not(.switch):after {width:7px;height:16px;left:10px;top:3px;}
.b-form-small input.radio:after {width:26px;height:26px;}
.b-form-small input.checkbox.switch {width:45px;border-radius:45px;}
.b-form-small input.checkbox.switch:after {width:22px;height:22px;left:2px;top:2px;}
.b-form-small input.checkbox.switch:checked:after {-webkit-transform:translateX(17px);transform:translateX(17px);}
/* large */
.b-form-large input.checkbox,.b-form-large input.radio {width:52px;height:52px;}
.b-form-large input.checkbox:not(.switch):after {width:15px;height:27px;left:18px;top:6px;}
.b-form-large input.radio:after {width:50px;height:50px;}
.b-form-large input.checkbox.switch {width:90px;border-radius:90px;}
.b-form-large input.checkbox.switch:after {width:40px;height:40px;left:5px;top:5px;}
.b-form-large input.checkbox.switch:checked:after {-webkit-transform:translateX(38px);transform:translateX(38px);}
/*
  Sıralı input
*/
.radio-group {height:50px;border:1px solid var(--outline);display:inline-block;overflow:hidden;}
input.inline-radio {position:absolute;visibility:hidden;display:none;}
label.inline-radio {color:#9a929e;display:flex;align-items:center;cursor:pointer;font-weight:bold;padding:5px 20px;float:left;height:100%;}
input.inline-radio:checked + label.inline-radio {color:#ccc8ce;background:var(--outline);}
label.inline-radio + input.inline-radio + label.inline-radio {border-left:1px solid var(--outline);}
.radio-group{height:40px;border-radius:3px;line-height:26px;font-size:14px;}
.radio-group--small,.radio-group--small label.inline-radio{height:28px;border-radius:2px;line-height:18px;font-size:12px;}
.radio-group--large,.radio-group--large label.inline-radio{height:50px;border-radius:4px;line-height:32px;font-size:16px;}