.col-sm-6 {
    width: 50%
}
.col-sm-5 {
    width: 41.66666667%
}
.col-sm-3 {
    width: 25%
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }
}
.pull-right {
    float: right !important
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
}
.collapse {
    display: none
}

.collapse.in {
    display: block
}
.dropVal {
    font: 18px "Lato";
    font-weight: 400;
    margin: 5px 0 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    position: relative;
}
.drop_curr {
    position: absolute;
    background: #fff;
    padding: 10px;
    right: 0;
    top: 30px;
    max-height: 400px;
    overflow-y: auto;
    min-width: 200px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
    font-weight: 400;
    z-index: 15;
}
.drop_curr ul{
    padding: 0;
}
.drop_curr li{
    list-style: none;
}
table.exchange.usd td, table.exchange.eur td,
table.exchange.usd td:last-child, table.exchange.eur td:last-child{
    width: calc(100% / 3);
}
.ttl{
    font-size: 18px;
    font-weight: 700;
}
.s-bold{
    font-weight: 700;
}
.mb-20{
    margin-bottom: 20px;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " "
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both
}
#drop_curr {
    margin-left: 5px;
    cursor: pointer;
    color: #2396dc;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
#drop_curr:hover {
    color: #7bc057;
}