.page-title {
    font-size:1.8em;
    margin: 20px 0 10px 0;
    font-family: 'Oswald',sans-serif;
}

.content-divider{
    border-top: 1px solid #ddd;
    margin:10px 0;
}

.nav-link{
    font-weight: bold;
}

.quarter{
    width:25% !important;
}

.card-title{
    font-size: 1.1em;
}

.card{
    height: calc(100% - 1rem);
}

.d3-secure{
    margin-top:120px;
}

.order-detail-agreement {
    padding: 5px;
    text-align: right;
}

#market-tab-container{
    min-height: 500px;
}

#products-list{
    margin:0 -.5rem;
}

#epcdem{
    width: 70px;
}

#epcdey{
    width:100px;
}

#response-to-customer {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: absolute;
    background: #ffffff;
    z-index: 10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=96)";
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
}

.successful-container, .unsuccessful-container{
    margin:60px 350px;
}

#response-to-customer .successful-container h2 {
    color: green;
    margin: 20px;
    font-size: 2em;
    float: left;
}

#response-to-customer .unsuccessful-container h2 {
    color: red;
    margin: 20px;
    font-size: 2em;
    float: left;
}

#response-to-customer .close {
    font-size: 2em;
    float: right;
    margin: 20px;
}

#response-to-customer .successful-container > .message-container {
    color: green;
    font-size: 2em;
    margin: 100px 20px;
    clear: both;
}

#response-to-customer .unsuccessful-container > .message-container {
    color: red;
    font-size: 2em;
    margin: 100px 20px;
    clear: both;
}
@media only screen and (max-width: 1600px) {
    .successful-container, .unsuccessful-container{
        margin:60px 170px;
    }
}
@media only screen and (max-width: 1400px) {
    .successful-container, .unsuccessful-container{
        margin:60px 70px;
    }
}
@media only screen and (max-width: 1000px) {
    .successful-container, .unsuccessful-container{
        margin:0 !important;
    }
}
@media only screen and (max-width: 600px) {
    .quarter{
        width:100% !important;
    }
    .d3-secure{
        margin-top:50px;
    }
    .order-detail-agreement{
        text-align: center;
        font-size: 0.8em;
    }
}
@media only screen and (max-width: 375px) {
    .nav-link{
        padding: .4rem .7rem ;
    }
}

/*******eskiler*******/

.ui-effects-transfer {
    border: 1px dotted black;
}

#submit-container {
    margin-top: 30px;
    text-align: center;
}

#submit-container button {
    font-size: 20px;
}

#info-container, #agreement-container {
    padding: 20px;
    margin: 10px 0px;
    border: 1px solid #ccc;
    height: 150px;
    overflow-y: auto;
    display: none;
}

.agr_ing_table {
    border: 1px solid #000000;
}

.agr_ing_table td {
    border: 1px solid #000000 !important;
}

.agr_ing_table th {
    background: #ffffff;
    border: 1px solid #000000 !important;
}

#info-container p, #agreement-container p {
    margin-left: 20px;
}

#info-container li, #agreement-container li {
    margin: 15px 35px;
}

#info-container ol, #agreement-container ol {
    counter-reset: item;
}

#info-container ol > li, #agreement-container ol > li {
    margin: 15px 25px;
    display: block;
}

#info-container ol > li:before, #agreement-container ol > li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-weight: bold;
}

#info-container ol ol > li, #agreement-container ol ol > li {
    display: block;
}

#info-container ol ol > li:before, #agreement-container ol ol > li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
    font-weight: bold;
}

#approve-container {
    color: red;
}

#logo-3d-secure {
    text-align: center;
}

#info-agr-app {
    width: 15px;
    height: 15px;
}