/* ===== General ====== */
 .page-content{
    padding: 45px 0;
    display: block;
}
 .vm {
    display: inline-block;
     vertical-align: middle;
}
 .tc {
    display: table-cell;
    vertical-align: middle;
}
 .select {
    position: relative;
}
 .select select {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
     border: none;
    outline: none;
    border-radius: 0;
}
 .select i.icon-select {
    position: absolute;
    pointer-events: none;
}
 .checkbox {
    padding-left: 30px;
    margin: 10px 0;
    cursor: pointer;
}
 .checkbox span {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
 .checkbox span b {
    font-size: inherit;
    font-weight: 700;
}
 .checkbox input {
    display: none;
}
 .checkbox input:checked ~ .checkbox-style {
    background: #a4a4a4;
}
 .checkbox .checkbox-style {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #a4a4a4;
    box-shadow: 0px 0px 0px 1px #fff inset;
}
 .button {
    padding: 0 25px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
     display: inline-block;
     height: 50px;
    line-height: 50px;
     text-align: center;
     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
 .form-div p {
    padding-bottom: 10px;
    color: #000;
    padding-left: 0px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2a435b;
}
 .form-div input:not([type="submit"]), .form-div .select{
    margin-bottom: 0;
}
 .form-div .control{
    margin: 0;
}
 .form-div select {
    width: 100%;
    height: 42px;
    font-size: 14px;
    border:1px solid #cccccc;
    outline: none;
    padding: 0 12px 0 5px;
    margin-right: 25px;
}
 table.calendar-select > tbody > tr > td:last-child {
    margin-right: 0px;
}
 table.calendar-select > tbody > tr > td {
    display:inline-block;
    float: left;
    margin-right: 15px;
}
 .form-div textarea{
    height: 149px;
    padding: 15px;
}
 .form-div input:not([type="submit"]):focus, .form-div textarea:focus, .form-div select:focus {
    border-color: #dd0330;
}
 input[type=submit] {
    border: none;
}
 .double .form-div {
    width: 48%;
    display: inline-block;
}
 .double .form-div + .form-div {
    margin-left: 4%;
}
 .button-default {
    background: #999;
     height: 50px;
    line-height: 50px;
    color: #fff;
}
 .button-default:hover, .button-default:focus {
    background: #f97d00;
    color: #fff;
}
 .button-default:before {
    content: '';
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 3px solid #fff;
    left: 1px;
    top: 1px;
}
 .button-alternative {
    background: #999;
     color: #fff;
}
 .button-alternative:hover, .button-alternative:focus {
    background: #f97d00;
    color: #fff;
}
 .button-text {
    padding: 0 20px;
}
 .button.button-facebook {
    background: #3b5998;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    height: 50px;
    margin-bottom: 20px;
    border-radius: 30px;
    font-size: 14px;
    text-transform: uppercase;
}
 .button.button-facebook b {
    font-size: 12px;
    font-weight: 700;
}
 .button.button-google {
    background: #dd4d40;
     color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
}
 .select {
    display: inline-block;
    border:none;
}
 .select select {
    font-size: 13px;
    font-weight: 500;
    height: 45px;
    line-height: 30px;
    text-indent: 10px;
    padding-right: 50px;
    width: 100%;
    background-color: transparent;
    color: #333;
}
 .select select option {
    font-size: inherit;
}
 .select i.icon-select {
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    background-image: url('../../img/select-arrow.html');
}
 .required p:after {
    content: '*';
    font-size: 12px;
    display: inline-block;
    margin-left: 3px;
    color: #ff0000;
}
 .col {
    display: inline-block;
     width: 100%;
}
/*.border {
    height: 1px;
    width: 100%;
    background: #ddd;
    position: relative;
}
*/
 .border .left {
    position: absolute;
    left: 25%;
    width: 10px;
    height: 10px;
    background: #ddd;
    top: 50%;
    margin-top: -5px;
    border-radius: 100%;
    box-shadow: 0px 0px 0px 5px #fff;
    margin-left: -5px;
}
 .border .center {
    position: absolute;
    left: 50%;
    width: 14px;
    height: 14px;
    background: #ddd;
    top: 50%;
    margin-top: -7px;
    border-radius: 100%;
    box-shadow: 0px 0px 0px 5px #fff;
    margin-left: -7px;
}
 .border .right {
    position: absolute;
    right: 25%;
    width: 10px;
    height: 10px;
    background: #ddd;
    top: 50%;
    margin-top: -5px;
    border-radius: 100%;
    box-shadow: 0px 0px 0px 5px #fff;
    margin-right: -5px;
}
 .user .control--radio{
    display: inline-block;
}
 .user .control--radio + .control--radio{
    /* margin-left: 15px;
     */
}
 .user .control--radio {
    margin-left: 4px;
}
 .user .btn-wrap{
    padding: 0;
}
 .adres-top .info span:last-of-type {
     font-size: 10px;
     color: #a4a4a4;
}
 .adres-item.adres-ekle a:hover i:before {
     color: #1ea5dd;
     transition: all 0.4s;
}
 .adres-item.adres-ekle a:hover {
     color: #1ea5dd;
     transition: all 0.4s;
}
 .mr-bt0 .select {
     margin: 0;
}
 .mr-bt0 .control span {
     height: auto;
     font-size: 13px !important;
     color: #2a435b !important;
     font-weight: normal;
}
 .col.col-one .col-left {
     width: 100%;
     overflow: hidden;
}
 .user .col-md-9>h5{
}
 .user .user-title{
     font-family: Nunito;
     font-size: 16px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     display: block;
     color: #2a435b;
     width: 100%;
     padding-bottom: 10px;
     border-bottom: solid 1px #1ea5dd;
     margin-bottom: 10px;
     line-height: 30px;
}
 section.user .userformm {
    padding-top: 15px;
}
 section.user .control {
    margin-top: 0;
    padding-left: 20px;
}
/* ===== General ====== */
/* ===== Sign Up ====== */
 .form-div.m-iptal {
     float: left;
    width: 50%;
}
 .tablo-hucre {
     float: left;
     width: 50%;
}
 .col.col-one .form-div {
     margin-bottom: 20px;
}
 #uyelik input[type=submit] {
    position: relative;
    width: 100%;
    height: 50px;
    border-radius: 0px !important;
    background-color: #2a435b;
    margin: 0;
    margin-top: 27px;
    border: none !important;
    padding: 0 !important;
    text-align: center !important;
}
 #uyelik input[type=submit]:hover {
     border: none !important;
     background: #1ea5dd !important;
     color: #fff;
}
 .sign-up-page {
    margin: 10px 0;
}
 .sign-up-page h5 {
    font-size: 26px;
    font-weight: 500;
    margin: 0 0 0 0;
    width: 100%;
    overflow: hidden;
}
 .sign-up-page h5 a{
}
 .sign-up-page .col-one .col-left > p {
    margin: 0 0 0 0;
    font-family: Nunito;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.21;
    color: #4a4a4a;
}
 .sign-up-page .col-one .col-right {
    text-align: right;
}
 .sign-up-page .col-one .col-right > span {
    margin-right: 10px;
    font-size: 12px;
    color: #666;
    font-weight: 700;
}
 .sign-up-page .col-one .col-right > a {
    height: auto;
    line-height: normal;
    padding: 5px 10px;
    font-size: 12px;
}
 .sign-up-page .col-two {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
 .sign-up-page .col-two .col-left {
    padding-right: 70px;
    border-right: 1px solid #dadada;
}
 .sign-up-page .col-one .form-div p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2a435b;
    text-transform: uppercase;
    padding-left: 10px;
    padding-bottom: 10px;
}
 .sign-up-page .col-two .col-left .content form > div + div {
    margin-top: 20px;
}
 .sign-up-page .col-two .col-left .content .campaign p {
    font-size: 12px;
}
 .sign-up-page .col-two .col-left .content .contract p {
    font-size: 12px;
}
 .sign-up-page .col-two .col-left .content .contract a {
    font-size: inherit;
    color: #666;
}
 .sign-up-page .col-two .col-left .send {
    text-align: right;
}
 .pas-change .form-div input:not([type="submit"]),.pas-change .form-div .select {
     height: 50px;
     border-radius: 27px;
     border: solid 1px #a0c9da;
     line-height: 50px;
}
 form.pas-change {
     margin-top: 10px;
}
 .sign-up-page .col-two .col-left .sign-in > a {
    height: auto;
    line-height: normal;
    padding: 5px 10px;
    font-size: 12px;
}
 .sign-up-page .col-two .col-right .content > ul > li {
    padding: 25px 0;
}
 .sign-up-page .col-two .col-right .content > ul > li i.icon-shopping {
    width: 32px;
    height: 37px;
    background-position: 0 -183px;
}
 .sign-up-page .col-two .col-right .content > ul > li i.icon-cargo {
    width: 59px;
    height: 27px;
    background-position: -33px -183px;
}
 .sign-up-page .col-two .col-right .content > ul > li i.icon-payment {
    width: 43px;
    height: 43px;
    background-position: -93px -183px;
}
 .sign-up-page .col-two .col-right .content > ul > li i.icon-help {
    width: 41px;
    height: 41px;
    background-position: -137px -183px;
}
 .sign-up-page .col-two .col-right .content > ul > li h6 {
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px 0;
}
 .sign-up-page .col-two .col-right .content > ul > li p {
    font-size: 12px;
     margin: 0;
}
 .sign-up-page .col-two .col-right .content > ul > li > .vm:first-child {
    width: 120px;
    text-align: center;
    float: left;
}
 .sign-up-page .col-two .col-right .content > ul > li > .vm:last-child {
    width: calc(100% - 120px);
}
 .sign-up-page .btn-wrap {
    align-items: center;
    margin-top: 20px;
}
 .btn-wrap a {
    margin-right: 0;
    float: left !important;
}
 .sign-up-page .btn-wrap .btn-save.pull-right {
     position: relative;
     width: 100%;
     height: 50px;
     border-radius: 30px;
     background-color: #2a435b;
     margin: 0;
     margin-top: 18px;
     padding: 0;
}
 @media screen and (max-width: 991px){
     .sign-up-page .col-two > *:first-child {
        width: calc(100% - 340px);
    }
     .sign-up-page .col-two > *:last-child {
        width: 340px;
    }
}
 @media screen and (max-width: 767px){
     .sign-up-page .col-two .col-left {
        padding: 0;
        border-right: none;
    }
     .sign-up-page .col-two > *:first-child {
        width: 100%;
    }
     .sign-up-page .col-one .col-right {
        text-align: center;
    }
}
 @media screen and (max-width: 360px){
     .sign-up-page .col-two .col-left .content .send input {
        width: 100%;
    }
}
/* ===== Sign Up ====== */
/* ===== Sign In ====== */
 .sign-in-page {
    margin: 40px 0;
}
 .sign-in-page .col-one h5 {
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 20px 0;
}
 .sign-in-page .col-one p {
    font-size: 12px;
    margin: 0 0 20px 0;
}
 .sign-in-page .col-two {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
 .sign-in-page .col-two .col-left {
    padding-right: 150px;
    border-right: 1px solid #a4a4a4;
}
 .sign-in-page .col-two .col-left .content .sign .form-div + .form-div {
    margin-top: 20px;
}
 .sign-in-page .col-two .col-left .content .sign .button-facebook {
    display: block;
}
 .sign-in-page .col-two .col-left .content .sign .button-google {
    display: block;
}
 .sign-in-page .col-two .col-left .content .sign .button-facebook b:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 26px;
    background-image: url('../img/facebook-white.html');
    margin-right: 15px;
}
 .sign-in-page .col-two .col-left .content .sign .button-google b:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 20px;
    background-image: url('../img/google.html');
    margin-right: 15px;
}
 .sign-in-page .col-two .col-left .content .sign .buttons {
    margin: 25px 0;
     overflow: hidden;
}
 .sign-in-page .col-two .col-left .content .sign .buttons .remember {
    float: left;
}
 .sign-in-page .col-two .col-left .content .sign .buttons .remember > a {
    font-size: 12px;
     font-weight: 400;
}
 .sign-in-page .col-two .col-left .content .sign .buttons .remember > a b {
    font-size: inherit;
    font-weight: 700;
}
 .sign-in-page .col-two .col-left .content .sign .buttons .sign-in {
    float: right;
}
 .sign-in-page .col-two .col-left .content .sign .sign-up {
    text-align: center;
}
 .sign-in-page .col-two .col-left .content .sign .sign-up > span {
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
}
 .sign-in-page .col-two .col-left .content .sign .sign-up > a {
    height: auto;
    line-height: normal;
    padding: 5px 10px;
    font-size: 12px;
}
 .sign-in-page .col-two .col-right .content > img {
    display: block;
    margin: 0 auto;
}
 .sign-in-page .col-two .col-right .content p {
    font-family: 'Titillium Web';
    font-size: 20px;
    margin: 25px 0 0 0;
    line-height: 28px;
}
 .sign-in-page .col-two .col-right .content p span {
    font-weight: 600;
     font-size: inherit;
}
 .sign-in-page .col-two .col-right .content p b {
    font-weight: 700;
     font-size: inherit;
}
 @media screen and (max-width: 1199px){
     .sign-in-page .col-two .col-left {
        padding-right: 50px;
    }
}
 @media screen and (max-width: 991px){
     .sign-in-page .col.col-two > *:first-child {
        width: calc(100% - 340px);
    }
     .sign-in-page .col.col-two > *:last-child {
        display: inline-block;
        width: 340px;
    }
}
 @media screen and (max-width: 767px){
     .sign-in-page .col.col-two > *:first-child {
        width: 100%;
    }
     .sign-in-page .col-two .col-left {
        padding-right: 0;
        border-right: none;
    }
}
/* ===== Sign In ====== */
/* ===== Home ===== */
 .welcome{
    border-radius:0px;
    padding: 35px;
    overflow:hidden;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-bottom:25px;
    transition: all 0.5s ease;
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
    border: solid 1px #dfebef;
}
 .welcome:hover {
}
 .welcome .welcome-img{
    float:left;
    margin-right:15px;
}
 .welcome .welcome-img img{
    width: 100px;
}
 .welcome-cont{
    padding: 5px 15px;
}
 .welcome-cont p{
    font-size:16px;
    color:#002349;
     font-weight: 400;
     cursor: default;
}
 .welcome-cont h4{
     font-size: 23px !important;
     font-style: normal;
     font-stretch: normal;
     line-height: normal !important;
     letter-spacing: normal;
     text-align: left;
     color: #2a435b;
}
 .welcome-cont h4 strong{
    color:#000;
    font-weight:800;
    margin:0;
    font-size:22px;
     margin-left: 10px;
     cursor: default;
}
 .welcome-cont h4:last-of-type{
    font-weight:400;
     margin: 20px 0px;
     cursor: default;
}
 .user-welcome-icon {
     float: left;
}
 .user-welcome-icon i:before {
     font-size: 60px;
     color: #eaeaea;
     line-height: normal;
}
 .user-welcome-name {
     float: left;
     line-height: normal;
     padding-left: 30px;
     color: #1ecbdd;
}
 .user-welcome-name h4 {
     display: inline-block;
     line-height: 27px;
     font-size: 18px;
     padding-top: 6px;
}
 .welcome-cont h4 strong {
     margin: 0;
     color: #2a435b;
}
 .user-welcome-name h4 span {
     font-weight: 600;
     color: #2a435b;
}
 .welcome-cont h4:last-of-type {
     margin: 0;
}
 .welcome-cont p {
     font-size: 14px;
     padding-top: 30px;
     color: #000;
}
/* ===== Home ===== */
/*===== Sidebar User =====*/
 .user-sidebar{
    background: #d3dee4;
}
 .user-sidebar h4{
     width: 100%;
     background-color: #1ea5dd;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     height: 65px;
     line-height: 65px;
     text-align: left;
     font-family: Nunito;
     font-size: 14px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     color: #eef7fa;
     margin: 0 !important;
     padding-left: 20px;
}
 .user-sidebar>ul{
}
 .user-sidebar>ul>li.active a{
     background: #2a435b;
     color: #fff !important;
}
 .user-sidebar>ul>li.active a{
    color: #000;
    font-weight: 600 !important;
}
 .user-sidebar>ul>li>a{
    color:black;
}
 .user-sidebar>ul>li>a{
     font-family: Nunito;
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: 4.31;
     letter-spacing: normal;
     text-align: left;
     color: #2a435b;
     padding-left: 20px;
}
 .sidebar{
    background: #fff;
    margin-bottom: 25px;
     border:1px solid #a4a4a4;
     padding: 25px;
}
 .sidebar>ul{
}
 .sidebar>ul>li{
}
 .sidebar>ul>li>a{
    font-size: 13px;
    color:#black;
    font-weight: 600;
    border-bottom: 1px dashed #d3dfe4;
    display: block;
}
 .sidebar.user-sidebar li a:hover {
     background: #2a435b;
     color: #fff;
     border-bottom: 1px solid #2a435b;
}
 section.user {
     padding: 40px 0;
}
 .sidebar>ul>li>ul{
    padding: 15px 5px;
    border-bottom: 1px solid #d3dfe4;
    max-height: 186px;
    overflow-x: auto;
    position: relative;
}
 .sidebar>ul>li>ul>li{
}
/*===== Sidebar User =====*/
/*===== Address =====*/
/* Adres bilgileri */
 .ps-absl {
     position: absolute;
     font-size: 12px;
     color: #aeaeae;
     font-weight: normal;
     left: 0;
     bottom: 0;
}
 .edit a:hover {
     background: #01a6cf;
     color: #fff;
}
 .sign-up-page .btn-wrap .btn-save.pull-right:hover {
}
 .adres-sol {
     float: left;
     width: 60%;
}
 .col-md-12.user-adres-title .btn-wrap {
     float: right;
     margin-top: 0;
}
 .col-md-12.user-adres-title .btn-wrap a:before {
     content: "";
     position: absolute;
     left: -1000px;
     width: 1000px;
     height: 1px;
     background: #f0eded;
     top: 50%;
     z-index: 9999;
     margin-top: -0.5px;
}
 .col-md-12.user-adres-title {
     overflow: hidden;
     margin-bottom: 40px;
     margin-left: 15px;
     width: calc(100% - 15px);
}
 .adres-item.adres-ekle a i {
     display: block;
     text-align: center;
     margin-bottom: 8px;
}
 .adres-item.adres-ekle a {
     line-height: normal;
     font-weight: bold;
     color: #eaeaea;
     padding-top: 0;
     height: 100%;
     padding: 30px 0;
     display: block;
     text-align: center;
     transition: all 0.4s;
}
 .adres-item.adres-ekle {
}
 .adres-item.adres-ekle a i:before {
     color: #eaeaea;
     display: inline-block;
     font-size: 110px;
     transition: all 0.4s;
}
 .col-md-12.user-adres-title h5 {
     font-size: 15px;
     color: #000;
     font-weight: bold;
     float: left;
     display: inline-block;
     width: auto;
     left: -15px;
     position: relative;
}
 .adres-sol p {
     font-size: 11px;
     font-weight: normal;
     color: #000;
     line-height: 25px;
     padding-left: 0;
     padding-top: 0;
     margin-bottom: 0;
}
 .edit {
     float: left;
     width: 40%;
     padding-left: 20px;
}
 .edit a {
     background: #fff;
}
 .edit a i {
     display: block;
     text-align: center;
}
 .edit a i:before {
     font-size: 10px;
     color: #1ea5dd;
}
 .edit a {
     font-size: 9px;
     text-transform: uppercase;
     width: 50px;
     text-align: center;
     height: 54px;
     padding-top: 9px;
     margin-top: 10px;
     transition: all 0.4s;
     border-radius: 5px !important;
     border: 1px solid #1ea5dd;
}
 .edit a i:before {
     margin-left: 0;
     font-size: 12px;
}
 .adres-item{
    padding: 0;
    overflow:hidden;
    border-bottom:1px solid #c3c3c3;
    border: 1px solid #1ea5dd;
    border-radius: 10px;
}
 .adres-top{
    width:100%;
    overflow:hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 0;
}
 .adres-top .info{
    float:left;
    width: 100%;
    background: #fff;
    padding: 12px 0;
    border-bottom: 1px solid #1ea5dd;
}
 .adres-top .info span{
    padding: 0 10px !important;
    color: #000;
    font-weight: 400;
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
 .adres-top .info span:first-of-type{
    padding-left:0;
    font-weight: bold;
}
 .adres-top .edit{
    float:right;
}
 .adres-top .edit a{
    padding:5px 15px;
    color:#6b6b6b;
    font-weight: 400;
    font-size: 12px;
}
 .adres-top .edit a:first-of-type{
    border-left:1px solid #c5c5c5;
}
 .adres-top .edit .adres-del{
    color: #ed131f;
}
 .adress.adres-bilgi .col-md-6.col-sm-6.col-xs-12:nth-child(odd) {
     padding-left: 0 !important;
}
 .adress.adres-bilgi .col-md-6.col-sm-6.col-xs-12:nth-child(even) {
     padding-right: 0 !important;
}
 .adress.adres-bilgi .col-md-6.col-sm-6.col-xs-12 {
     margin-top: 27px;
}
 .adres-bottom{
    width:100%;
    overflow:hidden;
    background: #f8f8f8;
    padding: 0;
    padding: 20px 20px;
    min-height: 140PX;
}
 .adres-bottom p{
    font-weight:600;
    padding: 0px 0 0 0;
    line-height: 29px;
}
/*===== Address =====*/
/*===== Table =====*/
 .table-responsive{
    width: 100%;
    /* display: block;
     */
    /* padding-top: 15px;
     */
}
 .table{
}
 .table th{
    background: #d3dee4;
    color: #666;
    font-size: 13px;
    font-weight: 500;
}
 .table tr:nth-child(odd){
    background: #f0f7fa !important;
}
 .table tr td{
    font-size: 12px;
}
 .table tr td a{
    font-size: 12px;
}
 .panes input {
     height: 55px;
     border: none;
     border-radius: 0px;
     border: 1px solid #1ea5dd;
     padding: 0 20px;
     line-height: 55px;
     border-radius: 27px;
}
 .panes input:focus {
     border-color: #2a435b;
}
 .tabici tr td tr td {
     padding-bottom: 20px !important;
     padding-left: 20px !important;
}
 .tabici tr:nth-child(2) td {
    padding: 0;
    line-height: 60px;
    padding-left: 20px;
}
 .tabici tr:nth-child(2) td {
}
 table tr td tr td tr:last-child td {
     padding-bottom: 0 !important;
}
 table tr td table tr:nth-child(2) td {
     padding-bottom: 0 !important;
}
 table .martodo.alert.warning {
     display: block;
}
 .table tr td a:hover{
    color: #fff;
    background: #23a5c7;
    border: 1px solid #23a5c7;
}
 .table tr td .btn{
    width: 50%;
    float: right;
    max-width: 45px;
}
/*===== Table =====*/
/*===== Edit =====*/
 .user-pp{
    width: 204px;
    float: right;
}
 .user-pp .img{
    width: 100%;
    border:2px solid #ccc;
}
 .user-pp .img img{
    width: 200px;
    height: 200px;
}
 .user-pp .pp-menu{
}
 .user-pp .pp-menu .kariyer-btn{
    width: 100%;
}
/*===== Edit =====*/
 .pagination{
    position: relative;
}
 .sign-popup .form-div input{
    padding-left: 45px;
}
/**button **/
 .btn {
    border-radius: 0px;
}
 .btn-out {
     height: 45px !important;
     color: #000;
     padding: 0 10px !important;
     width: 49%;
     margin-right: 1% !important;
}
 .btn-out:hover {
    color:white;
    background-color: #00a6cf;
}
 .btn-save {
    transition: all 0.5s ease;
    float: right;
    height: 53px;
    border-radius: 30px;
    margin: 0 !important;
    width: 240px !important;
    border: none;
}
 .btn-save:hover {
    color:white;
    transition: all 0.5s ease;
    border: none !important;
}
 section.user .control a {
     font-size: 12px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #2a435b;
}
 section.user .control a b {
     font-size: 14px;
     font-weight: bold;
}

 form#uyelik input, .form-div select, .form-div input {
     width: 100%;
     height: 50px;
     border-radius: 0px !important;
     border: solid 1px #a0c9da;
     padding-left: 5px;
}
 #uyelik input[type="text"]:focus, #uyelik input[type="email"]:focus, #uyelik select:focus, #uyelik textarea:focus, .form-div select:focus, .form-div input:focus {
     border-color: #2a435b !important;
     transition: all 0.5s ease;
}
 form.mr-bt0 input {
     margin: 0 !important;
     padding: 0px 20px !important;
     height: 50px !important;
     border-radius: 27px !important;
     border: solid 1px #a0c9da !important;
     background: #fff;
}
 .page-content .duyuru-baslik {
     margin-bottom: 30px;
}
 .userPanelBg {
     height: 100%;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
}
 .userPanelItems ul li:last-child {
     color: #a0c9da;
     font-size: 13px;
     font-weight: 800;
}
 .userPanelItems ul li:before {
     content: "";
     position: absolute;
     left: -15px;
     top: -2px;
     width: 5px;
     height: 5px;
     background: #000;
     border-radius: 10px;
     top: 6px;
}
 .userPanelItems ul li:last-child:before {
     color: #a0c9da;
}
 .userPanelItems {
     height: auto;
     position: relative;
     padding: 50px 70px;
     box-shadow: 0 -12px 19px -6px rgba(0, 0, 0, 0.08);
     border-style: solid;
     border-width: 1px;
     border-image-source: linear-gradient(to left, #e5e5e5, #ffffff);
}
 .userPanelItems .duyuru-baslik {
     left: -35px;
     margin-bottom: 30px;
}
 .userPanelItems ul li {
     position: relative;
     font-family: Nunito;
     font-size: 14px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     letter-spacing: normal;
     text-align: left;
     color: #2a435b;
     padding-bottom: 20px;
}
 .userPanelItems ul {
     position: relative;
}
 .userPanelItems:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     background-image: linear-gradient(to left, rgba(255, 255, 255, 0.5), #ffffff, rgba(255, 255, 255, 0.69));
}
 form#uyelik p {
     padding-bottom: 10px;
     color: #000;
     padding-left: 0px;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 800;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #2a435b;
}
 a.btn.btn-save.pull-right.sepet-teslimat {
     float: left !important;
     margin-right: 0;
     margin-left: 0;
     height: 61px;
     line-height: 61px;
     background: #f8f8f8;
     color: #000;
     position: relative;
     border: 1px solid #f0eded;
     font-weight: 500;
}
 #uyelik .select select {
    height: 50px;
    border-radius: 27px;
    border: solid 1px #a0c9da;
    padding-left: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a0c9da;
    background: #fff;
    margin: 0;
}
 #uyelik .select select:focus {
     background: #fff;
     color: #2a435b;
}
 .sidebar.user-sidebar {
     padding: 0;
     box-shadow: none;
     border-radius: 8px;
     border: 1px solid #1ea5dd;
}
 .edit a:hover i:before {
     color: #fff;
}