/*
 * Copyright © 2016 I.B.M. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the “License�);
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an “AS IS� BASIS,Li
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* html { */
    /* width: 100%; */
    /* height: 100%; */
/* } */

/* body { */
    /* margin: 0; */
    /* width: 100%; */
    /* height: 100%; */
    /* position: relative; */
/* } */

/* .overlay { */
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    /* margin: auto; */
    /* overflow: hidden; */
/* } */

/* #dark-overlay { */
    /* background: black; */
    /* opacity: 0.62; */
    /* z-index: 40; */
/* } */

/* #clear-overlay { */
    /* background: transparent; */
    /* z-index: 60; */
/* } */

/* .between-overlays { */
    /* z-index: 50 !important; */
/* } */

/* .hide { */
    /* display: none !important; */
/* } */

/* .fade { */
    /* transition: opacity 3s; */
    /* -moz-transition: opacity 3s; /* Firefox */ */
    /* -webkit-transition: opacity 3s; /* Safari and Chrome */ */
    /* -o-transition: opacity 3s; /* Opera */ */
/* } */

/* .fade-out { */
    /* opacity: 0; */
/* } */

/* .close-img { */
    /* padding: 0.625rem; */
    /* cursor: pointer; */
    /* width: 2.875rem; */
    /* outline: none */
/* } */

/* .close-img:hover { */
    /* animation: hover 0.2s 1 ease-out; */
    /* animation-fill-mode: forwards; */
/* } */

@keyframes hover{
    100% {
        transform: scale(1.1);
    }
}


/* .responsive-column { */
    /* -webkit-flex: 1; */
    /* -ms-flex: 1; */
    /* flex: 1; */
    /* overflow: auto; */
/* } */

.pre-bar::before {
    border-left: solid 0.25rem #FFD876;
    border-radius: 0.25rem;
    content: "";
    margin-right: 0.4375rem;
    margin-left: -0.625rem;
}

#svg_wrapper {
    margin: auto;
    overflow: hidden;
    position: relative;
    min-width: 325px;
    max-width: 1100px;
}

#svg_size {
    font-size: 0;
    position: relative;
    height: 0;
    width: 100%;
    padding: 0;
    padding-bottom: calc( 100% * 704 / 1024 );
}

#svg_canvas{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.nav_active {
    animation: nav 0.8s infinite linear;
}

@keyframes nav {
    100% {
        fill: green;
    }
}

.img-home {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

/*
 * Copyright © 2016 I.B.M. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the “License�);
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an “AS IS� BASIS,Li
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
.tooltip-dialog-box {
    font-family: "Helvetica Neue for IBM Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    background: #F8F8F8;
    border: 0.0625rem solid #979797;
    box-shadow: 0  0.125rem 0.875rem 0 rgba(0, 0, 0, 0.50);
    border-radius: 0.375rem;
    font-size: 1rem;
    color: #666666;
    text-align: left;
    z-index: 70;
}
*/
.tooltip-dialog-box .tooltip-dialog-close {
    float: right;
}

.tooltip-dialog-box .close-img {
    padding-top: 0.625rem;
    padding-right: 0.625rem;
}

.tooltip-dialog-box p {
    margin: 0;
}

.tooltip-dialog-text p {
  //  white-space: pre-line;
}

.tooltip-dialog-box .tooltip-dialog-btn {
    outline: none;
    margin-bottom: 1.25rem;
}

.tooltip-dialog-btn {
    padding: 0.625rem 1.5625rem;
    outline: none;
}

.tooltip-dialog-btn, .suggestion-btn {
    font-family: "Helvetica Neue for IBM Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    border:  0.125rem solid #01A88F;
    border-radius: 1rem;
    color: #FFFFFF;
    background-color: transparent;
    cursor: pointer;
    z-index: 10;
    letter-spacing: 0px;
    
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.60);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.60);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.60);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.tooltip-dialog-btn:hover, .suggestion-btn:hover {
	-webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.15)
}

.tooltip-dialog-btn-wrapper {
    text-align: center;
}

#welcome-tooltip-dialog {
    width: 28.125rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#welcome-tooltip-dialog .tooltip-dialog-text {
    padding: 3.125rem 3.75rem  1.25rem 3.75rem ;
}

#type-here-tooltip-dialog {
    width: 18.75rem;
    left: 1.25rem;
    top: auto;
    right: auto;
    bottom: 5.625rem;
}

#type-here-tooltip-dialog::before {
    content: "";
    position: absolute;
    bottom: -1.375rem;
    left: 8rem;
    border-width: 1.3125rem 1.3125rem 0;
    border-style: solid;
    border-color: #979797 transparent;
}

#type-here-tooltip-dialog::after {
    content: "";
    position: absolute;
    bottom: -1.3125rem;
    left: 8rem;
    border-width: 1.3125rem 1.3125rem 0;
    border-style: solid;
    border-color: #F8F8F8 transparent;
}

#type-here-tooltip-dialog .tooltip-dialog-text {
    padding: 3.125rem 2.5rem 1.25rem 2.5rem;
}

#menu-here-tooltip-dialog {
    width: 26.5625rem;
    right: 0.625rem;
    top: 5.3125rem;
    left: auto;
    bottom: auto;
}

#menu-here-tooltip-dialog .tooltip-dialog-text {
    padding: 3.125rem 3.125rem 1.25rem 3.125rem;
}

#menu-here-tooltip-dialog::before {
    content: "";
    position: absolute;
    top: -1.375rem;
    right: 4.25rem;
    border-width: 0 1.3125rem 1.3125rem;
    border-style: solid;
    border-color: #979797 transparent;
}

#menu-here-tooltip-dialog::after {
    content: "";
    position: absolute;
    top: -1.3125rem;
    /* value = - border-top-width - border-bottom-width */
    right: 4.25rem;
    /* value = (:before left) + (:before border-left) - (:after border-left) */
    border-width: 0 1.3125rem 1.3125rem;
    border-style: solid;
    border-color: #F8F8F8 transparent;
}

/*
 * Copyright © 2016 I.B.M. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the “License�);
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an “AS IS� BASIS,Li
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

#input-wrapper {
    padding: 0 1.25rem;
    background: white;
    position: relative;
	height: 70px;
}

#input-mic-holder {
    height: 3rem;
    width: 3rem;
    position: relative;
}

#input-mic {

    height: 50px;
    width: 50px;
    margin-left: 10px;

    transition: 0.4s;
    cursor: pointer;

    background-repeat: no-repeat;
    background-position: 50% 50%;
 
}


#input-mic.inactive-mic {

 /* background-image: url("https://cloud.pubblica.istruzione.it/urpbot/integrazioneChatbotURP/css/IntegrazioneChatbotDiogene/images/Background_Layout_05_export_bg.png"); */
background-image: url("https://cloud.pubblica.istruzione.it/urpbot/integrazioneChatbotURP/images/icon_no_mic.svg");
}
#input-mic.recording-mic, #input-mic:active {
  background-image: url("https://cloud.pubblica.istruzione.it/urpbot/integrazioneChatbotURP/images/icon_no_mic.svg");
 
}

#input-mic.active-mic, #input-mic:active {
background-image: url("https://cloud.pubblica.istruzione.it/urpbot/integrazioneChatbotURP/images/icon_no_mic.svg");

}

/* #output-audio.audio-on { */
  
/* background-image: url("https://cloud.pubblica.istruzione.it/urpbot/integrazioneChatbotURP/css/IntegrazioneChatbotDiogene/images/icon_speaker_off.svg"); */
/* } */

/* #output-audio.audio-off { */

  /* background-image: url("https://cloud.pubblica.istruzione.it/urpbot/integrazioneChatbotURP/css/IntegrazioneChatbotDiogene/images/icon_speaker_off.svg"); */
/* } */




/*
#input-mic.active-mic {
    animation: mic-pulse 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes mic-pulse {
    0% {
      border-color: black;
    }
    25% {
      border-color: #8C101C;
    }
    50% {
      border-color: #FF5050;
    }
    75% {
      border-color: #8C101C;
    }
    100% {
      border-color: black;
    }
}
*/

.input-outline {
    background-color: white;
    display: block;

    text-align: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#user-input {
    width: 100%;
    /* max-width: 90%; */
    background: white;
    font-family: "Helvetica Neue for IBM Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    color: #323232;
    letter-spacing:  0.01875rem;
    line-height:  1.625rem;
    border: none;
    outline: none;
    border-bottom: 0.0625rem solid #AEAEAE;
/*    padding-left: 0.3125rem;*/
    margin-bottom: -0.125rem;
    /* box-sizing: border-box; */
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translate(0%,-50%); */
}

#user-input.underline {
    border-bottom:  0.125rem solid #00B4A0;
}

#user-input::-webkit-input-placeholder {
    font-style: italic;
    color: #C9C9C9;
}

#user-input::-moz-placeholder {
    font-style: italic;
    color: #C9C9C9;
    opacity: 1;
}

input#user-input:-moz-placeholder {
    font-style: italic;
    color: #C9C9C9;
    opacity: 1;
}

#user-input:-ms-input-placeholder {
    font-style: italic;
    color: #C9C9C9;
}

::-ms-clear {
    display: none;
}

#user-input-dummy {
    position: absolute;
    white-space: pre;
    top: 0;
    left: -1000%;
    opacity: 0;
}

#chat-scroll-wrapper{
    position: absolute;
    bottom:  0rem;
    padding-top: 0.3125rem;
    margin-left: 1.25rem;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    background: rgba(255,255,255,0.3);
}

#chat-flow {
    text-align: left;
    /* width: calc(100% + 20px); */
    /* max-height: 70vh; */
    overflow-y: auto;
}

#chat-flow:hover {
    overflow-y: auto;
}

#chat-flow label {
	/*display: inline-block;
	max-width: 85%;
	margin-top: 3px;
	padding-top: 3px;
	margin-left: 5px;
	font-size: 12px;
	vertical-align: middle;
	border-top: 1px solid #E3B43F;
	width: 100%;*/
}


.user, .watson {
    display: block;
    overflow: visible;
    position: relative;
    margin-left: 5.3125rem;
    /* max-width:  30rem; */
}

.watson-message,
.user-message {
    border-radius: 0.375rem;
    font-family: "Helvetica Neue for IBM Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #3A484A;
    padding: 1.25rem 1.875rem;
    display: inline-block;
    margin: 0.3125rem 0;
    max-width: calc(100% - 2.3125rem);
    word-wrap: break-word;
    line-height: 1.3em;
}

.watson-message {
    background: #FFD876;
}

.user-message {
    background: #A7DDED;
}

.user-message::before {
    content: "";
    position: absolute;
    left: -0.6875rem;
    border-width: 0.625rem 0.75rem 0.625rem 0;
    border-style: solid;
    border-color: transparent #ACDCEC transparent transparent;
}

.user img {
    height: 3.75rem ;
    position: absolute;
    left: -4.6875rem;
    top: 0.3125rem;
}

.watson .pre-bar::before {
    border-left-color: white;
}

/*
 * Copyright © 2016 I.B.M. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the “License�);
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an “AS IS� BASIS,Li
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

#help {
    padding: 0.75rem 1.5625rem;
    background: #647577;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    border: 0px;
}

#help #help-text {
	display:block;
}

#help #help-icon {
	display:none;
}

/* #sidebar { */
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    /* height: 85vh; */
    /* width: 24.75rem; */
    /* /*visibility: hidden;*/ 
    /* -webkit-transform: translateX(100%); */
    /* -moz-transform: translateX(100%); */
    /* -ms-transform: translateX(100%); */
    /* transform: translateX(100%); */
    /* background: #3A484A; */
    /* overflow-y: auto; */
    /* -webkit-transition: -webkit-transform 0.2s ease-out; */
    /* -moz-transition: -moz-transform 0.2s ease-out; */
    /* -ms-transition: -ms-transform 0.2s ease-out; */
    /* transition: transform 0.2s ease-out; */
    /* z-index: 30; */
/* } */

/* #sidebar ul { */
    /* list-style: none; */
    /* padding: 0 1.5rem 0 1.5rem; */
    /* margin: 0; */
/* } */

/* #sidebar ul li { */
    /* border-top: none; */
    /* padding: 0 0 0.45rem 0; */
    /* display: block; */
/* } */

/* #sidebar .suggestion-btn { */
    /* background-color: #536668; */
    /* border:  0px; */
    /* border-radius: 1rem; */
    /* font-family: "Helvetica Neue for IBM Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    /* font-size: 1rem; */
    /* color: #F9D876; */
    /* padding: 0.625rem 1.25rem; */
    /* cursor: pointer; */
    /* z-index: 10; */
    /* text-align:center; */
    /* width: 100%; */
/* } */

/* #sidebar .suggestion-btn:hover { */
	/* background: #404F50; */
/* } */

/* #sidebar p { */
    /* padding: 2.5rem 1.25rem 1.5625rem 2rem; */
    /* font-size: 1rem; */
    /* margin-bottom: 0; */
    /* color: white; */
    /* font-family: "Helvetica Neue for IBM Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; */
/* } */

/* #sidebar .close-div { */
    /* float: right; */
    /* padding-top: 0.9375rem; */
    /* padding-right: 0.9375rem; */
/* } */

/* #sidebar.is-active { */
    /* -webkit-transform: translateX(0); */
    /* -moz-transform: translateX(0); */
    /* -ms-transform: translateX(0); */
    /* transform: translateX(0); */
/* } */

/*
 * Copyright © 2016 I.B.M. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the “License�);
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an “AS IS� BASIS,Li
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
 
.darkGrayCloud , .lightCloud.darkGrayCloud, .darkCloud.darkGrayCloud {
    fill: #848484;
    transition: fill 10.5s ease;
}

.lightGrayCloud, .lightCloud.lightGrayCloud, .darkCloud.lightGrayCloud {
    fill: #CFD1D1;
    transition: fill 10.5s ease;
}

.lightCloud {
    fill: #ffffff;
    transition: fill 10.5s ease;
}

.darkCloud {
    fill: #d5e9ef;
    transition: fill 10.5s ease;
}
#skyHue {
    fill:#c0e0ed;
    transition: fill 10.5s ease;
}
#skyHue.darkSky {
    fill: #8C989B;
    transition: fill 10.5s ease;
}

/*
 * Copyright © 2016 I.B.M. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the “License�);
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an “AS IS� BASIS,Li
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* IBM Design fonts https://github.ibm.com/Design/fonts */
@font-face {
    font-family: 'Helvetica Neue for IBM Light';
    src: url('../fonts/light/h-n-light.eot') format('eot'),
    url('../fonts/light/h-n-light.woff') format('woff2'),
    url('../fonts/light/h-n-light.woff') format('woff'),
    url('../fonts/light/h-n-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue for IBM Light Italic';
    src: url('../fonts/light-italic/h-n-light-italic.eot') format('eot'),
    url('../fonts/light-italic/h-n-light-italic.woff') format('woff2'),
    url('../fonts/light-italic/h-n-light-italic.woff') format('woff'),
    url('../fonts/light-italic/h-n-light-italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Helvetica Neue for IBM Roman';
    src: url('../fonts/roman/h-n-roman.eot') format('eot');
    /*url('../fonts/roman/h-n-roman.woff') format('woff2'),
    url('../fonts/roman/h-n-roman.woff') format('woff'),
    url('../fonts/roman/h-n-roman.ttf') format('truetype');*/
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue for IBM Roman Italic';
    src: url('../fonts/roman-italic/h-n-roman-italic.eot') format('eot'),
    url('../fonts/roman-italic/h-n-roman-italic.woff') format('woff2'),
    url('../fonts/roman-italic/h-n-roman-italic.woff') format('woff'),
    url('../fonts/roman-italic/h-n-roman-italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Helvetica Neue for IBM Medium';
    src: url('../fonts/medium/h-n-medium.eot') format('eot');
    /* url('../fonts/medium/h-n-medium.woff') format('woff2'),
    url('../fonts/medium/h-n-medium.woff') format('woff'),
    url('../fonts/medium/h-n-medium.ttf') format('truetype');*/
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue for IBM Medium Italic';
    src: url('../fonts/medium-italic/h-n-medium-italic.eot') format('eot'),
    url('../fonts/medium-italic/h-n-medium-italic.woff') format('woff2'),
    url('../fonts/medium-italic/h-n-medium-italic.woff') format('woff'),
    url('../fonts/medium-italic/h-n-medium-italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Helvetica Neue for IBM Bold';
    src: url('../fonts/bold/h-n-bold.eot') format('eot'),
    url('../fonts/bold/h-n-bold.woff') format('woff2'),
    url('../fonts/bold/h-n-bold.woff') format('woff'),
    url('../fonts/bold/h-n-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue for IBM Bold Italic';
    src: url('../fonts/bold-italic/h-n-bold-italic.eot') format('eot'),
    url('../fonts/bold-italic/h-n-bold-italic.woff') format('woff2'),
    url('../fonts/bold-italic/h-n-bold-italic.woff') format('woff'),
    url('../fonts/bold-italic/h-n-bold-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* IBM Icons */
@font-face {
    font-family: 'ibm-icons';
    src:url('../fonts/ibm-icons_ytcz1z.eot') format('eot'),
    url('../fonts/ibm-icons_ytcz1z.eot#iefix') format('embedded-opentype'),
    url('../fonts/ibm-icons_ytcz1z.ttf') format('truetype'),
    url('../fonts/ibm-icons_ytcz1z.woff') format('woff'),
    url('../fonts/ibm-icons_ytcz1z-ibm-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* IBM glyphs */
@font-face {
    font-family: 'ibm-glyph';
    src:url('../fonts/ibm-glyphs_1b8643.eot') format('eot'),
    url('../fonts/ibm-glyphs_1b8643.eot#iefix') format('embedded-opentype'),
    url('../fonts/ibm-glyphs_1b8643.ttf') format('truetype'),
    url('../fonts/ibm-glyphs_1b8643.woff') format('woff'),
    url('https://cloud.pubblica.istruzione.it/urpbot/integrazioneChatbotURP/fonts/ibm-glyphs.svg?1b8643#ibm-glyph') format('svg');
    font-weight: normal;
    font-style: normal;
}


#cb-main {
	/* overflow:hidden;  */
	/* background:url("../images/Background_Layout_05_export_bg.png"); */
	/* background-size: cover; */
	/* background-position: center; */
	/* width: 100%; */
	/* height:85vh; */
}

#cb-logo {
	position: absolute;
	bottom: 20%;
	width: 100%;
}

#cb-logo-miur {
    width: 24%;
    top: 1.25rem;
    left: 1.25rem;
    position: absolute;
    display:block;
}

#cb-logo-hor {
	display:none;
}

    #cb-logo-miur-mobile {
    	display: none;
    }
    
    #cb-top-mobile {
    	display: none;
    }

/*
 * Copyright © 2016 I.B.M. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the “License�);
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an “AS IS� BASIS,Li
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* html{ */
    /* font-size: 16px; */
/* } */


@media only screen and (max-width: 2000px) {
    html {
//        font-size: 18px;
    }
}


@media only screen and (max-width: 1100px) {
    html {
//        font-size: 15px;
    }
}

@media only screen and (max-width: 950px) {
    html {
  //      font-size: 14px;
    }
    
	.watson-message, .user-message {
		font-size: 1.3rem;
	}
}

@media only screen and (max-width: 800px) {
    html {
    //    font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    html {
      //  font-size: 12px;
    }
    
    #cb-logo-miur-mobile {
    	text-align: center;
    	margin: 0 auto;
    	width: 20%;
    	display: block;
    	max-width: 80px;
    }
    
    #cb-top-mobile {
    	background: #647577;
    	padding: 0.8rem 0rem;
    	display: block;
    }
    
    #cb-logo {
    	max-height: 70vh;
    	top: 5%;
    }
    
    #cb-logo-miur{
    	display:none;
    }
    
    #cb-logo-hor{
    	width: 67%;
	    top: 1.25rem;
	    left: 1.25rem;
	    position: absolute;
	    display: block;
	    max-width: 298px;
    }    	
    
    #chat-scroll-wrapper {
    	margin-left: 0px;
    	left: 0px;
    }
    
    #chat-flow {
    	width: 100%;
    	/* max-height: 74vh; */
    }
    
    #help {
    	padding: 1rem 1rem;
    }
     
	#help #help-text {
		display:none;
	}
	
	#help #help-icon {
		display:block;
		width: 25px;
	}
	
	#help #help-icon img {
		width: 100%;
	}
	
	.tooltip-dialog-btn, .suggestion-btn {
		border-radius: 6rem;
	}
	
	#user-input {
	    font-size: 1.7rem;
	    padding-left:0;
	    padding-right:0;
	}
	
	#sidebar .suggestion-btn {
	    font-size: 1.5rem;
	}
	
	#sidebar p {
	    font-size: 1.5rem;
	}
	
	#sidebar {
		width: 31.75rem;
	}
	
/*	#sidebar .close-img {
		width: 4.875rem;
	}*/
}

@media only screen and (max-height: 690px) 
	and (max-width: 767px)
	and (orientation: landscape) {
	
	#cb-main {
		/* height: 72vh; */
	}
	
	#chat-flow {
		/* max-height: 50vh; */
	}
	
}

@media only screen and (max-width: 700px) {
    html {
        font-size: 12px;
    }
}

@media only screen and (max-width: 600px) {
    html {
        font-size: 11px;
    }
}

@media only screen and (max-width: 500px) {
    html {
        font-size: 10px;
    }
    
	.watson-message, .user-message {
		font-size: 1.5rem;
	}    
}

@media only screen and (max-width: 400px) {
    html {
        font-size: 9px;
    }
}

.my_suggest_cls{
   position: fixed;
   display:none;
   background-color: white;
   border: 1px solid #0164c7;
   box-shadow: 2px 2px #0cefef;
   color: #135183;
   width: 183px;
   text-align: center;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
   padding: 5px 10px 5px 10px;
}

.left_suggest{
   margin-left : -170px;
   border-radius: 45px 45px 0px 45px;
}

.right_suggest{
  margin-left : 110px;
  border-radius: 45px 45px 45px 0px;
}

.top_left_suggest{
   margin-top : 100px;
   margin-left : -170px;
   border-radius: 45px 0px 45px 45px;
}

.top_right_suggest{
   margin-top : 100px;
  margin-left : 110px;
  border-radius: 0px 45px 45px 45px;
}