/* ================================================ START ================================================ */



/*  ================================================ TICKET OVERVIEW PAGE ================================================ */

/* ==== BACKGROUND COLOR TICKET OVERVIEW PAGE === */
.wrapper {
    background-color: #ecf0f5!important;
    background-color: #e1e6f0!important;
}



/* ==== TABLE HEIGHT ON TICKET OVERVIEW PAGE === */
.table tbody td {
    padding: 12px 16px !important;
}



/* ==== BUTTONS ON TOP IN THE TICKET OVERVIEW === */
.btn-transparent {
    background-color: #ffffff;
    border: 1px solid #9c9c9c;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .1px;
    color: #6b7480;
}




/* Styling Statuses */


/* Replied Status */
.replied {
    background-color: rgba(0, 0, 255, 0.07); /* Light blue background */
    border: 1px solid rgba(0, 0, 255, 0.4); /* Blue border */
    display: inline-block;
    padding: 3px 8px; /* Smaller padding */
    font-size: 11px; /* Smaller font size */
    font-weight: 400; /* Regular font weight */
    line-height: 1.2;
    color: #003399; /* Dark blue text */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px; /* Smaller rounded corners */
}




/* On Hold Status */
.onhold {
    background-color: rgba(98, 117, 148, 0.1); /* Adjusted to a solid light gray-blue */
    border: 1px solid rgba(98, 117, 148, 0.5); /* Stronger gray-blue border */
    display: inline-block;
    padding: 3px 8px; /* Compact padding */
    font-size: 11px; /* Smaller font size */
    font-weight: 500; /* Medium weight for better visibility */
    line-height: 1.2;
    color: #3a3f4b; /* Darker gray-blue text for better contrast */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px; /* Rounded corners */
}


/* Resolved Status */
.resolved {
    background-color: rgba(0, 191, 61, 0.07); /* Light green background */
    border: 1px solid rgba(0, 191, 61, 0.4); /* Green border */
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    color: #046a2b; /* Dark green text */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

/* Open Status */
.open {
    background-color: rgba(255, 0, 0, 0.07); /* Light red background */
    border: 1px solid rgba(255, 0, 0, 0.4); /* Red border */
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    color: #b30000; /* Dark red text */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

/* Waiting Reply Status */
.waitingreply {
    background-color: rgba(255, 165, 0, 0.07); /* Light orange background */
    border: 1px solid rgba(255, 165, 0, 0.4); /* Orange border */
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    color: #9a6d28; /* Dark orange text */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

/* In Progress Status */
.inprogress {
    background-color: rgba(0, 128, 0, 0.07); /* Light green background */
    border: 1px solid rgba(0, 128, 0, 0.4); /* Green border */
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    color: #046a2b; /* Dark green text */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}




/* Critical rows */













/* ==== ?? === */
.ticket__params .params--bar .dropdown {
    border: 1px solid linear-gradient(30deg,#00abba,#51d0b9);
    background-image: linear-gradient(30deg,#00abba,#51d0b9);
    border-radius: 0 6px 6px 0;
}
/* ==== Buttons bottom overview tickets bulk actions === */
.inline-bottom {
    display: inline-block;
    vertical-align: inherit;
}































/*  ================================================ INSIDE TICKET ================================================ */




/* ==== BG Color inside ticket === */

.main__content.ticket {
  background-color: #e1e6f0 !important;
}


.main__content.ticket {
  margin: 0 auto;
  padding: 15px 15px 50px 15px !important;
  gap: 15px !important;
}


/* ==== GREEN HUK RIGHT TOP PULL DOWN - BUTTON === */
.btn-full {
    background-image: linear-gradient(30deg,#00abba,#51d0b9);
    background-repeat: repeat-x;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
}



/* ==== PULL DOWN - ARROW DOWN RIGHT TOP === */

.ticket__params .params--bar .dropdown label svg {
    width: 16px;
    height: 16px;
 fill: #eaeaea !important;
}





.dropdown .dropdown-list, .dropdown-select .dropdown-list {
  width: auto !important;
}






/* ==== SHOW PREVIOUS REPLIES BUTTON === */

.ticket__replies .ticket__replies_link {
  min-width: 152px;
  height: 40px;
  padding: 5px 12px;

  display: flex;
  justify-content: center;
  align-items: center;

  background-image: linear-gradient(30deg, #00abba, #51d0b9);
  background-repeat: repeat-x;
  background-color: #1776ea;

  color: #fff !important;


  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: 0.1px;

  border: none;
  border-radius: 6px;
  outline: none;
  cursor: pointer;

  transition: all 250ms ease;
}


.ticket__replies .ticket__replies_link .icon-chevron-down {
  margin-left: 8px;
  width: 8px;
  height: 8px;
  fill: whitesmoke !important;
  transition: all 250ms ease;
}

.ticket__replies .ticket__replies_link .icon-chevron-down:focus-visible {
  fill: #002d73 !important;
}

.ticket__replies .ticket__replies_link {

  display: flex !important;
  margin-left: 0px !important;
}




/* ==== MESSAGE IN TICKET BOX === ???????? */

.ticket__body_block .block--head {
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Lato",Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: .1px;
    background: #D4E2FC;
    padding: 10px;
    border-radius: 6px;
}

*/

.ticket__body_block .block--head {

    background-color: #D4E2FC;
    border: 1px solid #d2d6de;
}
















/* ==== CANNED RESPONSE === */
.selectize-control {
    background-color: #f2f2f4 !important;
    border: 1px solid #d2d6de !important;
    padding: 7px !important;
    border-radius: 6px !important;
}



/* ==== MCE EDITOR === */
.tox-tinymce {

border-radius: 6px!important;
}









/* ==== CONTENT BOX IN MESSAGES === */
.ticket__body_block .block--description {
    background-color: #D4E2FC17;
    border: 1px solid #d2d6de;
    padding: 18px;
    margin-bottom: 27px !important;
    border-radius: 2px !important;
}

/* ==== ???? HEADER IN THE TEXT BOX DOUBLE === */
.ticket__body_block .block--description {
  background-color: #D4E2FC17
  border: 1px solid #d2d6de;
  padding: 18px;
  margin-bottom: 27px !important;
  border-radius: 2px !important;
}






































/* ==== Line top box === */


/* ==== IN TICKET - TICKET BOX SIDEBAR - LINE ON TOP === */
.ticket__params .params--block {
    border-radius: 7px;
    border-top: 3px solid #ddd;
}



/* ==== IN TICKET - TICKET OVERVIEW PAGE ? === */
.table-wrap {
  border-radius: 0px;
  border-top: 3px solid #d2d6de;
  margin-bottom: 0px;
  margin-top: 0px;
}


/* ==== TICKET NOTES === 
.ticket__body_block .block--notes .note {
    border: solid 1px !important;
   background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%) !important;
    padding: 6px 10px 7px !important;
    margin-bottom: 8px !important;
}

*/




/* ==== IN TICKET - NOTES & REPLY BOX - LINE ON TOP === */
.ticket__body_block {
  border-radius: 0px;
  padding: 13px 24px 24px 24px;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
}


/* ==== IN TICKET - TICKET ANSWER - LINE ON TOP === */
.ticket__body_block.response {
  padding-top: 28px !important;
  position: relative;
  border-radius: 0px;
  background: #fff !important;
  border-top: 3px solid #018045;
  margin-bottom: 27px;
  width: 100%;
  box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
  border-radius: 7px;
}









/* ==== MESSAGE IN TICKET BOX === ???????? */
.dropdown:not(.right):hover, .dropdown-select:not(.right):hover {
  border-color: #133e5e !important;
  background-color: #fff !important;
  color: #fff!important;
  transition: all var(--transition-time-pri) ease;
}


























/* ==== Header Line ORANGE === 

.ticket__body_block {

    border-radius: 7px;
padding: 13px 24px 24px 24px;
    border-top: 0.25rem solid #fba308;
    margin-bottom: 20px;
}

.ticket__params .params--block {
    border-radius: 7px;
    border-top: 0.25rem solid #fba308;

}

*/









/* ================================================ STATUSSES ================================================ */


/* Styling Statuses */


/* Replied Status */
.replied {
    background-color: rgba(0, 0, 255, 0.07); /* Light blue background */
    border: 1px solid rgba(0, 0, 255, 0.4); /* Blue border */
    display: inline-block;
    padding: 3px 8px; /* Smaller padding */
    font-size: 11px; /* Smaller font size */
    font-weight: 400; /* Regular font weight */
    line-height: 1.2;
    color: #003399; /* Dark blue text */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px; /* Smaller rounded corners */
}




/* On Hold Status */
.onhold {
    background-color: rgba(98, 117, 148, 0.1); /* Adjusted to a solid light gray-blue */
    border: 1px solid rgba(98, 117, 148, 0.5); /* Stronger gray-blue border */
    display: inline-block;
    padding: 3px 8px; /* Compact padding */
    font-size: 11px; /* Smaller font size */
    font-weight: 500; /* Medium weight for better visibility */
    line-height: 1.2;
    color: #3a3f4b; /* Darker gray-blue text for better contrast */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px; /* Rounded corners */
}


/* Resolved Status */
.resolved {
    background-color: rgba(0, 191, 61, 0.07); /* Light green background */
    border: 1px solid rgba(0, 191, 61, 0.4); /* Green border */
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    color: #046a2b; /* Dark green text */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

/* Open Status */
.open {
    background-color: rgba(255, 0, 0, 0.07); /* Light red background */
    border: 1px solid rgba(255, 0, 0, 0.4); /* Red border */
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    color: #b30000; /* Dark red text */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

/* Waiting Reply Status */
.waitingreply {
    background-color: rgba(255, 165, 0, 0.07); /* Light orange background */
    border: 1px solid rgba(255, 165, 0, 0.4); /* Orange border */
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    color: #9a6d28; /* Dark orange text */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

/* In Progress Status */
.inprogress {
    background-color: rgba(0, 128, 0, 0.07); /* Light green background */
    border: 1px solid rgba(0, 128, 0, 0.4); /* Green border */
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    color: #046a2b; /* Dark green text */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}




/* Critical rows */













/* ==== ?? === */
.ticket__params .params--bar .dropdown {
    border: 1px solid linear-gradient(30deg,#00abba,#51d0b9);
    background-image: linear-gradient(30deg,#00abba,#51d0b9);
    border-radius: 0 6px 6px 0;
}
/* ==== Buttons bottom overview tickets bulk actions === */
.inline-bottom {
    display: inline-block;
    vertical-align: inherit;
}































/*  ================================================ INSIDE TICKET ================================================ */




/* ==== BG Color inside ticket === */

.main__content.ticket {
  background-color: #ecf0f5 !important;
}


.main__content.ticket {
  margin: 0 auto;
  padding: 15px 15px 50px 15px !important;
  gap: 15px !important;
}


/* ==== GREEN HUK RIGHT TOP PULL DOWN - BUTTON === */
.btn-full {
    background-image: linear-gradient(30deg,#00abba,#51d0b9);
    background-repeat: repeat-x;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
}



/* ==== PULL DOWN - ARROW DOWN RIGHT TOP === */

.ticket__params .params--bar .dropdown label svg {
    width: 16px;
    height: 16px;
 fill: #eaeaea !important;
}





.dropdown .dropdown-list, .dropdown-select .dropdown-list {
  width: auto !important;
}






/* ==== SHOW PREVIOUS REPLIES BUTTON === */

.ticket__replies .ticket__replies_link {
  min-width: 152px;
  height: 40px;
  padding: 5px 12px;

  display: flex;
  justify-content: center;
  align-items: center;

  background-image: linear-gradient(30deg, #00abba, #51d0b9);
  background-repeat: repeat-x;
  background-color: #1776ea;

  color: #fff !important;


  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: 0.1px;

  border: none;
  border-radius: 6px;
  outline: none;
  cursor: pointer;

  transition: all 250ms ease;
}


.ticket__replies .ticket__replies_link .icon-chevron-down {
  margin-left: 8px;
  width: 8px;
  height: 8px;
  fill: whitesmoke !important;
  transition: all 250ms ease;
}

.ticket__replies .ticket__replies_link .icon-chevron-down:focus-visible {
  fill: #002d73 !important;
}

.ticket__replies .ticket__replies_link {

  display: flex !important;
  margin-left: 0px !important;
}




/* ==== MESSAGE IN TICKET BOX === ???????? */

.ticket__body_block .block--head {
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Lato",Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: .1px;
    background: #D4E2FC;
    padding: 10px;
    border-radius: 6px;
}

*/

.ticket__body_block .block--head {

    background-color: #D4E2FC;
    border: 1px solid #d2d6de;
}









/* ==== FORM GROUP TIME WORKED === */
.ticket__body_block .block--timer {
    /* height: 48px; */
    box-shadow: none !important;
    background-color: #e1e6f0 !important;


 //   display: -ms-flexbox !important;
 //   display: flex !important;
 //   -ms-flex-pack: center !important;
 //   justify-content: center !important;
 //   -ms-flex-align: center !important;
  //  align-items: center !important;
 //   width: 100% !important;
}





/* ==== CANNED RESPONSE === */
.selectize-control {
    background-color: #f2f2f4 !important;
    border: 1px solid #d2d6de !important;
    padding: 7px !important;
    border-radius: 6px !important;
}



/* ==== MCE EDITOR === */
.tox-tinymce {

border-radius: 6px!important;
}









/* ==== CONTENT BOX IN MESSAGES === */
.ticket__body_block .block--description {
    background-color: #D4E2FC17;
    border: 1px solid #d2d6de;
    padding: 18px;
    margin-bottom: 27px !important;
    border-radius: 2px !important;
}

/* ==== ???? HEADER IN THE TEXT BOX DOUBLE === */
.ticket__body_block .block--description {
  background-color: #D4E2FC17
  border: 1px solid #d2d6de;
  padding: 18px;
  margin-bottom: 27px !important;
  border-radius: 2px !important;
}






































/* ==== Line top box === */


/* ==== IN TICKET - TICKET BOX SIDEBAR - LINE ON TOP === */
.ticket__params .params--block {
    border-radius: 7px;
    border-top: 3px solid #ddd;
}


/* ==== COLOR HEADER BOXES SIDEBAR GREY === 


.ticket__params .params--block h4 {
  background: #ddd;
  border-radius: 0px;
  color: #555;
}
*/

/* ==== COLOR HEADER BOXES SIDEBAR PURPLE === */
.ticket__params .params--block h4 {
  background: #3f4c68;
  border-radius: 0px;
  color: #e1e6f0;
}

/* ==== COLOR HEADER BOXES SIDEBAR GREEN === */

.ticket__params .params--block h4 .icon-chevron-down {
  fill: #fff;
}.ticket__params .params--block h4 {
  background: #00abba;
  border-radius: 0px;
  color: #e1e6f0;
}




/* ==== IN TICKET - TICKET OVERVIEW PAGE ? === */
.table-wrap {
  border-radius: 0px;
  border-top: 3px solid #d2d6de;
  margin-bottom: 0px;
  margin-top: 0px;
}


/* ==== TICKET NOTES === 
.ticket__body_block .block--notes .note {
    border: solid 1px !important;
   background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%) !important;
    padding: 6px 10px 7px !important;
    margin-bottom: 8px !important;
}

*/




/* ==== IN TICKET - NOTES & REPLY BOX - LINE ON TOP === */
.ticket__body_block {
  border-radius: 0px;
  padding: 13px 24px 24px 24px;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
}


/* ==== IN TICKET - TICKET ANSWER - LINE ON TOP === */
.ticket__body_block.response {
  padding-top: 28px !important;
  position: relative;
  border-radius: 0px;
  background: #fff !important;
  border-top: 3px solid #018045;
  margin-bottom: 27px;
  width: 100%;
  box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
  border-radius: 7px;
}










/* ==== MESSAGE IN TICKET BOX === ???????? */
.dropdown:not(.right):hover, .dropdown-select:not(.right):hover {
  border-color: #133e5e !important;
  background-color: #fff !important;
  color: #fff!important;
  transition: all var(--transition-time-pri) ease;
}















bg-critical {
  background-color: #fff5f5 !important;
  border-top: 1px solid rgb(230, 67, 66) !important;
  border-top: 1px solid rgba(230, 67, 66, .5) !important;
  border-bottom: 1px solid rgb(230, 67, 66) !important;
  border-bottom: 1px solid rgba(230, 67, 66, .5) !important;
}



.ticket__body_block.response {
  background: #fff !important;
  border-top: 3px solid #008b96 !important;
  border-radius: 0px !important;
}