/* --- Bootstrap Overrides --- */
body {
    font-size: 14px;
    color: #11223F;
    background-color: #f3f7ff;
}

.navbar-brand-logo {
    display: inline;
    max-height: 30px;
}

.navbar-nav .nav-link {
   padding-top: 14px;
}

.btn-white {
    background-color: #fff;
    color: #007bff !important;
    padding: 8px 52px;
}

.img-cont {
    background-color: transparent;
    position: relative;
    overflow: hidden;
}

.img-cont img {
    max-width: 100%;
    max-height: 100%;
}


.clickable {
    cursor: pointer;
}

.disable-text-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* --- Table --- */

.table-compact td, .table-compact th {
    padding: 6px !important;
}

.table-compact thead th .th-inner {
    padding: 0px !important;
}

.table-tiny td, .table-tiny th {
    padding: 3px 6px !important;
}

.table-tiny thead th .th-inner {
    padding: 0px !important;
}

.td-title {
    min-width: 170px !important;
}

.td-40 {
    min-width: 40px !important;
}

.td-80 {
    min-width: 80px !important;
}

.td-120 {
    min-width: 120px !important;
}

.td-160 {
    min-width: 160px !important;
}


/* --- Toasts --- */

.toasts-top-right {
    right: 50px;
    top: 70px;
}


/* --- Page --- */

.bold {
    font-weight: 500;
}

.bg-white {
    background-color: #FFF;
}

.bg-dots {
    background-image: url("/imgs/support/bg.jpg");
    background-repeat: repeat-y;
    background-size: cover;
}

.content-wrapper>.content {
    padding-bottom: 30px;
}

.page-header {
    padding: 30px 0;
    margin: 36px 0 18px;
}

footer {
    padding: 60px 0 80px;
}

footer p {
    margin-bottom: 4px;
    color: #666;
}

.content-sec {
    border-top: 1px solid #ccc;
    padding: 12px 0;
    overflow: hidden;
}

.content-sec h3 {
    color: #333333;
    margin-bottom: 15px;
}

.static-content {
    font-size: 15px;
    line-height: 21px;
    text-align: justify;
    color: #555555;
}

.static-content .content-sec {
    border-top: 0px;
}

.static-content .img-cont {
    margin: 5px 0 10px;
    padding: 10px 5px;
}

.table-of-contents {
    margin: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    padding-bottom: 10px;
    text-align: left;
}

.table-of-contents ul {
    list-style-type: none;
    padding: 0px;
}

.table-of-contents ul>li {
    padding: 4px 0;
}


/* --- Page Specific --- */

.auth-page form {
    width: 340px;
    margin: 30px 0;
}

.auth-page .panel {
    border: 1px solid #ccc;
}


/* --- Home Page --- */

section.sec {
    padding: 60px 0;
}

.sec-header {
    text-transform: uppercase;
    padding: 20px 0;
    font-weight: normal;
    margin-bottom: 36px;
}

.sec-header::after {
    content: "";
    background-color: #1968FC;
    width: 120px;
    height: 2px;
    box-shadow: 0px 1px #cdcdcd;
    display: block;
    margin-top: 20px;
}

#sec-banner-main {
    padding: 100px 0 40px 0;
    margin-bottom: 20px;
}

#sec-clients .card {
    padding: 10px;
    text-align: center;
    height: 120px;
    margin-bottom: 18px;
}

#sec-clients .card img {
    max-width: 100%;
    max-height: 100px;
    width: auto;
}

#sec-benefits .card {
    margin-bottom: 24px;
    box-shadow: 0px 8px 24px #cdcdcd;
    padding: 30px;
}

#sec-benefits .card>.card-title {
    font-weight: normal;
}

#sec-benefits .card>.card-title>img {
    margin-right: 12px;
}

#sec-offerings .card {
    margin-bottom: 24px;
    box-shadow: 0px 8px 24px #cdcdcd;
    min-height: 264px;
}

#sec-offerings .card>.card-title {
    background-color: #f8f9fa !important;
    font-weight: normal;
    display: flex !important;
}

#sec-offerings .card>.card-title>img {
    background-color: #007bff !important;
    padding: 16px;
    margin-right: 10px;
}

#sec-offerings .card>.card-title>span {
    margin-top: auto;
    margin-bottom: auto;
    padding: 12px;
}

#sec-offerings .card>.card-subtitle {
    padding: 20px 30px 5px 30px;
}

#sec-offerings .card>.card-text {
    padding: 5px 30px 30px 30px;
}

#sec-pricing {
    padding: 80px 0;
}


/* --- Seller Pages --- */

.seller-page {
    position: relative;
    font-size: 16px;
}

.seller-page .page-banner {
    position: absolute;
    height: 230px;
    width: 100%;
    box-shadow: 0 20px 60px 0 rgba(49, 69, 244, 0.1);
}

.seller-page .page-header {
    padding: 60px 0 20px 0;
    margin: 0;
    height: 300px;
}

.seller-page .banner {
    max-height: 240px;
    overflow: hidden;
}

.seller-page .page-content {
    min-height: 400px;
    padding-bottom: 60px;
}

.seller-page .mt-60 {
    margin-top: 60px;
}

.seller-page .mb-50 {
    margin-bottom: 50px;
}

.seller-page .seller-info {
    margin: 60px 0 10px 0;
}

.seller-page .card-logo {
    height: 220px;
}

.seller-page .card-media-city {
    background-color: #eaf1ff;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
    box-shadow: 0 0 2px 2px #e8effc;
}

.seller-page .card-media {
    box-shadow: 0 0 2px 2px #e8effc;
    font-size: 14px;
    margin-bottom: 30px;
}

.seller-page .card-media .card-title {
    height: 48px;
}

.seller-media-detail p {
    margin-bottom: 0px;
}

#traffic-chart {
  min-height: 300px;
  margin-top: 60px;
}

#map-cont {
  height : 400px;
}

/* --- CSS :: Platform Pages --- */
.table>thead>tr>th {
    padding: 12px 8px;
}

.table>thead>tr>th .checkbox {
    margin: 0;
    margin-right: -5px;
    display: inline-block;
}

.table>thead>tr>th .multi-check-btn {
    position: relative;
}

.table>tbody>tr>td .sub-text, .table>tbody>tr>td .sub-text-success {
    display: block;
    margin: 2px 0;
}

.table .form-inline {
    display: inline-block;
    margin: 0 5px;
}

.table-cont {
    overflow: auto;
}

.sub-text, .sub-text-success {
    color: #777777;
    font-size: 11px;
    font-weight: normal;
    display: block;
}

/* Fa-Classes */
.fa-images-height {
	height:210px;
}

.fa-images-height-lg {
	height:444.75px;
}

/* Opacity */
.opacity-25 {
	opacity:.25
}
.opacity-50 {
	opacity:.50
}
.opacity-75 {
	opacity:.75
}