.body {

    display: flex;

    flex-direction: column;

    margin-top: 11.5px;

    min-height: 100%;

    align-items: center;

}



body {

    display: flex;

    flex-direction: column;

}



.title {

    color: #073082;

    font-family: 'Montserrat', sans-serif;

    font-size: 17.5px;

    display: flex;

    justify-content: center;

    font-weight: 700;

}



.header {

    display: flex;

    justify-content: center;

    width: 75%;

    position: relative;

    height: 78px;

    margin-bottom: 20px;

}



.header img {

    width: 125px;

    position: absolute;

    left: 0;

}



.title-menu-container {

    display: flex;

    justify-content: center;

    flex-direction: column;

    width: 60%;

}



.menu-container {

    display: flex;

    justify-content: center;

}



.menu-container {

    margin-top: 23px;

}

.table-bordered td,
.table-bordered th {
    min-height: 70px !important;
}



.menu-container ul {

    margin: unset;

    padding: unset !important;

    width: 72%;

    display: flex;

    justify-content: space-around;

}



.menu-container ul li {

    font-family: 'Montserrat', sans-serif;

    display: inline-block;

    color: #264e9a;

    font-weight: bold;

    font-weight: bolder;

    font-size: 10px;

}



.menu-container ul li a {

    font-family: 'Montserrat', sans-serif;

    text-decoration: none;

    font-size: 12px;

    font-weight: 800;

    color: rgba(38, 78, 154);

}



.pagination {

    display: flex;

    justify-content: center;

    margin-bottom: 30px;

}



.pagination a {

    color: #bfbebe;

    float: left;

    padding: 8px 16px;

    text-decoration: none;

}



.active-page {

    color: #57b5b5 !important;

}



.talep-adedi {

    font-size: 12px;

    font-family: 'Montserrat', sans-serif;

    color: #073082;

}





/* .menu-container ul li a:active:hover:focus {

    color: #ec8101;

} */



.menu-container ul li span {

    color: #fe7b00;

    margin-right: 7pt;

    margin-left: 6pt;

    position: relative;

    top: -1px;

}



.menu-container ul li span i {

    font-size: 14px;

    position: relative;

    top: 2px;

}



.header-shape {

    height: 2px;

}



.menu-divider {

    background-image: url(images/shape-header.png);

    background-position: top center;

    background-size: cover;

    height: 7px;

    background-repeat: no-repeat;

    text-align: center;

    position: relative;

    width: 100%;

}



div.menu-container li.selected a {

    color: #ec8101;

}



.content-container {

    width: 90%;

    margin-top: 14px;

    margin-bottom: 40px;

    position: relative;

}



.tab-yazilar {}



.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

    background-color: #f4892f !important;

}



.nav-pills-mobile .nav-link.active,

.nav-pills-mobile .show>.nav-link {

    background-color: #f4892f !important;

    color: #ffffff;

}



.nav-item {

    font-size: 11px;

    font-weight: bold;

    background-color: #dce0e7;

    font-family: 'Montserrat', sans-serif;

    margin-right: 2px;

    border-radius: 1px;

}



.nav-pills {

    display: flex;

    justify-content: center;

}



.talep-sahibi {

    display: flex;

    flex-direction: column;

    font-size: 13px;

    color: #264e9a;

    align-items: center;

    font-family: 'Montserrat', sans-serif;

}



.gorsel-img {

    width: 70px;

    height: 70px;

}



.download-img {

    width: 15px;

    margin-top: 10px;

    cursor: pointer;

}



.gorsel-container {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-right: 10px;

    text-align: center;

}



.talep-gorseller {

    display: flex;

    flex-wrap: wrap;

    margin: -10px 0 0 0;

    width: 160px;

    margin-left: auto;

    margin-right: auto;

}



.w-75 {

    width: 75%;

}



.ty-gonder {

    width: 100%;

    padding: .75rem 1.25rem !important;

}





/* add a corresponding positive top margin to all flex items (all direct children of the flex container) */



.talep-gorseller>* {

    margin-top: 10px;

}



.aciklama-container {

    display: flex;

    flex-direction: column;

    max-width: 600px;

}



.aciklama-title {

    color: #073082;

    font-weight: bold;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

}



.orange-shape {

    margin-top: 7px;

    margin-bottom: 7px;

}



.orange-shape img {

    width: 100%;

}



.aciklama-1 {

    color: #073082;

    font-size: 12px;

    font-family: 'Montserrat', sans-serif;

}



.aciklama-2 {

    color: #073082;

    font-size: 12px;

    font-family: 'Montserrat', sans-serif;

}



.durum-container {

    display: flex;

    flex-direction: column;

}



.durum-yazi {

    font-size: 14px;

    color: #073082;

    margin-bottom: 10px;

}



.talep-sahibi-text {

    margin-bottom: 20px;

}



.nav-pills-mobile {

    display: none !important;

}



.yayinlandi-box {

    background-color: #f4892f;

}



.yb-onayli-box {

    background-color: #73b8a7;

}



.yb-yon-onayli-box {

    background-color: #7770b6;

}



.yb-ret-box {

    background-color: #eb1616;

}



.yb-bekliyor-box {

    background-color: #528bf1;

}



.yb-ret-box2 {

    background-color: #e34343;

}



.yb-ret-box3 {

    background-color: #312e2e;

}



.ajans-box {

    background-color: #a4ba62;

}



.status-box {

    color: #ffffff;

    border-radius: 2px;

    font-size: 12px;

    font-family: 'Montserrat', sans-serif;

    width: fit-content;

    padding: 4px 9px;

    margin-bottom: 5px;

}



.nav-item {

    background-color: #dce0e7;

    color: #264e9a;

}



.nav-link {

    color: #264e9a;

    font-size: 13px;

    font-weight: bold;

    padding: 8px 34px !important;

}



.table thead tr {

    background-color: #475979;

    color: #ffffff;

    font-size: 14px;

    text-align: center;

}



.table tr:nth-child(even) {

    background-color: #f1f2f4

}



.nav {

    position: relative;

    top: 3px;

}



.welcome {

    color: #073082;

    font-family: 'Montserrat', sans-serif;

    font-size: 13px;

    margin-top: 5px;

    cursor: default;

}



.tab-yazilar {

    display: flex;

    justify-content: space-evenly;

}



.welcome-ret {

    color: #073082;

    font-family: 'Montserrat', sans-serif;

    font-size: 13px;

    top: 5px;

    cursor: default;

    width: 75%;

    margin-top: 15px;

    margin-bottom: 10px;

}



.talep-red-text {

    color: #073082;

    font-family: 'Montserrat', sans-serif;

    font-weight: bold;

    font-size: 13px;

    margin-bottom: 15px;

}



.ret-aciklamasi-title {

    background-color: #d83832;

    color: #ffffff;

    font-family: 'Montserrat', sans-serif;

    font-weight: bold;

    font-size: 13px;

    width: fit-content;

    padding: 10px 10px;

    margin-right: 5px;

    border-radius: 2px;

    height: fit-content;

}



.ret-combo small {

    font-size: 9px;

    color: #073082;

    font-family: 'Montserrat', sans-serif;

}



.small-textt {

    font-size: 11px;

    color: #073082;

    font-family: 'Montserrat', sans-serif;

    margin-bottom: 30px;

}



.underline-orange {

    color: #ec8101;

    text-decoration: underline;

}



.ret-combo {

    width: 45%;

}



.ret-area {

    display: flex;

    flex-direction: column;

}



.ek-yazi {

    font-size: 14px;

    color: #073082;

    font-family: 'Montserrat', sans-serif;

}



.close-button {

    color: #a13f4f;

    position: absolute;

    cursor: pointer;

    display: none !important;

}



input[type="file"] {

    display: none;

}



.field {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;

    justify-content: flex-start;

}



.custom-file-upload {

    border: 1px solid #7990bf;

    display: inline-block;

    padding: 9px 15px;

    cursor: pointer;

    background-color: #475979;

    font-family: 'Montserrat', sans-serif;

    color: #ffffff;

    font-weight: bold;

    font-size: 12px;

    height: fit-content;

    margin-right: 5px;

    margin-top: 10px;

}



.btn {

    font-family: 'Montserrat', sans-serif !important;

}



.fs-17 {

    font-size: 17px;

}



.orange-btn {

    border: 1px solid #ec8101;

    background-color: #ec8101;

}



.upload-output {

    max-width: 150px;

    max-height: 130px;

}



input[type="file"] {

    display: block;

}



.imageThumb {

    padding: 1px;

    cursor: pointer;

    max-width: 250px;

    max-height: 105px;

}



.pip {

    display: inline-block;

    margin: 10px 10px 0 0;

    padding: 10px;

    border: 1px solid;

    width: 285px;

    height: 123px;

}



.remove {

    display: block;

    background: #444;

    color: white;

    text-align: center;

    cursor: pointer;

}



.remove-image {

    color: #a13f4f;

    cursor: pointer;

    position: absolute;

}



.remove:hover {

    background: white;

    color: black;

}



.upload-output-border {

    border: 1px solid #7990bf;

    padding: 10px;

    width: 400px;

    height: 150px;

}



.ret-container {

    display: flex;

}



#redTextArea {

    margin-bottom: 10px;

}



#redTextArea::placeholder {

    color: #475979;

    font-size: 13px;

    font-family: 'Montserrat', sans-serif;

}



#slogan-area::placeholder {

    color: #475979;

    font-size: 17px;

    font-family: 'Montserrat', sans-serif;

    font-weight: bold;

}



.post-combo textarea::placeholder {

    color: #475979;

    font-size: 13px;

    font-family: 'Montserrat', sans-serif;

}



.footer {

    background-color: #f4892f;

    width: 100%;

    display: flex;

    justify-content: center;

    padding-top: 11.7pt;

    padding-bottom: 20.3pt;

    margin-top: auto;

}



.footer-yayin-ret {

    background-color: #f4892f;

    width: 100%;

    display: flex;

    justify-content: center;

    padding-top: 11.7pt;

    margin-top: auto;

}



.footer-container {

    display: flex;

    justify-content: space-between;

    width: 75%;

}



.footer-logo img {

    width: 100pt;

}



.footer-contact {

    margin-top: 6.3pt;

    width: 12%;

}



.icons i {

    font-size: 13pt;

    color: #ffffff;

    margin-right: 5px;

}



.contact {

    font-size: 9pt;

    font-family: 'Montserrat', sans-serif;

    margin-top: 15pt;

}



.navbar-header {

    display: none !important;

    width: 100%;

}



.navbar .navbar-brand {

    display: flex !important;

    align-items: center;

}



.navbar .navbar-brand img {

    width: 184px;

}



.navbar .navbar-brand .title {

    margin-left: 20px;

    font-size: 28px;

}



.navbar .nav-link {

    font-size: 28px;

    padding: 22px 0 22px 18px !important;

    margin-bottom: 5px;

}



.navbar-toggler-icon {

    width: 4.5em !important;

    height: 3.5em !important;

}



.navbar-nav .nav-item {

    border-bottom: 1px solid darkblue;

}



.navbar-collapse {

    border-top: 4px solid #f4892f;

    padding-top: 10px;

}



.navbar-brand {

    margin-bottom: 10px;

}



.navbar-nav .nav-link {

    background-color: #14317d;

    color: #ffffff !important;

    font-family: 'Montserrat';

    font-weight: 500 !important;

}



.download-container {

    display: flex;

    flex-direction: column;

    align-items: center;

    color: #073082;

    font-size: 13px;

    font-weight: bold;

    font-family: 'Montserrat', sans-serif;

    justify-content: center;

}



.islem-turu-button {

    font-family: 'Montserrat', sans-serif;

    font-weight: bold !important;

    font-size: 12px !important;

    margin-top: 5px;

}



.durum-container .alert {

    color: #ffffff;

    margin: unset;

    margin-bottom: 5px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: bold;

    font-size: 12px;

    font-family: 'Montserrat', sans-serif;

    text-align: center;

    cursor: default;

}



.orange-button {

    color: #ffffff !important;

}



.pink-button {

    color: #dc3545b3;

}



.dark-blue-btn {

    background-color: #1d2f94 !important;

}



.yonetici-onayi-active-btn {

    background-color: #1e84a5 !important;

}



.yonetici-ret-btn {

    background-color: #e2bfbe !important;

}



.yonetici-onayladi-btn {

    background-color: #9aa3b566 !important;

}



.yonetici-ret-active-btn {

    background-color: #ff423b !important;

}



.yonetici-onayi-btn {

    background-color: #9db7c0;

}



.yonetici-onayladi-active-btn {

    background-color: #073082 !important;

}



.atb-btn {

    background-color: #9db7c0;

}



.atb-active-btn {

    background-color: #1e84a5 !important;

}



.tgre-btn {

    background-color: #e2bfbe;

}



.tgre-active-btn {

    background-color: #d83832 !important;

}



.tgo-btn {

    background-color: #9aa3b5;

}



.tg-btn {

    background-color: #b3b0a9;

    color: #ffffff;

    margin: unset;

    margin-bottom: 5px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: bold;

    font-size: 12px;

    font-family: 'Montserrat', sans-serif;

    text-align: center;

    cursor: default;

}



.tgo-active-btn {

    background-color: #073082 !important;

}



.onay-ret {

    padding-right: 35px !important;

    padding-left: 35px !important;

}



.ret-buttons {

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-top: 40px;

}



.ret-buttons .btn {

    padding: 6px 20px !important;

}



.red-c {

    color: #ff423b;

}





/* BOLGE TALEP OLUSTUR */



.talep-contaner {

    display: flex;

    flex-direction: column;

    margin-bottom: 40px;

}



.post-container {

    display: flex;

    margin-top: 50px;

}



.post-combo {

    width: 60%;

}



.soluk-danger {

    background-color: #b45867 !important;

}



.tasarim-editoru-img {

    display: flex;

    justify-content: center;

    margin-top: 10px;

    margin-bottom: 10px;

}



.tasarim-editoru-img img {

    width: 60%;

}



.orange-text {

    color: #ec8101;

    font-weight: bold;

}



.combo-label {

    border: 1px solid #7990bf;

    display: inline-block;

    padding: 9px 15px;

    background-color: #475979;

    font-family: 'Montserrat', sans-serif;

    color: #ffffff;

    font-weight: bold;

    font-size: 12px;

    height: fit-content;

    margin-right: 5px;

    width: 97%;

}



.slogan-small {

    color: #073082;

    font-family: 'Montserrat', sans-serif;

    font-size: 11px;

}



.post-combo small {

    color: #073082;

    font-family: 'Montserrat', sans-serif;

    font-size: 11px;

}



.combo-container {

    width: 153.7px;

}



.five-menu {

    width: 75%;

}





/* RESPONSIVE */



@media (max-width: 992px) {

    .header {

        display: none;

    }

    .navbar-header {

        display: flex !important;

    }

}



@media (max-width:1024px) {

    table,

    thead,

    tbody,

    th,

    td,

    tr {

        display: block;

    }

    thead tr {

        position: absolute;

        top: -9999px;

        left: -9999px;

    }

    tr {

        border: 1px solid #ccc;

    }

    td {

        border: none;

        border-bottom: 1px solid #eee;

        position: relative;

        padding-left: 50%;

    }

    td:before {

        position: absolute;

        top: 6px;

        left: 6px;

        width: 45%;

        padding-right: 10px;

        white-space: nowrap;

        font-size: 17px;

        font-weight: bold;

        font-family: 'Montserrat', sans-serif;

        color: #073082;

    }

    .anasayfa-table td:nth-of-type(1):before {

        content: "Talep Sahibi";

    }

    .anasayfa-table td:nth-of-type(2):before {

        content: "Tasarım";

    }

    .anasayfa-table td:nth-of-type(3):before {

        content: "Görsel";

    }

    .anasayfa-table td:nth-of-type(4):before {

        content: "Açıklamalar";

    }

    .anasayfa-table td:nth-of-type(5):before {

        content: "Durum";

    }

    .social-media-table td:nth-of-type(1):before {

        content: "Talep Sahibi";

    }

    .social-media-table td:nth-of-type(2):before {

        content: "Tasarım";

    }

    .social-media-table td:nth-of-type(3):before {

        content: "Görsel";

    }

    .social-media-table td:nth-of-type(4):before {

        content: "Açıklamalar";

    }

    .social-media-table td:nth-of-type(5):before {

        content: "Talep Tarihi";

    }

    .social-media-table td:nth-of-type(6):before {

        content: "İşlem Türü";

    }

    .ajans-table td:nth-of-type(1):before {

        content: "Tasarım";

    }

    .ajans-table td:nth-of-type(2):before {

        content: "Görsel";

    }

    .ajans-table td:nth-of-type(3):before {

        content: "Açıklamalar";

    }

    .ajans-table td:nth-of-type(4):before {

        content: "Talep Tarihi";

    }

    .ajans-table td:nth-of-type(5):before {

        content: "Güncellenme Tarihi";

    }

    .bolge-talep-table td:nth-of-type(1):before {

        content: "Tasarım";

    }

    .bolge-talep-table td:nth-of-type(2):before {

        content: "Görsel";

    }

    .bolge-talep-table td:nth-of-type(3):before {

        content: "Açıklamalar";

    }

    .bolge-talep-table td:nth-of-type(4):before {

        content: "Talep Tarihi";

    }

    .bolge-talep-table td:nth-of-type(5):before {

        content: "Güncellenme Tarihi";

    }

    .bolge-talep-table td:nth-of-type(6):before {

        content: "Durum";

    }

    .kurum-talep-table td:nth-of-type(1):before {

        content: "Medya";

    }

    .kurum-talep-table td:nth-of-type(2):before {

        content: "Görsel";

    }

    .kurum-talep-table td:nth-of-type(3):before {

        content: "Açıklamalar";

    }

    .kurum-talep-table td:nth-of-type(4):before {

        content: "Talep Tarihi";

    }

    .kurum-talep-table td:nth-of-type(5):before {

        content: "Güncellenme Tarihi";

    }

    .kurum-talep-table td:nth-of-type(6):before {

        content: "Durum";

    }

    .talep-gorseller {

        justify-content: space-between;

        max-width: unset;

        width: 60%;

        flex-flow: row-reverse;

        margin-left: auto;

    }

    .aciklama-container {

        max-width: unset;

        width: 80%;

        margin-left: auto;

    }

    .durum-container {

        width: 80%;

        margin-left: auto;

    }

    .talep-tarihi {

        width: 80%;

        margin-left: auto;

    }

    .durum-container {

        font-size: 20px;

        max-width: unset;

        justify-content: space-between;

        flex-direction: column;

    }

    .durum-container-1 {

        flex-direction: row;

    }

    .dc-diger {

        flex-direction: column !important;

    }

    .durum-container .btn {

        width: 23%;

    }

    .header {

        width: 98%;

    }

    .content-container {

        width: 98%;

    }

    .footer-contact {

        width: 25%;

    }

    .download-img {

        width: 19px !important;

    }

    .download-container {

        font-size: 17px;

        max-width: unset;

        justify-content: center;

    }

    .diger-table .durum-container {

        flex-direction: column;

    }

    .two-buttons {

        justify-content: center;

    }

    .two-buttons .btn {

        margin-right: 10px;

    }

    .tg-btn {

        width: 24%;

    }

    .ty-gonder {

        width: unset;

    }

}



.table {

    border-collapse: separate;

    border-spacing: 3px 3px;

}



@media (max-width:1160px) {

    .menu-container ul {

        justify-content: space-evenly;

    }

    .title-menu-container {

        margin-left: auto;

    }

}



@media (max-device-width:768px) {

    .gorsel-img {

        width: 128px;

        height: 128px;

    }

    .talep-sahibi-text {

        font-size: 30px;

    }

    .aciklama-title {

        font-size: 35px;

    }

    .aciklama-1 {

        font-size: 30px;

    }

    .aciklama-2 {

        font-size: 25px;

    }

    .durum-yazi {

        font-size: 30px;

    }

    .status-box {

        font-size: 25px;

    }

    td:before {

        font-size: 18px;

    }

    .tret-buttons {

        width: 100% !important;

    }

    .pagination a {

        font-size: 30px;

    }

    .durum-container .btn {

        font-size: 19px !important;

        margin-top: 10px;

        display: flex;

        align-items: center;

    }

    .download-container {

        font-size: 30px !important;

        max-width: unset !important;

        justify-content: center !important;

    }

    .download-img {

        width: 33px !important;

    }

    .talep-adedi {

        font-size: 24px;

    }

    .nav-pills-mobile .nav-link {

        font-size: 30px;

    }

    .durum-container {

        font-size: 30px !important;

        max-width: unset !important;

    }

    .durum-container .alert {

        font-size: 30px !important;

        margin-top: 10px;

        width: 32%;

    }

    .two-buttons .btn {

        font-size: 38px !important;

        width: 36%;

        margin-right: 10px;

    }

    .welcome-ret {

        font-size: 25px;

    }

    .talep-red-text {

        font-size: 25px !important;

    }

    .ret-aciklamasi-title {

        font-size: 25px;

    }

    #redTextArea::placeholder {

        font-size: 20px;

    }

    #slogan-area::placeholder {

        font-size: 25px;

    }

    #slogan1-area::placeholder {

        font-size: 20px;

    }

    .ret-buttons button {

        font-size: 35px;

    }

    .ret-combo small {

        font-size: 15px;

    }

    #redTextArea {

        font-size: 30px;

    }

    #slogan-area {

        font-size: 30px;

    }

    #slogan1-area {

        font-size: 30px;

    }

    .ret-combo {

        width: 90%;

    }

    .small-textt {

        font-size: 15px;

    }

    .custom-file-upload {

        font-size: 25px;

    }

    .combo-label {

        font-size: 25px;

    }

    .post-combo small {

        font-size: 15px;

    }

    .rb-talep .btn {

        font-size: 32px;

    }

    .welcome {

        font-size: 20px;

    }

    .buttons {

        display: flex;

    }

    .buttons .btn {

        margin-right: 1%;

    }

    .combo-container {

        width: 251.7px;

    }

    .islem-turu-button {

        font-size: 25px !important;

    }

    .tg-btn {

        font-size: 25px;

        width: fit-content;

    }

}



@media (max-device-width:425px) {

    .small-textt {

        font-size: 19px;

    }

    .custom-file-upload {

        font-size: 30px;

    }

    .combo-label {

        font-size: 30px;

    }

    .post-combo small {

        font-size: 20px;

    }

    .rb-talep .btn {

        font-size: 32px;

    }

    .buttons {

        display: flex;

    }

    .ret-buttons button {

        font-size: 45px;

    }

    .soluk-danger {

        margin-left: 20px;

    }

}



@media (min-width: 0px) and (max-width: 768px) {

    .talep-sahibi-text {

        font-size: 24px !important;

    }

    .aciklama-title {

        font-size: 30px;

    }

    .aciklama-1 {

        font-size: 24px !important;

    }

    .aciklama-2 {

        font-size: 24px !important;

    }

    .durum-yazi {

        font-size: 24px !important;

    }

    .status-box {

        font-size: 25px;

    }

}



@media (max-width: 1420px) {

    .menu-container ul {

        width: 100%;

    }

}



@media (max-width: 1210px) {

    .nav-pills-mobile {

        display: flex !important;

        justify-content: center;

    }

    .nav-pills {

        display: none !important;

    }

}

.grecaptcha-badge {
    display: none !important;
}