.TBLS {direction:rtl;table-layout:fixed;border-collapse: separate;overflow:hidden;border-radius:5px;border:1px solid #e0e0e0;padding:2px}
table thead tr th{background:#5a6575;color:#fff !important;font-weight:normal !important;border-top-right-radius:5px;border-top-left-radius:5px}
table thead tr th,table tbody tr{color:#000 ;text-align:center;}

.TBLS tbody td:first-child{text-align:center !important}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {line-height: 15px !important;border-top: 1px solid #e0e0e0 !important;border-left:2px solid white;vertical-align: middle !important;;}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {background: rgba(240,243,245,1)!important;}

.PageInfo{position:relative;padding:10px 0 0 0}
.PageInfo h5{padding:3px 20px 0 0;color:#000;float:right;text-align:right}
.PageInfo i{position:absolute;top:15px;right:10px;color:#000}
.PageInfo span{width:100%;height:2px;}
.PageInfo p{float:right;color:#000;padding:1px 10px 0 0}
.hr {
    background: -webkit-linear-gradient(-90deg, #d3ecf2, white);
    background: -o-linear-gradient(-90deg, #d3ecf2, white);
    background: -moz-linear-gradient(-90deg, #d3ecf2, white);
    background: linear-gradient(-90deg, #d3ecf2, white);
    float: right;
    margin: 0 5px 0 0
}
.GetTurnTitle{padding:6px 0 !important;border-radius:0 3px 3px 0;text-align:right;
              background: -webkit-linear-gradient(-90deg, #7fc3ec, white);
              background: -o-linear-gradient(-90deg, #7fc3ec, white);
              background: -moz-linear-gradient(-90deg, #7fc3ec, white);
              background: linear-gradient(-90deg, #7fc3ec, white);
}
.GetTurnTitle i{float:right;margin:0 5px;font-size:17px}
.GetTurnTitle strong{float:right;color:#000;padding:0 20px 0 0}
.orderList{float:right;width:100%;margin:0;padding:5px 20px;list-style-type:none}
.orderList li{float:right;width:100%;padding:2px 0;color:#000}
.orderList li a{float:right;padding:1px 2px 0 0;font-weight:bold}
.orderList li span{float:right;width:auto;padding:0 5px;color:#000}

.header_gradient{
    background: rgb(3,218,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(3,218,255,1) 1%, rgba(255,255,255,1) 82%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(3,218,255,1) 1%,rgba(255,255,255,1) 82%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(3,218,255,1) 1%,rgba(255,255,255,1) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03daff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.customerRequest{float:right;width:100%}
input[type="text"]{border-radius:5px;border:1px solid #cccccc;margin:5px;padding:3px 10px;text-align:right;float:right;-webkit-transition: all 1s;transition: all 1s;}
input[type="text"]:focus{border:1px solid #66afe9;}
textarea{border-radius:5px;border:1px solid #cccccc;margin:5px;padding:3px 10px;text-align:right;float:right;-webkit-transition: all 1s;transition: all 1s;}
textarea:focus{border:1px solid #66afe9;}
.tooltip{font-family: 'Yekan' !important}
/* Radio Buttons
   ========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative;
    padding-right: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[type="radio"] + label:before,
[type="radio"] + label:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
}

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
    border-radius: 50%;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
    border: 2px solid #5a5a5a;
}

[type="radio"]:not(:checked) + label:after {
    -webkit-transform: scale(0);
    transform: scale(0);
}

/* Checked styles */
[type="radio"]:checked + label:before {
    border: 2px solid transparent;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
    border: 2px solid #26a69a;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
    background-color: #26a69a;
}

[type="radio"]:checked + label:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

/* Radio With gap */
[type="radio"].with-gap:checked + label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

/* Focused styles */
[type="radio"].tabbed:focus + label:before {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before {
    border: 2px solid rgba(0, 0, 0, 0.42);
}

[type="radio"].with-gap:disabled:checked + label:after {
    border: none;
    background-color: rgba(0, 0, 0, 0.42);
}

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.42);
}

[type="radio"]:disabled + label {
    color: rgba(0, 0, 0, 0.42);
}

[type="radio"]:disabled:not(:checked) + label:before {
    border-color: rgba(0, 0, 0, 0.42);
}

[type="radio"]:disabled:checked + label:after {
    background-color: rgba(0, 0, 0, 0.42);
    border-color: #949494;
}




/* -----------------------------------------
  =CSS3 Loading animations
-------------------------------------------- */
/* =Elements style
---------------------- */
.load-wrapp {
    position:fixed;
    width: 160px;
    height:50px;text-align:center;direction:rtl;
    /*margin: 0 10px 10px 0;*/
    /*padding: 20px 20px 20px;*/
    border-radius: 5px;
    text-align: center;
    background-color: white;border:1px solid;z-index: 199999;
}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}


.ring-1 {
    float:right;margin:5px;
    width: 10px;
    height: 10px;
    /*margin: 0 auto;*/
    padding: 10px;
    border: 7px dashed #4b9cdb;
    border-radius: 100%;
}
.load-wrapp .load-4 .text{float:right;margin:12px 5px 0 0}
/* =Animate the stuff
------------------------ */


.load-4 .ring-1 {animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;}
@keyframes loadingD {
    0 {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

/*End Loading ================================================================================================================================================= */
.DS_Popup {
    overflow: hidden;
    display: inline-block;
    min-width: 300px;
    width: 300px!important;
    text-align: center;
    align-items:center;
    align-content:center;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    -moz-box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 0 #AAA;
    box-shadow: 0 0 5px #AAA;
    border: 1px solid #2dd3fd;
    border-radius: 6px;
}

.DS_Popup_Title {
    padding: 5px 0;
    font-size: 12px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-radius-top-right: 6px;
    line-height: 16px;
    font-weight: bold;

}

.dhtmlx-info,
.DS_Popup_Title,
.DS_Popup_Button {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    cursor: pointer
}

.DS_Popup_Text {
    color: #444 !important;
    min-height: 30px;
    padding: 20px 10px 10px 10px!important;
    overflow: hidden
}
.DS_Popup_Text span{color: #000 !important;}
.DS_Popup_controls {
    font-weight: 700;
    padding: 10px 10px 17px 10px!important
}

.DS_Popup_Button {
    font-weight: 700;
    min-width: 120px;
    width: 120px;
    height: 20px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 4px;
}

.DS_Popup_Button div {
    line-height: 20px
}

.DS_ModalCover {
    background-color:rgb(150,225,255);
    cursor: default;
    opacity:0.2;
    filter: alpha(opacity=0.2);
    position: fixed;
    z-index: 19999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none
}

.DS_Popup_Button {
    color: #2e3947;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #a4bed4;
    background-color: #d5e6fc;
    background-image: -moz-linear-gradient(center bottom, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ecf2f7), color-stop(.88, #cce2fe), color-stop(1, #e1eeff));
    background: -o-linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: -ms-linear-gradient(top, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%)
}

.DS_Popup_Button:active,
.DS_Popup_Button:focus {
    box-shadow: inset 0 0 2px #aaa;
    background: #bdd9fc;
    background: -moz-linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C4DDFF), color-stop(88%, #bdd9fc), color-stop(100%, #deeaf4));
    background: -o-linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%);
    background: -ms-linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%);
    background: linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%)
}

.DS_Popup_CloseBtn {
    position: absolute;
    top:4px;right:10px;
    cursor: pointer;color:#000;
    box-sizing: border-box;
}

.DS_Popup_Title {
    position: relative;
    box-shadow: inset 0 0 2px #fff;
    display: block;
}

.DS-alert-error .DS_Popup_Title,
.DS-confirm-error .DS_Popup_Title {
    color: white;
    border: 1px solid #f17373;
    background: #f17373;
    background: -webkit-linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: -moz-linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: -o-linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: -ms-linear-gradient(top, #ff7c7c 0%, #f17373 88%, #ffbc75 100%)
}

.DS-alert-error.DS_Popup,
.DS-confirm-error.DS_Popup {
    border: 1px solid #f17373
}

.DS-alert-warning.DS_Popup{
    border: 1px solid #f69931
}
.DS-alert-warning .DS_Popup_Title,
.DS-confirm-warning .DS_Popup_Title {
    color: #000;
    border: 1px solid #d2b07f;
    background: #ff9f37;
    background: -webkit-linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: -moz-linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: -o-linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: -ms-linear-gradient(top, #ffc786 0%, #ff9523 88%, #ffbc75 100%)
}

.DS-alert-warning .DS_Popup_controls,
.DS-confirm-warning .DS_Popup_controls {
    border: 1px solid #d5d5d5;
    border-width: 0 1px 1px 1px
}

.DS-alert-warning .DS_Popup_Text,
.DS-confirm-warning .DS_Popup_Text {
    border: 1px solid #d5d5d5;
    border-width: 0 1px 0 1px
}

.DS-alert .DS_Popup_Title,
.DS-confirm .DS_Popup_Title {
    color: #000;
    border-bottom: 1px solid #2dd3fd;
    background: #d5e6fc;
    background: -moz-linear-gradient(center bottom, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9adcec), color-stop(.88, #2dd3fd), color-stop(1, #ffffff));
    background: -o-linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: -ms-linear-gradient(top, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%);
}

.DS-alert .DS_Popup_controls,
.DS-confirm .DS_Popup_controls {
    /* border: 1px solid #d5d5d5; */
    border-width: 0 1px 1px 1px;
}

.DS-alert .DS_Popup_Text,
.DS-confirm .DS_Popup_Text {
    /* border: 1px solid #d5d5d5; */
    border-width: 0 1px 0 1px;
}

.DS-message {
    cursor: pointer;
    background-color: lightgoldenrodyellow
}
.MessageArea{position:fixed;width:300px;left:15px;top:10px;direction:rtl}
.PopupMessage{z-index:20000;position:relative;margin:3px 0;float:right;width:100%;padding:10px;border-radius:5px;word-wrap: break-word;cursor:pointer;
              -moz-transition: all 0.5s ease;
              -webkit-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;background:white;border:1px solid;
}
.PopupMessage-success{background: rgba(220, 255, 221,0.8);border: 1px solid #039400;color: #080808;}
.PopupMessage-info{background: rgba(126, 179, 210,0.8);border: 1px solid #448eb9;color: #080808;}
.PopupMessage-error{background: rgba(255, 118, 118,0.8);border: 1px solid #b00000;color: #fff;}
.PopupMessageHidden{
    height: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden

}
/* Start BTN ---------------------------------------------------------------------------------------------------------*/
.btn-border-o.btn-orange:hover {/*color: #13cffd*/}
.btn-border-o {border: 2px solid #f3f3f3;}
.btn-border-o {/* color: #444 */}
.btn-border-o.btn-orange:hover {border: 2px solid #f4f4f4;box-shadow: inset 0 0 6px 2px rgb(191, 191, 191);}
.btn-border-o.btn-orange:before,.btn-border-o.btn-orange:after {border-color: #ffffff;}
.btn-border-o.btn-orange:before,.btn-border-o.btn-orange:after {border-color: #ffffff;}
.btn {display: inline-block;line-height: 30px; margin: 3px;padding: 0 15px;font-size: 13px;position: relative;opacity: .999;border-radius: 8px;border:solid 2px #bdbdbd;outline: none;}
.btn-border-o {background-color: transparent;}
.btn:focus {outline:0;}
.btn-border-o:before,.btn-border-o:after {content: '';border-style: solid;position: absolute;z-index: 5;border-radius: 8px;box-sizing: content-box;}
.btn-border-o:before {width: 0;height: 100%;border-width: 1px 0 1px 0; top: -1px;left: 0;-webkit-transition-delay: 0.05s;transition-delay: 0.05s}
.btn-border-o:after {width: 100%;height: 0;border-width: 0 1px 0 1px;top: 0;left: -1px}
.btn-border-o:hover:before {width: 100%}
.btn-border-o:hover:after {height: 100%}
.animate,.btn,.btn-border-o:before,.btn-border-o:after,
.btn-border:before,.btn-border:after,.btn-border-rev-o:before,.btn-border-rev-o:after,
.btn-border-rev:before,.btn-border-rev:after,.btn-fill-vert-o:before,
.btn-fill-vert-o:after,.btn-fill-vert:before,.btn-fill-vert:after,.btn-fill-horz-o:before,
.btn-fill-horz-o:after,.btn-fill-horz:before,.btn-fill-horz:after {-webkit-transition: all 0.3s;transition: all 0.5s;}
/* End BTN -----------------------------------------------------------------------------------------------------------*/
.modal{top:25% !important}