/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

/*ÖZEL CHECKBOX*/
.custom-checked{appearance:none;background-color:#fafafa;border:1px solid #d3d3d3;
   border-radius:5px;cursor:pointer;width:1.5rem;height:1.5rem;position:relative; 
   transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   vertical-align:top;-webkit-appearance:none;outline:none;}
.custom-checked:active{color: #fff;background-color:#b3d7ff;}
.custom-checked:disabled{background-color: #dadada; border: 1px solid #e1e1e1;}
/*.custom-checked:focus{box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0,123,255,.25);}*/
.custom-checked:checked{font-weight:900;font-size: 13px;font-family:Font Awesome\ 5 Free; -webkit-font-smoothing: antialiased;
   font-style: normal;font-variant:normal;text-rendering:auto;color:#fff;background-color:#007bff;}
.custom-checked:checked:before{content:"\f00c";position:absolute;top:50%;left:50%;
  -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;}

/*ÖZEL CHECKBOX 2*/
input.custom-checked2 {appearance: none; background-color: #fafafa; border: 1px solid #d3d3d3; border-radius: 26px; cursor: pointer; height: 28px; position: relative; transition: border .25s .15s, box-shadow .25s .4s, padding .25s; width: 44px; vertical-align: top; -webkit-appearance: none; outline: none; }
input.custom-checked2:disabled{opacity: .7;}
input.custom-checked2:after {content: ""; background-color: #dfe2ea; border: 1px solid #d3d3d3; border-radius: 50%; display: block; height: 22px; width: 22px; left: 1px; position: absolute; right: 16px; top: 1px; transition: transform 0.7s .15s, background-color 1s .175s, border .25s .15s, left .25s .1s, right .15s .175s; }
input.custom-checked2:checked {border-color: #53d76a; box-shadow: inset 0 0 0 13px #53d76a; padding-left: 18px; transition: border .25s, box-shadow .25s .3s, padding .25s .15s; outline: none; }
input.custom-checked2:checked:after {box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1); background-color: #fff; content: ""; border-color: #53d76a; left: 17px; right: 0; transition: transform 0.7s .15s, background-color 1s .175s, border .25s, left .15s .25s, right .25s .175s; }
input.custom-checked2-sm{width: 35px; height: 20px; }
input.custom-checked2-sm:after{height: 14px; width: 14px; }
/*ÖZEL CHECKBOX 3*/
input.custom-checked3 {background-color: #fff; border: 1px solid #c8cfdd; border-radius: 4px; cursor: pointer; height: 20px; position: relative; transition: border .25s .15s, box-shadow .15s .1s, padding .25s; width: 20px; appearance: none; -webkit-appearance: none; outline: none;vertical-align: middle; }
input.custom-checked3:active{box-shadow: 0 0 0px 2px #87dec4;}
input.custom-checked3:disabled{opacity: .7;cursor: no-drop}
input.custom-checked3:checked {border-color:  #0abb87; box-shadow: inset 0 0 0 13px #0abb87;transition: border .25s, box-shadow .15s .2s, padding .25s .15s; outline: none; }
input.custom-checked3:checked:after {content: ""; color: #fff; border: solid #ffffff; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -6px; width: 3px; height: 8px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
input.custom-checked3-sm{width: 35px; height: 20px; }
input.custom-checked3-sm:after{height: 14px; width: 14px;}
input[type="radio"].custom-checked3{border-radius: 30px;}


.z-index-100{
  z-index: 100 !important;
}
.btn {border: 1px solid transparent; border-radius: 3px; position: relative; padding: 12px 30px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0; will-change: box-shadow, transform; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
.btn-sm{padding: 10px 15px}
.btn:active{outline: none; box-shadow: 0 1px 1px -1px #d6d6d6;}
.btn[disabled]{background-color: #8a8a8a; box-shadow: none; cursor: auto !important;}
.btn[disabled]:hover{box-shadow: none;}

.btn-success{background-color: #0abb87; color: #FFFFFF;box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); }
.btn.btn-success:hover{box-shadow:0 14px 26px -12px rgba(76, 175, 80, 0.42),0 4px 23px 0px rgba(0, 0, 0, 0.12),0 8px 10px -5px rgba(76, 175, 80, 0.2); }
.btn.btn-success:active{box-shadow: 0 0 0px 2px #69d5b6}

.btn-info{color: #FFFFFF;background-color: #1ea2de; box-shadow: 0 2px 2px 0 rgba(76, 111, 175, 0.14), 0 3px 1px -2px rgba(76, 117, 175, 0.2), 0 1px 5px 0 rgba(76, 134, 175, 0.12); }
.btn-info:hover{box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 15px -3px rgba(0, 155, 212, 0.39); }
.btn-info-outline{background-color: rgba(85,120,235,0.1); color: #5578eb; border: 1px solid #5d78ff;}
.btn-info-outline:hover{background-color: #5578eb; color: #fff;}

.btn-danger{background-color: #f44336;color: #FFFFFF;box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);}
.btn-danger:hover{box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);}
.btn-danger-outline{background-color: rgba(253,57,122,0.1); color: #fd397a; border: 1px solid #fd397a;}
.btn-danger-outline:hover{background-color: #fd397a; color: #fff;}


.btn-warning{background: #ffaa15; box-shadow: 0 1px 6px -1px #ffaa15;}
.btn-warning:hover{box-shadow:0 3px 15px -3px #ffaa15;}
.btn-warning-outline{color: #ffb822; border-color: #ffb822;background: transparent;}
.btn-warning-outline:hover{color: #fff; background: #ffb822;}

.btn-secondary{color: #212529;background-color: #f8f9fa;border:1px solid #dee2e6;box-shadow: 0 1px 6px -1px #d6d6d6;}
.btn-secondary:hover{color: #212529; background-color: #e2e6ea; border-color: #dae0e5;}

.alert{background: #fff; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; width: 100%;font-size: 14px; }

.alert-danger{color: #fff; background-color: #f66e84; border-color: #f55f78;}
.alert-danger-outline{background-color: rgba(253,57,122,0.1); color: #fd397a;font-weight: bold;}

.alert-success{color: #f6fcfb; background-color: #45ccb1; border-color: #39c9ac;}
.alert-success-outline{background-color: rgba(10,187,135,0.1); color: #0abb87;font-weight: bold;}

.alert-info{color: #fff; background-color: #53b0f8; border-color: #45aaf8;}
.alert-info-outline{background-color: rgba(93,120,255,0.1); color: #5d78ff;font-weight: bold;}

.alert-warning{color: #fff; background-color: #ffc241; border-color: #ffbd31;}
.alert-warning-outline{background-color: rgba(255,184,34,0.1); color: #ffb822;font-weight: bold;}
/*--------- BADGE -----------*/


/*BACKGROUND COLORS*/
.badge{border-radius: 10rem; font-weight: 400; line-height: normal; padding: 0.2em 1em; font-size: 75%; text-align: center; white-space: nowrap; vertical-align: baseline; }

.badge-xl{font-size: 85%;}
.badge-black {color: #fff; background-color: #484848; }
.badge-success {color: #fff; background-color: #34bfa3; }
.badge-danger {color: #fff; background-color: #f4516c; }
.badge-warning {color: #000; background-color: #ffb822; }
.badge-info {color: #fff; background-color: #36a3f7; }
/*-----------------------*/
.badge-success-outline {color: #0abb87; background: rgba(10,187,135,0.1);}
.badge-danger-outline {color: #fd397a; background: rgba(253,57,122,0.1);}
.badge-warning-outline {color: #ffb822; background: rgba(255,184,34,0.1);}
.badge-info-outline {color: #5578eb; background: rgba(85,120,235,0.1);}

/*TEXT COLORS*/
.text-black{color: #6c757d!important;}
.text-success{color: #00c292!important;}
.text-info{color: #03a9f3!important;}
.text-danger{color: #f44336!important;}
.text-warning{color: #fec107!important;}





/* ---------------------------- İNPUT CLASS : İNPUT-GROUP > FORM-CONTROL-------------------*/
.input-group {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%;
}
.input-group-prepend {
   margin-right: -1px;
   display: flex;
}
.input-group>.input-group-prepend>.input-group-text {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}
.input-group-text {
   display: flex;
   align-items: center;
   padding: .375rem .75rem;
   font-size: .875rem;
   font-weight: 400;
   line-height: 1.5;
   color: #4F5467;
   text-align: center;
   background-color: #f8f9fa;
   border: 1px solid #e9ecef;
   border-radius: .25rem;
   white-space: nowrap;
}
/*---------*/
.form-control{
   width: 100%;
   padding: .375rem .65rem;
   font-size: .875rem;
   line-height: 1.5;
   background-color: #fff;
   border: 1px solid #e9ecef;
   border-radius: .25rem;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   background-clip: padding-box;
   min-height: 38px;
   display: initial;
   color: #212529;
}
.input-group>.form-control:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.input-group>.form-control {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   margin-bottom: 0;
}
.input-group>.input-group-prepend>.input-group-text {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}
.form-control:disabled, .form-control[readonly] {background-color: #e9ecef;color:#696969 }
.form-control:focus {
   border-color: #9aabff;
   outline: 0;
   /*background-color: #fff;*/
   box-shadow: 0 3px 9px rgba(50,50,9,0), 3px 4px 8px rgba(94,114,228,.1);
}
.form-control::placeholder{
   color: #9ba2a9;
   font-size: 12px;
}
.form-control-sm{
  padding: .10rem .45rem;
  min-height: 30px;
}









*{
  margin: 0;padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  color: #212529;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
  vertical-align: middle;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
a, area, button, [role="button"], input, label, select, summary, textarea {
    touch-action: manipulation;
}
a, input, textarea, .animation, button, select {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
a, button, select,i,span,li {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
  outline: none;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
  cursor: pointer;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
  outline: none;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
.show {
  display: block !important;
}
.hidden {
  display: none !important;
}.flex {
  display: flex !important;
}.inline-block {
  display: inline-block !important;
}
.text-align-center{
  text-align: center !important;
}
.text-align-left{
  text-align: left !important;
}
.text-align-right{
  text-align: right !important;
}