.logo{
    width: 135px;
}
.logo-container
{
    margin:auto !important;
}
.table.table-xl td, .table.table-xl th {
    padding: 0.25rem 2rem;
}
.table td {
    padding: .1rem 1rem;
}
.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    border-top: 3px solid #083d73;
}
.nav.nav-tabs.nav-top-border .nav-item a {
    color: #083d73;
}
.payment-option .list-group-item{
        padding: .5rem 1.25rem;
}
.fs-12{
    font-size: 12px;
}
.list-group .list-group-item-action:active {
    color: #6B6F82;
    background-color: transparent;
}
.fa-edit, .fa-trash, .fa-eye{
    cursor: pointer;
}
.ck-content{
    height:171px;
}
.list-group-flush .list-group-item{
   padding: 4px 10px;
    text-align: center;
}
.fw-600{
    font-weight: 600;
}
.card .card-title{
    font-weight: 600;
}
.bg-lgrey{
        background: #f1f1f1;
}
.main-menu.menu-dark .navigation>li {
    padding: 9px 14px 0px;
}
.main-menu.menu-dark .navigation>li>a {
    padding: 8px 25px 8px 18px;
}
.main-menu.menu-dark .navigation {
    background: #ffffff;
}
.main-menu.menu-dark .navigation>li .active {
    background: #083d7f;
    border-radius: 7px;
}
.main-menu.menu-dark .navigation>li .active span, .main-menu.menu-dark .navigation>li .active i{
    color: #fff !important;   
}
.main-menu.menu-dark .navigation>li .active .notif-badge{
    background: #fff !important;
    color: #083d7f !important;
}
.navbar-semi-dark .navbar-header {
    background: #fff;
}
.ft-toggle-right {
    color: #083d7f !important;
}
.expanded .white {
    color: #083d7f !important;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.menu-dark .navigation>li {
   padding: 0px !important;
}
.main-menu.menu-dark .navigation li a span {
    display: inline-block;
    color: #083c70;
    font-weight: 500;
}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i {
    margin-right: 12px;
    float: left;
    color: #083d7f;
}
.line-on-side span {
    background: #FFF;
    padding: 0 10px;
    font-size: 21px;
    color: #083d73;
    font-weight: 900;
}
.fs-60{
    font-size: 60px;
}
.cong-icon{
    background: #0b7cc58c;
    border-radius: 100%;
    padding: 6px;
}
.theme-color{
    background: #083d7f;
}
.theme-color-2{
    background: #eeb32e;
}
.decor-left{
    position: absolute;
    left: 0;
    top: 0;
}
.decor-right{
    position: absolute;
    right: 0;
    top: 0;
}
.bg-lg{
    background: #e9e9ee;
}
.mt-34{
    margin-top: 34px;
}
.cat-img {
    width: 67px;
    height: 51px;
}
.light-grey{
    color: #6B6F82;
}
.imagePreview {
    width: 100%;
    height: 180px;
    background-position: center center;
  background:url(http://cliquecities.com/assets/no-image-e3699ae23f866f6cbdf8ba2443ee5c4e.jpg);
  background-color:#fff;
  background-size: 100% 100%;
  background-repeat:no-repeat;
    display: inline-block;
  box-shadow:0px -3px 6px 2px rgba(0,0,0,0.2);
}
.upload-btn{
    width: 100%
}
.imgUp
{
  margin-bottom:15px;
}
.imagePreview{
    background-image: url(../no-image.gif);
}
.card-img-top {
    cursor: pointer;
    height: 200px;
}
.enable .btn-group .btn{
    padding: .5rem .5rem !important;
    font-size: 11px !important;
}
.q-label label{
    vertical-align: sub;
    margin: 10px 0px;
}
 .q-label .btn-sm{
    margin: 5px 0px;
}
.display-4, .display-5 {
    font-size: 1.5rem;
}
.p3{
    padding: 3px !important;
}
.box-shadow{
    box-shadow: none !important;
}
.login-img{
    margin: 82px 0px !important;
}
.fp-img {
    margin: 31px 0px !important;
}
.main-menu.menu-dark {
    color: #DCDCDC;
    background: #fff;
}
.s-label:hover{
    color: #1E9FF2 !important;
}
.alert .close {
    font-size: 1.5rem;
}
.alert .close:focus{
    outline: none;
}
.close-alert{
    margin-top: 3px;
    margin-left: 10px;
}
.mt-7{
    margin-top: 7px;
}
.main-menu.menu-dark .navigation>li.open>a{
    background: #083d7f;
    border-right: 4px solid #083d7f;
}
.main-menu.menu-dark .navigation>li.open>a span , .main-menu.menu-dark .navigation>li.open>a i{
    color: #fff !important;
}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next):after{
   content: '\f0da';
   font-family: FontAwesome;
   top: 19px;
   color: #083d7f;
}
.main-menu.menu-dark .navigation li a {
    color: #083d7f;
}
.main-menu.menu-dark .navigation>li>ul, .main-menu.menu-dark ul.menu-popout {
    background: #ffffff;
}
.main-menu.menu-dark .navigation>li ul .hover>a{
    color:#083d7f;
}
.title-limit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.avatar img{
    height: 36px;
}
.padding-t-14{
    padding-top: 14px;
}
.notif-badge {
    color: white !important;
    background: #083d7e !important;
}
.bg-grey{
    background: #ddd;
}
/*.template-card{
    width: 318px;
    height: 157px;
}*/
    
      ul.tabs
{
    padding: 7px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left;
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px;
}
        
ul.tabs li a
{
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 7px 16px;
    border: 1px solid #CCC;
    color: #000;
    background: #fff;
    outline:none;
    font-size: 11px;
}

ul.tabs li a:hover
{
    border: 1px solid #B7B7B7;
    background:#083d7f;
    color: #fff;
}
        
ul.tabs li.selected a
{
    position: relative;
    top: 0px;
    font-weight:bold;
    color: #fff;
    background: #083d7f;
    border: 0px;
}
.client-info-tab p , .client-pass p , .client-api p{
    color: #000;
    font-weight: 600;
    line-height: 3;
    font-size: 11px;
}
.client-info-tab input{
    background: #fff !important;
    color: #000;
    font-size: 11px;
    font-weight: 600;
   
}
.info-tab input , .account-tab input{
     line-height: 1.29px !important;
}
#file_id{
    line-height: 1 !important;
}
.green{
    background-color: green;
}
.client-subs table{
    width:100%;    
    border: 1px solid #ccc;
    color: #000;    
    font-weight: 600;
    font-size: 13px;
    padding: 5px;
}
.client-subs table tr  {
    border-bottom: 1px solid #ccc;
}
.client-subs table th{    
    padding: 10px 5px;
    width: 16.333%;
    font-size: 11px;
}
.client-subs table td{    
    padding: 10px 5px;
    font-size: 11px;
}
.client-status{
        margin-top: 12px;
}
.account-table{
    width: 100%;
    color: #000;
    font-weight: 600;
    font-size: 11px;
}
.account-table tr{
     border: 1px solid #ccc;
}
 .account-table tr td{
     padding: 10px 10px;
}
.bank-acc-input{
    margin-left: 4px;
}
.account-text{
    line-height: 4.5 !important;
}
.subscription-table{
    text-transform: uppercase;
}

.upload-file{
  display: inline-block;
  background-color: #083d7f;
  color: white;
  cursor: pointer;
  margin: 0px;
}

@media (min-width:1910px){
.table-responsive {
    display: inline-table;
}
}
@media (max-width: 767.98px){
.navbar-dark .navbar-header .navbar-nav .nav-link, .navbar-semi-dark .navbar-header .navbar-nav .nav-link {
    color: #0f4283;
}
div.dataTables_wrapper div.dataTables_info{
    text-align: left;
}
}
@media (max-width: 1180px) and (min-width: 768px){
    ul.tabs li {
        display: inline-flex;
        margin-bottom: 8px;
    }
    .account-table tr td {
        display: flex;
        padding: 10px 10px;
    }
}
@media (max-width: 767px){
    ul.tabs li {
        display: grid !important;
    }
    .client-info-tab .col-12{
        padding: 0px;
    }
    ul.tabs li.selected a , ul.tabs li a{
        font-size: 12px;
    }
    .overflow{
        overflow: scroll;
    }
    .client-subs table th , .client-subs table td {
        padding: 10px 20px;
    }
    .client-api p , .account-tab p , .client-pass p{
        margin: 0px;
    }
    .account-tab  .col-md-6{
        padding: 0px;
    }
    .bank-acc-input{
        margin-left: 0px;
    }
    .corporate , .individual{
        padding: 0px;
    }
    .account-table tr td {
        padding: 10px 10px;
        display: flex;
    }
    
}