/* COLOR CODES */
/* logo: 45a2c5 */
/* navbar: 191f27 */
/* navbar links hover: 45a2c5 */
/* footer top: 212a38 */
/* footer bottom: 191f27 */
/* footer icons: 45a2c5 */
/* footer icons hover: 279b93 */
/* hexagon pattern border: 212a38 */
/* preloader: 111d2d */

/* GENERAL */
html, body { 
    overflow-x: hidden; 
}
body {
    font-family: "Poppins", sans-serif;
    background-color: #fff;
}
a {
    color: #45a2c5;
    text-decoration: none;
}
a:hover {
    color: #0f6d90;
    text-decoration: none;
}
.nav-btn {
    color: #45a2c5;
}
.nav-btn:hover {
    color: #0f6d90;
}
.pagination > li > a
{
    background-color: white;
    color: #45a2c5;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    z-index: 3;
    color: #0f6d90;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a
{
    color: white;
    background-color: #45a2c5 !Important;
    border: solid 1px #45a2c5 !Important;
}
.pagination > .active > a:hover
{
    background-color: #45a2c5 !Important;
    border: solid 1px #45a2c5;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #45a2c5;
    border-color: #45a2c5; 
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
}

/* ACCOUNT */
.account .content-section {
	padding: 10px 10px;
	border: 1px solid #45a2c5;
	border-radius: 3px;
	margin-bottom: 10px;
}
.account .content-section table {
	background: transparent;
}
.account .content-section table thead {
    color: #45a2c5;
}

.language-select, 
.language-select:focus,
.language-select:active {
    border-color: #45a2c5;
    box-shadow: none;
}

/* ACCORDION-INFO */
.accordion-info {
    color: #45a2c5;
}
.accordion-info .accordion-item {
    border-color: #45a2c5;
}
.accordion-info .accordion-item .accordion-header .accordion-button {
    background-color: #45a2c5;
    color: #fff;
}
.accordion-info .accordion-item .accordion-header .accordion-button.collapsed {
    background-color: #0f6d90;
    color: #fff;
}
.accordion-info .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
}
.accordion-info .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-info .accordion-item .accordion-header .accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* MODAL-INFO */
.modal-info .modal-content {
    width: 80%;
    margin: 0 auto;
}
.modal-info .modal-body {
    padding: 0;
}
.modal-info .btn-close {
    position: absolute;
    right: 1em;
    padding: 1em;
}
.modal-info .btn-close:focus {
    box-shadow: inset 0 0px 0 #7e7e7e;
}
.modal-info h1 {
    font-size: 2.3em;
    font-weight: bold;
    color: #45a2c5;
}
.modal-info form {
    padding: 2em;
    max-width: 100%;
    box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
}
@media (max-width: 576px) {
    .modal-info form {
        max-width: 90%;
        margin: 0 auto;
    }
}
.modal-info .form-control:focus {
    box-shadow: inset 0 0px 0 #7e7e7e;
}
.modal-info span {
    padding-left: 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
}
.modal-info .form-control {
    padding-left: 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
}
.modal-info form .btn {
    background-color: inherit;
    border-color: #45a2c5;
    color: #45a2c5;
    width: 100%;
    font-weight: 800;
    border-radius: 0;
    margin-top: 15px;
    padding: 0.5em 0;
}
.modal-info form .btn:hover,
.modal-info form .btn:active {
    background-color: #45a2c5;
    border-color: #45a2c5;
    color: #fff;
}
.modal-info p {
    text-align: center;
    padding-top: 1.5em;
    color: grey;
}
.modal-info .error {
    color: #dc3545;
}
.modal-info p a {
    color: #e1e1e1;
    text-decoration: none;
}
.modal-info p a:hover {
    color: #fff;
}