.transparent{
    background-color: transparent;
}

.nav > li > a {
    color: rgb(67, 47, 41) !important;
}

table>thead>tr>th>a:link{
    color: #666666;
}
    table>thead>tr>th>a:after{
        content: "\f107";
        font-family: FontAwesome;
        margin-left: 5px;
    }
    table>thead>tr>th>a:hover{
        color: #337ab7;
    }

    table>thead>tr>th>a.asc:after{
        content: "\f106";
    }

#message-preview{
    background-image: url("/theme/Minton/img/msg-preview.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 47% 8% 10% 20%;
}
#message-preview .message-text {

    padding: 5%;/* this is actually (426/1140)*100 */
    background-color: #2196F3;
    color: #FFF;
}


td.first > div.checkbox {
    margin-bottom:0;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th
{
    vertical-align: middle;
}
/*
input[type=checkbox],
input[type=radio]{
    opacity: 1 !important;
}
*/

#loaderModal.modal > .modal-dialog > .modal-content{
    border-radius: 0;
    border-color: transparent;
    padding: 0;
    background-color: transparent;
}

.select2-container-multi {
    background-color: transparent;
    border: none;
}


.widget-reseller{}
.widget-reseller .wid-info{
    margin-left: 120px;
}

.panel-color.panel-primary .panel-title {
    color: #000;
}

span#funds.btn-success{
    border: 2px solid #FFF !important;
}

.button-menu-mobile{
    color: #000;
}

.panel-border.panel-primary .panel-heading {
    border-color: #f9cd48 !important;
    color: #f9cd48 !important;
}

#loaderModal.modal{
    z-index: 1099;
    top: 100px;
}

td.last,
.btn-group
{
    white-space: nowrap;
}


.btn-group-vertical>.btn, 
td .btn-group>.btn{
    float: none;
}

.select2-container-multi .select2-choices{
    overflow: visible;
}

#inTabFilter{
    padding: 10px;
    background-color: #F9F9F9;
}
#inTabFilter .form-control{
    background-color: #fff;
    border: 1px solid #444444;
}

#ussd-node-conditions tbody tr td:last-child img{
    display: none;
}

.user-detail > h5 > a{
    color: #75767B !important;
}

.user-detail > h5 > a:hover{
    color: #F4F4F4 !important;
}

.navbar-default {
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.20) 0px 20px 20px -15px;
}

.topbar .topbar-left {
    background: #ffffff;
}

.subdrop {
    border-left: 2px solid #60afe3 !important;
}
.subdrop i {
    color: #60afe3 !important;
}

#sidebar-menu > ul > li > a.active {
    border-left: 2px solid #60afe3 !important;
}

#sidebar-menu > ul > li > a.active i {
    color: #60afe3;
}

#sidebar-menu > ul > li > a:hover {
    border-left: 2px solid #60afe3;
}

#sidebar-menu > ul > li > a:hover i {
  color: #60afe3;
}

#sidebar-menu > ul > li > a.active.subdrop {
    background: #1f2427 !important;
}

.page-title-box {
    background: #ebf2fd;
}


.logo {
    color: #1a4f9f !important;
}

.logo img {
    display: none;
}

.btn-primary {
    background-color: #0f2453 !important;
    border: 1px solid #0f2453 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  background-color: #60afe3 !important;
  border: 1px solid #60afe3 !important;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover, 
.tabs-vertical > li.active > a, 
.tabs-vertical > li.active > a:focus, 
.tabs-vertical > li.active > a:hover {
    color: #60afe3 !important;
}

.form-control {
    border: 1px solid #b9b9b9;
}

.panel-primary > .panel-heading {
  background-color: #60afe3;
}

@media (max-width: 767px) {
    .table-responsive .btn-group {
        margin-left: 1px;
    }
}

@media (min-width: 768px) {
    .panel-modal .table-responsive {
        overflow: visible;
    }
}

[v-cloak] {
    display: none;
}

/* Small devices (tablets,  and up) */
@media (min-width: 768px) {
    #message-preview{
        min-height: 465px;
    }
    #message-preview-bottom{
        background-image: url("/theme/Minton/img/msg-preview-bttm.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top left;
        height: 285px;
    }
}

@media (max-width: 768px) {
    #message-preview{
        border-bottom: 1px solid #CCC;
        margin-bottom: 10px;
        padding: 47% 10% 10% 10%;
    }

    #message-preview-bottom{
         display: none;
     }
}

@media (min-width: 1600px) {
    #message-preview{
        min-height: 600px;
    }
}

@media (width: 1024px) {
    #message-preview{
        min-height: 300px;
        border-bottom: 1px solid #CCC;
    }
}