/*.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;

}



.sourceValue::before{

    position: absolute;

    content : " \2195";

    top     : .7em;

    right   : 6em;

    height  : 1em;

    width   : 1em;

    color   : #000;

}











.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: 120px;/*70px*/

    top: 0;

}



.form-group {

    min-height: 60px;

}



.invalid-feedback {

    color: red;

}



#availableCurrency {

    left: 0px;

    width: 120px;/*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: 20px;

    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: 30%;

    float: left;

    text-align: left;

    padding: 5px 10px 5px 5px;

}



.opHolderButton {

    width: 100% !important;

    height: 100% !important;

}



.minHolder {

    width: 70%;

    float: right;

    padding-top: 10px;
	
	font-weight: bold;

}



/* 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: 550px;/*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;

    }



    .sourceValue::before{

        position: absolute;

        content : " \2195";

        top     : .7em;

        right   : 5em;/*6em;*/

        height  : 1em;

        width   : 1em;

        color   : #000;

    }

















    #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;font-family: "BYekan" !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;}









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



    .sourceValue{

        padding-right: 90px !important;

        padding-left: 0px !important;

    }



    .sourceValue::before{

        position: absolute;

        content : " \2195";

        top     : .4em;

        right   : 5em;/*4.5em;*/

        height  : 1em;

        width   : 1em;

        color   : #000;

    }

}



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



    .sourceValue{

        padding-right: 90px !important;

        padding-left: 0px !important;

    }



    .sourceValue::before{

        position: absolute;

        content : " \2195";

        top     : .4em;

        right   : 5em;/*4.5em;*/

        height  : 1em;

        width   : 1em;

        color   : #000;

    }

}