/* 
 * eurovip.taxi
 * rev. 26.10.2020
 *
 
color: #504566
background-color: #fefe90 ==> #ffd000
background: #2196f3;
*/

.app-theme {
	color: #504566!important;
    background-color: #ffd000!important;
}
.app-theme-background { background-color: #ffd000!important; }
.app-theme-form-background { background-color: #f9f9f9!important; }
.app-theme-text { color:#000000 !important; }
.app-theme-border { border-color: #504566 !important; }
.app-theme-color, h1, h2, h3 { color: #504566!important; }

.w3-display-container {
    background-color: darkgray;
}
.w3-modal footer, div.form footer {
	border-color: #504566;
	background-color: #ffd000;
}
button.w3-btn {
    border: 1px solid #504566;
    color: #ffffff;
    background: #2196f3;
}
div.footer-options {
	background-color: #ffd000;
}
.w3-third {
	border-color: #504566;
}
.phones a {
    color: #2196f3;
}
div#login,
div#registration,
div#feedback,
div#recovery,
div#confirm,
div#download {
    text-align: -webkit-center;
    padding: 70px 0px 20px 0px;
}

div#feedback div.form {
	width: auto;
}


/* Main */
html, body, h1, h2, h3, h4, h5, h6 { 
	font-family: "Roboto", sans-serif;
}
body, html { 
	height: 100%;
}

#topbar {
	max-height: 72px;
}
.topbar-row {
	overflow: auto;
    clear: both;
    background: url( 'img/checkers.png' ) repeat-x;
    height: 20px;
}
.topbar-left {
    float: left;
}
.topbar-left img {
	margin: 2px 0px;
    height: 39px;
    padding: 0px 8px;
    border: none;
    display: flex;
    outline: 0;
}
.w3-third {
    border-bottom: 1px solid;
}

.left-text {
    text-align: left;
}
.center-text {
    text-align: center;
}
.w3-padding-t64 {
    padding-top: 64px!important;
}
.w3-padding-b64 {
    padding-bottom: 64px!important;
}
/* */
.w3-display-container {
	min-height: 100%;
}

/* Form */
div.form {
    border-color: #9e9e9e!important;
    color: #34495e!important;
    background-color: #ffffff!important;
    border: 1px solid #cccccc!important;
    border-radius: 10px;
}
div.form {
	width: 280px;
}

div.form .center-text {
    text-align: center;
}

div.form header {
	text-align: center!important;
	padding: 0.01em 16px;
}
div.form header img {
	margin: 0px;
    margin-top: 10px;
    max-width: 134px;
}
div.form header p {
	padding: 3px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.form header .origin {
	color: #34495e;
}
div.form header .hostname {
	color: darkgreen;
}
div.form header .organization {
	color: darkred;
}
div.form div img {
	margin: 0px;
	margin-top: 10px;
}
div.form form.w3-container {
	min-height: 100px;
}
div.form h3 {
    text-align: center;
}
div.form textarea {
    resize: none;
    min-height: 120px;
}
div.form p {
    text-align: left;
}

/* Modal dialogs style */
.w3-modal header {
	display: none;
}
.w3-modal footer, div.form footer {
	border-top: 1px solid;
	text-align: center!important;
	padding: 8px 16px!important;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.w3-modal footer button {
	margin: 10px 24px 10px 24px;
}

.w3-modal .w3-modal-content {
    border-radius: 10px;
}
.w3-modal .w3-modal-content .w3-container {
    min-height: 90px;
}
.w3-modal .w3-modal-content .w3-container h4 {
	margin-top: 20px;
}

/* Button style */
button.w3-btn {
    border-radius: 2px;
    text-align: center;
    padding: 13px 15px;
    text-transform: uppercase;
   	font-weight: bold;
    font-size: 15px;
}

/* Footer options */
div.footer-options {
	text-align: center!important;
    width: 100%;
    top: 20px;
}
div.footer-options a {
    display: block;
    text-decoration-line: none;
    font-weight: bold;
    padding: 15px 5px;
    font-size: 15px;
}
div.footer-options a:hover {
    /*text-decoration-line: underline;*/
}
#modal-confirm button {
    padding-right: 30px;
    padding-left: 30px;
}
/* taxifares */
#taxifares th {
	font-weight: normal;
	text-align: center;
}
#taxifares td.label {
    text-align: left;
}
#taxifares td.value {
	text-align: right;
	font-weight: bold;
	padding-right: 24px;
    font-size: 21px;
}
li span.fa.w3-xlarge {
    margin-right: 16px;
    width: 30px;
}
/* phone numbers */
li p.phones {
    padding-left: 32px;
}
.phones a {
    text-decoration: unset;
}
/* footer off */
footer#myFooter {
    display: none;
}

@media (max-width: 640px)
.w3-hide-small {
    display: none!important;
}
@media (max-width: 992px) and (min-width: 641px)
.w3-hide-medium {
    display: none!important;
}
@media (min-width: 993px)
.w3-hide-large {
    display: none!important;
}
@media (min-width: 993px)
.w3-sidebar.w3-collapse {
    display: block!important;
}