/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #035573;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Loader */
#global_loader_div .back-overlay {
    top: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1031;
    display: none;
    background-image: linear-gradient(to bottom, rgba(39, 60, 117, 0.1), rgba(39, 60, 117, 0.1));
    background-image: -moz-linear-gradient(top, rgba(39, 60, 117, 0.1), rgba(39, 60, 117, 0.1));
    background-image: -o-linear-gradient(top, rgba(39, 60, 117, 0.1), rgba(39, 60, 117, 0.1));
    background-image: -ms-linear-gradient(top, rgba(39, 60, 117, 0.1), rgba(39, 60, 117, 0.1));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 60, 117, 0.1)), to(rgba(39, 60, 117, 0.1)));
    background-image: -webkit-linear-gradient(top, rgba(39, 60, 117, 0.1), rgba(39, 60, 117, 0.1));
}

#global_loader_div .loading-box {
    width: auto;
    /* left: 46%;
    top: 40%; */
    z-index: 9999;
    border-radius: 3px;
    height: auto;
    position: fixed;
    background: rgba(3, 85, 115, 1);
    color: #fff !important;
    display: none;
    padding: 15px !important;
    top:50%;
    left:50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.loading-box i {
    color: #fff;
}

#global_loader_div .loader-text div {
    padding-top: 5px;
    text-align: center;
    color: #fff !important;
}

/* nav ul.navbar-nav.menu-scroll{
    height: 100px;
    overflow: hidden;
    overflow-y: auto;
} */
/* Mobile number select */
.iti{
    display: block;
}

.card{
    border-radius: 8px;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
}
.card .card-footer{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
#toast-container>.toast-error{
    opacity: 1 !important;
  }
  table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after{
    top: 50% !important;
    transform: translateY(-50%);
    bottom: auto !important;
  }

.iti__dial-code {
    color: #6E6E6E;
}

a {
    color: #0A58CA;
}
section{
    padding-top: 55px;
}

/* Outline button */
.btn.btn-blue-outline{
    border: 1px solid;
    color: #035573;
}
.btn.btn-blue-outline i{
    color: #035573;
}
.btn.btn-blue-outline:hover{
    background: #035573;
    color: #fff;
}
.btn.btn-blue-outline:hover i{
    color: #fff;
}
.section-bg {
	background-color: #ececec;
}
.bg-brown {
    background-color: #913a1d;
}
.bg-light-blue {
	background-color: #ccdee4;
}
.text-brown {
	color: #913a1d;
}
.text-blue {
    color: #035573;
}
.border-bottom-brown {
	border-bottom: 2px solid #913a1d;
}

.is-invalid .select2-selection {
    border-color: rgb(185, 74, 72) !important;
}
/* homepage */

.homepage p {
    line-height: 1.75;
}
.rounded-50 {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 3rem;
    height: 3rem;
    font-weight: 600;
    font-size: 1.25rem;
}
.fs-56 {
    font-size: 1.15rem;
}
.card-right-border [class*="col-"] {
    border-right: 2px solid #035573;
}
.card-right-border [class*="col-"]:last-child {
    border-right: none;
}
.heading-blue-divider {
    height: 2px;
    margin: 0 auto;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to left, #ffffff, #035573);
    border-image-slice: 1;
}
.bg-blue-white {
    background: linear-gradient(180deg, #035573 52%, #ffffff 52%);
}
.h-fix-200 {
    max-height: 200px;
}

/* FAQ Accordion */
#accordionFAQ .accordion-button {
	padding-right: 2.3rem;
}
#accordionFAQ .accordion-button::after {
    content: none;
    background: none;
}
#accordionFAQ .accordion-button i.fa-plus::before {
    content: "\2b";
    position: absolute;
    right: 1rem;
    top: 1rem;
}
#accordionFAQ .accordion-button[aria-expanded=true] i.fa-plus::before {
    content: "\f068" !important;
}
.btn-custom {
	line-height: 38px;
	padding: 0 40px;
	border-radius: 0.3rem;
	font-size: 1rem;
}
.border-blue {
	border: 2px solid #035573;
}
.border-brown {
	border: 2px solid #913a1d;
}
.border-1-blue {
	border: 1px solid #035573;
}
@media (max-width: 768px) {
    .card-right-border [class*="col-"] {
        border-right: none;
        border-bottom: 2px solid #035573;
    }
    .card-right-border [class*="col-"]:last-child {
        border: none;
    }
    .bg-blue-white {
        background: #035573;
    }
    .a11y-offers .col {
        flex: unset;
    }
}
@media (max-width: 844px) {
    .bg-blue-white {
        background: #035573;
    }
}

/* Back to top */

#back-to-top {
    display: none;
    color: #fff;
    background: #913a1d;
    border: none;
	border-radius: 50%;
    cursor: pointer;
	position: fixed;
	right: 18px;
	bottom: 0;
	height: 40px;
	width: 40px;
    z-index: 99;
	padding: 10px;
	text-align: center;
	box-shadow: 0 5px 20px 0 rgb(0 0 0 / 33%);
	text-decoration: none !important;
	-webkit-transform: translateY(130%);
	-ms-transform: translateY(130%);
	transform: translateY(130%);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
#back-to-top.show {
    display: block;
    bottom: 1rem;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);

}
#back-to-top:focus {
    outline: 2px dashed #FFF;
    outline-offset: -4px;
}

/* Custom check svg icon */
ul.check-blue-bullet {
	list-style-image: url(/public/assets/img/check-blue.svg);
}
ul.check-brown-bullet {
	list-style-image: url(/public/assets/img/check-brown.svg);
}
.page-link{
    color: #035573;
}
.page-item.active .page-link {
    background-color: #035573;
    border-color: #035573;
}
.dataTables_filter, .dataTables_length, .dataTables_paginate{
    padding: 5px 0 !important;
}
.dataTables_filter label {
	margin-right: 0.3rem;
}
.dataTables_filter input, .dataTables_length select {
    margin-top: 0.5rem;
}
.page-item.active .page-link:focus {
    outline: 2px dashed #fff !important;
}
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 33px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 33px;
}

/* Contact Us Modal */
#contactUsModal .modal-dialog {
    min-width: 75%;
}
#contactUsModal .modal-dialog .modal-content {
    overflow: hidden;
}
.close-modal {
    background-color: #913a1d;
    border-radius: 50%;
    height: 2rem;
    right: 0.5rem;
    top: 0.8rem;
    width: 2rem;
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 99;
}

/* Banner Popup Modal */
#popupBannerModal .modal-dialog {
    min-width: 40%;
}

/* Country Code with Flag */
.iti__flag-container {
	color: #000;
}

/* images and icons fixed size */
.tool-img {
    width: 11rem;
}
.crucial-img {
    height: 4.5rem;
}
.rocket-img {
    height: 5.5rem;
}
.step1-img {
	width: 4rem;
}
.step2-img {
	width: 4.5rem;
}
.step3-img {
	width: 5rem;
}
.step4-img {
	width: 7rem;
}
@media (max-width: 768px) {
    .step1-img {
        width: 5rem;
    }
}
.mw-175 {
    min-width: 17.5rem;
}

/* Main Menu */
header nav a.active {
	color: #913a1d !important;
    font-weight: bold;
}
#navbarNavDropdown .dropdown-item.active {
	background-color: transparent;
}
@media (max-width: 991px) {
    header #navbarNavDropdown {
        position: relative;
        overflow-x: hidden;
        height: 50vh;
    }
    header #navbarNavDropdown ul {
        padding: 0.5rem;
    }
}

/* Font size */
.fs-16x {
    font-size: 1.15rem;
}

/* Web Scanner and EPUB Scanner */
#report-block .chart-center-data {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
#report-block .audit-block {
    max-height:500px;
    overflow:hidden;
    overflow-y:auto;
}
#report-block .border-left-solid {
    border-left: 3px solid;
}
#report-block code.check-snippet {
    display: block;
    background: #000;
    color: #ffffff;
    border-radius: 5px;
    padding: 15px 20px 12px 22px;
    max-width: 100%;
    line-height: 1.75;
    border-radius: 8px;
}
.main-min-height {
    min-height: 92.5vh;
}

/* Form */
.card.bg-blue :input {
    border: #000;
}

.pt-6 {
    padding-top: 4rem;
}

/* Disclosure Buttons */
.disclosureSp button {
    margin-bottom: 0.3rem;
    padding: 0 0.3rem;
    border: none;
    font-weight: 600;
    font-size: 1.2rem;
    background-color: transparent;
    border-radius: 5px;
}
.disclosureSp button:hover {
    color:#913a1d;
}
.disclosureSp button[aria-expanded="false"]::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' style='forced-color-adjust: auto;'%3E%3Cpolygon points='1 1, 1 11, 8 6' fill='brown' stroke='brown' /%3E%3C/svg%3E%0A");
    position: relative;
    left: -2px;
    top: -1px;
}

.disclosureSp button[aria-expanded="true"]::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' style='forced-color-adjust: auto;'%3E%3Cpolygon points='1 1, 11 1, 6 8' fill='brown' stroke='brown' /%3E%3C/svg%3E ");
    position: relative;
    left: -4px;
}

::-webkit-scrollbar {
    width: 10px;
  }
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #888;
  }
  
  ::-webkit-scrollbar-button {
    background: #f1f1f1;
  }
  
  ::-webkit-scrollbar-button:start:decrement,
  ::-webkit-scrollbar-button:end:increment {
    display: block;
  }
  
  ::-webkit-scrollbar-button:vertical {
    height: 20px;
  }
  
  ::-webkit-scrollbar-button:horizontal {
    width: 20px;
  }

/* placeholder */
::placeholder {
	color: #676767 !important;
}
.select2-selection__placeholder {
	color: #676767 !important;
}
::-webkit-input-placeholder {
	color: #676767 !important;
}
::-moz-placeholder {
	color: #676767 !important;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #676767 !important;
}

/* GAAD Post */
.gaad-faqs .container {
    padding: 0;
}
.gaad-faqs .container h2 {
    display: none;
}
.scrollspy-container p {
    color: #000;
    font-size: 1.25rem;
}
/* #list-toc {
    padding-left: 0;
} */
#list-toc li {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#list-toc li.active {
    border-left: 6px solid #913a1d;
}
#list-toc li.active > a {
    color: #913a1d;
    font-weight: 600;
}
#list-toc a {
    text-decoration: none;
    display: block;
    padding: .125rem 0;
    color: #000;
    transition: all 50ms ease-in-out;
}
#list-toc ol, #list-toc ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 360px;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    /* height: 33rem; */
    height: 26.7rem;
}
#list-toc li {
    padding-left: 1.5rem;
    padding-right: 1rem;
    border-left: 1px solid #777777;
}
#list-toc li.active {
    padding-left: 1rem;
}
#scrollspy-content h2 {
    margin-top: 3rem;
}
.gicon-heading {
    max-width: 2.1rem;
    vertical-align: bottom;
    margin-left: 0.5rem;
}
.fa-3 {
    font-size: 4em;
}
@media (min-width: 576px) {
    .scrollspy-container .col-md-4 {
        display: none;
    }
    #scrollspy-content h2 {
        margin-top: 2rem;
    }
}
@media (max-width: 576px) {
    .scrollspy-container .col-md-4 {
        display: none;
    }
    #scrollspy-content h2 {
        margin-top: 2rem;
    }
}
@media (min-width: 768px) {
    .scrollspy-container .col-md-4 {
        display: block;
    }
}
@media (max-width: 1199px) {
    #list-toc ol {
        max-width: 300px;
        height: 27rem;
    }
}
@media (max-width: 991px) {
    #list-toc ol {
        max-width: 209px;
        height: 18rem;
    }
}

/* Popup banner modal 2 */
#amnet-logo {
    width: 9.5rem;
}
h2#popupBannerModalLabel {
    font-size: 2.7rem;
    z-index: 2;
    position: relative;
}
.converContinues span{
    background-color: #258835;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom-right-radius: 0 !important;
    font-size: 1.4rem;
}
.webinar-datetime span {
    font-size: 1.1rem;
    vertical-align: middle;
}
.author-1 {
    position: absolute;
    top: 21px;
    z-index: 1;
}
.author-2 {
    position: absolute;
    top: 250px;
    right: 21px;
    z-index: 1;
}
@media (max-width: 767px) {
    .author-container {
        display: flex;
    }
    .author-1, .author-2 {
        position: relative;
        top: unset;
        right: unset;
        z-index: unset;
        margin: 0;
        padding: 0;
    }
    .tlbf-logo {
        margin: auto;
        padding: 1rem !important;
    }
    .tlbf-logo img {
        padding: 0 !important;
        width: 5rem !important;
    }
    .converContinues, .webinar-datetime, .parentLink {
        text-align: center;
    }
}

.bg-light-info {
    background-color: #ecf0f7 !important;
}
/* for fa admin dash */
.dataTables_filter #file_type_filter label{
    background: #035573;
    color: #fff;
    padding: 2px 5px;
    margin-right: 0 !important;
    border-top-left-radius: .2rem !important;
    border-bottom-left-radius: .2rem !important;
}
.dataTables_filter #file_type_filter select{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.dataTables_filter .form-check-input{
    width: 1em !important;
}
.custom-tab-header{
    position: relative;
    z-index: 1;
}
.custom-tab-header h2{
    border-top: 2px solid;
    border-left: 1px solid rgba(0,0,0,.125);
    border-right: 1px solid rgba(0,0,0,.125);
    background: #fff;
    color: #035573;
    margin-bottom: 0;
    padding: 5px;
}
.border-top-left-radius-0{
    border-top-left-radius: 0;
}

.user-icon-circle{
    height: 50px;
    width: 50px;
    border-radius: 25px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 900;
}

/* tinymce */
.tox-tinymce{
    border:1px solid #212529 !important;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header{
    box-shadow: none !important;
    border-bottom:1px solid #212529 !important;
}
.tox .tox-edit-area::before {
    border: 1px solid #212529 !important;
    border-top-right-radius:0 !important;
    border-top-left-radius:0 !important;
    border-bottom-right-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
    content: '';
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .15s;
    z-index: 1;
}
/* Video */
.video-container {
    width: 70%;
}
@media (max-width: 768px) {
    .video-container {
        width: 100%;
    }
}

/* border */
.left-border-blue {
    border-left: 0.2rem solid #035573;
    padding-left: 0.5rem;
}

/* speical quote */
.speical-quote {
    border-radius: 2.5rem;
}
.speical-quote .ribbon {
    position: relative;
	width:5rem;
	height:5rem;
    left: 2rem;
	background-color:#913a1d;
}
.speical-quote .ribbon::before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -20px;
    border-left: 35px solid #913a1d;
    border-right: 35.5px solid #913a1d;
    border-bottom: 21px solid transparent;
}
@keyframes drop{
	0%		{ top:-350px; }
	100%	{ top:0; }
}
.speical-quote .ribbon i {
    color: #fff;
    font-size: 4rem;
    padding: 0.5rem 0.75rem;
}

.web-scanner .count_label{
    font-weight: bold;
}

/* set focus on non interactive element */
.targeted-focus:focus {
    outline: 2px dashed #000;
    outline-offset: 6px;
}

/* badge */
.pricing-badge {
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* radio button toggle */
#selection_type_group .btn-group-toggle>.btn input[type=radio], #auth_type_group .btn-group-toggle>.btn input[type=radio], #scan_type_group .btn-group-toggle>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
#selection_type_group .btn-group-toggle>.btn:focus-within, #auth_type_group .btn-group-toggle>.btn:focus-within, #scan_type_group .btn-group-toggle>.btn:focus-within {
    outline: 2px dashed #000;
    outline-offset: 2px;
    box-shadow: none;
}

/* select2 */
.select2-container--default .select2-selection--multiple {
	border: 1px solid #035573 !important;
}

/* datatable */
@media screen and (max-width: 767px) {
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
		text-align: left;
	}
    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding-left: 0;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: left !important;
    }
    .border-start {
        border-left: none !important;
    }
}

/* web scanner */
.web-scanner-add-url-details input[name^="urlGroups."] {
	min-width: 11rem;
}
.web-scanner-add-url-details button[aria-describedby^="tooltip"] span {
	display: none;
}
.web-scanner-add-url-details button[data-bs-toggle="tooltip"]:focus {
	outline: 2px dashed #000 !important;
    outline-offset: -2px;
    box-shadow: none !important;
}

/* Position */
.serial-number {
    position: absolute;
    left: 11px;
    top: 5px;
}

button[data-bs-toggle="tooltip"][aria-describedby]:focus span.sr-only {
    display: none;
}
.highlight-snippet {
    position: relative;
    background: #1e1e3f;
    border-radius: 0.475rem;
    overflow: hidden;
    overflow-y: auto;
}
.highlight-snippet pre {
    background-color: transparent;
    background: #1e1e3f !important;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    text-align: left;
    display: inline-flex;
    text-align: left;
}

.highlight-snippet code[class*=language-] {
    padding: 0;
    margin: 0;
    font-size: 1rem!important;
    background: transparent;
    box-shadow: none;
    text-shadow: 0 1px #222245 !important;
    overflow-wrap: anywhere;
}
code[class*=language-], pre[class*=language-]{
    white-space: pre-wrap !important
}
.swal2-icon.swal2-error {
	border-color: #F16969 !important;
}
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
	background-color: #F16969 !important;
}
.swal2-icon.swal2-info{
    border-color: #12A0CF !important;
    color: #12A0CF !important;
}

.case-studies-list-wrapper .col-xl-4 figure img {
	height: 250px;
}
@media only screen and (max-width: 991px) {
    .case-studies-list-wrapper .col-xl-4 figure img {
        height: auto;
    }
}