/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


form#chatForm select, form#chatForm input:not([type="submit"]) {
background: #fff; }


.chatbot-container input, .chatbot-container select {
    width: 100%;
}
.form-resp {
    padding: 10px;
    margin: 50px 0;
    background: #fff;
}

/* Apply styles to the chart container */

/* Customize the appearance of chart elements */
#hscoreChart .chartjs-render-monitor {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

/* Style chart title */
#hscoreChart .chartjs-render-monitor .chartjs-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* Customize axis labels */
#hscoreChart .chartjs-render-monitor .chartjs-axis-labels {
  font-size: 12px;
  color: #888;
}

/* Style data points */
#hscoreChart .chartjs-render-monitor .chartjs-data-point {
  background-color: yellow;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
}


.chatbot-container form {     background: #e8efef;
    padding: 40px;
    box-shadow: 0px 0px 6px #999292;
}

.input-field input::placeholder {
    color: #939393;
}

.sbmt input[type="submit"] {
    margin-top: 15px;
	background: #47deec;
    font-size: 18px;
    text-transform: uppercase;
}

.sbmt input[type="submit"]:hover {
	background: #134d53; }
	
ul.elementor-icon-list-items {
    margin: 0;
    list-style: none;
}
.proces h4 {
    margin-bottom: 15px !important;
}

/*** Analize **/

.analize-row {
    display: flex;
    flex-wrap: wrap;

}

.analiza {
    width: calc(33.33% - 20px);
    margin: 3px 5px;
    background: #fff;
    /* padding: 15px; */
}
.analiza p {
    margin-bottom: 5px;
}

h5.accordion-title.v2 {
    text-align: center;
    color: #fff;
    background: #111518;
}

.accordion-content.v2 {
    background: #00192b;
}



.pmpro-body-level-required:not(.pmpro-body-has-access) #main-container .site-main {
    flex-grow: 1;
    margin-top: 150px;
    padding: 15px 60px;
}


.loading {
  margin: auto;
  border: 20px solid #EAF0F6;
  border-radius: 50%;
  border-top: 20px solid #FF7A59;
  width: 200px;
  height: 200px;
  animation: spinner 4s linear infinite;
}

@keyframes spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.accordion-content {
    display: none;
    padding: 10px;
    border-top: 1px solid #ddd;
}

.accordion-title {
    cursor: pointer;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    margin: 0;
}

.recipe-generator-container {
    background: #fff;
    padding: 30px;
    margin: 40px;
    text-align: center;
}


@media (min-width: 1000px) {
.prof-row {
    position: relative !important;
    height: 100% !important;   /* Or whatever height you desire */
    overflow-y: auto !important;
}

.prof-nav {
    position: sticky !important;
    top: 0 !important;
}

}

@media (min-width: 601px) {
	form#chatForm {
		display: inline-flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
		
		.input-field.col-6 {
		width: calc(50% - 20px);
	}
	form#chatForm .input-field {
		margin: 5px 10px;
	} 
			.input-field.col-12 {
		width: 100%;
	}
	.form-resp.retete {
		width: 80%;
		margin: auto;
	}
} 









@media (max-width: 999px) {
	
}