/*.currency_holder{*/
/*width: 100%;*/
/*padding: 30px;*/
/*}*/
/*#exchangeHolder{*/
/*width: 90%;*/
/*float: right;*/
/*}*/
/*#opHolder{*/
/*width: 10%;*/
/*float: left;*/
/*}*/
/*#currency_source{*/
/*width: 45%;*/
/*float: right;*/
/*position: relative;*/
/*}*/
.exchangeForm {
    text-align: center !important;
}

.exchange_item {
    width: 100% !important;
}

.unitExchange {
    position: absolute;
    left: 70px;
    top: 4px;
    height: 30px;
    text-align: center;
    margin: auto;
    display: block;
    border-left: 2px lightgrey solid;
}

#gaveLabel {
    position: absolute;
    right: 100px;
    top: 4px;
    height: 30px;
    width: 70px;
    text-align: center;
    display: block;
}

.payedLabel {
    position: absolute;
    left: 0px;
    top: 4px;
    height: 30px;
    width: 70px;
    text-align: center;
    margin: auto;
    display: block;
}

.sourceValue {
    padding-right: 170px !important;
    padding-left: 60px !important;

}

.sourceType {
    width: 100px;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
}

.sourceValueInput {
}

.profile_item {
    margin-bottom: 0 !important;
    height: 30px !important;
}

.exchange_item {
    margin-bottom: 0 !important;
    height: 30px !important;
}

.inputInstruction {
    position: absolute;
    left: 70px;
    top: 0;
}

.form-group {
    min-height: 60px;
}

.invalid-feedback {
    color: red;
}

#availableCurrency {
    left: 0px;
    width: 70px;
    height: 40px;
    top: 0;
    position: absolute;
    text-align: center;
    font-size: 14px !important;
    background-color: #e6e6e6;
    line-height: 20px;
}

/*#currency_select_holder{*/
/*width: 45%;*/
/*float: right;*/
/*position: relative;*/
/*padding-right: 35px;*/
/*}*/
/*#currency_select_wrapper{*/
/*position: absolute;*/
/*right:0;*/
/*top: 0;*/
/*bottom: 0;*/
/*width: 30px;*/
/*}*/
/*#currency_select{*/
/*width: 100%;*/
/*-webkit-border-radius: 0;*/
/*border: 0;*/
/*outline: 1px inset #fff;*/
/*outline-offset: -1px;*/
/*padding: 5px;*/
/*}*/
/*#currency_input_holder{*/
/*width: 35%;*/
/*float: right;*/
/*}*/
/*#currency_input{*/
/*width: 90%;*/
/*border-radius: 0;*/
/*-webkit-appearance: none;*/
/*}*/
/*#dest_input_holder{*/
/*width: 45%;*/
/*float: right;*/
/*}*/
/*#dest_input{*/
/*width: 90%;*/
/*border-radius: 0;*/
/*-webkit-appearance: none;*/
/*}*/
/*#button_input_holder{*/
/*width:100%;*/
/*}*/
/*#currency_exchange{*/
/*width: 10%;*/
/*float: right;*/
/*text-align: center;*/
/*}*/

.rwd-table {
    margin: 1em 0;
    width: 100%;
}

.rwd-table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.rwd-table th {
    display: none;
}

.rwd-table td {
    display: block;
}

.rwd-table td:first-child {
    padding-top: .5em;
}

.rwd-table td:last-child {
    padding-bottom: .5em;
}

.rwd-table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
}

@media (min-width: 480px) {
    .rwd-table td:before {
        display: none;
    }
}

.rwd-table th, .rwd-table td {
    text-align: center;
}

@media (min-width: 480px) {
    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }

    .rwd-table th:first-child, .rwd-table td:first-child {
        padding-left: 0;
    }

    .rwd-table th:last-child, .rwd-table td:last-child {
        padding-right: 0;
    }
}

h1 {
    font-weight: normal;
    letter-spacing: -1px;
    color: #34495E;
}

.rwd-table {
    background: #34495E;
    color: #fff;
    border-radius: .4em;
    overflow: hidden;
}

.rwd-table tr {
    border-color: #46637f;
}

.rwd-table th, .rwd-table td {
    margin: .5em 1em;
}

@media (min-width: 480px) {
    .rwd-table th, .rwd-table td {
        padding: 1em !important;
    }
}

.rwd-table th, .rwd-table td:before {
    color: #dd5;
    text-align: center;
}

.animate {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}

.action-button {
    position: relative;
    padding: 10px 40px;
    margin: 0px 10px 10px 0px;
    float: right;
    border-radius: 10px;
    font-size: 20px;
    color: #FFF;
    text-decoration: none;
}

.blue {
    background-color: #3498DB;
    border-bottom: 5px solid #2980B9;
    text-shadow: 0px -2px #2980B9;
}

.red {
    background-color: #E74C3C;
    border-bottom: 5px solid #BD3E31;
    text-shadow: 0px -2px #BD3E31;
}

.green {
    background-color: #82BF56;
    border-bottom: 5px solid #669644;
    text-shadow: 0px -2px #669644;
}

.yellow {
    background-color: #F2CF66;
    border-bottom: 5px solid #D1B358;
    text-shadow: 0px -2px #D1B358;
}

.action-button:active {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    border-bottom: 1px solid;
}

.Title {
    margin: auto;
    padding: 10px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.boxCurrency {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    min-height: 150px;
    padding: 10px;
    text-align: center;
}
.cardHolder{
    text-align: center;
}
.card {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    margin: 10px;
    position: relative;
    width: 340px;
    font-family: byekan;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    text-align: right;
}

.card:hover {
    box-shadow: 0 5px 26px rgba(0, 0, 0, 0.12), 0 5px 26px rgba(0, 0, 0, 0.24);
}

.cartNameHoler {
    float: right;
    width: 200px;
}

.cardImage {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 10px;
    top: 20px;
}

.cardName {
    padding: 10px 50px 0 0;
    font-size: 24px;
    font-weight: bold;
    height: 60px;
}

.cardKey {
    padding: 5px 50px 0 0;
    font-size: 18px;
}

.sellItem {
    font-size: 16px;
    padding: 5px 30px 6px 10px;
}
.cartInner{
    clear: both;
}
.sellIcon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
}

.sellItem span {
    font-weight: bold;
}

.sellButton {
    position: absolute;
    left: 20px;
}

.available {
    padding-top: 10px;
    width: 120px;
    float: left;
    text-align: right;
    font-size: 14px;
}

.available img {
    width: 20px;
    height: 20px;
    display: inline;
}

.cartMin {
    text-align: right;
    padding: 5px 30px 5px 5px;
    font-size: 14px;
}

.cardPrice {
    padding-top: 15px;
    font-size: 18px;
    font-weight: bold;
}

.cardPriceUnit {
    font-size: 12px;
    font-weight: bold;
}

.centerItems {
    width: 100%;
    position: relative;
}

.itemHolder {
    width: 100%;
    float: right;
    background-color: red;
}

.opHolder {
    width: 40%;
    float: left;
    text-align: left;
    padding: 5px 10px 5px 5px;
}

.opHolderButton {
    width: 100% !important;
    height: 100% !important;
}

.minHolder {
    width: 60%;
    float: right;
    padding-top: 10px;
}

/* GENERAL BUTTON STYLING */
.cardPriceButton,
.cardPriceButton::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.cardPriceButton {
    border: 3px solid #2ecc71;
    border-radius: 5px;
    color: #2ecc71;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px;
    width: 100px;
    margin: auto;
    margin-top: 25px;
    position: relative;
    text-transform: uppercase;
}

.exchangeBtn {
    border: 1px solid #2ecc71;
    color: #2ecc71;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
}

.exchangeBtn:hover {
    cursor: pointer;
    background-color: #2ecc71;
    color: white;
}

.buyButton {
    border: 1px solid #2ecc71;
    color: #2ecc71;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
}

.cardPriceButton::before,
.cardPriceButton::after {
    background: #fff;
    content: '';
    position: absolute;
    z-index: -1;
}

.cardPriceButton:hover {
    color: white;
    background-color: #2ecc71;
}

/* BUTTON 1 */
.cardPriceButton::after {
    height: 0;
    left: 0;
    top: 0;
    width: 100%;
}

.cardPriceButton:hover:after {
    height: 100%;
}



/* BUTTON 2 */

#statistic {
}

#statistic table thead tr {
    background-color: #21c2b6;
    color: white;
    font-size: 1.2em;
}
#statistic table thead tr th {
    text-align: center;
}
#statistic table tbody tr img {
    width: 20px;
    height: 20px;
}

#statistic table tbody tr td {
    border-left: 1px solid white;
    text-align: center;
    color: #000;
}

#statistic table tbody tr:nth-child(even) td {
}

.under10 {
    background-color: #ffebe6 !important;
}

.under20 {
    background-color: #ffc2b3 !important;
}

.under30 {
    background-color: #ff9980 !important;
}

.under50 {
    background-color: #ff704d !important;
}

.under100 {
    background-color: #ff5c33 !important;
}
.upper10{background-color: #c6ecc6 !important}
.upper20{background-color: #9fdf9f !important}
.upper30{background-color: #79d279 !important}
.upper50{background-color: #53c653 !important}
.upper50{background-color: #40bf40 !important}





#overlay {
    visibility: hidden;
    text-align:center;
    z-index: 1000;
    background-color: white;
    position: fixed;
    width: 500px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-top: -100px; /* Negative half of height. */
    margin-left: -250px; /* Negative half of width. */
    border-radius: 10px;
    padding: 25px;
    color: black;
    box-shadow: 0 5px 26px rgba(0, 0, 0, 0.12), 0 5px 26px rgba(0, 0, 0, 0.24);
}
#reserveWrapper .sourceValue{
    padding-right: 100px !important;
    padding-left: 0px !important;
}
#reserveWrapper .inputInstruction {
    left: 0px;
}
#reserveWrapper .unitExchange{
    left: 0px !important;
    top: 0 !important;
    width: 100px;
}
#sourceHolder{
    position: relative;
    min-width: 450px
}
#destHolder{
    position: relative;
    min-width: 250px
}
#sourceImg{
    width: 40px;
    height: 40px
}
#changingImage {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

#changingImage:hover {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media only screen and (max-width: 580px) {
    #sourceHolder{
        position: relative;
        min-width: 90%;
        margin: auto;
    }
    #destHolder{
        position: relative;
        min-width: 90%;
        margin: auto;
    }
    #sourceImg{
        margin: auto;
    }
    #changingImage {
        margin: auto;
    }
    .sourceValue{
        padding-right: 90px !important;
        padding-left: 0px !important;
    }
    #gaveLabel{
        display: none;
    }
    #availableCurrency{
        display: none;
    }
    .inputInstruction{
        left: 0px !important;
    }
}


#exchangeWrapper{
    direction: rtl;
}
.minItemHolder{
    float: right;
    padding-left: 15px;
}
.minItem{
    float: right;
    padding-left: 5px;

}
.w100{
    width: 100px;
}

.w250{
    width: 250px;
}


#ehraz{display: inline-block;width: auto;}

#ehraz li{width: auto !important;display: inline-block !important;margin-left: 30px;border: none;background-color: transparent;font-size: 1.4em !important}

#ehraz li i{margin-left: 10px !important;vertical-align: bottom;}

#ehraz li i:before{font-size: 1.4em !important;}

#ehraz li i.fa-remove{color: #f00b19 !important}

#ehraz li i.fa-check-circle{color: #00a000 !important}

.walletName{word-break: break-all !important}

.myInfoAccount{background: #eee;border:1px solid #ddd;padding: 5px;display: inline-block;width: 100%;line-height:40px}

.myInfoAccount .label{font-weight: bold;color: #888 !important;font-size: 1em}

.myInfoAccount .value{font-weight: bold;color: #555 !important;font-size: 1.1em}

.alert-error {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
}
.alert-error hr {
    border-top-color:#e4b9c0
}
.alert-error .alert-link {
    color:#843534
}

.com-currencies table.res{max-width: 100%;display: inline-block;overflow-x: scroll !important;width: 100% !important;}

.btn-time {
    background: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 15px 25px;
    float: left;
    width: 85px;
}

#timeExpire .btn-time{margin-top: 10px !important;}

#timeExpire{position: absolute;top: 40px;
    display: inline-block;left: 25%;background: #fff;padding: 30px;width: 50%;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 5px #eee;
    z-index: 99999999;
}


#timeExpire i{background: url('../images/iconExpire.png');display: inline-block;position: relative;width: 50px;height: 46px;background-size: 100% 100%;}

#timeExpire p{text-align: center;margin:10px 0;font-size: 1.4em;}

.tdi.order{z-index: 99999999;background: rgba(255, 255, 255, 0.89);}

.tdi.order{display: block;background: rgba(255, 255, 255, 0.81);width: 100%;height: 10000px;position: fixed;left: 0px;top: 0px;}

#timeExpire .btn-buy{width: 250px !important;margin-top: 20px;background: #a94442;color: #fff;padding: 15px 40px;}

.hidden{display: none}

.timeOrder{border: 1px solid rgb(255, 61, 68);width: 200px;display: inline-block;float: left;margin-bottom:20px;margin-top: -60px;margin-left: 15px;}

.timeOrder .row{display: inline-block;text-align: center;width: 100%;margin: 0px !important;color: rgb(255, 0, 0);padding: 5px !important;}

.timeOrder #expireBuy{margin-top: 5px !important;}