td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
    width: 18px;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

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

th.dt-right, td.dt-right { text-align: right; }

.mydatatable_details{
    font-size: 12px;
    border-radius: 1px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}

table.mydatatable_details tbody td{
    padding: 3px;
}

table.mydatatable_details thead th{
    padding: 3px;
}

.status-refilling {
    background-color: blue !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}

.status-submitted{
    background-color: grey !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}
.status-cancelling{
    background-color: orange !important;
    color: black !important;
    padding: 2px 5px;
    border-radius: .25em;
}

.order-info span {
    display: block;
    font-size: 24px;
    font-weight: 600;
}

.orderbg {
    background-color: #F15F23 !important;
    border: 1px solid rgba(112, 112, 112, 0.12);
    padding: 20px;
}

.order-actions .btn {
    background: #353535;
  }

.order-actions .btn:hover {
    background: rgba(53,53,53, 0.6);
  }

.valueCounter {
    padding-top: 25px;
    text-align: right;
    font-size: 33px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: 600;
    display: block;
}

.order-stat {
    border: 1px solid rgba(112, 112, 112, 0.12);
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.ordercountbg {
    background-color: #25AAE2 !important;
}

.order-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.order-info {
    font-size: 15px;
    padding-top: 2px;
}

.text-white{
    color: white;
}
td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
    width: 18px;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

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

th.dt-right, td.dt-right { text-align: right; }

.mydatatable_details{
    font-size: 12px;
    border-radius: 1px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}

table.mydatatable_details tbody td{
    padding: 3px;
}

table.mydatatable_details thead th{
    padding: 3px;
}

.status-refilling {
    background-color: blue !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}

.status-submitted{
    background-color: grey !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}
.status-cancelling{
    background-color: orange !important;
    color: black !important;
    padding: 2px 5px;
    border-radius: .25em;
}

.order-info span {
    display: block;
    font-size: 24px;
    font-weight: 600;
}

.orderbg {
    background-color: #F15F23 !important;
    border: 1px solid rgba(112, 112, 112, 0.12);
    padding: 20px;
}

.order-actions .btn {
    background: #353535;
  }

.order-actions .btn:hover {
    background: rgba(53,53,53, 0.6);
  }

.valueCounter {
    padding-top: 25px;
    text-align: right;
    font-size: 33px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: 600;
    display: block;
}

.order-stat {
    border: 1px solid rgba(112, 112, 112, 0.12);
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.ordercountbg {
    background-color: #25AAE2 !important;
}

.order-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.order-info {
    font-size: 15px;
    padding-top: 2px;
}

.text-white{
    color: white;
}
.btn-light {
    color: rgb(10, 10, 10);
    background-color: #ff0000;
}

.btn-light:hover,.btn-light.hover,.btn-light:focus,.btn-light:active,.btn-light.active,.open>.dropdown-toggle.btn-light {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-light:active,.btn-light.active,.open>.dropdown-toggle.btn-light {
    background: #000000;
    border-color: #000000;
}

.btn-light.disabled,.btn-light[disabled],fieldset[disabled] .btn-light,.btn-light.disabled:hover,.btn-light[disabled]:hover,fieldset[disabled] .btn-light:hover,.btn-light.disabled.hover,.btn-light[disabled].hover,fieldset[disabled] .btn-light.hover,.btn-light.disabled:focus,.btn-light[disabled]:focus,fieldset[disabled] .btn-light:focus,.btn-light.disabled:active,.btn-light[disabled]:active,fieldset[disabled] .btn-light:active,.btn-light.disabled.active,.btn-light[disabled].active,fieldset[disabled] .btn-light.active {
    background-color: #bdc3c7;
    border-color: #bdc3c7
}

.btn-light .badge {
    color: #efff00;
    background-color: #000
}
.status-pending {
    background-color: #28A7EE !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;;
}
.status-completed {
    background-color: #dbf2c100 !important;
    color: #000000 !important;
    padding: 2px 5px;
    border-radius: .25em;
}
.status-partial {
    background-color: #F57F17 !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;    
}

.status-cancelled, .status-stopped {
    background-color: #212121 !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}
.status-inprogress, .status-active,
.status-processing{
    background-color: #2196F3 !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}

.status-refunded{
    background-color: #212121 !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}
body {
    font-family: 'Ubuntu', "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 100%;
    margin-bottom: 60px;
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
    background-color: #ffffff;
}






















































    .currbtn{
        border-radius: unset;
        min-width: 75px;
    }
    .currbtn.selected{
        pointer-events: none;
        cursor: default;
        background-color: grey
    }
    .fa-youtube {
        color: #c4302b
    }

    .fa-facebook-square {
        color: #3b5998
    }

    .fa-instagram {
        color: #8a3ab9
    }

    .fa-twitter {
        color: #00acee
    }

    .fa-tiktok {
        color: #010101
    }

    .fa-telegram {
        color: #08c
    }

    .fa-soundcloud {
        color: #f70
    }

    .fa-spotify {
        color: #81b71a
    }

    .fa-reddit {
        color: #ff6314
    }

    .fa-google-plus {
        color: #db4a39
    }

    .fa-tumblr-square {
        color: #34526f
    }

    .fa-mixcloud {
        color: #52aad8
    }

    .fa-vk {
        color: #1a4b78
    }

    .fa-snapchat-square {
        color: #fffc00
    }

    .fa-vimeo {
        color: #86c9ef
    }

    .fa-linkedin {
        color: #0e76a8
    }

    .fa-tumblr-square {
        color: #34526f
    }

    .fa-mixcloud {
        color: #52aad8
    }

    .fa-dailymotion {
        color: #00d2f3
    }

    .fa-heart {
        color: #891984
    }

    .fa-snapchat-square {
        color: #fffc00
    }

    .fa-vimeo-v {
        color: #86c9ef
    }

    .fa-imdb {
        color: #f3ce13
    }

    .fa-discord {
        color: #7289da
    }

    .fa-napster {
        color: #000
    }

    .fa-vk {
        color: #1a4b78
    }
    .currbtn{
        border-radius: unset;
        min-width: 75px;
    }
    .currbtn.selected{
        pointer-events: none;
        cursor: default;
        background-color: grey
    }
    .alert-blue {
        color:  darkgreen;
        background-color: lightgreen;
        border-color: green;
    }   
    .bootstrap-select .btn-default:active:hover,
    .bootstrap-select .btn-default.active:hover,
    .bootstrap-select .open>.dropdown-toggle.btn-default:hover,
    .bootstrap-select .btn-default:active:focus,
    .bootstrap-select .btn-default.active:focus,
    .bootstrap-select .open>.dropdown-toggle.btn-default:focus,
    .bootstrap-select .btn-default:active.focus,
    .bootstrap-select .btn-default.active.focus,
    .bootstrap-select .open>.dropdown-toggle.btn-default.focus,
    .bootstrap-select .btn-default:active,
    .bootstrap-select .btn-default.active,
    .bootstrap-select .btn-default:hover,
    .bootstrap-select .btn-default,
    .bootstrap-select .open>.dropdown-toggle.btn-default {
        background-color: white !important;
        border: 1px solid #ececf1 !important;
        box-shadow: 0 2px 15px 0px rgb(0 0 0 / 10%);
        color: #000 !important;
    }
    .bootstrap-select .btn {
        background-color: white;
        color: #000;
    }
    .bootstrap-select .btn:focus {
        background-color: white !important;
        border: none !important; 
        outline: 0 !important;
    }
    .bootstrap-select .dropdown-menu li a:hover{
        background-color: #e2e2e2 !important;
        color: #3a3d44;
    }
    .bootstrap-select .dropdown-menu{
       max-width:300px;
    }  
    .bootstrap-select .dropdown-menu ul li a{
        white-space: break-spaces;
    }