body {
    background: rgba(237, 237, 237, 1);
}

.content {
    margin-top: 25px;
}


.logo {
    margin-left: 5px;
}


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

    .logo {

        width: 100%;

    }

}


.export-div {

    text-align: right;

}

.export-div .export-btn {

    font-size: 12px;
    background-color: #D80000;
    border: none;
    width: 330px;
    height: 45px;
    color: white;
    border-radius: 5px;
    position: relative;
    font-weight: 500;

    -webkit-box-shadow: 10px 10px 14px -4px rgba(161, 161, 161, 1);
    -moz-box-shadow: 10px 10px 14px -4px rgba(161, 161, 161, 1);
    box-shadow: 10px 10px 14px -4px rgba(161, 161, 161, 1);



}


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

    .export-div .export-btn {

        width: 90%;
        text-align: right;
        padding-right: 25px;

    }

}




.export-div .export-btn-icon {

    display: inherit;
    width: 25px;
    /* SVG dosyasının genişliği */
    height: 25px;
    /* SVG dosyasının yüksekliği */
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAArCAYAAAADgWq5AAAAAXNSR0IArs4c6QAABMpJREFUWEfNWV/IZVMcXcsYpsnfaCRRYlKjEPnzoDRCM5FEHniSePAwZSRvPIg8eEOaPPBGSkmp+UYy/jQPPnkQjQdJGjI1HmaMvs8YLHed2fv2u/vb595z7tx72fX1dc/Z5+y1116/v4eoDEnrfZnk8dr9RV2TtJHkSlyP5eIJ7Po8UdJTAB4FcAGAUxcAdhXAfgAPk/zO60XgVcBmVtJDAHYBOH0BIKsHDeB7kpvHMpx29AYAA/4/jD8BXE7ygE9/yHCmXdKzAJ6uIP0HgP/mOYznFJtPscgxkhtGAGetADiaHsrP/DWQxQskn5kn0vxuSVsAvAng6mK9b0luaXYS2P0MwM1h4irJjYsAWjH+JwG8GK4LwGUj1Es6BuC0NOnEBPKH5ihOGGLzf5YbiC60fL+kLwFcG9ZbYmD3Ultl0M8hkpt83w8EN9f46LaRN5bvl79HLD6RUF4L8rgYwI8jmMLNOwG8Hx7eRzLKoxex45hLMmw9rci0JJ9o9v8r0UvcDeC9gGovyVt7oZzR5AJwlOmqJZH1WTL8Mcmt0+hW0o5k5X8AWAfgZZL7u76rAGw/nGU4FnDDcNdFgrReAmDAcfhYz7EddHlfV8ClJKZiWNI3AK6sqOMakl+FjXXVcCvDswL8WkqWImYHn7PLzKuL5CXNF3DyADcAuBGAF1s3cI+v5iwQwNCPd/HpBeCVaHSzYtj+fAnAmQ6iKczbHh7sot9KxJsvw5I+ArC1WNjAN5H8tS/ouUtC0jKA6yuAr8gJeRftBuOcO8O7AWwrAZN02th7zJThEHR2AvCfA8VFAMoMz5I4kNAeThs60sVrzBRwOLa/ixx6EpOfkrxl0qTkcWYnicDwT4nZLhg85wkAr0zh1kZCc2+3llLP4ymFPALgrA6Id5F8TJIDiZ8ZO2YqibJ/IckaHldlL5HcbrAAVubGsCkoX17zp5LOB3AwZWglc1+TvCpWL7X3nnTgSMJfk6gUGdWwUyTJxrS3qHwPkrwwbcjeoQnP+YQi8EqZ1M/owosNqtFrsVgsmbKe3dN4PYE+SrLRdpZCBhhtoE3IvTVcMlzrd9UWk+SCYCfJ2yYZVtspTuXWgq8dykKSg8QDKRur4rVRpR7HeaFicADJZZl994aBi/st9dGawDJBEiPZWrVEKgFLKivZLgROmtNovOWkWjV8B4A94aFhiVQYhV3SocRaZGwSqHH3Pyd5U1/AvYpQSfcCcEUbhwtOH3XbKO/7t9ldjrbRtaYrAY+U+X3z2D50j2ugF92o1diXsCRcKeRryyRd5owd0ZdOmpvvR9c4KdpJcj3ok/D4PQK26H8OgA+TPDdZ7prWfTTGrkDjvBrQSqi/DsAXAdMvZTMw5gI2qG0kPygTlYrriZGutfcW+2xtzKbgYhfqcsp9tUvCRt8aFqGJyXcB3BMm2IA2u4M5DYsn84ykdwDcF95hAs+ofeOIfq/Zx6Co/GTQkHsOQG6EjO1g9gTqUN+E/VRpbx8UA/4K4IATx4ckb699MrgfwNuVtr2BL2KsIRFAY0+NFIt0r/ncJekRAO7g1B5eBOi4xhCsL4777OXPTfsGpYxz3P8CuD8A7SZ514h3qdFVRB23nZ73p6eUrMybYVfVe0g+nhzBSHXyL9AB+U/99j9gAAAAAElFTkSuQmCC') center/contain no-repeat;
    position: absolute;
    left: 35px;
    top: 10px;


}



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

    .export-div .export-btn-icon {

        left: 16px;

    }

}




.warning {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    background-image: url('img/warning.png');
    /* Resmin yolunu belirtin */
    background-size: 75% auto;
    /* Resmin div'i kaplamasını sağlar */
    background-position: right;
    /* Resmi sağa yaslar */
    background-repeat: no-repeat;
    /* Resmin yinelenmemesini sağlar */

}


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

    .warning {

        background-size: 100% auto;

    }

}




.warning .warning-text {

    display: block;
    color: #D90000;
    font-size: 36px;
    font-weight: 700;
	line-height:34px;

}

.warning .customer {

    color: #555555;
    display: block;
    font-size: 32px;
	line-height:36px;
    font-weight: 800;
}

.warning .status {


    color: #555555;
    display: block;
    font-size: 24px;
    font-weight: 600;
	line-height:22px;

}

.order {



    background-color: white;
    border-radius: 10px;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #555555;
    height: 100%;
}


.order-table tr {

    display: block;
    margin-bottom: 10px;



}

.order-td {


    width: 130px;


}


.order-fx {

    float: right;

}

.order-text {

    margin-left: 10px;
}

.df {

    font-size: 30px;
    font-weight: 700;
    text-align: left;
    color: #555555;

}



.wpas-card {

    background-color: #359B99;
    color: white;
    border-radius: 10px;
    padding: 20px;
    font-size: 24px;
	line-height:1.1em;
}

.wp-number {


    font-size: 33px;
    font-weight: 700;
}

.bold-first {


    font-size: 25px;
    font-weight: 700;
}


.wpas-card .small {

    font-size: 20px;

}


.drop-img-div {

    width: 100%;
    position: relative;
    height: 230px;

}

.drop-img-div img {


    width: 400px;
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
}



.info-card {

    background-color: #359B99;
    color: white;
    border-radius: 10px;
    padding: 20px;
    font-size: 18px;
}


.whatsapp-icon {

    width: 80px;
}

.whatsapp {

    font-size: 30px;
    font-weight: 800;
}

.whatsapp-link {


    font-size: 18px;
    font-weight: bold;
    color: white;
    left: 0px;
}

.whatsapp-link:hover {



    color: #D8D8D8;

}


.whatsapp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.whatsapp-content {
    display: flex;
    align-items: center;
}

.whatsapp-icon {
    margin-right: 20px;

}

.whatsapp-info {
    display: flex;
    flex-direction: column;
}

.whatsapp-number {
    font-weight: bold;

}

.index-link {

    font-size: 20px;
    font-weight: bold;
    color: #359B99;
    padding: 8px;
}

.index-link:hover {

    font-size: 25px;
    font-weight: bold;
    color: #3A7B7A;
}