:root {
  --primary: #102661;
  --primary-dark: #0037B6;
  --primary-darker: #001B79;
  --success:#2AC14B;
  --info: #5585FC;
  --worning: #FFD12D;
  --danger: #FF423F;
  --gray: #878c8f;
  --gray-light: #f5f5f5;
  --custom-radius: .75rem;
  --primary-light: #CBE7FE;
  --danger-light: #FFE6D8;
  --warning-light: #FFF9D5;
  --success-light: #DAFBD4;
  --body-color: #404040;
  --heading-color: #1d1d1f;
  --border-color: #e9ecef;
  --border-dark-color: #002693;
  --border-primary-light: #004ADA;

}
header.header .topbar, footer.footer { background: linear-gradient(75deg, #2d2f4e 10%, #102661 100%) !important; }

section#main-body { background:#fff; }
header.header .main-navbar-wrapper { background: #2d2f4e; }
header.header .navbar a.pr-4  ,  header.header ul.navbar-nav  a.dropdown-toggle {  color: #fff; }
blockquote,pre{border-bottom:1px solid #fafafa;border-left:3px solid #55aebf;background:#f5fdff;font-size:13px;margin:5px 0 15px 0;padding:8px 10px 7px 16px; word-wrap: break-word;white-space: pre-wrap; }


h1 {     font-size: 1.5rem; }

 li + br {display: none;}
ul,li {
    display: block;
    list-style-type: none;
    }

    @media (max-width: 576px) {
    ol.breadcrumb {
        display:none;
    }

    blockquote {
    background-color: #f9f9f9;
    border-left: 4px solid #ccc;
    margin: 20px 0 ;
    padding: 15px 20px 1px 15px;
    font-style: italic;
    color: #555;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    position: relative;
}

blockquote::before {
    content: "“";
    font-size: 20px;
    color: #102661;
    position: absolute;
    top: -10px;
    left: 10px;
    z-index: 0;
    opacity: 0.5;
}

blockquote > * {
    position: relative;
    z-index: 1;
}



 .extra-padding { background-color: var(--gray-light); }

.tiles { margin-bottom:3px;   }

.tiles .tile{
  padding: 20px 15px;
  border: 1px dashed var(--border-color) !important;
  background-color: var(--gray-light);

}
.tiles .tile i{
  font-size: 28px;
  right: 15px;
  top: 20px;
}
.tiles .tile .title{
  text-transform: capitalize;
  font-weight: 500;
  font-size: 14px;
}
.tiles .tile .stat{
  margin-top: 0;
  color: var(--body-color);
  font-size: 35px;
}
.tiles .tile:hover{
  background-color: var(--primary-light);
}
.tiles .tile:hover i{
  font-size: 28px;
}
.tiles .tile:hover i, .tiles .tile:hover .stat{
  color: var(--primary);
}
.tt-custom-radius{
  border-radius: var(--custom-radius);
}
.tt-custom-radius-bottom{
  border-bottom-right-radius: var(--custom-radius);
  border-bottom-left-radius: var(--custom-radius);
}
.div-service-name>span:not(.text-domain){
  font-family: var(--font-family-monospace);
  font-weight: 500 !important;
}

.card{
  border-width: 1px;
border-color: var(--border-color);
}

.primary-content .card, .primary-content .mc-promo-login, .primary-content .mc-promo-manage{
  margin-bottom: 20px;
}
.tt-client-home-cards .card{
  border-width: 1px;
}
.client-home-cards.tt-client-home-cards .list-group{
  border-top: none !important;
}

.tt-client-home-cards .card-header .float-right a.btn{
  padding: 0.25rem 0.5rem;
}
.tt-client-home-cards form .form-control{
  padding: 4px;
}
.tt-client-home-cards form .btn, .actions .btn{
  padding: 0.25rem .75rem;
}
.tt-client-home-cards.client-home-cards .list-group .list-group-item{
  padding: 12px 15px;
}
.panel-mc-sso, .tt-client-home-cards.client-home-cards .card-body{
  padding: 15px;
}
/*
.tt-client-home-cards .card-header h3, .panel .panel-heading h3{
  font-size: 14px !important;
}
*/
.panel .card-header{
 /*  background-color: var(--primary-light);
 background-color:#0A3055;
color:#fff;
*/
  border-bottom: none;
}
.cart-sidebar .panel .panel-heading h3.panel-title{
  color: var(--primary);
}
.tt-client-home-cards.client-home-cards .card-header{
  border-bottom: 1px solid var(--border-color);
}
table.dataTable{
  border-collapse: collapse !important;
}
.dataTables_wrapper table.table-list{
  border: 1px solid var(--border-color);
}
.dataTables_length label .form-control{
  padding: 0.25rem 1.5rem 0.25rem 0.5rem;
}

table.table-list thead th:nth-child(2){ text-align: left; }
table.table-list tbody td{
  line-height: 19px;
  color: var(--body-color);
  transition: all 0.3s ease-in-out;
}
.table-list>tbody>tr>td a.border-left{
  text-align: left;
  color: var(--body-color);
}
table.table-list tbody td:first-of-type{
  font-weight: 500;
}
.table-list>tbody>tr:hover>td{
  background-color: var(--primary-light);
}
table.table-list tbody td small{
  display: block;
  line-height: initial;
  opacity: 0.9;
}
.dataTables_wrapper table.table-list thead th{
  border-bottom: 0;
  background-color: var(--gray-light);
  font-weight: 500;
  color: var(--body-color);
}
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc{
  background-color: var(--gray-light);
}

table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_asc_disabled,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting_desc_disabled,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_asc_disabled,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting_desc_disabled{
  padding-right: 0;
}
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:before{
  font-size: 10px;
  right: 4px;
}