body {
            font-family: Arial, sans-serif;
            background-color: #121212;
            color: #fff;
            margin: 0;
            /*display: flex;*/
            justify-content: center;
            align-items: center;
            height: 100vh;			
        }
	
        .divCabecalho {
            display: flex;
            justify-content: center;
			align-items: center;			
        }
		.divDetalhe {
            display: flex;
			justify-content: center;			
			align-items: center;
        }		
        .divVoo1 {
            margin-bottom: 10px;
        }
		
		.divVoo2 {
            margin-bottom: 10px;	
        }
		
		textarea {
			font-family: Arial, sans-serif;
			padding: 10px;
			margin-right: 10px;
			flex: 1;
			border: none;
			border-radius: 5px;
			background-color: #444;
			color: #fff;
			max-width: 100%;
			line-height: 1.5;
		}
		
        .input-group {
            display: flex;
            justify-content: space-between;							
        }			
		.input-group input[type="text"] {
			padding: 10px;
			margin-right: 10px;
			flex: 1;
			border: none;
			border-radius: 5px;
			background-color: #444;
			color: #fff;
		}		
		#divEsquerda {
			flex: 1; 
            padding: 10px; 
            box-sizing: border-box; 
		}
		#divCentro {
			flex: 3; 
            padding: 10px; 
            box-sizing: border-box;
			display: flex;
			justify-content: center;
			align-items: center;			
		}
		#divDireita {
			flex: 1; 
            padding: 10px; 
            box-sizing: border-box; 
		}
		
		.btnTopo {
            flex: 1;
            text-align: center;
            margin-bottom: 10px;
        }
        .btnTopo button {
            padding: 10px;
            font-size: 14px;
            cursor: pointer;
            background-color: #333;
            /*color: #fff;*/
            border: none;
            border-radius: 5px;
            width: 100%;
        }		
        .btnTopo button:hover {
            background-color: #555;
        }
		.clock {
			color: #FCC007;
			font-weight: bold;
		}
		
		.btnSingle {
			color: #BB7DF5;
		}
		
		.btnMult {
			color: #F9EB0E;
		}
		
		.btnGeral {
			color: #fff;
		}
		
		/* Estilo para o switch */
        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #9B1A00;
            transition: .4s;
            border-radius: 34px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }

        input:checked + .slider {
            background-color: #06BB63;
        }

        input:checked + .slider:before {
            transform: translateX(26px);
        }
		
		#divItens {
            width: 90%;
            max-width: 800px;
        }
		
		.modal {
			display: none;
			position: fixed;
			z-index: 1;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			background-color: rgb(0,0,0);
			background-color: rgba(0,0,0,0.4);
			padding-top: 60px;
		}
		.modal-content {
			background-color: #333;
			margin: 5% auto;
			padding: 20px;
			border: 1px solid #888;
			width: 80%;
			max-width: 300px;
			text-align: center;
			border-radius: 10px;
		}
		.modal-content button {
			padding: 10px;
			margin: 5px;
			border: none;
			border-radius: 5px;
			cursor: pointer;
			background-color: #666;
			color: #fff;
		}
		
		/****************************/
		
		
		
        .tabs {
            width: 90%;
            max-width: 800px;
        }
        .tab-buttons {
            display: flex;
            flex-wrap: wrap;
            border-bottom: 1px solid #333;
            margin-bottom: 0px;
        }
        .tab-button {
            flex: 1 1 auto;
            padding: 15px;
            cursor: pointer;
            background-color: #1e1e1e;
            text-align: center;
            border: none;
            color: #fff;
            transition: background-color 0.3s;
        }
        .tab-button:hover {
            background-color: #333;
        }
        .tab-button.active {
            background-color: #555;
        }
        .tab-content {
            display: none;
            padding: 20px;
            background-color: #1e1e1e;
            border-radius: 0 0 10px 10px;
        }
        .tab-content.active {
            display: block;
        }
        .container {
            display: flex;
            flex-direction: column;
        }
        .row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px;
            border-bottom: 1px solid #333;
        }
        .row:last-child {
            border-bottom: none;
        }
        .column {
            flex: 1;
            text-align: center;
            margin-bottom: 10px;
        }
        .column button {
            padding: 10px;
            font-size: 14px;
            cursor: pointer;
            background-color: #333;
            color: #fff;
            border: none;
            border-radius: 5px;
            width: 100%;					
        }
        .column button:hover {
            background-color: #555;
        }
		.hour-range {
            text-align: center;
            font-weight: bold;
			color: #fff;
        }
        .hour-range-v1 {
			font-family: Courier New;
            text-align: center;
            font-weight: bold;
			color: #73D85A;
        }
		.hour-range-v2 {
			font-family: Courier New;
            text-align: center;
            font-weight: bold;
			color: #E39E00;
        }
        @media (min-width: 600px) {
            .row {
                flex-direction: row;
            }
            .column {
                margin-bottom: 0;
            }
            .column button {
                width: auto;
            }
        }
		
		.embark-content {
			padding: 50px;
			flex: 2;
		}
		
		.counter {
			display: flex;
			align-items: center;
			justify-content: space-between;
			max-width: 200px;
			margin-top: 10px;
		}
		.counter input {
			width: 50px;
			text-align: center;
			font-size: 16px;
			padding: 8px;
			border: 1px solid #666;
			border-radius: 5px;
			background-color: #333;
			color: #fff;
		}
		.counter button {
			padding: 8px 16px;
			background-color: #666;
			color: #fff;
			border: none;
			cursor: pointer;
			border-radius: 5px;
		}