/*select box style */
/*the container must be positioned relative:*/
.custom-select {
    position: relative;
    font-family: Arial;
    width:200px;
    border-radius: 10px !important;
}
.custom-select select {
    display: none; /*hide original SELECT element:*/
}
.select-selected {
    background-color: #1d3649;
}
/*style the arrow inside the select element:*/
.select-selected:after {

    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
    border-radius: 10px !important;
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}
/*style items (options):*/
.select-items {
    border-radius: 10px !important;
    position: absolute;
    background-color: #1d3649;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 900;  /* z-index: 99; */ 
}
/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
/*End select box style */





.chat-box--message-text li {
    /* color: #BE9B00; */
    display: list-item;
    text-align: -webkit-match-parent;
    /* padding-left: 0px; */
    list-style-type: disc;
    margin-left: 20px;
}



.translationLeft {

    font-style: italic;
    text-align: left;
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 10px;

}



.oneBox
{
    width: 100%;
}

.chat-box--data--zerosize
{
    width: 0%;
    height: 0%;
}


.chat-box--message-cce
{
    display: none;
}

.chat-box--message-cis
{
    display: none;
}

.chat-box--data
{
    float: right;
    width: 40%;
    height: calc(100% - 50px);
    margin-top: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    margin-left: -10px;
 /*   overflow-y: auto;
    overflow-x: hidden;*/
    padding-top: 20px;
    border-color: #41d6c3;
    bottom: 100px;
    position: relative;
    top:20px;
    right: 5px;

}

.chat-box--data--content
{
   /* float: right; */
    width: calc(100% - 50px);
    height: calc(100% - 80px);

    /* margin-top: 10px;*/
    margin-right: 100px;
    margin-bottom: -10px;
    margin-left: -10px;
    overflow-y: auto;
    overflow-x: hidden;
   /* padding-top: 50px; */
   /* padding-right: 20px; */
    padding-left: 20px;

}



.moreInfoButton {

    float: left;
    display: none;
}


.moreInfo {

    float: left;

}


.Hidden {
    display: none;
}

.results--info {
    font-size: medium;
    font-style: normal;
    font-weight: bold;
    color: #5a5a5a;
}

.results--item-abstract {
    display: table-cell;
    margin-top: 0;
    padding: .25rem 0;
    vertical-align: top;
    width: 100%;
}

.results--item-container {

    display: table;
    width: 100%;
    padding-top: 10px;
   /* border-color: red; */
}
.results--item-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: .5rem
}
.results--item-score {
    display: table-cell;
    margin-top: 0;
    padding: .25rem 0;
    width: 8em;
    float: right;
}
.results--item-score-title {
    color: #325c80;
    font-size: .75019em;
    text-align: center;
}
.results--item-score-value {
    margin-top: 0;
    text-align: center;
}
.results--item-score-bar {
    height: 1.2em;
    width: .6em;
    /*  background-color: #dfe9e9;*/
    display: inline-block;
    margin-top: .5em;
    margin-right: .5em;
}
.results--item-score-bar-green {
    background-color: #7CC7FF;
}


.results--item-rank {
    display: table-cell;
    width: 4em;
    text-align: center;
    vertical-align: middle;
    border-right: 4px solid #f4f4f4;
}
.results--basic-info {
    margin-top: 0;
    display: table;
    width: 100%;
}
.results--see-more {
    font-size: .8em;
    color: #325c80;
    cursor: default;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform-origin: 50% 45%;
    -ms-transform-origin: 50% 45%;
    transform-origin: 50% 45%;
  /*  display: inline; */
   /* text-align: center; */
    text-align: justify;
}

.results--see-moreIcon {
  /*  font-size: .8em; */
    color: #325c80;
    cursor: pointer;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform-origin: 50% 45%;
    -ms-transform-origin: 50% 45%;
    transform-origin: 50% 45%;
    display: inline;
}
.results--see-more_SHOW {
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg);
}
.results--more-info {
    margin-top: 0;
    display: none;
}
.results--item-details {
    font-size: .8em;
    padding-right: 0;
    margin-bottom: 1rem;
}
.results--increase-icon {
    font-size: .56278em;
}
.results--increase-icon_UP {
    color: #41d6c3;
}
.results--increase-icon_DOWN {
    color: #ff7832;

}
.results--increase-value {
    font-size: 1.25em;
}

/*
#flip-old {
    padding: 15px;
    text-align: center;
    background-color: #325c80;
    color: white;
    border: solid 0px #c3c3c3;
    position: fixed;
    cursor: default;
    bottom: 110px;
    right:-83px ;
    border-radius: 0px 0px 0px 00px;
    transform: rotate(-90deg);
    transform-origin: right bot 0;


}
*/



#flip {


    color: white;
    position: fixed;
    cursor: pointer;
    bottom: 120px;
    right: 0px;
    /*border-radius: 0px 0px 0px 00px;*/
    /* background-color: white; */


   background-image: url('../images/watson_conversations_icon.png');
   /* watson_conversations_icon.png $/
   /* background-image: url('../images/partnerworld7a1.gif'); $/
   /* background-image: url('../images/WR1232792RK_partnerworld_animated_6a.gif'); */
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;


    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 100px;
    padding-left: 50px;
    content: "";
    z-index: 900; /* z-index: 879; */
    background-position: center;
    /*  opacity: 0.5; */

}


.cm-pill-container {
    cursor: pointer;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 900; /* z-index: 879; */
    transition: right .2s,bottom .2s;
    --pill-background-color:#EFC100; --pill-background-color-hover:#BE9B00; --pill-text-color:#323232; --cm-link-color:#4178BE; --cm-link-color-hover:#325C80;
}

.cm-pill .cm-pill-text {
    font-size: 18px;
    text-align: center;
    font-family: ibm-plex-sans,Helvetica Neue,Arial,sans-serif;
    color: #323232;
    color: var(--pill-text-color);
    display: block;
    padding: 0;
    margin: 0;
    line-height: 26px;
    height: 26px;
    text-shadow: none;
    white-space: nowrap;
    transition: width .3s;
}

.cm-pill {
    position: relative;
    float: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    outline: 0;
    border: 0;
    border-radius: 52px;
    background: #efc100;
    background: var(--pill-background-color);
    /* background-position-x: ;
    background-position-y: ;
    background-size: ; */
    background-size: 60px;
    background-position: -4px -5px;
    box-shadow: 0 0 16px rgba(50,50,50,.2);
    padding: 9px 22px;
    height: auto;
    width: auto;
    transition: background .3s,width .3s;
    min-width: 0;
    overflow: hidden;
}



.sidenav {
    position: fixed;
    bottom :0px ;
    right : 0px;
    width: 100%;
    height: 0%;
    border: 0px;
    overflow-y : auto ;
    z-index: 900; /* z-index: 4; */
    background-color: #1d3649;
    overflow-x : hidden ;
    transition: 1.2s;
    -webkit-transition:   1.2s;
    -moz-transition:  1.2s;
    -o-transition: 1.2s;


}



.sidenavopenmin {
    width: 40%;
    position: fixed;
    bottom :0px ;
    right : 40px;
    height: 85%;

    border: 0px;
    overflow-y : auto ;
    z-index: 900; /* z-index: 4; */
    background-color: #1d3649;
    overflow-x : hidden ;
    max-height: 85%;
    transition:  height 1.2s;
    -webkit-transition:   height 1.2s; /* Safari */
    -moz-transition:  height 1.2s;
    -o-transition: height 1.2s;

}

.sidenavopenmax {
    width: 100%;
    position: fixed;
    bottom :0px ;
    right : 0px;
    height: 85%;
  /*  top: 150px; */
    border: 0px;
    overflow-y : auto ;
    z-index: 900; /* z-index: 3; */
    background-color: #1d3649;
    overflow-x : hidden ;
    transition:  1.2s;
    -webkit-transition:   1.2s; /* Safari */
    -moz-transition:  1.2s;
    -o-transition: 1.2s;

}

.sidenav-top {
    position: absolute;
    top: 0px;
    height : 20px ;
    left : 5px;
    right : 5px;
    margin: 10px 10px 10px 10px;
    color: white;
}

.closebtn {
    position: absolute;
    top: -2px;
    right: 0px;
    margin-left: 50px;
    color:white;

}


.expandbtn {
    position: absolute;
    top: 0px;
    right: 30px;
    margin-left: 50px;
    color:white;

}

.minimizebtn {
    position: absolute;
    top: 0px;
    right: 60px;
    margin-left: 50px;
    color:white;

}


.sidenavhide {
    display: none;
}

.sidenav-content {
    display: inline-block;
    position: absolute;
    top: 35px;
    left: 5px;
    right : 5px;
    bottom: 5px;
    margin: 5px 5px 5px 5px;
    background-color: #ffffff;
}

.content-pat {
    display: inline-block;
    position: absolute;
    top: 5px;
    bottom: 60px;
    /* left : 200px; $/
    right : 200px;
    margin: 0px;
    /* border: 3px solid #73AD21; */
    overflow-y : auto ;
    overflow-x : hidden ;
    outline: 0;
    margin-bottom: 60px;
    width: 60%;
    left : 0px;
}

.input-text-box {
    position: absolute;
    bottom: 5px;
   /* left: 200px;*/
    padding-top: 17px;
    padding-bottom: 10px;
    background-color: #ffffff;
    /*width: calc(100% - 380px);*/
    border: 0px solid #325c80;

    width: 60%;
    left: 0px;
}
.input-text-box:HOVER {
    border: 0px solid #325c80;
}

.input-text-box-row {

}

.input-text-msg-container {


    width: calc(100% - 70px);
    height: 25px;
    position: relative;
    display: inline-block;


    background-color: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid #1d3649 !important;
    box-shadow: none !important;
    margin-left: 10px;

}

.input-text-msg {

    width: 100%;
    border: 0;

}


#input-mic-holder {
   /* cursor: pointer; */
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 25px;
    position: relative;
}



#input-mic {

    transition: 0.4s;
    cursor: pointer;

}

#input-mic.inactive-mic {

    pointer-events: auto;
}

#input-mic.inactive-mic:before {

    font-family: 'FontAwesome';
    content: "\f130";
    color: #1d3649;
}


#input-mic.active-mic {

    pointer-events: auto;
}

#input-mic.active-mic:before {

    font-family: 'FontAwesome';
    content: "\f131";
    color: #1d3649;
}

#output-audio.audio-off {
}

#output-audio.audio-off:before {
    font-family: 'FontAwesome';
    content: "\f026";
    color: #1d3649;

}


#output-audio.audio-on {

}

#output-audio.audio-on:before {

    font-family: 'FontAwesome';
    content: "\f028";
    color: #1d3649;

}

#output-audio {

    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 25px;
    margin-left: 10px;

}


#input-mic.active-mic-dis:before {

    font-family: 'FontAwesome';
    content: "\f131";
    color: #c0c0c0;;
}

#output-audio.audio-dis:before {

            font-family: 'FontAwesome';
            content: "\f028";
            color: #c0c0c0;;

        }
.input-text-boxHide {
    display: none;
}

.invisible {
    visibility: hidden;
    display: none;
     }

.feedbackHide {
    display: none;
}
.feedbackShow {
    display: inline-block;
    float: left;
    padding-top: 30px;
    width: 90%;
}


.feedbacktextarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    height: auto;
    padding-top: 5px ;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;

}

.chat-box {
}

.chat-box--pane {
    position: absolute;
    bottom: 0px;
    width: 100%;
    overflow-y: scroll;
    height: 100%;

    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.chat-box--item {
    transition: 0.4s;
    opacity: 1;
    visibility: visible;
    display: table;
    width: 100%; }
.chat-box--item_WATSON {
    background-color: #ffffff;
}
.chat-box--item_WATSON > * {
    float: left; }
.chat-box--item_YOU {
    background-color: #ffffff;
}
.chat-box--item_YOU > * {
    float: right; }
.chat-box--item_HIDDEN {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-40px);
position:absolute;

}
.chat-box--container {
    display: table-row;
    padding-top: 0px;
    padding-right: 5px;
    padding-left:  5px;
    padding-bottom: 0px;
}

.chat-box--container--YOU {
    display: table-row;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
}

.chat-box--container--YOU:after {
    content: ' ';
    border-bottom: 10px solid transparent;
    border-right: 10px solid #c0e6ff;
    display: inline-block;
    position: relative;
    float:right;
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.chat-box--avatar {
    display: table-cell;
    vertical-align: top;
    height: 0rem;
    width: 0rem; }
.chat-box--avatar_WATSON {
    background-color: #ffffff;
    padding-left: 0rem;
    padding-right: 0rem;
}
.chat-box--avatar_YOU {
    background-color: #ffffff;
    padding-left: 0rem;
    padding-right: 0rem;
}
.chat-box--avatar-img {
    width: 75%;
    height: auto;
    background-color: #ffffff;
}
.chat-box--message {
    display: table-cell;
    vertical-align: middle;
    width: calc(100% - 80px);
    min-height: 0rem;
    margin-top: 0rem;
    padding: 0.7rem;
    text-align: justify;


}
.chat-box--item_WATSON .chat-box--message {
    /*  background-color: #ffffff; */
    background-color:  #f4f4f4 ;
      border-radius: 20px 20px 0px 20px;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
  }
.chat-box--item_YOU .chat-box--message {
    /* background-color: #C8F08F; */

    background-color: #c0e6ff ;
    text-align: right;
    border-radius: 20px 20px 0px 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 20px;

}

/*
.chat-box--item_YOU .chat-box--message:after {
    content: ' ';
    border-bottom: 10px solid transparent;
    border-right: 10px solid #C8F08F;
    display: inline-block;
    position: absolute;
    bottom: -1px;
    right: 0;
    -ms-transform: rotate(0);
    transform: rotate(0)
}
*/

.chat-box--message-vertical {
    vertical-align: top;
}
.chat-box--item_YOU .chat-box--message-text {
    padding: 0rem 0rem;
}

.loader {
    text-align: center; }

.loader {
    width: 100%; }
.smil .loader--fallback {
    display: none; }
.no-smil .loader--fallback,
.no-svg .loader--fallback {
    display: block; }
.no-svg .loader--svg,
.no-smil .loader--svg {
    display: none; }

.chat-box--message p {
    font-size: 1em;
    color: #5a5a5a;
    margin-top: 0;
    line-height: 1.625rem;
    padding: 0 0 0 0px;
}

.no-pre-bar:before{content: " ";}


.pre-bar::before {
    display: inline-block;
    position: absolute;
    border: solid 0.14rem #1d3649;
    border-radius: 0.25rem;
    margin-right: 0.4375rem;
    margin-left: -0.625rem;
    margin-top: 0.3rem;
    content: "";
    color: white;
    border-bottom-width: 1.3rem;
}

/* start media */
@media (max-width: 768px) {


    .chat-box--message-cce
    {
        display: inline;
    }
    .chat-box--message-cis
    {
        display: inline;
    }

    .moreInfoButton {

        float: left;
        display: inline;
    }

    .chat-box--data
    {
        /* float: right; */
        width: 0%;
        height: 0%;


    }

    .content-pat {
        display: inline-block;
        position: absolute;
        top: 5px;
        bottom: 60px;
        /* left : 200px; $/
        right : 200px;
        margin: 0px;
        /* border: 3px solid #73AD21; */
        overflow-y : auto ;
        overflow-x : hidden ;
        outline: 0;
        margin-bottom: 60px;
        width: 100%;
        left : 0px;
    }

    .input-text-box {
        position: absolute;
        bottom: 5px;
        /* left: 200px;*/
        padding-top: 17px;
        padding-bottom: 10px;
        background-color: #ffffff;
        /*width: calc(100% - 380px);*/
        border: 0px solid #325c80;

        width: 95%;
        left: 0px;
    }



/*
    .content-pat {
        display: inline-block;
        position: absolute;
        top: 5px;
        bottom: 60px;
        left : 5px;
        right : 5px;
        margin: 0px;

        overflow-y : auto ;
        overflow-x : hidden ;
        outline: 0;
        margin-bottom: 10px;
    }
*/
/*
    .input-text-box {
        position: absolute;
        bottom: 5px;
       left: 5px;
        padding-top: 17px;
        padding-bottom: 10px;
        background-color: #ffffff;
       width: calc(100% - 12px);
        border: 0px solid #325c80;
        width: 50%;
        left: 0px;
    }
*/
    /*
    #flip {
        padding: 15px;
        text-align: center;
        background-color: #325c80;
        color: white;
        border: solid 0px #c3c3c3;
        position: fixed;
        cursor: default;
        bottom: 0px;
        right: 1px ;
        border-radius: 0px 0px 0px 00px;
        transform: rotate(-360deg);
        transform-origin: right;

    }
    */
    .sidenavopenmin {
        width: 100%;
        bottom : 0px ;
        right : 0px;
        height: 85%;
    }

/*

    .sidenav {
        bottom : 0px ;
        right : 0px;
        width: 0%;
        height: 90%;
    }
    .sidenavopenmax {
        width: 100%;
        bottom : 0px ;
        right : 0px;
        height: 85%;
    }

    .sidenavopenmin {
        width: 100%;
        bottom : 0px ;
        right : 0px;
        height: 85%;
    }
    */
    .expandbtn {
        position: absolute;
        top: 0px;
        right: 30px;
        margin-left: 50px;
        color:#4178BE;

    }
    .chat-box--avatar {
        display: table-cell;
        vertical-align: top;
        height: 0rem;
        width: 0rem;
    }
}


/* end media */


.ibm-custom-btn-rounded {
    border-radius: 10px !important;
    padding-top: 2px ;
    padding-bottom: 2px;
    padding-right: 10px ;
    padding-left: 10px ;
    font-size: 10px;
    outline-color: white;
}

.ibm-custom-btn-pri-blue {
    border-color: #1d3649 !important;
    background-color:#1d3649 !important;
    /*font-size: 16px !important*/
    text-align:center;
    font-size: 12px; 
    outline-color: white;
    color: white;
   
}


.ibm-custom-btn-pri-blue:hover {
    background-color: #1d3649 !important;
    border-color: #1d3649 !important
}

#feedOPtionsLeft {
    /*font-style:italic;*/
   /* text-align: right; */
   /*  width:100% ; */
    float:right; 
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    margin-left: 12px;

}

.feedOPtions {
    background-color: #ffffff ;
    text-align:left ;
}

.feedOPtionsLeftHide {
    display: none;
}

#feedOPtionsRight {
    /*font-style:italic;*/
    float:left;
    padding-top: 20px;
    padding-left: 59px;
}

.feedbackbuttonShow {

}

.feedbackbuttonHide {
    display: none;
}