.order-rect{width:32%;background:#2d1c45;padding:20px;border-radius: 10px;margin-right:1%;float:left;}
.order-rect:last-child{margin-right:0}
.post-content  .order-rect h4{color:white;font-size:18px;font-weight:100}
.post-content  .order-rect p{color:white;font-size:16px;}

#client-dashboard-wrap{width:100%;max-width:1600px;margin:0 auto;}

#client-greeting{margin:15px;background:aliceblue;text-align:center;padding:20px;}
#client-greeting a{color:#5d5f64}
#client-greeting a:hover{color:#82aff9}

#client-orders-wrap{width:71%;margin-right:1%;float:left;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);box-shadow: 0 0 20px rgba(0,0,0,.08);border-radius:5px;}
#client-orders-table{width:100%;border-collapse:collapse;border-radius:5px}
#client-orders-table tr{border-top:1px solid #dee2e6;}
#client-orders-table th{text-align:left;font-weight: 400;padding:10px;color:#3e5569;border-bottom:2px solid #dee2e6;background-color:#f8f9fa}
#client-orders-table td{text-align:left;padding:10px;color:#3e5569}
#client-orders-table .order-id{background:#6ebbe6;padding:10px 20px;border-radius: 3px;color:white}
#client-orders-table i{font-size:28px;line-height:35px;height:35px;width:28px;color:#f76c6c;border:0;float:none}
#client-orders-table i.request-update{color:#FFC107;cursor:pointer}
#client-orders-table i.similar-order{color:#6ebbe6;cursor:pointer}
#client-orders-table i.order-details{cursor:pointer}
#client-orders-table .center-td{text-align:center}
#client-orders-wrap h3{font-size: 20px;padding: 10px 0 10px 10px;margin: 0;background: #f8f8f8;}
#client-orders-table_length{padding-left:10px}
#client-orders-table_filter{padding:10px 10px 10px 0}


#client-finished-orders-table{width:100%;border-collapse:collapse;border-radius:5px;}
#client-finished-orders-table tr{border-top:1px solid #dee2e6;}
#client-finished-orders-table th{text-align:left;font-weight: 400;padding:10px;color:#3e5569;border-bottom:2px solid #dee2e6;background-color:#f8f9fa}
#client-finished-orders-table td{text-align:left;padding:10px;color:#3e5569}
#client-finished-orders-table .order-id{background:#6ebbe6;padding:10px 20px;border-radius: 3px;color:white}
#client-finished-orders-table i{font-size:28px;line-height:35px;height:35px;width:28px;color:#f76c6c;border:0;float:none}
#client-finished-orders-table i.request-update{color:#FFC107;cursor:pointer}
#client-finished-orders-table i.similar-order{color:#6ebbe6;cursor:pointer}
#client-finished-orders-table i.order-details{cursor:pointer}
#client-finished-orders-table .center-td{text-align:center}
#client-orders-wrap #finished-orders-title{font-size: 20px;padding: 10px 0 10px 10px;background: #f8f8f8;margin:50px 0 0 }
#client-finished-orders-table_length{padding-left:10px}
#client-finished-orders-table_filter{padding:10px 10px 10px 0}

.client-order-details-wrap{display:none}
#swal2-content span{display:block;width:100%;text-align:left;padding-bottom:10px;}



#client-right-wrap{width:27%;background:white;float:left;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);box-shadow: 0 0 20px rgba(0,0,0,.08);border-radius:5px;}
#dashboard-new-order{margin:15px;background:#f76c6c;color:white;padding:20px;border-radius:3px;text-align:center;}
/* #4fc3f7, 7460ee */
#dashboard-new-order a{z-index:100;position:relative;height:100%;display:block;line-height:24px;vertical-align:middle;}
#dashboard-new-order a i{display:inline;background:transparent;padding:0 0 0 10px;vertical-align:middle;}
#dashboard-new-order i{font-size:28px;line-height:56px;height:56px;width:56px;background:#106496;margin:0 auto 10px;display:block;float:none;border:0;}
#dashboard-support{margin:15px;background:#24305e;color:white;padding:20px;border-radius:3px;text-align:center;}
#dashboard-support i{font-size:28px;line-height:56px;height:56px;width:56px;background:#261578;margin:0 auto 10px;display:block;float:none;border:0;}
#dashboard-support h4, #dashboard-new-order h4{color:white;font-weight:300;margin:0 0 20px;font-size:22px;}
#dashboard-support a{z-index:100;position:relative;height:100%;display:block}

/*order details page*/
#client-order-details-wrap{width:100%;max-width:1500px;margin:0 auto;}
#client-editor-content{width:70%;float:left;margin-right:1%;background:white;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);box-shadow: 0 0 20px rgba(0,0,0,.08);border-radius:5px;padding:20px;}
#client-order-details-right{width:28%;float:left;}
#client-comments-wrap{width:100%;float:left;background:white;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);box-shadow: 0 0 20px rgba(0,0,0,.08);border-radius:5px;padding:20px;margin-bottom:1%;}
#client-order-details{width:100%;float:left;background:white;-webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);box-shadow: 0 0 20px rgba(0,0,0,.08);border-radius:5px;padding:20px;overflow:auto}
#client-comments-wrap .jquery-comments .profile-picture{max-width:32px;max-height:32px;}
#order-control-textarea{width:70%;margin-bottom:30px;display:none}
#order-control-text{width:100%;display:block;height:60px}
#order-control-button button{padding:5px 20px;border:0;font-size:16px;cursor:pointer}

#order-correct{background: #ffd83d;}
#order-correct-text{width:70%;float:left;display:block;height:60px;}
#order-correct-wrap{display:none}


#order-accept-text{width:70%;float:left;display:block;height:60px;}
#order-accept-wrap{display:none;}
#order-accept-submit{display:block;float:left;padding: 5px 20px;margin-top: 5px;}

#order-refuse{background: #b6002f;}
#order-refuse-text{width:70%;float:left;display:block;height:60px;}
#order-refuse-wrap{display:none}

.client-right-logout{background:#6ebbe6;color:white;display:block;margin:15px;text-align:center;transition:background .3s ease-out;padding:20px 0;border-radius:3px}
.client-right-logout:hover{background: #4dacf7;color:white;}
#client-order-faq-button{background: #6ebbe6;width: 100%;display: block;text-align: center;padding: 10px 0;border-radius: 3px;color:white;}
#client-order-faq-button:hover{background: #4dacf7;color:white;}

#client-order-admin-button{background: #6ebbe6;width: 100%;display: block;text-align: center;padding: 10px 0;border-radius: 3px;color:white;margin-top:20px}
#client-order-admin-button:hover{background: #4dacf7;color:white;}

#client-order-data-button{background: #6ebbe6;width: 100%;display: block;text-align: center;padding: 10px 0;border-radius: 3px;color:white;margin-bottom:20px}
#client-order-data-button:hover{background: #4dacf7;color:white;}

#client-writer-rating{background:aliceblue;padding:20px 0;margin-bottom:30px}
.rating-star{display:inline-block;width:20%;text-align:center;}
.rating-star img{max-width:48px;cursor:pointer}
.rating-star.grey img{filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}
.rating-star.grey img:hover{-webkit-filter: grayscale(0);filter: grayscale(0);}
#client-writer-rating h5{margin:0 0 15px;text-align:center;}
#client-writer-rating textarea{width:100%;display:inline-block;height:50px;margin-top:15px;}
#client-writer-rating button{width:100%;display:inline-block;text-align:center;padding: 15px 0;background: #ffa737;border: 0;font-size: 16px;border-radius: 3px;color:white;cursor:pointer}
#client-writer-rating button:hover{background: #ff9733;}

#client-order-data{display:none;}
#client-order-data span{display:inline-block;width:100%;}

#client-order-admin-contact{display:none}
#client-admin-contact-message{width:100%;display:block;height:50px;}
#client-order-admin-send{background: #6ebbe6;width: 100%;display: block;text-align: center;padding: 10px 0;border-radius: 3px;color:white;margin-bottom:20px}
#client-order-admin-send:hover{background: #4dacf7;color:white;}

#order-accept{width:100%;display:inline-block;text-align:center;padding: 15px 0;background: #2BBE6D;border: 0;font-size: 16px;border-radius: 3px;color:white;margin-bottom:15px;font-weight:bold;cursor:pointer}
#order-accept:hover{background: #00BE4C;color:white;}

#order-correction{width:100%;display:inline-block;text-align:center;padding: 15px 0;background: #FFA448;border: 0;font-size: 16px;border-radius: 3px;color:white;margin-bottom:15px;font-weight:bold;cursor:pointer}
#order-correction:hover{background: #FF732F;color:white;}

#order-correction-text{display:none}
#order-correction-message{width:100%;display:block;height:50px;}
#order-correction-send{background: #6ebbe6;width: 100%;display: block;text-align: center;padding: 10px 0;border-radius: 3px;color:white;margin-bottom:20px}
#order-correction-send:hover{background: #4dacf7;color:white;}

#client-new-messages{background: white;padding: 10px;margin-bottom: 30px;border-radius: 3px;width: 99%;}
.client-message-wrap .fw{width:100%;display:block;}
.client-message-wrap .update-seen-icon:hover{color:green;cursor:pointer}

#post-1037 .post-content{margin-top:100px}
#post-1037 #loginform{width:100%;max-width:300px;margin:0 auto;}
#post-1037 #loginform #user_pass, #post-1037 #loginform #user_login{height:40px;border-radius:5px;}
#post-1037 #loginform #wp-submit{display:block;width:100%;border-radius:5px;background:#2f4098;color:white;padding:15px 0;border:0}
#post-1037 h5{text-align:center}
#lost-pass-link{display:block;width:100%;text-align:center;margin-top:15px;}

#copy-btn{background: #6ebbe6;width: 100%;display: block;text-align: center;padding: 10px 0;border:0;border-radius: 3px;color:white;margin-bottom:20px;font-size:18px;text-transform: uppercase}

#edit-profile-form{max-width:300px;width:100%;margin:0 auto}
.edit-profile-form-row{margin-bottom:20px}
.edit-profile-form-row label{font-size:16px}
.edit-profile-form-row input[type="text"],.edit-profile-form-row input[type="password"]{height:40px;border-radius:5px;}
#user_profile_update{width:100%;padding:15px 0;background: #2f4098;color:white;font-size:20px;border-radius:5px;border:0;margin-top:20px;cursor:pointer;}
.profile-update-info{text-align: center;background: white;max-width: 300px;margin: 20px auto !important;padding: 10px 0;color: #2f4098;border: 1px dashed #2f4098;}

.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
}
.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
    width:300px;
    text-align:center
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}
@media screen and (max-width:1510px) and (min-width:1301px){
    #client-finished-orders-table, #client-orders-table, .dataTables_info, .dataTables_paginate{font-size:15px;line-height:20px;}
}
@media screen and (max-width:1315px) and (min-width:1145px){
    #client-finished-orders-table, #client-orders-table,  .dataTables_info, .dataTables_paginate{font-size:12px;line-height:16px;}
}

@media screen and (max-width:1144px) and (min-width:801px){
    #client-finished-orders-table, #client-orders-table,  .dataTables_info, .dataTables_paginate{font-size:10px;line-height:14px;}
    #client-orders-table i{font-size:20px;line-height:24px;height:24px;width:20px;}
}

@media screen and (max-width:800px){
    #client-finished-orders-table, #client-orders-table,  .dataTables_info, .dataTables_paginate{font-size:10px;line-height:14px;}
    #client-orders-table i{font-size:20px;line-height:24px;height:24px;width:20px;}
    #client-orders-table_wrapper, #client-finished-orders-table_wrapper{overflow-y:auto;}
    #client-orders-wrap{width:100%;margin:0;}
    #client-right-wrap{width:100%;margin:30px 0 auto;}
    /*#client-orders-table_filter::after{content:url("http://uxproject.tk/wp-content/plugins/ab_writing/clients/css/assets/right-double-arrow.png");display:block;float:right;width:100%;text-align:right;padding:10px 0;}*/
}