body, html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    /* TODO: font-family: Conv_GravurCondensed Regular/Bold/... font-size:19px*/
    
    font-family: Conv_GravurCondensed-Regular, Tahoma, Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;

    color: #000;
    background-color: #f1f2f4;

    overflow-x: hidden;
}

/* #region General */
a[disabled] {
    pointer-events: none;
    cursor: default;
}

a {
	color: #21759b;
}
a:hover {
	color: #0f3647;
}
a:focus {
    outline: none;
}

button {
    background: transparent;
}
button:focus {
    outline:none;
}

a.btn, 
button.btn {
    padding: 15px 25px;
    color: #f1f2f4;
    background-color: #000;
    border-color: #000;
    border-radius: 5px;
    text-transform:uppercase;
}

a.btn[disabled] {
    cursor: not-allowed; 
}
button[disabled],
button.btn[disabled] {
    cursor: not-allowed;
}


/* TODO: Button Disabled*/
a[disabled].btn, button[disabled].btn {
    background-color: rgba(0, 0, 0, 0.75);
    color: lightgrey;
}
/* TODO: Button Hoover Highlight*/
a:hover.btn, button:hover.btn {
    color: lightgrey;
}
/* TODO: Button Focus Highlight*/
a:focus.btn, button:focus.btn {
    color: lightgrey;
    /* outline:none; */
    border-color: #000;
    box-shadow: none;
    transition: none;
}

input:focus {
    outline:none;
}
input.form-control:not(:disabled) {
    border-color: #000;
}
/* TODO: Input Hoover Highlight */
input.form-control:hoover {
}
/* TODO: Input Focus Highlight */
input.form-control:focus {
    /* outline:none; */
    border-color: #000;
    box-shadow: none;
    transition: none;
}

.vdp-datepicker {
    display: inline-block;
    white-space: normal; 
    direction: rtl;   
}
.vdp-datepicker > * {
    text-align: right;
}
.vdp-datepicker > * > * {
    direction: ltr;   
}
.vdp-datepicker input {
    padding-top: 6px;
    padding-bottom: 6px;
} 

p {
    margin-bottom:0;
    text-align: justify;
}

.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.highlighted {
    color: #21759b;
}

small, .small {
    font-size: 90%;
}
/* #endregion*/

/* #region Main Structure */
.main-wrapper {
    /* width: 1040px; */
    max-width: 68.571428571rem;
    max-width: min(68.571428571rem, 1040px);
    margin: 0 auto;

    padding: 0 24px;
	padding: 0 1.714285714rem;

    /* overflow: hidden; */
}
.main-header{
}
.main-content {
    margin-top: 25px;
    margin-bottom: 25px;
}
.main-footer{
}
/* #endregion*/

/* #region Header Logo */
.logo-info1{
    font-size: 15px;
    font-weight: bold;
    text-transform:uppercase;
    color: #999999;
}
.logo-info2{
    font-size:13px;
    line-height: 14px;
    text-transform:uppercase;
    color:#999999;
    margin-top:5px;
}
/* #endregion*/
/* #region Header Navigation Menu */
.navbar-menu {
    font-family: Conv_GravurCondensed-Bold;
    font-size:14px;
    list-style: none;
    float:right;
}
.navbar-menu > li{
    display:inline;
}
.navbar-menu > li  > a {
    padding:5px;
    font-size: 14px;
    font-weight:bold;
    color:#000;

    border-radius:5px;
    text-decoration:none;
    text-transform:uppercase;
}

.navbar-menu > li  > a:hover,
.navbar-menu > li  > a:active, 
.navbar-menu > li  > a.active {
    background-color:#000;
    color:#f1f2f4;
}
/* #endregion*/

/* #region Content*/
.header-section{
    text-align:center;
    margin-bottom: 25px;
}
.header-section > h1{
    text-transform: uppercase;
    margin-bottom: 25px;
}
.header-section p {
    text-align:center;
}

.content-section {
    margin-bottom: 25px;
}

.footer-section {
    margin-bottom: 25px;
}
/* #endregion*/

/* #region Content General */
/* TODO: calendar */
.calendar-picker{
    display: inline-block;
    text-align: right;
}
.calendar-picker fieldset {
    /*
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    */
    display: inline-block;
    white-space: nowrap; 
    border-bottom: 2px solid #000;
}
.calendar-picker input {
    border: 0px;
    background: transparent;
    text-align: right;
    font-weight: 500;
}
/* #endregion*/

/* #region Content Specific */
.content-section > ul{
    padding:0;
    list-style: none;
}
.content-section > ul > li {
    /* :not(:last-child) */
    padding-top:15px;
    padding-bottom:15px;
}

.content-section > ul > li >button {
    width:100%;
    border-color: #000;
    border-radius: 5px;
}
.content-section > ul > li.selected >button{
    background-color: #000;
    color: #f1f2f4;
}
.content-section > ul > li >button:hover,
.content-section > ul > li >button:active {
    background-color: #000;
    color: lightgrey;;
}
.content-section > ul > li > button > h3 {
    text-transform: uppercase;
}


.offer p {
    text-align: right;
}
.offer-value {
    font-size: 36px;
    font-weight: bold 
}
.offer-info {
    font-size: 12px
}
/* #endregion*/

/* TODO: Modals */
/*#region Modal pages*/
.modal-backdrop {
    background-color: white;
}
.modal-backdrop.show {
    opacity: 0.9;
}

.modal-content {
    border: 2px solid black;
}
.modal-header {
    border-bottom: none;
}
.modal-header .close {
    /* ... */
    display: none;
}

.modal-body {
}

.modal-footer {
    border-top: none;

    display: block;
    /* 
    background-image: url("../../../assets/images/configurator/viki-background.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    */
}
/*#endregion Modal pages*/

/*#region Media*/
/* [xxs] */
@media (max-width: 374px) {
}
/* xs  */
@media (min-width: 375px) {
}
@media (max-width: 575px) {
}
/* sm */
@media (min-width: 576px) {
}
@media (max-width: 767px) {
}
/* md */
@media (min-width: 768px) {
   
}
@media (max-width: 959px) {
}
/* lg */
@media (min-width: 960px) {
	.main-wrapper {
		padding: 0 40px;
		margin-top: 66px;
		margin-bottom: 0px;
	}
}
@media (max-width: 1199px) {
}
/* xl */
@media (min-width: 1200px) {
}
@media (max-width: 1439px) {
}
/* [xxl] */
@media (min-width: 1440px) {
}
/*#endregion Media*/