/*Theme Name: B2BTheme URI: http://www.netbasit.com/Author: CreapeakAuthor URI: http://creapeak.com/Description: Creapeak tarafından özel olarak hazırlanmıştır.Text Domain: themesettingsTags:*//* ---- GLOBAL CSS ---- */

@font-face {

    font-family: 'Samsung Sharp Sans';

    src: url('../fonts/SamsungSharpSans-Medium.eot');

    src: url('../fonts/SamsungSharpSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/SamsungSharpSans-Medium.woff') format('woff'), url('../fonts/SamsungSharpSans-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

}



@font-face {

    font-family: 'Samsung Sharp Sans';

    src: url('../fonts/SamsungSharpSans.eot');

    src: url('../fonts/SamsungSharpSans.eot?#iefix') format('embedded-opentype'), url('../fonts/SamsungSharpSans.woff') format('woff'), url('../fonts/SamsungSharpSans.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Samsung Sharp Sans';

    src: url('../fonts/SamsungSharpSans-Bold.eot');

    src: url('../fonts/SamsungSharpSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SamsungSharpSans-Bold.woff') format('woff'), url('../fonts/SamsungSharpSans-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

}



body {

    margin: 0;

    padding: 0;

    font-family: 'Samsung Sharp Sans';

    color: #3e4848;

    letter-spacing: .3pt

}



a, a:hover, a:focus, a:active, button, button:hover, button:active, button:focus {

    outline: none !important;

    box-shadow: none !important;

}



.checkbox label:after, .radio label:after {

    content: '';

    display: table;

    clear: both;

}



.checkbox .cr, .radio .cr {

    position: relative;

    display: inline-block;

    border: 1px solid #a9a9a9;

    border-radius: .25em;

    width: 1.3em;

    height: 1.3em;

    float: left;

    margin-right: .5em;

}



.radio .cr {

    border-radius: 50%;

}



.checkbox .cr .cr-icon, .radio .cr .cr-icon {

    position: absolute;

    font-size: .8em;

    line-height: 0;

    top: 50%;

    left: 20%;

}



.radio .cr .cr-icon {

    margin-left: 0.04em;

}



.checkbox label input[type="checkbox"], .radio label input[type="radio"] {

    display: none;

}



.checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {

    transform: scale(3) rotateZ(-20deg);

    opacity: 0;

    transition: 0;

}



.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon {

    transform: scale(1) rotateZ(0deg);

    opacity: 1;

}



.checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {

    opacity: .5;

}



.select2-container--default .select2-selection--single {

    height: 44px;

    border-color: #e8e8e8;

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 43px;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 42px;

}



.table > tbody > tr > td {

    font-weight: 500;

    color: #797979;

}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */

    font-weight: 500;

}



::-moz-placeholder { /* Firefox 19+ */

    font-weight: 500;

}



:-ms-input-placeholder { /* IE 10+ */

    font-weight: 500;

}



:-moz-placeholder { /* Firefox 18- */

    font-weight: 500;

}



/* The switch - the box around the slider */

.switch {

    position: relative;

    display: inline-block;

    width: 60px;

    height: 34px;

}



/* Hide default HTML checkbox */

.switch input {

    display: none;

}



/* The slider */

.switch .slider {

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #ccc;

    -webkit-transition: .4s;

    transition: .4s;

}



.switch .slider:before {

    position: absolute;

    content: "";

    height: 26px;

    width: 26px;

    left: 4px;

    bottom: 4px;

    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(26px);

    -ms-transform: translateX(26px);

    transform: translateX(26px);

}



/* Rounded sliders */

.switch .slider.round {

    border-radius: 34px;

}



.switch .slider.round:before {

    border-radius: 50%;

}



.switch {

    height: 24px;

    width: 35px;

    margin-bottom: 0;

}



.switch .slider:before {

    height: 16px;

    width: 16px;

}



input:checked + .slider:before {

    -webkit-transform: translateX(11px);

    -ms-transform: translateX(11px);

    transform: translateX(11px);

}



.switch .statu {

    position: absolute;

    left: -65px;

    width: 60px;

    top: 3px;

    text-align: right;

    color: #767676;

    font-weight: 500;

}



.switch .statu span:nth-child(1) {

    display: none;

}



.switch .statu span:nth-child(2) {

    display: block;

}



.switch.active .statu span:nth-child(1) {

    display: block;

}



.switch.active .statu span:nth-child(2) {

    display: none;

}



/* ---- LOGIN PAGE CSS ---- */

.login-page {

    position: relative;

    height: 100vh;

    width: 100%;

    background: #e8e8e8;

    display: flex;

    align-items: center;

    justify-content: center;

}



.login-form-contianer {

    width: 100%;

    max-width: 800px;

    height: auto;

    padding-left: 15px;

    padding-right: 15px;

    background: #fff;

    border: 1px solid #ddd;

    border-top: 0;

}



.login-form-contianer.small-container {

    max-width: 400px;

}



.login-form-contianer.small-container h4 {

    margin-top: 30px;

    font-weight: 600;

}



.login-form-contianer.small-container .form-side .btn-register, .login-form-contianer.small-container .form-side .form-group {

    margin-bottom: 15px;

}



.login-form-contianer .form-header {

    background: #f6f6f6;

    padding: 15px;

}



.login-form-contianer .form-header .logo-img {

    max-width: 130px;

    width: 100%;

    display: block;

    float: left;

    margin-top: 10px;

}



.login-form-contianer .form-header .text-div {

    float: right;

    padding-top: 14px;

    padding-left: 10px;

}



.login-form-contianer .form-header .text-div p {

    color: #1428a0;

    font-weight: 600;

    margin-bottom: 0;

}



.login-form-contianer .form-side {

    padding-top: 10px;

    padding-bottom: 10px;

}



.login-form-contianer .form-side h4 {

    font-weight: 600;

    font-size: 18px;

    margin-bottom: 20px;

    color: #3e4848;

}



.login-form-contianer .form-side .form-group {

    margin-bottom: 20px;

}



.login-form-contianer .form-side .form-control {

    height: 44px;

    box-shadow: none;

    border-color: #e8e8e8;

}



.login-form-contianer .form-side .input-group .form-control {

    border-left: 0;

    padding-left: 0;

}



.login-form-contianer .form-side .input-group-addon {

    border-color: #e8e8e8;

    background: #fff;

}



.login-form-contianer .form-side .desc-label {

    display: none;

}



.login-form-contianer .form-side .btn-default.login-btn {

    width: 100%;

    margin-bottom: 10px;

    background: #1428a8;

    border-color: #1428a8;

    color: #fff;

    font-weight: 500;

    font-size: 16px;

    padding: 10px;

    display: block;

}



.login-form-contianer .form-side .btn-default.back-btn {

    width: 100%;

    margin-bottom: 10px;

    background: #797979;

    border-color: #797979;

    color: #fff;

    font-weight: 500;

    font-size: 16px;

    padding: 10px;

    display: block;

}



.login-form-contianer .form-side .checkbox {

    margin-top: 0;

    margin-bottom: 17px;

}



.login-form-contianer .form-side .checkbox label {

    padding-left: 0;

    font-weight: 500;

}



.login-form-contianer .form-side .checkbox .cr {

    border-color: #dedede;

    margin-top: -1px;

}



.login-form-contianer .form-side .checkbox .cr .cr-icon {

    left: 2px;

}



.login-form-contianer .form-side .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {

    color: #fff;

}



.login-form-contianer .form-side .checkbox label input[type="checkbox"]:checked + .cr {

    border-color: #3e4848;

    background: #3e4848;

    color: #fff;

}



.login-form-contianer .form-side .checkbox:after {

    content: '|';

    font-size: 18px;

    top: -5px;

    right: -20px;

    color: #cecece;

    font-weight: 600;

    font-family: FontAwesome;

    position: relative;

    float: right;

    display: block;

}



.login-form-contianer .form-side .forgot-pass {

    color: #3e4848;

    font-weight: 500;

}



.login-form-contianer .form-side.right-side p {

    font-weight: 500;

    color: #7d7d7d;

}



.login-form-contianer .form-side .btns-container {

    width: 100%;

    height: auto;

    display: block;

    position: relative;

}



.login-form-contianer .form-side .btns-container .btn-default {

    width: 100%;

    padding: 10px;

    font-weight: 500;

    display: block;

    margin-bottom: 7px;

}



.login-form-contianer .form-side .btns-container .btn-default i {

    margin-right: 7px;

    font-size: 12px;

    position: relative;

    top: -1px;

}



.login-form-contianer .form-side .btns-container .btn-default.loginWEmail {

    background: #4caf50;

    border-color: #4caf50;

    color: #fff;

}



.login-form-contianer .form-side .btns-container .btn-default.loginWFb {

    background: #3a589e;

    border-color: #3a589e;

    color: #fff;

}



.login-form-contianer .form-side .btns-container .btn-default.loginWGgl {

    background: #df4b37;

    border-color: #df4b37;

    color: #fff;

}



.login-form-contianer .form-side .btns-container .btn-default.back2login {

    background: #545e73;

    border-color: #545e73;

    color: #fff;

}



.login-form-contianer .form-side .btn-register {

    width: 100%;

    padding: 10px;

    font-weight: 500;

    display: block;

    margin-bottom: 7px;

    background: #4caf50;

    border-color: #4caf50;

    color: #fff;

}



.login-form-contianer .form-side p.seperatorP { /*margin-top: 58px;*/

    margin-bottom: 11px

}



.login-form-contianer .form-side .bilgi-form .form-group {

    margin-bottom: 10px;

}



/* ---- MAIN PAGE CSS ---- */

.main-page {

    width: 100%;

    height: auto;

    min-height: calc(100vh - 90px);

    background: #e8e8e8;

}



.main-page .header {

    background: #fff;

    padding: 10px;

    width: 100%;

    height: auto;

}



.main-page .header .main-logo {

    width: 100%;

    max-width: 160px;

    position: relative;

    margin-top: 13px;

}



.main-page .header .navbar-nav.dashboard-navbar > li > .dropdown-menu {

    margin-top: 9px;

    background: #fafafa;

}



.main-page .header .nav .open > a, .main-page .header .nav .open > a:focus, .main-page .header .nav .open > a:hover {

    background: transparent;

}



.main-page .header .navbar-nav.dashboard-navbar > li > .dropdown-menu > li > a {

    color: #000;

    font-weight: 500;

}



.main-page .header .navbar-nav.dashboard-navbar > li > .dropdown-menu > li > a:hover, .main-page .header .navbar-nav.dashboard-navbar > li > .dropdown-menu > li > a:focus, .main-page .header .navbar-nav.dashboard-navbar > li > .dropdown-menu > li > a:active {

    color: #3e4448;

}



.main-page .header .user-welcome {

    margin-bottom: 10px;

    font-weight: 500;

    padding-top: 17px;

    font-size: 13px;

    color: #000;

}



.main-page .header .user-welcome a {

    color: #000;

    font-weight: 600;

    margin-left: 7px;

    font-size: 15px;

    text-decoration: none !important;

}



.main-page .header .user-welcome a span {

    border-bottom: 1px solid transparent;

    padding: 0 5px 3px;

}



.main-page .header .user-welcome a:hover span, .main-page .header .user-welcome a:focus span, .main-page .header .user-welcome a:active span {

    text-decoration: none;

    border-bottom: 1px solid #f9f9f9;

}



.main-page .header .dropdown.user-welcome .dropdown-menu {

    margin-top: 21px;

    border-radius: 0 0 4px 4px;

    padding: 10px 0 !important;

    border: 0;

    background: #fafafa;

}



.main-page .header .dropdown.user-welcome .dropdown-menu li a {

    margin-left: 0;

}



.main-page .header .dropdown.user-welcome .dropdown-menu li a:hover {

    color: #000;

}



.main-page .content-div {

    position: relative;

    width: 100%;

    height: auto;

    display: block;

    padding: 30px 0;

    min-height: calc(100vh - 240px);

}



.main-page .content-div .form-item, .main-page .content-div .takip-item, .main-page .content-div .btn-item {

    margin-bottom: 30px;

}



.main-page .content-div .takip-item .inner, .main-page .content-div .form-item .inner, .main-page .content-div .btn-item .inner {

    width: 100%;

    height: auto;

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 5px;

    position: relative;

}



.main-page .content-div .btn-item .inner .icon-div {

    width: 30%;

    height: auto;

    float: left;

    padding: 30px 15px 30px 30px;

}



.main-page .content-div .btn-item .inner .icon-div img {

    max-width: 100%;

}



.main-page .content-div .btn-item .inner .call-center {

    width: 100%;

    height: auto;

    padding: 15px 15px;

    text-align: center;

}



.main-page .content-div .btn-item .inner .call-center h1 {

    position: relative;

    font-size: 30px;

    font-weight: 600;

    color: #7d7d7d;

    letter-spacing: 1pt;

    line-height: 30px;

}



.main-page .content-div .btn-item .inner .text-side {

    width: 70%;

    display: flex;

    align-items: center;

    float: left;

    padding: 30px 30px 30px 15px;

    position: absolute;

    left: 30%;

    height: 100%;

}



.main-page .content-div .btn-item .inner .text-side h4 {

    position: relative;

    font-size: 26px;

    font-weight: 600;

    color: #8697cb;

    letter-spacing: 1pt;

    line-height: 30px;

}



.main-page .content-div .btn-item .inner .text-side .btn-default {

    font-weight: 500;

    margin-bottom: 10px;

}



.main-page .content-div .btn-item .inner .text-side .btn-default.btn-talep {

    background: #545e73;

    border-color: #545e73;

    color: #fff;

    padding: 7px 20px;

}



.main-page .content-div .btn-item .inner .rules-div {

    padding: 30px;

}



.main-page .content-div .btn-item .inner .rules-div ul {

    padding-left: 0;

    margin-bottom: 0;

}



.main-page .content-div .btn-item .inner .rules-div ul li {

    list-style: none;

    font-weight: 500;

    color: #929292;

    font-size: 14px;

    margin-bottom: 10px;

    position: relative;

    padding-left: 15px;

}



.main-page .content-div .btn-item .inner .rules-div ul li:before {

    content: '\f0da';

    font-family: FontAwesome;

    font-size: 14px;

    top: -1px;

    left: 1px;

    color: #3e4848;

    position: absolute;

    margin-right: 7px;

    display: inline-block;

}



.main-page .content-div .btn-item .inner .rules-div h3 {

    font-size: 20px;

    font-weight: 600;

    margin-top: 0;

}



.main-page .content-div .takip-item .inner, .main-page .content-div .form-item .inner {

    padding: 30px;

}



.main-page .content-div .form-item .inner .form-control {

    min-height: 44px;

    box-shadow: none;

    border-color: #e8e8e8;

    resize: none;

    font-weight: 500;

}



.main-page .content-div .form-item .inner .no-file {

    width: 0;

    height: 0;

    overflow: hidden;

}



.main-page .content-div .form-item .inner .add-file {

    display: flex;

    align-items: center;

    cursor: pointer;

}



.main-page .content-div .form-item .inner .file-here {

    display: none;

}



.main-page .content-div .form-item .inner .add-file i {

    margin-right: 5px;

}



.main-page .content-div .form-item .inner label {

    display: none;

}



.main-page .content-div .form-item .inner .show-labels label {

    display: block;

}



.main-page .content-div .form-item .inner .show-labels label small {

    color: #a9a9a9;

    margin-left: 5px;

    font-weight: 500;

}



.main-page .content-div .form-item .inner h4 span {

    font-size: 12px;

    color: #a9a9a9;

    margin-left: 10px;

    position: relative;

    top: -1px;

}



.main-page .content-div .form-item .inner .btn-ariza-send {

    font-weight: 500;

    background: #4caf50;

    border-color: #4caf50;

    color: #fff;

    padding: 7px 20px;

}



.main-page .content-div .form-item .select2-container--default .select2-selection--single .select2-selection__rendered {

    padding-left: 15px;

    font-weight: 500;

}



.main-page .content-div .takip-item .inner h4 {

    margin-bottom: 20px;

    font-weight: 600;

    letter-spacing: 1pt;

}



.main-page .content-div .inner table {

    margin-bottom: 0;

}



.main-page .content-div .inner table tbody tr td {

    font-weight: 500;

    color: #797979;

}



.main-page .content-div .inner table tbody tr td .btn-detail:active, .main-page .content-div .inner table tbody tr td .btn-detail:focus, .main-page .content-div .inner table tbody tr td .btn-detail {

    background: #3e4448;

    border-color: #3e4448;

    color: #ffff;

    font-weight: bold;

}



.main-page .content-div .inner table tbody tr td .btn-detail:hover {

    background: #797979;

    border-color: #797979;

    color: #fff;

}



.main-page .content-div .request-result .icon-div {

    display: flex;

    width: 70px;

    height: 70px;

    margin: 0 auto;

    border-radius: 50%;

    font-size: 36px;

    background: #4caf50;

    color: #fff;

    align-items: center;

    justify-content: center;

}



.main-page .content-div .request-result .text-side {

    text-align: center;

    max-width: 90%;

    margin: 0 auto;

    display: block;

}



.main-page .content-div .request-result .text-side h4 {

    color: #4caf50;

    font-weight: 600;

    margin-top: 40px;

    text-align: left;

}



.main-page .content-div .request-result .text-side h4:first-child {

    color: #4caf50;

    font-weight: 600;

    margin-top: 10px;

    text-align: center;

}



.main-page .content-div .request-result .text-side p {

    color: #797979;

    font-weight: 500;

}



.main-page .content-div .request-result.result-div .text-side p {

    max-width: 620px;

    margin: 0 auto 10px;

}



.main-page .content-div .request-result .text-side .btn-default {

    background: #4caf50;

    border-color: #4caf50;

    margin-top: 15px;

    color: #fff;

    font-weight: 500;

    padding: 7px 15px;

    font-size: 15px;

}



.main-page .content-div .inner table tbody tr td.barkod-td {

    padding: 15px;

}



.main-page .content-div .takip-item .search-text {

    width: 100%;

    max-width: 500px;

    display: block;

    margin: 0 auto;

    text-align: center;

}



.main-page .content-div .takip-item .search-text .form-control {

    width: calc(100% - 109px);

    float: left;

    height: 44px;

    border-radius: 4px 0 0 4px;

    border-color: #e8e8e8;

    box-shadow: none;

}



.main-page .content-div .takip-item .search-text .btn-default {

    width: 109px;

    float: left;

    border-color: #545e73;

    background: #545e73;

    color: #fff;

    padding: 11px 0;

    font-weight: 600;

    border-radius: 0 4px 4px 0;

}



.main-page .content-div .takip-item .search-text p {

    font-weight: 500;

    color: #797979;

}



.main-page .content-div .takip-item .search-text h4 {

    margin-bottom: 10px;

}



/* ---- ACCOUNT PAGE ---- */

.profile-div {

}



.profile-div .nav-tabs {

    border-bottom: 0;

}



.profile-div .nav-tabs > li > a {

    padding: 10px 20px;

    font-weight: 500;

    color: #3e4848;

    border-radius: 5px 5px 0 0;

    background: #f9f9f9;

    border: 1px solid #ddd;

}



.profile-div .nav-tabs > li > a i {

    margin-right: 5px;

}



.profile-div .nav-tabs > li.active > a, .profile-div .nav-tabs > li.active > a:focus, .profile-div .nav-tabs > li.active > a:hover {

    border-bottom: 1px solid #fff;

    background: #fff;

}



.profile-div .tab-content > .tab-pane {

    background: #fff;

    border: 1px solid #ddd;

    margin-top: 0;

    border-radius: 0 5px 5px 5px;

    padding: 20px;

}



.profile-div .form-control {

    height: 44px;

    box-shadow: none;

    border-color: #e8e8e8;

}



.profile-div .tab-content > .tab-pane h4 {

    margin-top: 10px;

    margin-bottom: 20px;

    font-weight: 600;

}



.profile-div .input-group-addon {

    background: #fff;

    border-color: #e8e8e8;

}



.profile-div .input-group .form-control {

    border-left: 0;

    padding-left: 0;

}



.profile-div .btn-accept:active, .profile-div .btn-accept:focus, .profile-div .btn-accept {

    width: 150px;

    float: right;

    display: block;

    padding: 10px;

    font-weight: 600;

    color: #fff;

    background: #3e4848;

    border-color: #3e4848;

}



.profile-div .btn-accept:hover {

    background: #797979;

    border-color: #797979;

    color: #fff;

}



.profile-div .form-group label {

    color: #797979;

}



.profile-div .table > tbody > tr > td.last-td {

    width: 152px;

    vertical-align: middle;

}



.profile-div .table > tbody > tr > td.last-td .btn {

    padding: 5px 15px;

    font-weight: 600;

    color: #fff;

    background: #3e4848;

    border-color: #3e4848;

}



.profile-div .table > tbody > tr > td {

    font-weight: 500;

    vertical-align: middle;

}



.profile-div .table > tbody > tr > td span {

    font-weight: 600;

    margin-right: 7px;

}



.profile-div .cancelAccount p {

    font-weight: 500;

    color: #797979;

    margin-bottom: 15px;

}



.profile-div .cancelAccount .checkbox label {

    padding-left: 0;

    font-weight: 500;

}



.profile-div .cancelAccount .checkbox .cr {

    margin-top: -1px;

    margin-right: 10px;

    border-color: #e8e8e8;

}



.profile-div .cancelAccount .checkbox .cr .cr-icon {

    left: 2px;

}



.profile-div .cancelAccount .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {

    color: #fff;

}



.profile-div .cancelAccount .checkbox label input[type="checkbox"]:checked + .cr {

    border-color: #797979;

    background: #797979;

    color: #fff;

}



.profile-div .cancelAccount .btn-accept {

    float: none;

}



.new-address-modal.modal {

    text-align: center;

    padding: 0 !important;

}



.new-address-modal.modal:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -4px;

}



.new-address-modal .modal-dialog {

    display: inline-block;

    text-align: left;

    vertical-align: middle;

}



.new-address-modal .modal-header {

    background: #3e4848;

}



.new-address-modal .modal-header h4 {

    color: #fff;

    font-weight: 600;

}



.new-address-modal .modal-header .close {

    color: #fff;

}



.new-address-modal .modal-footer {

    display: none;

}



.new-address-modal .modal-body .form-control {

    min-height: 44px;

    box-shadow: none;

    border-color: #e8e8e8;

}



.new-address-modal .modal-body {

    border-radius: 0 0 5px 5px;

}



.new-address-modal .btn {

    padding: 10px 20px;

    font-weight: 600;

    background: #e8e8e8;

    border-color: #ddd;

    color: #3e4448;

}



.new-address-modal .btn + .btn {

    color: #fff;

    background: #3e4448;

    border-color: #3e4448;

}



/* DASHBOARD BAGE */

.header .navbar-nav.dashboard-navbar {

    float: right;

}



.header .btn-mobile {

    display: none;

}



.header .navbar-nav > li > a {

    color: #000;

    font-weight: 600;

    padding-bottom: 13px;

}



.header .navbar-nav > li > a span {

    border-bottom: 2px solid transparent;

    padding: 0 5px 3px;

}



.header .navbar-nav > li > a:hover, .header .navbar-nav > li > a:focus, .header .navbar-nav > li > a:active {

    background: transparent;

}



.header .navbar-nav > li > a:hover span, .header .navbar-nav > li > a:focus span, .header .navbar-nav > li > a:active span {

    border-color: #000;

}



.header .navbar-nav > li > a i {

    margin-right: 3px;

}



.main-page .content-div .btn-item.dashboard-item .inner .icon-div {

    padding: 15px;

}



.main-page .content-div .btn-item.dashboard-item .inner .text-side h4 {

    font-size: 15px;

    line-height: 20px;

}



.main-page .content-div .btn-item.dashboard-item .inner .text-side h4 span {

    font-size: 26px;

}



.main-page .content-div .btn-item.dashboard-item .inner {

    position: relative;

}



.main-page .content-div .btn-item.dashboard-item .inner a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.main-page .content-div .btn-item .inner .data-table-container {

    padding: 20px 30px 20px;

    font-weight: 500;

}



.main-page .content-div .btn-item .inner .data-table-container table > tbody > tr > td {

    vertical-align: middle;

}



.main-page .content-div .btn-item .inner .data-table-container table > tbody > tr > td:nth-last-child(2), .main-page .content-div .btn-item .inner .data-table-container table > tbody > tr > td:last-child {

    text-align: center;

}



.main-page .content-div .btn-item .inner .data-table-container table > tbody > tr > td .btn {

    background: #3e4448;

    border-color: #3e4448;

    font-weight: 600;

}



.main-page .content-div .btn-item.dataTable h4 {

    font-weight: 600;

}



.main-page .content-div .btn-item .inner .data-table-container .label {

    width: 100px;

    text-align: center;

    display: table-cell;

    padding: 6px 5px 5px;

}



.label.label-iade {

    background: #e53935;

    color: #fff;

    border-color: #e53935;

}



.label.label-tamamlandi {

    background: #43a047;

    color: #fff;

    border-color: #43a047;

}



.label.label-kargo {

    background: #2196f3;

    color: #fff;

    border-color: #2196f3;

}



.label.label-onay {

    background: #6dafaf;

    color: #fff;

    border-color: #6dafaf;

}



.main-page .content-div div.dataTables_wrapper div.dataTables_filter label {

    font-weight: 600;

}



.main-page .content-div div.dataTables_wrapper div.dataTables_filter label:before {

    content: '\f002';

    font-family: FontAwesome;

    position: relative;

    float: right;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 0 3px 3px 0;

    background: #3e4448;

    color: #fff;

    width: 40px;

    height: 40px;

    margin-left: -1px;

}



.main-page .content-div div.dataTables_wrapper div.dataTables_filter label input {

    border-radius: 3px 0 0 3px;

    height: 40px;

    box-shadow: none;

    border-color: #e5e5e5;

}



.main-page .content-div div.dataTables_wrapper div.dataTables_length label {

    display: none;

}



.main-page .content-div div.dataTables_wrapper div.dataTables_length:before {

    position: relative;

    content: 'Son Gelen 50 Başvuru';

    font-weight: bold;

    font-size: 20px;

    top: 15px;

    display: block;

}



.main-page .content-div.call-center-content div.dataTables_wrapper div.dataTables_length:before {

    position: relative;

    content: 'Arama Sonuçları';

    font-weight: bold;

    font-size: 20px;

    top: 15px;

    display: block;

}



.main-page .content-div .customer_profile div.dataTables_wrapper div.dataTables_length:before {

    position: relative;

    content: 'İşlemdeki Cihazlarım';

    font-weight: bold;

    font-size: 20px;

    top: 15px;

    display: block;

}



.main-page .content-div .cargo div.dataTables_wrapper div.dataTables_length:before {

    position: absolute;

    left: 30px;

    content: 'Kargo Bekleyenler';

    font-weight: bold;

    font-size: 20px;

    top: 15px;

    display: block;

}



.main-page .content-div .onay div.dataTables_wrapper div.dataTables_length:before {

    position: absolute;

    left: 30px;

    content: 'Onaylananlar';

    font-weight: bold;

    font-size: 20px;

    top: 15px;

    display: block;

}



.main-page .content-div .iade div.dataTables_wrapper div.dataTables_length:before {

    position: absolute;

    left: 30px;

    content: 'İade Edilenler';

    font-weight: bold;

    font-size: 20px;

    top: 15px;

    display: block;

}



.main-page .content-div .tamam div.dataTables_wrapper div.dataTables_length:before {

    position: absolute;

    left: 30px;

    content: 'Tamamlananlar';

    font-weight: bold;

    font-size: 20px;

    top: 15px;

    display: block;

}



.main-page .content-div .pagination > .active > a, .main-page .content-div .pagination > .active > a:focus, .main-page .content-div .pagination > .active > a:hover, .main-page .content-div .pagination > .active > span, .main-page .content-div .pagination > .active > span:focus, .main-page .content-div .pagination > .active > span:hover {

    background: #3e4448;

    border-color: #3e4448;

}



.detail-modal .modal-header h4 {

    padding-right: 0;

}



.detail-modal .modal-header h4 label {

    padding: 7px 15px;

    position: relative;

    margin-top: 0;

    margin-bottom: -3px;

}



.detail-modal .modal-header .close {

    display: none;

}



.modal .detail-form {

}



.detail-modal .detail-form label {

}



.detail-modal .form-group.no-margin {

    margin-bottom: 0;

}



.detail-modal .table-tax-edit .form-control {

    min-height: 34px;

    box-shadow: none;

    border-color: #e8e8e8;

    resize: none;

    font-weight: 500;

}



.detail-modal .table-tax-edit .no-file {

    width: 0;

    height: 0;

    overflow: hidden;

}



.detail-modal .table-tax-edit .add-file {

    display: flex;

    align-items: center;

    cursor: pointer;

}



.detail-modal .table-tax-edit .file-here {

    display: none;

}



.detail-modal .table-tax-edit .add-file i {

    margin-right: 5px;

}



.detail-modal .btn-success.update-tax:active, .detail-modal .btn-success.update-tax:focus, .detail-modal .btn-success.update-tax:hover, .detail-modal .btn-success.update-tax {

    padding: 5px 10px;

    font-size: 14px;

    border-color: #5cb85c;

    color: #fff;

    background: #5cb85c;

}



.detail-modal .btn-success.update-product {

    padding: 5px 10px;

    font-size: 14px;

    border-color: #5cb85c;

    color: #fff;

    background: #5cb85c;

}



/* user page */

.main-page .content-div .btn-item.user-item .inner a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.main-page .content-div .btn-item.user-item .inner .icon-div {

    width: 120px;

}



.main-page .content-div .btn-item.user-item .inner .text-side {

    width: calc(100% - 120px);

    position: absolute;

    left: 120px;

}



.main-page .content-div .userTable div.dataTables_wrapper div.dataTables_length:before {

    display: none;

}



.main-page .content-div .userTable div.dataTables_wrapper div.dataTables_length label {

    display: block;

    font-weight: 600;

    position: relative;

    top: 10px;

}



.main-page .content-div .userTable div.dataTables_wrapper div.dataTables_length select {

    width: 50px;

    padding: 5px;

    box-shadow: none;

    border-color: #e5e5e5;

}



.table .switch, .dataTable .switch {

    height: 24px;

    width: 35px;

    margin-bottom: 0;

}



.profile-div .table > tbody > tr > td span.slider {

    margin-right: 0;

}



.table .switch .slider:before, .dataTable .switch .slider:before {

    height: 16px;

    width: 16px;

}



.main-page .content-div .form-item.userAddForm .inner label {

    display: block;

}



.main-page .content-div .form-item.userAddForm .inner h4 {

    font-weight: bold;

    margin-bottom: 15px;

}



.main-page .content-div .form-item.userAddForm .inner .btn {

    background: #3e4448;

    font-weight: bold;

    border-color: #3e4448;

    color: #fff;

    padding: 7px 20px;

}



.profile-div textarea.form-control {

    min-height: 70px;

    resize: none;

}



.cargoTable.table > tbody > tr > td.last-td {

    width: 178px;

}



/* 404 page */

.main-page .content-div .btn-item .inner .not-found-container {

    padding: 20px 30px 20px;

    font-weight: 500;

}



.main-page .content-div .btn-item .inner .not-found-container .not-found-logo {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 30px 0 0;

}



.main-page .content-div .btn-item .inner .not-found-container .not-found-logo img {

    position: relative;

    width: 100%;

    max-width: 260px;

}



.main-page .content-div .btn-item .inner .not-found-container .not-found-text {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 15px 0 30px 0;

}



.main-page .content-div .btn-item .inner .not-found-container .not-found-text p {

    font-size: 18px;

}



.main-page .content-div .btn-item .inner .not-found-container .not-found-text a.btn {

    border: 0;

    color: #3e4448;

    padding: 7px 0;

    font-size: 18px;

    transition: .3s ease;

}



.main-page .content-div .btn-item .inner .not-found-container .not-found-text a.btn:hover, .main-page .content-div .btn-item .inner .not-found-container .not-found-text a.btn:active, .main-page .content-div .btn-item .inner .not-found-container .not-found-text a.btn:focus {

    color: #3e4448;

}



/* ---- FOOTER ---- */

.footer-div {

    position: relative;

    width: 100%;

    height: 90px;

    background: #fff;

    padding-bottom: 30px;

}



.footer-div .links-container {

    padding-top: 5px;

    height: 30px;

    display: inline-flex;

    justify-content: flex-start;

    align-items: center;

    width: 100%;

    margin: 0 auto;

    position: relative;

}



.footer-div .links-container a + a {

    margin-left: 10px;

}



.footer-div .links-container a, .footer-div .links-container a:active, .footer-div .links-container a:focus {

    font-size: 12px;

    font-weight: 600;

    color: #fff;

}



.footer-div .links-container a:hover {

    color: #f9f9f9;

}



.footer-div .privacy-footer {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    display: block;

    background: #3e4448;

    height: 30px;

}



.footer-div .logo-foot {

    height: 60px;

    position: relative;

    display: flex;

    align-items: center;

    float: left;

}



.footer-div .logo-foot img {

    position: relative;

    max-width: 125px;

    margin-top: 7px;

}



.footer-div .text-side {

    height: 60px;

    display: flex;

    float: left;

    position: relative;

    align-items: center;

    padding-left: 7px;

    padding-top: 1px;

}



.footer-div .text-side h4 {

    font-size: 13px;

    font-weight: bold;

    margin-bottom: 0;

    margin-top: 18px;

}



.footer-div .text-side .inner-text {

    padding-top: 5px;

    line-height: 13px;

}



.footer-div .text-side p {

    margin-bottom: 0;

    font-size: 10px;

    font-weight: 500;

    color: #797979;

    padding-left: 5px;

}



.footer-div ul.social-links {

    height: 60px;

    padding: 0;

    margin: 0;

    width: 100%;

    text-align: right;

}



.footer-div ul.social-links li {

    list-style: none;

    display: inline-block;

    position: relative;

}



.footer-div ul.social-links li a:active, .footer-div ul.social-links li a:focus, .footer-div ul.social-links li a {

    text-decoration: none !important;

    transition: .3s ease;

    display: flex;

    height: 60px;

    width: 35px;

    position: relative;

    justify-content: center;

    align-items: center;

    color: #797979;

}



.footer-div ul.social-links li a:active i, .footer-div ul.social-links li a:focus i, .footer-div ul.social-links li a i {

    border: 1px solid #797979;

    border-radius: 50%;

    width: 30px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.footer-div ul.social-links li a:hover {

    color: #fff;

}



.footer-div ul.social-links li a:hover i {

    border-color: #3e4448;

    background: #3e4448;

}



#downloadExcel .modal-dialog {

    width: 100%;

    max-width: 666px;

    margin-top: 20vh;

}



#downloadExcel.new-address-modal.modal:before {

    vertical-align: top;

}



.daterangepicker .drp-buttons .btn.btn-primary {

    background: #3e4448;

    border-color: #3e4448;

}



.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker .ranges li.active {

    background: #3e4448;

}



#topluDegisim .no-file {

    width: 0;

    height: 0;

    overflow: hidden;

}



#topluDegisim .add-file {

    display: flex;

    align-items: center;

    cursor: pointer;

}



#topluDegisim .file-here {

    display: none;

}



#topluDegisim .add-file i {

    margin-right: 5px;

}



#topluKupon .no-file {

    width: 0;

    height: 0;

    overflow: hidden;

}



#topluKupon .add-file {

    display: flex;

    align-items: center;

    cursor: pointer;

}



#topluKupon .file-here {

    display: none;

}



#topluKupon .add-file i {

    margin-right: 5px;

}



/* login footaa */

.login-footer {

    text-align: center;

    position: absolute;

    bottom: 0;

    width: 100%;

    left: 0;

    padding: 0;

    margin: 0;

    background: #3e4448;

}



.login-footer .links-container {

    height: 60px;

    display: inline-flex;

    justify-content: flex-start;

    align-items: center;

    width: 100%;

    max-width: 800px;

    margin: 0 auto;

    position: relative;

}



.login-footer .links-container a + a {

    margin-left: 10px;

}



.login-footer .links-container a, .login-footer .links-container a:active, .login-footer .links-container a:focus {

    font-weight: 600;

    color: #fff;

}



.login-footer .links-container a:hover {

    color: #f9f9f9;

}



/* ---- MEDIA QUERIES ---- */

@media (min-width: 769px) {

    .footer-div .left-side {

        padding-right: 0;

    }



    .row.two-group .form-group:nth-child(1) {

        padding-right: 7px;

    }



    .row.two-group .form-group:nth-child(2) {

        padding-left: 7px;

    }



    .row.three-group .form-group:nth-child(1) {

        padding-right: 7px;

    }



    .row.three-group .form-group:nth-child(2) {

        padding-right: 7px;

        padding-left: 7px;

    }



    .row.three-group .form-group:nth-child(3) {

        padding-left: 7px;

    }



    .row.four-group .form-group:nth-child(1) {

        padding-right: 7px;

    }



    .row.four-group .form-group:nth-child(2), .row.four-group .form-group:nth-child(3) {

        padding-right: 7px;

        padding-left: 7px;

    }



    .row.four-group .form-group:nth-child(4) {

        padding-left: 7px;

    }



    .detail-modal .modal-dialog {

        width: 800px;

    }



    .header .navbar-nav.dashboard-navbar {

        display: inline-block !important;

    }



    .main-page .header .navbar-nav.dashboard-navbar > li:last-child > .dropdown-menu {

        left: auto;

        right: 0;

    }

}



@media (min-width: 1200px) {

    .login-form-contianer .form-side.right-side {

        padding-left: 10px;

    }



    .login-form-contianer .form-side.left-side {

        padding-right: 10px;

    }



    .detail-modal .detail-form .row .form-group:nth-child(1) {

        padding-right: 10px;

    }



    .detail-modal .detail-form .row .form-group:nth-child(2) {

        padding-left: 10px;

    }



    .main-page .content-div .form-item.userAddForm .inner form .bilgi-form:nth-child(2) {

        padding-left: 0;

    }



    .main-page .content-div .form-item.userAddForm .inner form .bilgi-form:nth-child(3) {

        padding-right: 0;

    }



    .main-page .content-div .btn-item.dashboard-item {

        margin-bottom: 14px;

    }



    .main-page .content-div .btn-item.dashboard-item:nth-child(1) {

        padding-right: 7px;

    }



    .main-page .content-div .btn-item.dashboard-item:nth-child(2), .main-page .content-div .btn-item.dashboard-item:nth-child(3) {

        padding-left: 7px;

        padding-right: 7px;

    }



    .main-page .content-div .btn-item.dashboard-item:nth-child(4) {

        padding-left: 7px;

    }

}



@media (max-width: 992px) {

    .main-page .header .left-side, .main-page .header .right-side {

        text-align: center;

        width: 100%;

    }



    .header .navbar-nav.dashboard-navbar {

        float: none;

        display: inline-block;

    }

}



@media (max-width: 768px) {

    .header .btn-mobile {

        display: block;

        width: 100%;

        text-align: center;

        color: #fff;

        font-size: 16px;

        font-weight: 600;

    }



    .header .navbar-nav.dashboard-navbar {

        display: none;

    }



    .header .navbar-nav.dashboard-navbar.showed {

        display: inline-block;

    }



    .main-page .header .navbar-nav.dashboard-navbar > li > .dropdown-menu {

        text-align: center;

        max-width: 300px;

        margin: 0 auto;

    }



    .footer-div .logo-foot {

        float: none;

        margin: 0 auto;

        display: flex;

        justify-content: center;

        height: auto;

        padding-top: 5px;

    }



    .footer-div .text-side {

        display: block;

        width: 100%;

        text-align: center;

        height: auto;

    }



    .footer-div ul.social-links {

        height: auto;

        text-align: center;

    }

}



@media (max-width: 480px) {

    .main-page .content-div .btn-item .inner .text-side h4 {

        font-size: 16px;

        line-height: 18px;

    }



    .main-page .content-div .form-item, .main-page .content-div .takip-item, .main-page .content-div .btn-item {

        margin-bottom: 15px;

    }



    .main-page .header .left-side, .main-page .header .right-side {

        text-align: center;

        width: 100%;

    }



    .main-page .header .dropdown.user-welcome .dropdown-menu {

        margin-top: 9px;

        width: 100%;

    }



    .profile-div .nav-tabs > li > a {

        padding: 8px 10px;

        font-size: 12px;

    }



    .profile-div .nav-tabs > li > a span {

        display: none;

    }



    .profile-div .nav-tabs > li > a i {

        margin-right: 0;

    }



    .profile-div .nav-tabs > li.active > a span {

        display: inline-block;

    }



    .profile-div .nav-tabs > li.active > a i {

        margin-right: 3px;

    }



    .main-page .content-div .btn-item.dashboard-item .inner .text-side h4 {

        font-size: 12px;

    }



    .main-page .content-div .btn-item.dashboard-item .inner .text-side h4 span {

        font-size: 24px;

    }



    .main-page .content-div div.dataTables_wrapper div.dataTables_length:before {

        top: -5px;

    }



    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {

        white-space: normal;

    }

}



@media (max-width: 330px) {

    .main-page .content-div .btn-item .inner .text-side h4 {

        font-size: 12px;

        line-height: 14px;

        margin-bottom: 5px;

    }



    .main-page .content-div .btn-item .inner .text-side .btn-default.btn-talep {

        padding: 3px 14px;

        font-size: 13px;

    }

}