/* ===== Primary Styles =======
Can Goktas / @canxgoktas
=============================== */

/* 
* Tools
*******************/

html {-webkit-font-smoothing: antialiased;}
img{display: block;max-width: 100%;height: auto;}



/* Bootstrap Modal Scrollbar Push Fix */
.modal {overflow-y: auto;}
.modal-open {overflow: auto;}

.modal-backdrop{background-color: #19233C;}
.modal-backdrop.in{opacity: .3}
#modalLoading{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 25,35,60, 0.5 )
    url('../images/loader-blocks.gif')
    50% 50%
    no-repeat;

}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
a:hover, a:focus, a:active{text-decoration: none !important;}
*{outline:none !important;}

.btn{padding: 18px 0;background: #4C84FF;border-radius: 4px;font-family: 'Santral-Bold';font-size: 12px;color: #FFFFFF !important;letter-spacing: 0.86px;text-align: center;width: 170px;height: 50px;border: none;-webkit-box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);}
.btn_success{padding: 18px 0;background: #5cb85c;border-radius: 4px;font-family: 'Santral-Bold';font-size: 12px;color: #FFFFFF !important;letter-spacing: 0.86px;text-align: center;width: 170px;height: 50px;border: none;-webkit-box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);}
.btn_info{padding: 18px 0;background: #5bc0de;border-radius: 4px;font-family: 'Santral-Bold';font-size: 12px;color: #FFFFFF !important;letter-spacing: 0.86px;text-align: center;width: 170px;height: 50px;border: none;-webkit-box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);}
.btn_warning{padding: 18px 0;background: #f0ad4e;border-radius: 4px;font-family: 'Santral-Bold';font-size: 12px;color: #FFFFFF !important;letter-spacing: 0.86px;text-align: center;width: 170px;height: 50px;border: none;-webkit-box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);}
.btn_danger{padding: 18px 0;background: #d9534f;border-radius: 4px;font-family: 'Santral-Bold';font-size: 12px;color: #FFFFFF !important;letter-spacing: 0.86px;text-align: center;width: 170px;height: 50px;border: none;-webkit-box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);}
.btn_default{padding: 18px 0;background: #fff;border-radius: 4px;font-family: 'Santral-Bold';font-size: 12px;color: #333 !important;letter-spacing: 0.86px;text-align: center;width: 170px;height: 50px;border: none;-webkit-box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);box-shadow: 0 4px 8px 0 rgba(25,35,60,0.20);}
.btn.white{background: #fff;color: #4C84FF !important;}

.custom-select select option[disabled] { display: none; }
.custom-select select{
    background: #FFFFFF;
    border: 1px solid #DEE2ED;
    /* -webkit-box-shadow: inset 0 1px 3px 0 #DEE2ED; */
    /* box-shadow: inset 0 1px 3px 0 #DEE2ED; */
    border-radius: 4px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-family: 'Santral-SemiBold';
    padding-left: 20px;
}
.custom-select select:invalid {
  color: #C0C5D1;
}
.custom-select select [disabled] {
  color: #C0C5D1;
}
.custom-select select option {
  color: #19233C;
}
.custom-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
.custom-select select::-ms-expand {
  display: none;
}
.custom-select{position: relative;}
.custom-select:after{position: absolute;content:'';top: 43px;right: 20px;background: url('../images/select-dropdown-grey.svg');width: 14px;height: 8px;display:block;background-repeat: no-repeat;background-size: contain;pointer-events: none;}

.form-group label{
    font-family: 'Santral-Medium';
    font-size: 12px;
    color: #C0C5D1;
    letter-spacing: 0;
    display: block;
    font-weight: normal;
    text-align: left;
}
.form-group .form-control{
    background: #FFFFFF;
    border: 1px solid #DEE2ED;
    -webkit-box-shadow: inset 0 1px 3px 0 #DEE2ED;
    box-shadow: inset 0 1px 3px 0 #DEE2ED;
    border-radius: 4px;
    height: 50px;
    font-family: 'Santral-SemiBold';
    font-size: 16px;
    color: #192343;
    letter-spacing: 0;
    resize: none;
}
.form-control:focus{border-color: #4C84FF;}
.form-group{margin-bottom: 30px;}
.form-group.currency-input .form-control{
    padding-right: 35px;
}
.form-group.currency-input{position: relative;}
.form-group.currency-input.focused:after{color:#19233C;}
.form-group.currency-input:after{-webkit-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;position: absolute;content:'TL';display:block;right: 10px;font-family: 'Santral-SemiBold';font-size: 16px;color: #8c8c8c;top: 36px;}
.form-group .input-group-addon{
    font-size: 16px;
    color: #8A92A6;
    letter-spacing: 0;
    font-family: 'Santral-SemiBold';
    border-color: #DEE2ED;
    background: #DEE2ED;
}
.form-group.upload .upload-holder span {
    font-family: 'Santral-SemiBold';
    color: #C0C5D1;
    letter-spacing: 0;
    padding-left: 155px;
    display: block;
    padding-top: 12px;
}
.form-group.upload .upload-holder span strong {
    display: block;
    font-family: 'Santral-SemiBold';
    color: #4C84FF;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    margin: 5px 0 0 0;
}

body.blue-bg{background: #F5F6FA;}



.switch input {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.switch {
    height: 30px;
    margin: 0 auto;
    position: relative;
    width: 50px;
}
.switch.with-desc{
    display: inline-block;
    vertical-align: middle;
}
.switch.with-desc+span{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #8A92A6;
    letter-spacing: 0;
    line-height: 18px;
    font-family: 'Santral-Medium';
    margin: 0 0 0 15px;
}
.switch label {
    background: #DEE2ED;
    color: #c72f18;
    border-radius: 20px;
    display: block;
    height: 100%;
    position: relative;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    width: 100%;
    margin: 0;
    overflow: hidden;
}
.switch label div {
    display: block;
    height: 20px;
    left: 5px;
    position: absolute;
    top: 50%;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    width: 20px;
    z-index: 3;
    background: #FFFFFF;
    border-radius: 100px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.switch label div:before {
    background: url('../images/switch-tick.svg') no-repeat center center;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    width: 100%;
    border-radius: 30px;
    background-size: 12px;
    background-position: center center;
    opacity: 0;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.switch input:checked~label div:before{opacity: 1;}
.switch input:checked~label {
    background: #4C84FF;
}
.switch input:checked~label div {
    left: 25px;
}
.switch .ok {
  left: 15px;
  position: relative;
  top: 16px;
  z-index: 2;
}
.switch .remove {
  left: 54px;
  position: relative;
  top: 6px;
  z-index: 2;
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0 0 0 20px;

  font-size: 12px;
  color: #19233C;
  letter-spacing: 0;
  line-height: 15px;
  font-family: 'Santral-Medium';
  font-weight: normal;
}
.styled-checkbox + label:before {
  content: '';
  /* margin-right: 10px; */
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid #C0C5D1;
  border-radius: 4px;
  float: left;
  margin: 0 10px 0 -20px;
}
.styled-checkbox:hover + label:before {
  background: #fff;
  border-color: #4C84FF;
}
.styled-checkbox:focus + label:before {
  /* box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); */
}
.styled-checkbox:checked + label:before {
  background: #fff;
  border-color: #4C84FF;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 5px;
  width: 12px;
  height: 9px;
  background: url('../images/tick-colored.svg') no-repeat center center;
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0 0 0 20px;

  font-size: 12px;
  color: #19233C;
  letter-spacing: 0;
  line-height: 15px;
  font-family: 'Santral-Medium';
  font-weight: normal;
}
.styled-checkbox + label:before {
  content: '';
  /* margin-right: 10px; */
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid #C0C5D1;
  border-radius: 4px;
  float: left;
  margin: 0 10px 0 -20px;
}
.styled-checkbox:hover + label:before {
  background: #fff;
  border-color: #4C84FF;
}
.styled-checkbox:focus + label:before {
  /* box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); */
}
.styled-checkbox:checked + label:before {
  background: #fff;
  border-color: #4C84FF;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 5px;
  width: 12px;
  height: 9px;
  background: url('../images/tick-colored.svg') no-repeat center center;
}








.styled-radio {
  position: absolute;
  opacity: 0;
}
.styled-radio + label {
  position: relative;
  cursor: pointer;
  padding: 0 0 0 20px;

  line-height: 23px;
  font-weight: normal;

  font-size: 16px;
  color: #C0C5D1;
  letter-spacing: 0;
  font-family: 'Santral-SemiBold';
  text-align: left;
}
.styled-radio + label:before {
  content: '';
  /* margin-right: 10px; */
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  float: left;
  margin: 0 10px 0 -20px;
  background: #FFFFFF;
  border: 1px solid #DEE2ED;
  -webkit-box-shadow: inset 0 1px 3px 0 #DEE2ED;
          box-shadow: inset 0 1px 3px 0 #DEE2ED;
  border-radius: 100px;
}
.styled-radio:hover + label:before {
  background: #fff;
  border-color: #4C84FF;
}
.styled-radio:focus + label:before {
  /* box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); */
}
.styled-radio:checked + label{
    color: #4C84FF;
}
.styled-radio:checked + label:before {
  background: #FFFFFF;
  border: 1px solid #4C84FF;
  -webkit-box-shadow: inset 0 1px 3px 0 #DEE2ED;
          box-shadow: inset 0 1px 3px 0 #DEE2ED;
  border-radius: 100px;
}
.styled-radio:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-radio:disabled + label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ddd;
}
.styled-radio:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  background: #4C84FF;
  border-radius: 100%;
}






.head-page-note{
    /* position: absolute; */
    /* top: 60px; */
    /* left: 0; */
    /* width: 100%; */
    background: #FFEFBA;
}
.head-page-note p{
    font-size: 14px;
    color: #19233C;
    letter-spacing: 0;
    text-align: center;
    font-family: 'Santral-SemiBold';
    padding: 10px 0;
    margin: 0;
}
.head-page-note p a{
    color: #4C84FF;
}
.head-page-note.top-align{top:0;}

.panel-pagination-nav{
    text-align: center;
}

.panel-pagination-nav .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #4C84FF;
    border-color: #4C84FF;
}
.animation-shake{
    -webkit-animation: shake 0.5s;
            animation: shake 0.5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
@-webkit-keyframes shake {
    0% { -webkit-transform: translate(1px, 1px) rotate(0deg); transform: translate(1px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(3px, 2px) rotate(0deg); transform: translate(3px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(3px, 1px) rotate(-1deg); transform: translate(3px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(1px, 2px) rotate(0deg); transform: translate(1px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes shake {
    0% { -webkit-transform: translate(1px, 1px) rotate(0deg); transform: translate(1px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(3px, 2px) rotate(0deg); transform: translate(3px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(3px, 1px) rotate(-1deg); transform: translate(3px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(1px, 2px) rotate(0deg); transform: translate(1px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); transform: translate(1px, -2px) rotate(-1deg); }
}
/* 
* Fonts
*******************/
@font-face {
  font-family: 'Santral-Bold';
  src: url('../fonts/Santral Bold.eot'); 
  src: url('../fonts/Santral Bold.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Santral Bold.woff') format('woff'), 
       url('../fonts/Santral Bold.ttf')  format('truetype'), 
       url('../fonts/Santral Bold.svg#062101ab3b28fa3c115c65f834716a2c') format('svg'); 
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Santral-Medium';
  src: url('../fonts/Santral Medium.eot'); 
  src: url('../fonts/Santral Medium.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Santral Medium.woff') format('woff'), 
       url('../fonts/Santral Medium.ttf')  format('truetype'), 
       url('../fonts/Santral Medium.svg#319f403c7264489c0e58f51484910110') format('svg'); 
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Santral-SemiBold';
  src: url('../fonts/Santral SemiBold.eot'); 
  src: url('../fonts/Santral SemiBold.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Santral SemiBold.woff') format('woff'), 
       url('../fonts/Santral SemiBold.ttf')  format('truetype'), 
       url('../fonts/Santral SemiBold.svg#a4061fbf9a954e86def0990cc38f9eee') format('svg'); 
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Santral-Regular';
  src: url('../fonts/Santral Regular.eot'); 
  src: url('../fonts/Santral Regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Santral Regular.woff') format('woff'), 
       url('../fonts/Santral Regular.ttf')  format('truetype'), 
       url('../fonts/Santral Regular.svg') format('svg'); 
       
  font-style:   normal;
  font-weight:  700;
}



/* 
* Layout
*******************/


/* 
* Retina Replacements
*******************/

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { 


}

/* 
* Media Queries
*******************/

@media only screen and (min-width : 1200px) {

    .container {width: 1170px;}

}

@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 992px) {

}

@media only screen and (max-width : 768px) {

}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {
    
}