.feedback_table,
.api_recommendation_table,
.api_recommendation_table2 {
    width:100%;
    background-color:white;
}

.feedback_table th,
.api_recommendation_table th,
.api_recommendation_table2 th{
    /*background-color: #eeeeee;*/
    background-color: white;
}

.feedback_table td, 
.feedback_table th,
.api_recommendation_table td,
.api_recommendation_table th,
.api_recommendation_table2 td,
.api_recommendation_table2 th {
    /*border: 1px solid #dddddd;*/
    text-align: left;
    padding: 8px;
}

.feedback_table td,
.api_recommendation_table td,
.api_recommendation_table2 td  {
    border: none;
}

.feedback_table td:first-child, 
.feedback_table th:first-child,
.api_recommendation_table td:first-child, 
.api_recommendation_table th:first-child,
.api_recommendation_table2 td:first-child, 
.api_recommendation_table2 th:first-child {
    padding-left: 10px;
}

.modalDialog,
.modalDialog2 {
    position: fixed;
    /*font-family: Arial, Helvetica, sans-serif;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 99999;
    /*opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;*/
}
/*.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}*/
.modalDialog > div,
.modalDialog2 > div  {
    margin: 0;
    position: absolute;
    top: 45%;
    left: 50%;
    /*min-width: 50%;*/
    max-width: 90%;
    max-height: 90%;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #fff);
    background: -webkit-linear-gradient(#fff, #fff);
    background: -o-linear-gradient(#fff, #fff); 
}

.close {
    color: #FFFFFF;
    line-height: 25px;
    position: fixed;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
}

/* code snippets modal */

.showBioTotal,
.showBioTotal2{
	top: 200px;
	min-width: 670px;
	max-width: 85%;
}

.showBioTotal .showBio_header,
.showBioTotal2 .showBio_header{
    padding: 1.2% 3.2% 1.2% 3.5%;
    background-color:var(--main-link-hover-color);
    border-radius: 10px 10px 0px 0px;
    color:white !important;
}

.showBioTotal .showBio_body,
.showBioTotal2 .showBio_body{
    padding: 1% 2% 2% 2%;
    max-height:570px;
    overflow-y:auto;
}

.showBioTotal .showBio_footer,
.showBioTotal2 .showBio_footer{
    padding: 1.2% 3.2% 1.2% 3.5%;
    border-top: 1px solid #d7d7d7;
    background-color:#fafafa;
    border-radius: 0px 0px 10px 10px;
}

.showBioTotal .saveBioButton,
.showBioTotal2 .saveBioButton{
    float:right; 
    background-color:var(--main-link-hover-color); 
    color:white;
    margin:0px;
    text-transform: initial;
    height:initial;
    padding: 10px 12px;
}

.showBioTotal .closeBioButton,
.showBioTotal2 .closeBioButton{
    margin:0px;
    text-transform: initial;
    height:initial;
    padding: 10px 12px;
}

.showBio_header .fa-comment-dots {
    font-size:1.2em;
    margin-right:1.2%;
}

.make_suggestion{
    max-height:40px;
    margin-left:10px;
    /* margin-top:10px;
    margin-bottom:20px;
    border-bottom: 1px solid grey;
    width:500px;
    font-size: 24px; */
}
/* .suggestion_form{
    width: 90%;
} */
/* .form_div_tab{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 40%;
    max-width: 90%;
    max-height: 100%;
    transform: translate(-50%, -50%);
    padding: 0 2.5% 2.5%;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #fff);
    background: -webkit-linear-gradient(#fff, #fff);
    background: -o-linear-gradient(#fff, #fff); 
    z-index: 99999;
    overflow-y: auto;
} */
.result_tab{
    left:35%;
    width:500px;
    height:200px;
    position: absolute;
    background:white;
    border:2px solid white;
    border-radius: 10px;
    text-align:center;
    z-index: 99;
    display:none;
}

textarea {
    font: 400 13.3333px Arial;
}

.feedback_table td select,
.feedback_table td textarea {
    margin-bottom: 0px;
    vertical-align: middle;
}

.suggestion_div{
    width:300px;
}

.suggestion_input,
.comments_input{
    width:100%;
    max-height: 140px;
}

/* .api_name{
    margin-bottom:10px;
} */
.feedback_title_icon{
    cursor:pointer;
    color:var(--main-link-color);
    font-size:20px;
    margin-left:0.5%;
}

.feedback_title_icon_2 {
    cursor:pointer;
    color:var(--main-link-color);
    font-size:14px;
    margin-right:2%;
}

.feedback_title_icon_3 {
    cursor:pointer;
    color:var(--main-link-color);
    font-size:14px;
    margin-right:3%; 
}

.feedback_title_icon_h4 {
    cursor:pointer;
    color:var(--main-link-color);
    margin-right:3%; 
}

.feedback_agreement {
    color:var(--main-link-color);
    cursor:pointer;
    padding: 16px 16px;
    text-decoration: none;
    display: block;
    text-align: center;
}

.feedback_agreement:hover {
    color:var(--main-link-hover-color);
    background-color: #f1f1f1;
}

.feedback_title_icon:hover,
.feedback_title_icon_2:hover,
.feedback_title_icon_3:hover{
    color:var(--main-link-hover-color);
}

.feedback_table td input,
.feedback_table td select{
  width:100% !important;
}


.feedback_table th{
    width:12%;
}

.feedback_table,
.feedback_table th,
.feedback_table td,
.api_recommendation_table,
.api_recommendation_table th,
.api_recommendation_table td,
.api_recommendation_table2,
.api_recommendation_table2 th,
.api_recommendation_table2 td  {
    border:0px;
}

  /* override skeleton_mod.css */
.feedback_table th:last-child, 
.feedback_table td:last-child,
.feedback_table td:first-child,
.api_recommendation_table td:last-child,
.api_recommendation_table td:first-child,
.api_recommendation_table2 td:last-child,
.api_recommendation_table2 td:first-child {
  padding:10px !important;
}

.feedback_table h5 {
    margin-top:0px !important;
}

.close {
    color: #FFFFFF;
    line-height: 25px;
    position: fixed;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
}

.feedback_table_error {
    display:none;
}


.feedback_table_error td{
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.feedback_table_error p {
    margin:0px !important;
    color:red;
}


.tooltip {
    position: relative;
    display: inline;
    /*border-bottom: 1px dotted black;*/
}
  
.tooltip .tooltiptext {
    visibility: hidden;
    width:auto;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    /* left: 100%; */
    left: 200%;
    margin-left: -55px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    /* margin-left: -9%; */
    margin-left: -40%;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* override css on API category page */
/* #category_detail_tab table#vendor-detail .tooltip .tooltiptext {
    left: 70% !important;
} */

#api_name_ep {
    padding:10px;
}

#api_name {
    padding:10px;
}

.suggestion_input {
    margin-bottom:0px !important;
}

#http_methods {
    margin: 2.5% 0px;
}

#show_mention_button,
#show_mention_button2 {
    cursor:pointer;
    vertical-align: middle;
    font-size:1em;
}

#hide_mention_button,
#hide_mention_button2 {
    display:none;
    cursor:pointer;
    vertical-align: middle;
    font-size:1em;
}

#api_recommendation_div,
#api_recommendation_div2 {
    margin-top:3.5%;
}

.api_recommendation_div_border {
    border-top:1px solid #D1D1D1;
}

.disable_suggestion_form table tr:not(#endpoint_title){
    opacity:0.55;
}

.disable_suggestion_form select:hover,
.disable_suggestion_form input:hover,
.disable_suggestion_form textarea:hover{
    cursor: not-allowed !important;
}

.disable_suggestion_form input[name="input_api"],
.disable_suggestion_form input[name="input_ep"] {
    display:none;
}

/* profile image css  */
.updated_profile_img{
    width: 31px;
    height: 31px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 2%;
}

.default_profile_img {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: var(--main-link-hover-color) !important;
    font-size: 12px;
    color:white;
    text-align: center;
    line-height: 31px;
    cursor: default !important;
    display:inline-block;
    margin-right: 2%;
}

.default_profile_img i {
    font-size:16px;
}

.select2-selection__rendered .updated_profile_img,
.select2-selection__rendered .default_profile_img,
.select2-selection__rendered .default_profile_img i{
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}

.select2-selection__rendered span span{
    vertical-align:middle;
}
/* [ style input and select width for my vendor update fields ] */

.select2-results__option--highlighted[aria-selected=true] {
    display: block !important;
}

.select2-container,
#mention_comments,
#mention_comments2 {
    width:100% !important;
}
/* [ end ] */

.feedback_table textarea,
.api_recommendation_table textarea,
.api_recommendation_table2 textarea {
    resize:vertical;
}

/* override select2 css for vendor and category dropdown */
.select2-container.select2-container--open {
    z-index: 99999999999999999999 !important; /* Sit on top */
}