* {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
}

:root {
  --selected-dag-bg: #0291E0;
  --selected-dag-fg: white;
}

.fa-send{
  align-items: center;
  align-self: center;
  align-content: center;

}
.fa-plus{
  align-items: center;
  align-self: center;
  align-content: center;
  /* margin-right: 10px; */

}


.fa-times{
  align-items: center;
  align-self: center;
  align-content: center;

}

.selected_nodes{
  background-color: green;
}

/* .myclosebtn{
  background-color: transparent!important;
  color: gray!important;
}
.myclosebtn:hover{
  color:red!important;
} */

.caret-icon i:before {
  content: none !important;
}

menu {
    position:absolute;
    display:block;
    left:0px;
    top:0px;
    height:25px;
    width:25px;
    padding: 0;
    margin: 0;
    border:none;
    background-color:#333;
    /* color:white; */
    font-weight:normal;
    white-space:nowrap;

}
menu:hover{
    background-color:gray;

}
menu:hover > menu{
    display:block;
}
menu > menu{
    display:none;
    position:relative;
    top:-20px;
    left:100%;
    height: 30px;
    width:140px;
    padding-left:10px;
    padding-top: 5px;

}
menu[title]:before{
    content:attr(title);
}
menu:not([title]):before{
  border: none;
  content: "\2630";
  padding-left: 5px;
  align-content: center;
}

#id_dash_user_select {
  padding: 5px;
}
#id_row2 {
  margin-top: 5px;
}

#sidebarCollapse{
  display: none !important;
}



    body {
        margin: 0px;
        padding:0px;
        height: 100%;
        overflow: hidden;
    }
    h3 {
      /* font-family: courier; */
      margin-top: 20px;
      margin-bottom: 5px;
    }
    h1 {
      /* font-family: courier; */
    }
    html {
      margin: 0;
      height: 100%;
    }
    .class_link_text{
      /* font-family: Verdana; */
      font-size: 14px;
      /* border-color: #1A5793 !important; */
      margin-left: 10px;
      white-space: pre-wrap;
      color: #0081ff;
    }
    .class_reason_text{
      /* border-color: #1A5793 !important; */
      min-width: 65%;
    }



    .class_description_text{
      /* font-family: Verdana; */
      font-size: 14px;
      rows: 2;
      width: 90%;
      border-radius: 3px;
      border-color: #1A5793 !important;
      margin-left: 10px;
      white-space: pre-line;

    }
    .class_evidence_text{
      /* font-family: Verdana; */
      font-size: 14px;
      rows: 2;
      width: 90%;
      border-radius: 3px;
      border-color: #1A5793 !important;
      margin-left: 10px;
      white-space: pre-line;
    }
    .class_resolution_text{
      /* font-family: Verdana; */
      font-size: 14px;
      rows: 2;
      width: 90%;
      border-radius: 3px;
      border-color: #1A5793 !important;
      margin-left: 10px;
      white-space: pre-line;
    }

    .class_link_text:hover{
      color: blue;
      cursor: pointer;
    }

    .class_affects {
        margin-left: "20px";
    }
    .class_reasons {
        margin-left: "20px";
        margin-top: "20px";
        left: "20px";
        padding: "20px";
        padding-top: "20px";
    }

    .class_addbutton{
      background-color: gray;
      color: white;
      border: none;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px;
      border-radius: 10%;
      margin-left: 50px;

    }
    .class_addbutton:hover {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    button:focus {outline:0;}
    *:focus {
      outline: none !important;
    }

    .class_submit_button{
      /* border-radius: 15px; */
      margin-right: 10%;
      margin-left: 5px;
      padding-left: 5px;
      margin-top: 10%;
      margin-bottom: 10px;
      /* margin-bottom: 10px; */
      /* margin-top: 20px; */

      /* color: #1A5793; */
      background-color: white;
      /* color: gray; */
      box-shadow: 0px 1px 3px -1px #313030;
      align-items: center;
      align-content: center;
      align-self: center;
      /* padding-top: 7px; */
      /* padding-bottom: 7px; */
      border-radius: 5px;
      border: none;
  }


    input[type=text], input[type=password],  select {
      /* width: 300px; */
      padding: 8px 20px;
      /*margin: 8px 0;*/
      display: inline-block;
      /* border: 1px solid #ccc; */
      border-radius: 4px;
      box-sizing: border-box;
    }
    input[type=button] {
      background-color: blue;
    }
    input[type=search]{
      /* width: 300px; */
      padding: 8px 20px;
      margin-top: 8px;
      margin-bottom: 10px;
      display: inline-block;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 16px;
    }


    .class_rdiv {
       display: inline-flex;
    }

    .btn-primary{
      background-color: #098fe1 !important;
    }
    .btn:selection{
      outline: none;
    }

    @keyframes chatmessage {
      from {transform: scale(0.75,0.75); opacity: 0.5;}
      to {transform: scale(1,1); opacity: 1;}
    }

    @keyframes animate_subject_input {
      from {transform: width: 30%;}
      to {transform: width: 100%;}
    }

    .class_chatbot_request::before {
    	content: "";
    	width: 0px;
    	height: 0px;
    	border: 0.8em solid transparent;
    	position: absolute;
    }



    .class_chatbot_response::before {
      content: "";
      width: 0px;
      height: 0px;
      border: 0.8em solid transparent;
      position: absolute;
      /* font-family: CooperHewitt; */
      font-weight: normal;

    }

li a {
  text-decoration: none;
  display: block;

}

   .autocomplete-items {
     width: 100%;
     border-left: 1px solid lightgray;
     border-right: 1px solid lightgray;
     border-top: 1px solid #d4d4d4;
     z-index: 1000;
     left: 0;
     right: 0;
     position: absolute;
   }

   .autocomplete-top {
     top: 100%;
   }
   .autocomplete-bottom {
     bottom: 100%;
   }

   .autocomplete-items {
     /* padding: 10px; */
     cursor: pointer;
     background-color: #fff;
     /* opacity: 1; */
     border-bottom: 1px solid #d4d4d4;

   }

   .autocomplete-items :hover {
     background-color: #e9e9e9;
   }

   .autocomplete-active {
     /*when navigating through the items using the arrow keys:*/
     background-color: DodgerBlue !important;
     color: #ffffff !important;
   }

hr{
  margin-top: 15px;
  margin-bottom: 5px;
  border-color: #ccc;
}


.class_tbl_request{
  font-weight:normal;
  /* font-family: Verdana; */
  font-size: 14px;
  float:right;
  clear:left;
}

.class_tbl_response{
  font-weight: normal;
  /* font-family: Verdana; */
  font-size: 14px;
  float:left;
  clear:left;
}

.class_autodiv{
  /* position: relative; */
}

.class_divname{
  position: relative;
}
.class_divname,
.class_divtags,
.class_divevid,
.class_divres,
.class_divdesc {
  margin-bottom:10px;
}

#id_canvas_div{
  background-color: #f7f7f7;
  /* background-color: #3991bf; */
  /* -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2); */
}


.class_all_dags_col {
  font-size: 14px;
}
.class_node_info {
  /* border-right: 1px solid lightgray; */
  z-index: 900;
  /* height: 100%; */
  overflow: hidden;
  /* margin: 0; */
  /* border-left: none !important; */
  /* border-right: none !important; */
  /* -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2); */
}

.class_node_info_customer {
  border-right: 0px !important;
  /* box-shadow: 5px 0 5px -7px black; */
  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  height: 100%;
}

#cy {
    width: 100%;
    height: 100%;

}




.class_customer_searchbar{
  rows: 2;
  width: 80% !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

#id_conversation{
  /* overflow-y: auto; */
  padding: 0px;
  /* overflow-y: scroll; */
  /* display: table-cell;
  vertical-align: bottom; */
}


.class_all_dags_container {
  height: 20vh;
  padding: 10px;
  max-height: 20vh;
  background-color: white;
  overflow-y: auto;
}

.class_all_nodes_container {
  height: 56vh;
  padding: 10px;
  max-height: 56vh;
  background-color: white;
  overflow-y: auto;
}


#id_container{
  /* height: calc(100vh - 56px); */
  background-color: #f7f7f7;
  position: relative;
}

#nodeInfo {
  background-color: white;
  height: calc(100vh - 60px);
}
#menu_node{
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
  display: none;
  position: absolute;
  z-index:100;
}
#menu_general{
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
  display: none;
  position: absolute;
  z-index:100;
}
#menu_multinode{
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
  display: none;
  position: absolute;
  z-index:100;
}

.class_chat_container{
  /* background-color: #e9f6ff; */
  border-left: 1px solid #ececec;
}



.class_input_window {
  height: 60px;
  padding: 10px;
  bottom: 10px;
  /* border-top: 1px solid lightgray; */
  /* border-right: 1px solid lightgray; */
  /* background-color: #ececec; */
  /* box-shadow: 0px 1px 3px -1px #313030; */
}

.mobile_class_input_window{
  height: 60px;
  width: 100%;
   padding: 10px;
   position: fixed;
   bottom: 0;
}


.class_input_window > textarea{
  width: 100%;
  border-radius: 5px;
  resize: vertical;
}

.vertical-center {

}


.class_login_form{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    height: calc(100vh - 100px);
    background: transparent;


    }

    .class_gen_hdr{
      /* align-content: center; */
      font-weight: 200;
      color: #1A5793;
      text-align: center;
    }

    #forgot_password_form {
      margin: 0 auto;
      background-color: white;
      width: 524px;
    }

    .login-form-container {

          margin: 0 auto;
          background-color: white;
          width: 524px;
          -webkit-order: 0;
          -ms-flex-order: 0;
          order: 0;
          -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          -webkit-align-self: auto;
          -ms-flex-item-align: auto;
          align-self: auto;

      }


      @keyframes blink {
          /**
           * At the start of the animation the dot
           * has an opacity of .2
           */
          0% {
            opacity: .2;
          }
          /**
           * At 20% the dot is fully visible and
           * then fades out slowly
           */
          20% {
            opacity: 1;
          }
          /**
           * Until it reaches an opacity of .2 and
           * the animation can start again
           */
          100% {
            opacity: .2;
          }
      }

      .saving {
        background-color: white;
        border-radius: 8px;
        /*
        width: fit-content;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2px;
        margin-left: 10px;
        margin-top: 2px;
        */
      }

      .saving span {
          /**
           * Use the blink animation, which is defined above
           */
          animation-name: blink;
          /**
           * The animation should take 1.4 seconds
           */
          animation-duration: 1.4s;
          /**
           * It will repeat itself forever
           */
          animation-iteration-count: infinite;
          /**
           * This makes sure that the starting style (opacity: .2)
           * of the animation is applied before the animation starts.
           * Otherwise we would see a short flash or would have
           * to set the default styling of the dots to the same
           * as the animation. Same applies for the ending styles.
           */
          animation-fill-mode: both;
      }

      .saving span:nth-child(2) {
          /**
           * Starts the animation of the third dot
           * with a delay of .2s, otherwise all dots
           * would animate at the same time
           */
          animation-delay: .2s;
      }

      .saving span:nth-child(3) {
          /**
           * Starts the animation of the third dot
           * with a delay of .4s, otherwise all dots
           * would animate at the same time
           */
          animation-delay: .4s;
      }
      .saving span:nth-child(4) {
          /**
           * Starts the animation of the third dot
           * with a delay of .4s, otherwise all dots
           * would animate at the same time
           */
          animation-delay: .6s;
      }


      .dot {
        height: 10px;
        width: 10px;
        background-color: #1A5793;
        border-radius: 50%;
        display: inline-block;
        padding: 2px;
        margin: 2px;
      }

.class_metadata{
  font-size: 12px;
  /* font-family: CooperHewitt; */
  /* font-weight: 200; */
  color: gray;
}

.class_send_btn{
  background: #098fe1;
  border: none;
  color: white;
  font-size: 20px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-left: 10px;
  margin-top: 8px;
  align-items: center;
  align-self: center;
  align-content: center;
  cursor: pointer;
}

.dropdown-submenu {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.dropdown-menu {
  z-index: 1001;
  font-size: 0.85rem !important;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-item{
  background-color: white !important;
}

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

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

.class_menu_general .dropdown-item, .class_menu_general .dropdown-submenu {
  padding-left: 10px !important;
  list-style: none;
  /* padding-right: 5px !important; */
}

.class_menu_multinode .dropdown-item, .class_menu_multinode .dropdown-submenu {
  padding-left: 10px !important;
  list-style: none;
  /* padding-right: 5px !important; */
}


.nav-link {
  /* color: #098fe1; */
  /* font-family: CooperHewitt; */
}


#id_logged_in_button{
  color: #098fe1;
}

.class_land_hdr{
  color: #1A5793;
}


.class_logo_image_sm{
  width: 210px !important;
  height:auto;
}

.class_logo_image_bg{
  width: 210px !important;
  height: auto;
}

#id_header_div {
  background-color: white;
  /* box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  -moz-box-shadow:0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2); */
  /* box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0,0,0,.2); */
  /* box-shadow: 0 0 7px 0 #00000080; */
  z-index: 1001;
  min-height: 60px;
  padding-bottom: 0px;
  /* border-bottom: 1px solid #ccc; */
  border-bottom: 1px solid #ececec;
}

#main-div{
  width: calc(100% - 60px) !important;
  height: 100vh;
}

.form-check-input{
  margin-right: 10px !important;
}

.class_privacy_level_div {
  /* display: none; */
}

.class_privacy_level{
  position: relative !important;
  margin-left: 30px;
}

.class_apply_search{
  position: relative !important;
  margin-left: 30px;
}

.form-control{
  /* border: 1px solid lightgray; */
}

.class_hreasons{
  margin-bottom:10px;
  display: inline-block;
}

.class_htags{
  margin-bottom:10px;
  display: inline-block;
}


.class_conv{
  /* font-family: CooperHewitt; */
  min-height: 45px;
  /* border-bottom: 1px solid #e8e8e8; */
  /* background-color: white; */

}

.class_conv:hover{
  /* background-color: #f7f7f7; */
  background-color: white;
}
.class_sched_conv {
   border: none !important;
   background: transparent !important;
   color: grey;
}

.class_conv:hover .class_del_conv{
  display: block;
  color: gray;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  border: none;
  margin-top: 5px;
}

.class_conv:hover .class_conv_subject{
  white-space: normal;
  cursor: pointer;
  color: #0275d8;
}

/* .class_conv:active .class_conv_subject{
  color: #098fe1;
  white-space: normal;
} */

.class_del_conv{
  /*display: none;*/
  display: block;
  color: gray;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  border: none;
  margin-top: 5px;
}

.class_user_label{
  padding-right: 0px;
  /* font-size: 12px; */
  color: gray;
}

.class_company_label{
    padding-right: 0px;
    /* font-size: 12px; */
    color: gray;
}

.class_priority_label{
  padding-right: 0px;
  /* font-size: 12px; */
  color: gray;
}
.class_status_label{
  padding-right: 0px;
  /* font-size: 12px; */
  color: gray;
}


.class_user{
/* font-size: 12px; */
color: gray;
padding-left: 0px;
}
.class_company{
/* font-size: 12px; */
color: gray;
padding-left: 0px;
}

.class_status{
  /* font-size: 10px; */
  /* color: gray; */
  /* font-weight: bold; */
  /* padding: 0px; */
  /* font-size: 12px; */
  color: gray;
  padding-left: 0px;
}

.class_priority{
  /* font-size: 10px; */
  /* color: gray; */
  /* font-weight: bold; */
  /* padding-left: 0px; */
  /* border-radius: 5px; */
  /* border: 2px solid gray; */
  /* font-size: 12px; */
  padding-left: 0px;
}


.class_conv_subject{
  /* margin-left: 20px; */
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 10px;
  white-space: nowrap;
  /* color: #0275d8; */
}

.class_conv_subject_unread{
  font-weight: bold;
  /* color:#0275d8; */
}

#id_convs{
  /* border-right: 1px solid lightgray; */
  /* overflow: hidden; */
  margin: 0;
  padding-left: 30px;
  padding-right: 20px;
  /* width: 25%; */
}

#show_hide_conv_list.expanded{
  position: absolute;
  display: inline-block;
  margin-left: -15px;
  z-index: 999;
}
#show_hide_conv_list.collapsed{
  position: absolute;
  display: inline-block;
  margin-left: -15px;
  z-index: 999;
}

#show_hide_conv_list.hidden{
  display: none;
}

#show_hide_conv.expanded{
  position: absolute;
  display: inline-block;
  margin-left: -15px;
  z-index: 999;
}
#show_hide_conv.collapsed{
  position: absolute;
  display: inline-block;
  z-index: 999;
  margin-left: -15px;
}

#show_hide_canvas.expanded{
  position: absolute;
  display: inline-block;
  right: 10px;
  z-index: 999;
}

#show_hide_canvas.collapsed{
  position: absolute;
  display: inline-block;
  right: 10px;
  z-index: 999;
}

.fa-copy,
.fa-trash {
  /* color: gray; */
  /* background-color: transparent; */
  /* padding: 0px;
  margin: 0px; */
}

.fa-search {
  margin-right: 10px;

}

.class_conv_threads{
  /* border-right: 1px solid lightgray; */
  height: calc(100vh - 120px);
  margin-top: 0px;
  margin-bottom: 0px;
  /* padding-left: 10px; */
  /* padding-right: 10px; */
  overflow-y: auto;
  overflow-x: clip;
  /* overflow-y: scroll; */
  /* border-left: 2px solid #ccc; */
  /* background-color: #f7f7f7; */
  background-color: whitesmoke;
  font-size: 14px;
  padding: 0px;
}

.class_conv_threads_customer{
  margin-left: 0px;
  box-shadow: -5px 0px 5px -7px black;

}

.unused_div{
  background-color: #455c75;
  margin: 0px;
  padding: 0px;
  z-index: -1;
}


.class_date_div{
  font-weight: lighter;
  font-size: 12px;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

.class_username{
  font-size: 10px;
  font-weight: normal;
  min-width: 100px;
  padding: 0px;
}

.class_tstp{
  font-size: 12px;
  font-weight: lighter;
  min-width: 100px;
  padding: 0px;
  padding-left: 10px;
  display: inline;
}

.class_selected_conv{
  background-color: #e9f6ff !important;

}

.class_selected_conv .class_conv_subject{
  color: #1A5793;
  white-space: normal;
}
.jumbotron{
  background-color: transparent !important;
  background-size: cover;
}

.class_participants{
  font-size: 10px;
}

.class_subject_row{
  padding-bottom: 5px;
  margin-left: 0px;
}

.class_feedback_div{
  margin-top: 10px;
  border-top: 1px solid #cccccc;
  margin-left: 5px;
  margin-right: 5px;
}

.class_qdiv{
  margin-top: 10px;
  margin-bottom: 10px;
}

.class_conv_info{
  margin-bottom: 10px;
}

.active {
  /* background-color: #0575b5 !important; */
  /* background-color: white !important; */
  /* outline: none !important; */
}

.class_private_mode{
  background-color: #c7c7c7 !important;
}

#id_conv_search{
  margin-top: 0px;
    border-radius: 10px;
}

#id_conv_subject_input{
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 10px;
  animation-name: animate_subject_input;
  animation-duration: 3.5s;
}

.class_conv_search{
  /* background: #ececec; */
    padding: 5px;
    /* border-bottom: 1px solid lightgray; */
    padding-right: 20px;
}



.class_conv_search_icon{
  /* margin-top: 8px; */
/* padding-top: 8px; */
padding-left: 8px;
/* padding-bottom: 8px; */
padding-right: 8px;
border: 0px;
color: gray;
background: transparent;
}


.class_unread_num_active{
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: #098fe1;
  color: white;
  text-align: center;
  margin-right: 0px;
  align-self: center;
  font-size: 12px;
  padding-top: 4px;
}

.class_unread_div{
  align-content: center;
  align-items: center;
  align-self: center;
  padding: 0px;
  padding-top: 10px;
}

.class_create_conv_button_container{

    /* background-color: #ececec; */
    padding-top: 12px;
    margin-top: 0px;
    padding-bottom: 12px;
    padding-right: 20px;
    /* border-bottom: 1px solid lightgray; */


}

.class_search_conv{
  /* position: absolute; */
  /* right: 0; */
  /* bottom: 0; */
  /* margin-bottom: 22px; */
  /* margin-left: 85%; */
  /* border-radius: 50%; */
  /* height: 50px; */
  /* width: 50px; */
  /* background-color: #098fe1; */
  /* border: 1px solid #098fe1; */
  border: 1px solid #1A5793;
  color: #1A5793;
  background-color: white;
  /* color: gray; */
  /* box-shadow: 5px 3px 14px -3px grey; */
  border-radius: 10px;
  align-items: center;
  align-content: center;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
}


.class_new_conv{
  /* position: absolute; */
  /* right: 0; */
  /* bottom: 0; */
  /* margin-bottom: 22px; */
  /* margin-left: 85%; */
  /* border-radius: 50%; */
  /* height: 50px; */
  /* width: 50px; */
  /* background-color: #098fe1; */
  /* border: 1px solid #098fe1; */
  /* border: 1px solid #1A5793; */
  /* color: #1A5793;
  background-color: white; */
  /* color: gray; */
  /* box-shadow: 0px 1px 3px -1px #313030;
  align-items: center;
  align-content: center;
  align-self: center;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 10px; */

}

.class_subject_label{
  /* color: white; */
  color: #1A5793;
  align-self: center;
  margin-right: 6px;
}


#id_flex_stuff{
  height: 60px;
  /* border-right: 1px solid lightgray; */
}

#id_conv_subject{
  height: 100%;
}

.class_add_remove_btn{
  height: 40px;
  width: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 14px;

    /* margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px; */
    /* border: 1px solid #1A5793; */
    /* box-shadow: 0px 1px 3px -1px #313030; */
    /* border: 1px solid #098fe1; */
    /* border-radius: 10px; */
    /* background-color: #098fe1; */
    /* color: #1A5793; */

}

.class_add_user_button{
  /* align-self: center; */
  height: 40px;
  /* width: 40px; */
  /* margin-left: 5px;
  margin-right: 5px;
  padding-left: 14px; */
  margin: 10px;
}

.class_new_session_label{
  margin-left: 10px;
}


.class_conv_header{
  /* height:60px; */
  /* background-color: white; */
  /* border-bottom: 1px solid lightgray; */
  /* padding-left: 0px; */
  /* padding-right: 0px; */
  /* background-color: #6786a5; */
  background-color: white;
  /* border: none !important; */
  /* border-bottom: 1px solid lightgrey; */
  /* box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0,0,0,.2); */
  /* box-shadow: 0 2px 6px 0 rgb(60 64 67 / 15%); */
  z-index: 5;

}

.class_search_header{
  height:60px;
  background-color: #f7f7f7;
  border-left: none;
  border-right: none;
  border-top: none;
  /* border-bottom: 1px solid lightgrey; */
}

#id_all_user{
  /* color: white !important; */
  color: #1A5793 !important;
}

#id_middle_portion{
  /* color: white !important; */
  color: #1A5793 !important;
}




.class_add_user_div{
  /* height:60px; */
  /* background-color: white; */
  /* background-color: #ececec; */
  /* border-bottom: 1px solid lightgray; */
  /* padding-left: 0px; */
  /* padding-right: 0px; */
  /* padding: 5px; */
  /* border-bottom: 1px solid #ccc; */
}


.class_conv_header_add_user{
  margin-top: 5px;
  /* padding-top: 6px; */
  color: #098fe1;
  /* padding-right: 10px; */
}


.class_conv_header_subject{
  padding-top: 6px;
  color: #1A5793;
  font-size: 18px;
  /* padding-left:10px; */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#id_set_subject_input,
#id_add_user_input{
  /* border:none; */
  /* color: white; */
  border-radius: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 5px;
  margin-bottom: 5px;
}


.class_users_icon{
  color: gray;
}

.class_users_button {
  width: 30px;
  height: 30px;
  padding: 5px;
  margin: 10px;
}
.class_user_list{
  font-size: 12px;
  color: gray;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  /* padding-top: 3px; */
}

.class_dag_msg {
  /* background-color: white; */
  /* background-color: #FFF8DC; */
  /* background-color: #f5ffc2; */
}
.class_visibility_div {
  margin-bottom:10px;
}
#footer-div {
  margin: 0px;
  padding-bottom: 5px;
  padding-top: 5px;
  background-color: white;
  border-top: 1px solid lightgray;
  font-size: 12px;
  text-align: center;
}

.footer-company {
  /* padding-right: 5px; */

}


.class_bot_image{
  max-width:100%;
  max-height: 100%;
}


#id_saving{
  position: absolute;
  /* top: 50%; */
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.5;
  padding-top: 25%;
  padding-left: 45%;
  z-index: 1000;
  /*
  left: 40%;
  top: 100px !important;
  */
}

.class_floating_form{
  position: absolute;
  width: 80% !important;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */

  /* max-height: 70vh; */
  /* overflow: auto; */
  padding: 20px !important;
}


.class_floating_node_info{
  background: white !important;
  position: absolute !important;
  max-width: 80%;
  min-width: 450px;
  z-index: 2000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;


}

.class_scroll_div{
  max-height: 70vh;
  overflow: auto;
}

.class_scroll_div:hover{
  overflow: auto;
}

.class_scroll_div > div {
  max-width: 98% !important;
}

#id_grab_header{
  height: 40px;
}

.class_grab_header{
  margin: 10px;
}

.class_node_type_div{
  margin: 10px;
}

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#id_view_options {
  color: #098fe1;
  padding-top: 0px;
  padding-bottom: 0px;
}

.dropdown-item:active {
  color:black !important;
}

.dropdown-item:hover {
  background-color:#f7f7f7 !important;
}

.form-check-label:active{
  color: black !important;
}

#id_home_button{

    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    /* border: 1px solid #1A5793; */
    border-radius: 10px;
    /* background-color: transparent; */
    color: #1A5793;
    margin-right: 25px;
}


.class_back_btn{
  background-color: transparent;
  color: #098fe1;
  border: none;
  padding-top: 10px;
}

.fa-arrow-left{
  background-color: transparent;
  color: #098fe1;
  border: none;
}

.fa-bars {
  color: #1A5793;
}

input[type="radio"]{
    -webkit-appearance: radio;
}

.class_crm_header{
  /* background-color: white; */
}

.class_btn_rich_text{
  margin-bottom: 5px;
  padding: 0px;
}



#id_rich_text_btn_row{
  margin: 0px;
}
#id_rich_text_checkbox_div{
  margin-left:40px;
}
.nicEdit-panelContain{
    /* width:400px !important; */
    /* margin-right: 20px; */
    margin-top: 7px;
    background-color: transparent !important;

}

.cy-panzoom{
  z-index: 1000 !important;
}

.class_subj_float{
  position: absolute;
  background-color: #FFF8DC;
  max-width:400px;
  z-index: 1001;
  margin: 5px;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}


.form-group {
  /* margin: 10px; */
}


.class_howto_container::before{
  content: "";
  display: block;
  height: 60px; /* fixed header height*/
  margin: -60px 0 0; /* negative fixed header height */
}
.class_howto_container{
  padding-left: 100px;
  padding-right: 50px;
  padding-bottom: 50px;
  overflow: scroll;
  height: calc(100vh - 60px);
}

.class_howto{
  padding-bottom: 50px;
  margin-bottom: 50px;
  padding-top: 50px;
  margin-top: 50px;
}

.class_howto_description{
  background-color:  #e6e6e6;
  overflow: auto;
  overflow-y: scroll;
  height: 712px;
}

.class_howto_row{
  border: 1px solid lightgray;
}

.class_howto_link{
  /* color: #ac39ac !important; */
}

.class_gifs{
  width: 100%;
  height: 100%;
}

.class_inline_header{
  margin-right: 10px;
  display: inline-block;
}


#id_dashboard_container{
  background-color: #e8e8e8;
  height: calc(100vh - 60px);
  overflow: auto;
  overflow-y: scroll;

}


.class_chart_div{
  width: 900px;
  height: 500px;

}

.class_dash{
  /* border: 1px solid lightgray; */
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;

}

.class_row_dash{
  padding-left: 150px;
  padding-right: 150px;
  padding-top: 40px;
  padding-bottom: 40px;
}


.class_col_top5_left{
  background-color: white;
}

.class_col_top5_right{
  background-color: white;
}

.class_col_top5{
  padding: 30px;
  border-left: 1px solid #d2d2d2;
}

.class_top5_dt{
  padding-bottom: 20px;
}
.class_convstats_dt{
  padding-bottom: 20px;
}

#id_row_dash_top5{
  margin: 0px;
}

.class_user_date_select{
  padding: 10px;
  border-bottom: 1px solid #d2d2d2;
  margin: 0px;
  background-color: #f1f1f1;
}

#id_dash_day_to{
  width:auto;
  border: 1px solid #ced4da;
}
#id_dash_day_from{
  width:auto;
  border: 1px solid #ced4da;
}

#id_convstats_day_to{
  width:auto;
  border: 1px solid #ced4da;
}
#id_convstats_day_from{
  width:auto;
  border: 1px solid #ced4da;
}



colgroup col.hdr {
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.class_convstats{
  padding: 30px;
}

.class_convstat_col{
  border-right: 1px solid #dee2e6;
}
.class_convstat_dagrow{
  border-bottom: 1px solid lightgray;
}

#id_row_delay_to_dagknows{
  border-bottom: 1px solid #dee2e6;
}
.class_convstat_delay_dagknows{
  text-align: center;
}

.class_convid_div{
  display: none;
}


#progress_bar {
  margin: 10px 0;
  padding: 3px;
  border: 1px solid #000;
  font-size: 14px;
  clear: both;
  opacity: 0;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
}
#progress_bar.loading {
  opacity: 1.0;
}
#progress_bar .percent {
  background-color: #99ccff;
  height: auto;
  width: 0;
}


#id_api_progress_bar {
  margin: 10px 0;
  padding: 3px;
  border: 1px solid #000;
  font-size: 14px;
  clear: both;
  opacity: 0;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
}
#id_api_progress_bar.loading {
  opacity: 1.0;
}
#id_api_progress_bar.percent {
  background-color: #99ccff;
  height: auto;
  width: 0;
}


.class_row_upload_file{
  margin: 50px;
  padding: 10px;
}


#id_console_log{
  height:50vh;
  overflow: auto;
}

.class_case_btn{
  padding : 5px;
  margin-right: 10px;
}

.class_submit_case_header{
  padding-top: 15px;
}

.class_root_cause_dt {
  display: inline-block;
}
.class_expand_root_causes {
  margin-left: 20px;
}

dt {
    /* margin-top: 10px; */
}

.fal {
  cursor: pointer;
}

.fa {
  cursor: pointer;
}
.fa:hover{
  /* color: black; */
}
.fad {
  cursor: pointer;
  color: gray;
}

.class_invisible_div {
  display: none;
}

.class_visible_div {
  display: block;
}
.class_expandable_dt {
  display: inline-block;
  /* font-weight: 100; */
  /* font-size: 16px; */
  /* margin-right: 20px; */
}

.class_list_div{
  margin-left: 20px;
}
.class_symbol{
  margin-left: 25px;
}

.fa-chevron-circle-up{
  color: gray;
}
.fa-chevron-circle-down{
  color: gray;
}
.fa-pen{
  /* color: gray; */
}

#id_canvas_div {
  /* position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; */
}

#id_search_and_canvas {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#id_create_node_div {
  top: 0px !important;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;


  /* left: inherit !important; */
}

.split {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;overflow-x: hidden;}
/* .gutter {background-color: transparent;background-repeat: no-repeat;background-position: 50%;}
.gutter.gutter-horizontal {cursor: col-resize;background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); }
.gutter.gutter-vertical {cursor: row-resize;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII='); }
.split.split-horizontal, .gutter.gutter-horizontal { height: 100%;float: left;width:6px;} */

.gutter {background-color: transparent;background-repeat: no-repeat;background-position: 50%;}
.gutter.gutter-horizontal {cursor: col-resize;}
.gutter.gutter-vertical {cursor: row-resize;}
.split.split-horizontal, .gutter.gutter-horizontal { height: 100%;float: left;width:1px;}

.custom-textarea {
  border: none !important;
  border-radius: 0 0 4px 4px !important;
  min-height: 100px;
  clear: both;
}

.ql-toolbar.ql-snow {
  /* border-radius: 4px 4px 0 0 !important; */
  padding: 3px !important;
  display: none;
  clear: both;
}

textarea {
  border: 1px solid #cccccc !important;
}

.ql-container.ql-snow {
  /* border: 1px solid #ccc !important; */
  border-radius: 4px !important;
}

.ql-toolbar.ql-snow .ql-formats {
  margin: 0 !important;
}

.ql-font-serif{
  font-family: serif;
}

.ql-font-monospace{
  font-family: monospace;
}

.ql-font-sans-serif{
  font-family: sans-serif;
}


.user-panel-container {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}

.autocomplete-relative {
  position: relative !important;
}

.link-text-value {
  height: 60px;
}

#id_canvas_div #id_create_node_div {
  height: 100%;
  max-width: 100%;
  width: 100% !important;
  margin: 0px;
  z-index: 1000;
  border: 0;
  border-radius: 0;
}

#id_canvas_div .class_scroll_div {
  max-height: 70vh;
}

#id_canvas_div {
  height: calc(100vh - 80px);
}

.hide-text {
  display: none;
}

.show-text {
  display: block;
}

.description-title,
.evidence-title,
.resolution-title {
  width: 50%;
  float: left;
}

.add-new-description,
.add-new-evidence,
.add-new-resolution {
  /* width: 50%; */
  float: left;
  /* text-align: right; */
  /* color: #098fe1; */
}

.cursor-pointer {
  cursor: pointer;
}

.clr::after {
  display: block;
  clear: both;
  content: "";
}

.ql-editor {
  /* font-size: 1rem; */
  /* line-height: 1.5; */
  /* font-weight: 400; */
  /* font-family: inherit; */
  /* color: #495057; */
}

.class_problem_text {
  display: inline-block;
  /* margin-left: 10px !important; */
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-weight: 500;
  font-size: 18px;
}
.class_params_text {
  margin-left: 10px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.class_description_text,
.class_evidence_text,
.class_resolution_text {
  display: inline-block;
  margin-left: 10px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.class_code_text p {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  white-space: pre !important;
  font-family: Consolas,"courier new" !important;
}

.class_code_text{
  /* margin-bottom: 0px !important;
  padding-bottom: 0px !important; */
  white-space: pre !important;
  font-family: Consolas,"courier new" !important;
}

.description-title{
  font-weight:bold;
}
.evidence-title{
  font-weight:bold;
}
.class_hide_checkbox{
  display: none;
}
.class_show_checkbox{
  display: inline-block;
}


.class_tag_type{
  height:inherit !important;
  font-size:12px;
}
.class_tag_name{
  font-size: 14px;
}
.class_tag_value{
  font-size: 14px;
}
.class_generic_button{
  /* height: 30px;
  margin: 10px;
  margin-left : 20px; */
  /* border-radius: 15px; */
  /* min-width: 118px; */

  color: #0275d8;
  background-color: white;
  /* color: gray; */
  box-shadow: 0px 1px 3px -1px #313030;
  align-items: center;
  align-content: center;
  align-self: center;
  /* padding-top: 7px; */
  /* padding-bottom: 7px; */
  border-radius: 5px;
  border: none;
  /* margin-bottom: 10px; */

}
.class_generic_button_secondary{
  /* height: 30px;
  margin: 10px;
  margin-left : 20px; */
  /* border-radius: 15px; */
  /* min-width: 118px; */

  background-color: white;
  /* color: gray; */
  box-shadow: 0px 1px 3px -1px #313030;
  align-items: center;
  align-content: center;
  align-self: center;
  /* padding-top: 7px; */
  /* padding-bottom: 7px; */
  border-radius: 5px;
  border: none;
  /* margin-bottom: 10px; */

}
.class_tg {
  margin-left: 10px;
}

*:fullscreen, *:-webkit-full-screen, *:-moz-full-screen {
    background-color: white;
}
::backdrop
{
    background-color: white;
}


.class_send_button:hover{
  color: #098fe1;
}



.class_host_profile,
.class_manage_key_pairs,
.class_manage_hosts_alias_col{
  padding: 50px;
}

.class_copy_keypair_btn,
.class_del_keypair_btn,
.class_del_profile_btn,
.class_del_alias_btn{
  float:right;
  background: transparent;
  border: none;
}

.class_ip_addr{
  text-align: center;
}

.class_manage_hosts_key_table,
.class_manage_hosts_profile_table,
.class_manage_hosts_alias_table{
  border: 1px solid lightgrey;
}

.class_pub_key{
    /* display: inline-block;
    width: 100px;
    text-overflow: ellipsis;
    flex-wrap: wrap;
    overflow: hidden; */
}
.class_radio_password_or_key {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  padding: 5px;
}
.class_select_key_label{
  height: auto !important;
}

.class_node_params {
  margin-bottom:10px;
  /* border: 1px solid #ccc; */
  font-family: Consolas,"courier new" !important;
}

.class_exec_script_btn {
    /* color: gray;
    padding-top: 5px;
    padding-left: 9px;

    border-radius: 6px; */
    /* padding: 0px; */
    margin-top: 5px;
    margin-bottom: 5px;

    width : 100%;
    background-color: white;
    align-items: center;
    align-content: center;
    align-self: center;
}
.class_play_script_btn{
  border: none;
  margin-top: 10px;
  margin-bottom: 5px;
  /*width: 30%;*/
  color: #1A5793;
    background-color: white;
    /* color: gray; */
    box-shadow: 0px 1px 3px -1px #313030;
    align-items: center;
    align-content: center;
    align-self: center;
    /* padding-top: 7px;
    padding-bottom: 7px; */
    /* border-radius: 10px; */
}
.class_exec_node_btn{
  border: none;
  margin-top: 10px;
  margin-bottom: 5px;
  /*width: 30%;*/
  color: #1A5793;
    background-color: white;
    /* color: gray; */
    box-shadow: 0px 1px 3px -1px #313030;
    align-items: center;
    align-content: center;
    align-self: center;
    /* padding-top: 7px;
    padding-bottom: 7px; */
    /* border-radius: 10px; */
}
.class_exec_dag_btn{
  border: none;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 20px;
  /*width: 30%;*/
  color: #1A5793;
    background-color: white;
    /* color: gray; */
    box-shadow: 0px 1px 3px -1px #313030;
    align-items: center;
    align-content: center;
    align-self: center;
    /* padding-top: 7px;
    padding-bottom: 7px; */
    /* border-radius: 10px; */
}

.class_play_div{
  margin-bottom: 5px;
}

.class_exec_type{
  margin-left: 5px;
}

.class_cancel_script_btn{
  margin-left: 20px;
  color: gray;
}
.class_cancel_script_btn:hover{
  color: black;
}
.class_cancel_div{
  margin-top: 10px;
  text-align: center;
}
.class_input_params{
  margin-bottom: 5px !important;
}
.class_code_sytnax{
  /* padding: 10px !important; */
  border: 1px solid #d6c6c6;
  border-radius: 10px;
}
.class_nav_icon{
  text-align: center;
  padding: 0px 0px;
  margin-top: 15px;
  /* color: #098fe1; */
  /* color: white; */
}
.class_nav_icon_text{

}
.class_menu_item{
  /* display: none; */
  padding-top: 5px;
  padding-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  font-family:sans-serif;
}
a:hover{
    text-decoration: none;
}
a:active{
    text-decoration: none;
}
.cy-panzoom{
  bottom: 300px;
  right: 40px;
}
.cy-panzoom-panner {
  display: none;
}
#id_user_plus_icon{
  /* color: #1A5793; */
    /* background-color: white; */
    /* color: gray; */
    /* box-shadow: 0px 1px 3px -1px #313030; */
    /* align-items: center; */
    /* align-content: center; */
    /* align-self: center; */
    /* padding-top: 7px; */
    /* padding-bottom: 7px; */
    /* border-radius: 10px; */
    /* padding: 10px; */
    /* margin-left: 55px; */
}
.class_conv_header_subject_row{
  padding-top: 5px;
}
.class_expandable_div_header{
  margin-bottom: 5px;
  /* border: 1px solid lightgray; */
  padding: 5px;
  border-radius: 5px;
  /* background-color: white; */
}
.class_user_row_col {
    padding: 5px !important;
}
.class_user_row_col .btn {
  font-size: .7rem !important;
  border-radius: 50% !important;
}
.class_user_row_div_header{
  /* margin-bottom: 5px; */
  border: 1px solid lightgray;
  border-bottom: none;
  padding: 10px;
  /* border-radius: 5px; */
  /* background-color: white; */
}
.class_user_row_div_header_last{
    border-bottom: 1px solid lightgray !important;
}
.class_expand_btn{
  margin-top: 5px;
  /* float: right; */
  text-align: right;
}
.class_node_list{
  padding-left: 20px !important;
}
.class_borderless_nodelist{
  border: none !important;
}
.class_expanded_nodeinfo{
  /* margin: 8px; */
  padding: 10px;
}
.class_btn_text {
  margin-left: 10px;
}
.class_expandable_div_header:hover{
  cursor: pointer;
}

.class_expandable_div {
  /* margin-top: 15px; */
  margin-left: 10px;
  margin-right: 10px;
}
.class_evidence_type_btn,
.class_resolution_type_btn{
  margin-bottom: 10px;
  text-align: center;
}
.class_node_form{
  margin-left: 10px;
  margin-right: 10px;
}
#id_divtags {
  position: absolute;
  background: #FFF8DC;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px;
  border: 1px solid #c5ba8d;
  width: inherit;
}
#id_divtags,
#id_divreasons{
  text-align: center;
}
.class_submit_button_container{
  text-align: center;
}
.class_nothelpful_button,
.class_ticket_button,
.class_helpful_button{
  text-align: center;
  margin-top: 5px;
}

#id_thumbs_up_icon,
#id_thumbs_down_icon{
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}
#id_ticket_icon{
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
.class_add_cause_button{
  margin-bottom: 10px;
}

.class_problem_hdr{
    display: inline-block;
}
.class_add_tag_button{
  margin-bottom:10px;
}
.class_apply_tags_btn{
  margin-bottom:10px;
  margin-left:50px;
}
.class_subject_text{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px;
}
.class_chatbot_response img {
  /* width: auto !important; */
  /* width:auto !important;
  height:auto !important; */

}
.class_task_type{
  height: auto !important;
}
.class_mark_as_resolved{
  margin-top: 5px;
}
.class_resolved_button{
  margin-top: 5px;
  color: #28A745 !important;
}

select {
  /* font-family: 'FontAwesome', 'Second Font name' */
}

#id_chat_icon {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;

}
#id_search_icon {
  color: #268dcf;
}

.class_chat_message{
  /* background-color: #6d9c6e; */
  /* border: none !important; */
}
.ql-editing{
  left: 0 !important;
}


.class_public_key_value,
.class_refresh_token_value,
.class_access_token_value{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 400px !important;
}

#id_adjust_settings, #id_integrations {
  margin-top:10px;
  height: 90vh;
  overflow: auto;
  overflow-y: scroll;
  /* text-align: center; */
}

.class_tr_autocomplete {
  /* border-bottom: 1px solid #c5ba8d; */
  border-bottom: 1px solid #ccc;
  width: 100%;
  float: right;
}

.class_td_autocomplete_desc {
  /* background-color: #FFF8DC; */
  /* border-left: 1px solid #c5ba8d; */
  font-size: 12px;
  font-style: italic;
  padding:5px;
  /* color: #808080; */
}
.class_td_autocomplete_item {
  /* background-color: #FFF8DC; */
  padding:5px;
  font-size: 14px;
  /* color: #248ece; */
}
.class_td_autocomplete_last,
.class_td_autocomplete_others{
  /* border-bottom: 1px solid #d3d3d3; */
  /* display: inline-block; */
  /* width: 100%; */
}
.class_app_list,
.class_api_list{
  margin-top: 20px;
  /* border: 1px solid lightgray; */
  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);

}
.class_app_container,
.class_api_container{
  border-bottom: 1px solid lightgray;
}
.class_app_title,
.class_app_description,
.class_app_version,
.class_app_id,
.class_api_title,
.class_api_description,
.class_api_version{
  border-right: 1px solid lightgray;
  padding: 10px;
  font-weight: 100;
}
.class_app_delete_button,
.class_app_install_btn,
.class_api_delete_button{
  border: none;
}
.class_app_id{
  display: none;
}


.switch {
  position: relative;
  display: inline-block;
  height: 22px;
  width: 50px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: gray;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 26px;
}

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

input:checked + .slider {
  background-color: #00a4ff;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(55px);
  left: -23px;
}

/*------ ADDED CSS ---------*/
.slider:after
{
 /* content:'OFF'; */
 color: white;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 left: 50%;
 font-size: 10px;
 font-family: Verdana, sans-serif;
}

input:checked + .slider:after
{
  /* content:'ON'; */
}

/*--------- END --------*/
.class_settings{
  /*
  left: 20px;
  */
}
.class_settings_table_heading{
  text-align: center;
}
.class_settings_table{
  margin-top: 0px;
}
.class_label{
  margin-right: 10px;
}
.class_approval_input_div{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;

}
.class_user_comment{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid lightgrey;
  /* border-radius: 5px; */
}

.class_comment_section{
  border: 1px solid lightgrey;
  border-radius: 5px;
}
.class_input_params_div{
  border: 1px solid lightgrey;
  border-radius: 5px;
  background-color: white !important;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 3%;
}
.class_output_params_div{
  border: 1px solid lightgrey;
  border-radius: 5px;
  /* background-color: #f5f5f5 !important; */
  font-weight: bold;
  margin-top: 5px;
  margin-left: 3%;
}
.class_reason_bundle{
  margin-bottom:10px;
}
.class_rdiv{
  margin-bottom: 0px !important;
}

.class_read_only_param_value{
  background-color:#f8f8f8 !important;
}

.class_elastic_api_form{
  border: 1px solid lightgrey;
  padding: 10px;
}
.class_elastic_api_form_header{
  text-align: center;
  background-color: #e9ecef;
  font-weight: bold;
  padding: 10px;
  border: 1px solid lightgrey;
}
.class_elastic_api_response{
  white-space:pre-wrap;
  padding: 10px;
  border: 1px solid lightgrey;
}
.class_confirm_problem_list_items .class_expandable_dt{
  color: red;
  white-space: normal;
  /* font-size: small; */
}
.class_confirm_not_problem_list_items .class_expandable_dt{
  color: green;
  white-space: normal;
  /* font-size: small; */
}
.class_exceptions_list_items .class_expandable_dt{
  color: red;
  white-space: normal;
  /* font-size: small; */
  background-color: yellow;
}
.class_script_id_val{
  color: blue;
  display: inline-block;
  text-decoration: underline;
}
.python-script-editor {
  width: 100%;
}
.CodeMirror pre {
  color: #839496;
  margin-bottom: 0;
}
.class_no_sytnax_error{
  background-color: #CCFFCC !important;
  color: green !important;
}
.run-script-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* border-radius: 0; */
  cursor: pointer;
  /* margin: 5px 0 1.25rem; */
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /* padding: 1rem 2rem 1.0625rem 2rem; */
  font-size: 1rem;
  margin-top: 5px;

}
.run-script-btn:active {
  outline: 0 !important;
}
.error-container {
  width: 100%;
  background-color: #FFCCCC;
  color: black;
  padding: 10px;
  text-align: center;
}
.cm-s-solarized.CodeMirror {
  box-shadow: none;
}
.class_show_code{
  position: absolute;
  width: 95% !important;
  height: 95% !important;
  z-index: 1000;
}
.class_show_code_text{
  margin: 0px !important;
  height: 100%;
  overflow: auto !important;
  border: 1px solid #d6c6c6;
}
.class_close_code_button{
  border: 1px solid #d6c6c6;
  background-color: #fdf6e3;
}
.class_show_code_button{
  margin-top:10px;
  margin-bottom:10px;
}
.class_code_text_hidden{
  display:none;
}
.class_line_num_hidden{
  display:none;
}
.class_exc_trace{
  padding: 10px;
}
.class_trace_div{
  margin-bottom:10px;
  border: 1px solid lightgray;
  padding: 10px;
  border-radius: 5px;
}
.class_trace_nodename_div{
  text-decoration: underline;
  /* color: red; */
  font-family:sans-serif;
  /* font-size: 16px; */
  cursor: pointer;
}
.class_error_line_div{
  white-space: pre-wrap;
  color: red;
  font-weight: 400;
}
.class_locals_div{
  /* white-space: pre-wrap; */
  /* font-size:12px; */
}
.class_error_msg{
  color: red;
}
.line-highlight{
  background-color: red !important;
  opacity: 0.1 !important;
}
.class_expanded_div{
  display: block;
}
.class_collapsed_div{
  display: none !important;
}
.gutter{
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #cccccc;
}
.class_generic_input_group,
.class_output_param_key_value,
.class_input_param_key_value{
  margin-bottom: 5px !important;
}

.class_search_session,
.class_search_nodes{
  position: absolute;
    top: 5px;
    /* margin-left: 1%; */
    /* padding-right: 5%; */
    margin-top: 10px;
    /* border-radius: 5px; */
    z-index: 999;
}
.class_search_session_icon,
.class_search_nodes_icon{
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  padding-right: 0px;
  border-right: none;
  background-color: white !important;
  
}
.class_search_session_text,
.class_search_nodes_text {
  /* border-top-right-radius: 20px !important; */
  /* border-bottom-right-radius: 20px !important; */
  border-left: none !important;
}

textarea:focus,
input:focus
{
    outline:0px !important;
    box-shadow: none !important;
}

#id_upload_file_container {
  height: 100vh;
  overflow: auto;
}
.class_resolution_link_container,
.class_evidence_link_container{
  position: relative;
}

.class_tagdiv {
  margin-bottom: 10px !important;
}
.class_eval_all_div,
.class_auto_remediate_div,
.class_create_ticket_div,
.class_resolve_ticket_div,
.class_schedule_div{
  text-align: left !important;
}

.class_scheds_div{
  width: 100% !important;
  border-radius: 0px;
  /* border: 1px solid #efb267; */
  background-color: #fdf5ea;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.class_convtags_div{
  width: 100% !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.class_convtags_div .class_expand_btn_dt {
  margin-top: 5px !important;
}

.class_scheds_div{
  border-top: none !important;
  margin-top: -5px !important;
}
.class_users_div .class_expandable_dt {
  font-size: 12px;
}
.class_sched_table {
  margin-top: 5px;
  background-color: white;
}


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


.class_sched_holder .class_expandable_dt{
  font-size: 12px;
}
.class_sched_holder .class_expandable_div_header{
  margin-bottom: 0px !important;
}

.class_convtags_holder {
  /* max-height: 50vh; */
  /* overflow: auto; */
  width: 100%;
  background-color: #f7f7f7;
  padding: 10px;
  font-size: 12px;
  /* position: absolute; */
  border: 1px solid lightgray;  
}
.class_allowed_users_list,
.class_conv_settings,
.class_sched_job_list{
  max-height: 50vh;
  overflow: auto;
  width: max-content;
  background-color: white;
  padding: 10px;
  font-size: 12px;
  position: absolute;
  border: 1px solid #fcfcfc;
  border-radius: 10px;
  /* box-shadow: 0 2px 6px 0 rgb(60 64 67 / 15%); */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}


/* .class_conv_settings{
  max-height: 50vh;
  overflow: auto;
  width: max-content;
  background-color: #f7f7f7;
  padding: 10px;
  position: absolute;
  border: 1px solid lightgray;
} */

.class_conv_settings #slack_channel {
  padding: 5px !important;
}



.class_user_dashboard{
  margin-top: 50px;
  margin-bottom: 50px;
  padding-bottom: 50px;
}
.class_user_table {
  font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: .875rem;
  color: #484646;
}
.class_user_modify_btn,
.class_user_force_confirm_btn,
.class_user_delete_btn{
  margin-left: 50px;
  margin-bottom: 10px;
  margin-bottom: 30px;
}
.class_user_details_div {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid lightgrey;
  border-radius: 10px;
  background-color: floralwhite;
}
.class_user_info_label{
  font-weight: bold;
  text-align: left;
  padding: 2px !important;
  padding-right: 10px !important;
}
.class_user_info_value{
  padding: 2px !important;
}
.class_user_details_table{
  margin-top: 20px !important;
  margin-left: 20px !important;
  width: 50% !important;
  /* background-color: moccasin; */

}
.class_logoff_btn{
  margin: 15px;
}
#id_user_dashboard_container{
  height: 100vh;
  overflow: auto;
}
.class_user_type_label{
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}
.class_conv_filters{
  padding: 10px;
  /* border-bottom: 1px solid #e8e8e8; */
  /* border-top: 1px solid lightgrey; */
  background-color: white;
}
.class_conv_selects{
  margin-left: 16px;
  margin-top: 9px;
}
.class_star {
    visibility:hidden;
    font-size:16px;
    cursor:pointer;
}
.class_star:before {
   content: "\2606";
   position: absolute;
   visibility:visible;
   color: lightgrey;
}
.class_star:checked:before {
   content: "\2605";
   position: absolute;
   color: #efb267;
}
.class_select_conv_group_container{
  margin-top: 2px;
  margin-right: 20px;
}
.class_filter{
  margin-right: 10px;
}
.class_selected_filter{
  background-color: #ffecc3 !important;
}
.class_conv_actions_menu{
  margin-left: 30px;
}
.class_howto_list{
  width: fit-content;
}
.class_tutorial_section{
  margin-top: 50px;
  margin-bottom: 50px;
  border: 1px solid #ccc;
  padding: 25px;
  border-radius: 10px;
  width: fit-content;
}

#id_conv_div:after {
    content: " ";
    display: block;
    clear: both;
}

.class_proxy_down {
  background-color: #ff3636;
  color:white;
  text-align: center;
}
.class_proxy_up{
  background-color: #28a745;
  color:white;
  text-align: center;
}

.class_plain_request_msg .class_user_time{
  display: flex !important;
}
.class_plain_request_msg .class_user_time_row{
  width: -webkit-fill-available;
  display: flex !important;
}

.class_plain_request_msg{
  float:right !important;
  background-color: #c5f1ff !important;
  color: #383838 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.class_plain_response_msg .class_user_time{
  display: flex !important;
}
.class_plain_response_msg .class_user_time_row{
  width: -webkit-fill-available;
  display: flex !important;
}
.class_plain_response_msg{
  float:left !important;
  background-color: #cbffc5 !important;
  color: #383838 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
.class_upload_file{
  margin-left: 20px;
}
::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    background: transparent !important;
}

::-webkit-scrollbar-thumb {
    background: lightgrey;
    -webkit-border-radius: 1ex;
}

::-webkit-scrollbar-corner {
    background: transparent !important;
}
.class_servicenow_cred_btn,
.class_jira_cred_btn{
  margin-left: 20px !important;
}
.class_ticket_crm_icon {
  margin-left: 20px;
  margin-right: 10px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc !important;
}
.class_Scheduled_jobs .class_expand_btn_dt {
  padding-top: 5px;
  padding-bottom: 5px;
}
.class_ticket_crm_icon {
  height: 20px;
  width: 20px;
}
.class_cmd2node_btn {
  padding-left: 10px;
  display: none;
  cursor: pointer;
}
.class_cmd:hover .class_cmd2node_btn {
  display: unset;
}
.class_cmd .class_user_time {
  /* display: none; */
}
.class_cmd .class_other_user {
  display: block !important;
}
#show_hide_conv {
  display: none !important;
}
#show_hide_canvas {
  display: none !important;
}
.class_crm_stats {
  border: 1px solid #dee2e6;
}

#id_top5_contributors {
  font-size: 12px;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
#id_top5_issues {
  font-size: 14px;
}
#id_recent5_issues {
  font-size: 14px;
}

.class_main_container {
  height: 100vh !important;
}
.class_create_and_conv_filters{
  background-color: white !important;
  border-bottom: 1px solid #ececec;
}
.class_signed_in_user {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}
.class_top_navbar_holder{
  padding: 0px !important;
  margin: 0px !important;
  /* border-bottom: 1px solid lightgrey; */
  background: white !important;
}
.class_container_of_top_navbar{
  margin: 0px !important;
  padding: 0px !important;
}
.class_only_logo{
  width: 40px;
  height: auto;
}
.class_filters_holder{
  padding: 0px !important;
}
.class_job_completed{
  font-size: 14px !important;
}
.class_edit_subject{
  margin-left: 20px;
  visibility: hidden;
}
.class_subject_text:hover .class_edit_subject {
  margin-left: 20px;
  visibility: visible;
}
.class_conv_filter_drop_down_btn{
  padding: 0px;
  display: inline-flex;
}
label {
  margin-bottom: 0px !important;
}
.class_conv_settings_col{
  padding-left: 10px;
}
.class_conv_stuff_icon_holder {
  padding: 0px !important;
}
.class_icons_time {
  text-align: right;
}
.class_delete_msg_button {
  visibility : hidden;
}
.class_chatbot_msg:hover .class_delete_msg_button {
  visibility: visible;
}
.class_cmd_highlight_ok_button {
  color: green;
  margin-right: 10px;

}
.class_cmd_highlight_cancel_button {
  color: red;
  margin-right: 10px;

}
.class_cmd_highlight_button {
  visibility : hidden;
  margin-right: 10px;
}
.class_chatbot_msg:hover .class_cmd_highlight_button {
  visibility: visible;
}


.class_push_to_slack_button, .class_push_to_msteams_button {
  visibility : hidden;
  cursor: pointer;
}
.class_chatbot_msg:hover .class_push_to_slack_button, .class_chatbot_msg:hover .class_push_to_msteams_button {
  visibility: visible;
}
#id_conversation .displayNodeInfoIconContainer .class_push_to_slack_button, #id_conversation .displayNodeInfoIconContainer .class_push_to_msteams_button {
  visibility: visible;
}

#id_search_and_canvas .displayNodeInfoIconContainer .class_push_to_slack_button, #id_search_and_canvas .displayNodeInfoIconContainer .class_push_to_msteams_button {
  visibility: visible;
}

.displayNodeInfoIconContainer {
  position: absolute;
  right: 0px;
  max-width: 288px;
}

/*
In order to style the parent based on the number of child elements, see 
https://www.bram.us/2022/11/17/style-a-parent-element-based-on-its-number-of-children-using-css-has/
:has(> :nth-child(5):last-child)
*/
.displayNodeInfoIconContainer:has(> :nth-child(12)) {
  width: 210px;
}
.displayNodeInfoIconContainer:has(> :nth-child(14)) {
  width: 245px;
}
.displayNodeInfoIconContainer:has(> :nth-child(16)) {
  width: 275px;
}

.class_plain_request_msg,
.class_plain_response_msg{
  border: none !important;
}
.class_floating_node_info .class_icons_time {
  display: none !important;
}
.class_chat_node_info .class_icons_time {
  display: none !important;
}
.class_user_comment .class_icons_time {
  display: unset !important;
}
#limit.class_pagination_limit {
  width: 40px;
  flex: none;
  border-radius: 5px;
}
.class_pagination_control {
  background-color: white;
  border: 0px;
  cursor: pointer;
  color: darkgray;
}

.class_node_id {
  display: none !important;
}

.class_hide_msg {
  display: none !important;
}
.class_dag_list_entry {
  padding: 5px;
  border-bottom: 1px solid #e9e9e9;
  background-color: white;
}

.class_dag_list_entry.selected {
  background-color: var(--selected-dag-bg);
}

.class_dag_list_entry.selected a {
  color: var(--selected-dag-fg);
}

li a[title]:hover::after {
  /* content: attr(title); */
  /* position: absolute; */
  /* top: -100%; */
  /* left: 0; */
  color: black;
  background-color: yellow;
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.class_cmd2dag_active {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

.class_dag_title {
  background-color:#c6f1ff;
}
.class_dag_list {
  /* font-size: 12px; */
  box-shadow: 0px 1px 3px -1px #313030;
  min-height: 30px;
  color: #0275d8;
  text-align: center;
  width: 100%;
  margin: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  /* border: 1px solid #c1b8b8; */
  border: none !important;
}
.class_dag_list_holder {
  padding-top: 4px;
  /* padding-left: 27px; */
  
}
.class_dag_name_div {
  display: inline;
}
.class_dag_id_div {
  display: none;
}
.class_dag_item {
  /* font-family: Verdana; */
  font-size: 14px;
  /* border-color: #1A5793 !important; */
  margin-left: 10px;
  white-space: pre-wrap;
  color: #0081ff;
}
.class_all_nodes_title,
.class_all_dags_title {
  background-color: #f7f7f7;
  color: black;
  text-align: center !important;
  padding: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.class_all_nodes_title.stackstorm {
  text-align: left !important;
}

.class_get_node_in_canvas_btn,
.class_delete_node_perm_btn{
  padding: 0px;
  padding-left: 3px;
  margin: 0px;
  background-color: transparent;
}


#id_ghost_div {
  height: calc(100vh - 100px);
}
.class_search_tags_btn{
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 00.25rem !important;
}

.class_show_hide_dag {
  margin: 10px;
  margin-right: 30px !important;
}
.class_show_hide_console {
  margin: 10px;
}
.class_cmd {
  background-color: yellow;
}

.list-style-type-none {
  padding-left: 0px;
}

.list-style-type-none li {
  list-style-type: none;
}
.display_all_nodes_node, .display_all_dags_dag {
  position: relative;
  display: block;
  padding-left: 30px;
}
.node_list_git_icon_container, .dag_list_git_icon_container {
	position: absolute;
	text-align: left;
	z-index: 1;
	top: 0px;
	left: 12px;
  color: #ccc;
/*  visibility: hidden; */
  visibility: visible;
}
.dirty {
  color: red;
}
.node_list_git_icon_container.dirty, .dag_list_git_icon_container.dirty {
  visibility: visible;
  color: red;
  cursor: pointer;
}
.no_git_icon {
  display: none !important;
}
.display_all_nodes_node .display_all_nodes_node_icons {
  display: none;
  position: absolute;
  z-index: 10;
  top: 0px;
  right: 0px;
  /* This is inside a flex container, and for some reason, position absolute does not work so we need text-align, and we need to set the width, otherwise the link on the node title is not clickable */
  text-align: right;
  width: 38px;
  margin-right: 12px;
  background-color: transparent;
}
.display_all_nodes_node:hover .display_all_nodes_node_icons {
  display: block;
}
.red_text {
  color: red;
}
#gitHistoryTableContainerOuter {
  display: none;
  position: fixed;
  left: 5%;
  right: 5%;
  overflow: scroll;
  z-index: 10001;
  top: 10vh;
  bottom: 10vh;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
}
div#gitRevert {
  display: none;
  position: absolute;
  left: 5%;
  right: 5%;
  top: 5%;
  bottom: 5%;
  z-index: 100;
  overflow: scroll;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
}
.class_delete_dag_icon,
.class_edit_dag_icon,
.class_add_node_icon,
.class_dag_export_button,
.class_add_dag_icon {
  padding: 5px;
}
.class_canvas_button {
  margin: 5px;
}
.class_dag_buttons_holder {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.class_dag_export_button {
  /* background-color: white; */
  /* color: #0275d8; */
  /* border: none !important; */
  /* box-shadow: 0px 1px 3px -1px #313030; */
  /* margin: 5px; */
}
.class_menu_icon {
  margin-right: 5px;
}
.dropdown-item a {
  padding-left: 0px !important;
}
#id_merge_nodes_choices {
  padding-left: 0px !important;
}
.fa-msteams {
	background-image: url("https://statics.teams.cdn.office.net/hashed/favicon/prod/favicon-16x16-117b900.png");
	background-size: 13px 16px;
	background-repeat: no-repeat;
	height: 13px;
	width: 15px;
}

.dropdown-item .fa-msteams {
  margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

.fa-st2 {
	background-image: url("/static/icons/stackstorm400x400.jpeg");
	background-size: 13px 16px;
	background-repeat: no-repeat;
	height: 13px;
	width: 15px;
}

.dropdown-item .fa-st2 {
  margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
}


.fa-stackstorm-sidebar {
	background-image: url("/static/icons/stackstorm400x400.jpeg");
	background-size: 32px 32px;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	margin-right: 0px;
	padding-right: 0px;
}

.displayNodeInfoIconContainer .fa-msteams {
  margin-left: 15px;
	padding-right: 0px;
}

.class_icons_time .fa-msteams, .class_icons_time .fa-slack {
  margin-right: 10px;
}

.btn-login {
  position: relative;
  border: 1px solid #ddd !important;
}
.btn-login:hover {
  background-color: white !important;
  color: black !important;
}
.btn-login img {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 5px;
}
#stackstormCompContainerOuter {
  display: none;
  position: fixed;
  left: 5%;
  right: 5%;
  overflow: scroll;
  z-index: 10001;
  top: 10vh;
  bottom: 10vh;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
}
#id_tnodename {
  width: -webkit-fill-available;
}

#id_problem {
  padding: 5px;
}
.class_floating_form .class_expandable_div {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
}
.class_floating_form #id_divreasons {
  border: none !important;
}
.class_floating_form .class_divtags {
  border: none !important; 
}
.class_floating_form .class_divtags .class_btn_holder {
  text-align: center;
}

.class_floating_form .class_Comments .class_comment_textarea {
  border: none !important;
}
.class_tbody_cmd_list {
  display:block;
  max-height: 300px;
  overflow-y: scroll;
  bottom: 50px;
}

#id_search_nodes_textautocomplete-list {
  bottom: unset !important;
}

#id_tnodenameautocomplete-list{
  bottom: unset !important;
}

/* #reason1autocomplete-list {
  bottom: unset !important;
} */

.class_stackstorm_div {
  padding: 0px !important;
  white-space: normal;
}

.st2-auto-form__title {
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 8px;
    white-space: nowrap;
}

.st2_param_wrapper {
  padding: 5px;
}
.st2_param_wrapper input {
  padding: 2px;
}
.st2_param_wrapper.form-group {
  margin-bottom: 5px;
}
.stackstorm_info {
  padding: 5px;
}

.stackstorm_task_properties_sections {
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

.stackstorm_task_properties_sections.no_bottom_border {
  border-bottom: 0px solid #ddd;
}

.stackstorm_task_properties_sections .explain {
  padding-top: 5px;
  padding-bottom: 5px;
}

.stackstorm_task_properties_sections input[type=text] {
  width: 100%;
}

.stackstorm_task_properties_sections input[type=radio] {
  margin-right: 5px;
}

.stackstorm_task_properties_sections input.join_n_tasks {
  width: 40px;
  border-radius: 5px;
  padding: 0px 0px 0px 4px;
}

.stackstorm_task_properties_sections .slider:before {
  content: ' ' !important;
}

.stackstorm_task_properties_sections .slider:after {
  content: ' ' !important;
}

.stackstorm_task_properties_sections .row {
  padding-bottom: 5px;
  padding-top: 5px;
}

.stackstorm_task_properties_sections p {
  margin-top: 5px;
  margin-bottom: 5px;
}

.stackstorm_transitions_div {
  padding-bottom: 43px;
  position: relative;
}

.stackstorm_add_transition_button_orquesta {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.stackstorm_types_container {
  white-space: normal;
}
.stackstorm_types_container label {
  display: inline;
}
.stackstorm_types_container input {
  margin-right: 5px;
  margin-left: 10px;
}

#id_add_user_inputautocomplete-list {
  bottom: unset !important;
}
.class_exec_msg_content {
  overflow: auto !important;
}

.class_all_nodes_filter_con {
  width: 100% !important;
}

.class_all_nodes_filter_con label {
  width: 20% !important;
}

#showAllNodesLeftContainer_StackStorm {
  height: 77vh;
  max-height: 77vh;
}
.display_all_nodes_node_icons_container {
  position: absolute;
  top: 5px;
  right: 5px;
  visibility: hidden;
}
.node-stackstorm_treeview:hover .display_all_nodes_node_icons_container {
  visibility: visible;
}
.display_all_nodes_node_icons_container button {
  border: 0px solid transparent !important;
  background-color: transparent !important;
  cursor: pointer;
}
.stackstorm_display_all_git_icon_container {
  margin-right: 5px;
}

.cursor_pointer {
  cursor: pointer;
}

.stackstorm_parameters_container > .row {
  margin-bottom: 5px;
}

.class_divname .stackstorm_info_icon_container, #id_problem .stackstorm_info_icon_container {
  white-space: normal;
  position: absolute;
  right: 0px;
  top: 5px;
  z-index: 1;
}
#id_problem .stackstorm_info_icon_container {
  top: 35px;
  right: 15px;
}

.class_settings {
  margin-top: 10px;
}


.stackstorm_pack_icons {
  height: 16px;
  width: 16px;
	background-size: 16px 16px;
  margin: 0px 5px -2px -15px;
}

#integration_nav {
  padding: 0px;
  width: 100%;
  max-width: 100% !important;
  /*
  border-bottom: 1px solid #ccc;
  */
  margin-top: 10px;
}

#integration_nav li {
  text-align: center;
  list-style: none;
  display: inline-block;
  margin: 0px 0px;
  padding-bottom: 5px;
  cursor: pointer;
}
#integration_nav li:hover {
  color: #2196F3;
  font-weight: 550 !important;
  border-bottom: 5px solid #2196F3;
}

#integration_nav .active-tab {
  font-weight: 550 !important;
  color: #2196F3;
  border-bottom: 5px solid #2196F3;
}
.integration_cards {
  width: 300px;
  min-width: 300px;
  display: block;
  float: left;
  margin: 10px 20px 0px 0px;
}

.integration_cards_icons {
  width: 100%;
}
.integration_cards_header {
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  background-color: #ececec;
}

.integrations_tables {
  width: 100%;
}

.integration_cards_body {
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  padding: 20px;
  height: 100px;
  background-color: #EAF4FF;
}
.integrations_tiles_container {
}
.integrations_icon_container {
  width: 70px;
  height: 70px;
  padding: 20px;
}
.integrations_icon_container_git {
  width: 70px;
  padding: 10px;
}
.integrations_icon_container_servicenow {
  width: 70px;
  height: 70px;
  padding: 0px;
}
.integrations_icon_container_jira {
  width: 70px;
  padding: 0px;
}
.integrations_title_container {
  padding-right: 10px;
  width: 120px;
}

/*
.integrations_table_containers {
  display: none;
  position: fixed;
  top: 25%;
  bottom: 25%;
  left: 25%;
  right: 75%;
  border: 1px solid #eee;
}
*/

.integrations_table_containers .modal-content {
  border: 0px solid transparent;
  border-radius: 0px;
}

.integrations_table_containers .modal-header {
  background-color: #3764E2;
  color: white;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.integrations_table_containers .modal-header .close {
  color: white;
  font-weight: normal;
  opacity: 1;
}

.integrations_left_column_jira {
  width: 200px;
}

.integrations_left_column_servicenow {
  width: 120px;
}
.integrations_left_column_confluence {
  width: 140px;
}

.integrations_left_column_ldap {
  width: 220px;
}

.integrations_left_column_sso_google {
  width: 220px;
}

.integrations_left_column_sso_okta {
  width: 220px;
}

.integrations_left_column_sso_github {
  width: 220px;
}

.integrations_left_column_sso_azure {
  width: 220px;
}
.integrations_left_column_sso_slack {
  width: 220px;
}
.integrations_left_column_msteams {
  width: 220px;
}
.integrations_left_column_git {
  width: 150px;
}
.integrations_left_column_git_top_section {
  width: 340px;
}

.integrations_left_column_stackstorm {
  width: 180px;
}

.integrations_left_column_slack {
  width: 180px;
}

.integrations_tables td.integrations_left_column {
  padding: 5px;
}

.integrations_tables td {
  border-top: 0px solid white !important;
  padding: 5px 0px;
  vertical-align: middle;
}

.integrations_labels {
  background-color: #EEEEEE;
  color: black;
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
  padding: 10px;
}

.integrations_tables .form-control {
  border: 1px solid transparent;
}
.integrations_tables .form-control:focus {
  border: 1px solid cyan;
}

.integrations_hidden_edit_button {
  display: none;
}

button.integrations_delete_btn {
  border-radius: 0px;
  background-color: #DA4437;
  color: white;
  padding: 10px 40px;
}

button.integrations_save_btn {
  border-radius: 0px;
  background-color: #3764E2;
  color: white;
  padding: 10px 40px;
}

button.integrations_other_btn {
  border-radius: 0px;
  background-color: #3764E2;
  color: white;
  padding: 10px 40px;
}

.integrations_buttons_containers {
  margin-bottom: 20px;
}

.integrations_tables th {
  font-weight: normal;
  border-bottom: 1px solid #dee2e6;
  padding: 5px 0px;
}

.msteams_settings_row, .git_settings_row, .stackstorm_settings_row, .slack_settings_row {
  border: 1px solid #ddd;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
}
.msteams_settings_row table, .slack_settings_row table {
  width: 100%;
}

.channel_delete_icon, .repo_delete_icon, .stackstorm_pack_delete_icon {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  color: red;
  z-index: 1;
}

.msteams_settings_row:hover .channel_delete_icon, .git_settings_row:hover .repo_delete_icon, .stackstorm_settings_row:hover .stackstorm_pack_delete_icon, .slack_settings_row:hover .channel_delete_icon {
  display: initial;
}

#msteams_table .table td {
  padding: 1px;
}
#msteams_table .table td.integrations_right_column, #git_table .table.integrations_tables td.integrations_right_column, #slack_table .table td.integrations_right_column {
  padding: 0px 0px 0px 20px;
}
.integration_cards .fa-cog {
  vertical-align: super;
  cursor: pointer;
  margin-left: 8px;
}
table.login_form {
  width: 100%;
}
table.login_form td.left_column {
  width: 50%;
}
#login_page_top_container, #forgot_password_page_top_container {
  background-color: #0F63E2;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
#login_page_right_side_container, #forgot_password_page_right_side_container {
  background-color: white;
  position: absolute;
  width: 50%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
}
#login_image_container {
  position: absolute;
  z-index: 1;
  top: calc(50% - 90px);
  left: calc(25% - 132px);
  text-align: center;
  color: white;
  width: 264px;
}

#login_image_container img {
  width: 264px;
}
.active_left_nav {
  background-color: #0D64E2;
  color: white;
  border-radius: 25px;
}

#id_node_form.class_scroll_div {
  max-height: calc(90vh - 120px);
}

.class_reason_bundle .class_reason_node_id {
  display: none;
}
.class_reason_bundle .class_tbody_cmd_list {
  bottom: unset !important;
}

.class_task_link {
   color: #0D64E2;
}