/*red-900 = #b71c1c red-100 = #ffcdd2* red-50 = #ffcdd2*/
/*pink-900 = #880e4f pink-100 = #f8bbd0*/
/*purple-900 = #4a148c purple-100 = #e1bee7*/

.thq-material {
  border-radius: 0px;
}

  .thq-material .bg-red-900 {
    background-color: #b71c1c !important;
  }

.thq-material-red .form-fields > .k-card-vertical {
  border-left: 3px solid #b71c1c;
}

.thq-material-red .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #ef9a9a;
}

.thq-material-red .form-fields .form-control:focus,
.thq-material-red .form-fields .k-combobox > .k-state-focused,
.thq-material-red .form-fields .k-numerictextbox .k-state-focused,
.thq-material-red .form-fields .k-multiselect.k-state-focused {
  border-color: #b71c1c;
  box-shadow: 0 0 0 0.2rem rgb(183 28 28 / 15%);
}




.thq-material .bg-pink-900 {
  background-color: #880e4f !important;
}

.thq-material-pink .form-fields > .k-card-vertical {
  border-left: 3px solid #880e4f;
}

.thq-material-pink .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #f48fb1;
}

.thq-material-pink .form-fields .form-control:focus,
.thq-material-pink .form-fields .k-combobox > .k-state-focused,
.thq-material-pink .form-fields .k-numerictextbox .k-state-focused,
.thq-material-pink .form-fields .k-multiselect.k-state-focused {
  border-color: #880e4f;
  box-shadow: 0 0 0 0.2rem rgb(136 14 79 / 15%);
}




.thq-material .bg-purple-900 {
  background-color: #4a148c !important;
}

.thq-material-purple .form-fields > .k-card-vertical {
  border-left: 3px solid #4a148c;
}

.thq-material-purple .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #ce9cd8;
}

.thq-material-purple .form-fields .form-control:focus,
.thq-material-purple .form-fields .k-combobox > .k-state-focused,
.thq-material-purple .form-fields .k-numerictextbox .k-state-focused,
.thq-material-purple .form-fields .k-multiselect.k-state-focused {
  border-color: #4a148c;
  box-shadow: 0 0 0 0.2rem rgb(74 20 140 / 15%);
}




.thq-material .bg-deep-purple-900 {
  background-color: #311b92 !important;
}

.thq-material-deep-purple .form-fields > .k-card-vertical {
  border-left: 3px solid #b39ddb;
}

.thq-material-deep-purple .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #d1c4e9;
}

.thq-material-deep-purple .form-fields .form-control:focus,
.thq-material-deep-purple .form-fields .k-combobox > .k-state-focused,
.thq-material-deep-purple .form-fields .k-numerictextbox .k-state-focused
.thq-material-deep-purple .form-fields .k-multiselect.k-state-focused {
  border-color: #311b92;
  box-shadow: 0 0 0 0.2rem rgb(49 27 146 / 15%);
}




.thq-material .bg-indigo-900 {
  background-color: #1a237e !important;
}


.thq-material-indigo .form-fields > .k-card-vertical {
  border-left: 3px solid #1a237e;
}

.thq-material-indigo .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #9fa8da;
}

.thq-material-indigo .form-fields .form-control:focus,
.thq-material-indigo .form-fields .k-combobox > .k-state-focused,
.thq-material-indigo .form-fields .k-numerictextbox .k-state-focused
.thq-material-indigo .form-fields .k-multiselect.k-state-focused {
  border-color: #1a237e;
  box-shadow: 0 0 0 0.2rem rgb(26 35 126 / 15%);
}




.thq-material .bg-blue-900 {
  background-color: #0d47a1 !important;
}

.thq-material-blue .form-fields > .k-card-vertical {
  border-left: 3px solid #0d47a1;
}

.thq-material-blue .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #90caf9;
}

.thq-material-blue .form-fields .form-control:focus,
.thq-material-blue .form-fields .k-combobox > .k-state-focused,
.thq-material-blue .form-fields .k-numerictextbox .k-state-focused
.thq-material-blue .form-fields .k-multiselect.k-state-focused {
  border-color: #0d47a1;
  box-shadow: 0 0 0 0.2rem rgb(13 71 161/ 15%);
}



.thq-material .bg-light-blue-900 {
  background-color: #01579b !important;
}


.thq-material-light-blue .form-fields > .k-card-vertical {
  border-left: 3px solid #01579b;
}

.thq-material-light-blue .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #81d4fa;
}

.thq-material-light-blue .form-fields .form-control:focus,
.thq-material-light-blue .form-fields .k-combobox > .k-state-focused,
.thq-material-light-blue .form-fields .k-numerictextbox .k-state-focused,
.thq-material-light-blue .form-fields .k-multiselect.k-state-focused {
  border-color: #01579b;
  box-shadow: 0 0 0 0.2rem rgb(1 87 155 / 15%);
}


.thq-material .bg-cyan-900 {
  background-color: #006064 !important;
}


.thq-material-cyan .form-fields > .k-card-vertical {
  border-left: 3px solid #006064;
}

.thq-material-cyan .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #80deea;
}

.thq-material-cyan .form-fields .form-control:focus,
.thq-material-cyan .form-fields .k-combobox > .k-state-focused,
.thq-material-cyan .form-fields .k-numerictextbox .k-state-focused,
.thq-material-cyan .form-fields .k-multiselect.k-state-focused {
  border-color: #006064;
  box-shadow: 0 0 0 0.2rem rgb(0 96 100 / 15%);
}




.thq-material .bg-teal-900 {
  background-color: #004d40 !important;
}


.thq-material-teal .form-fields > .k-card-vertical {
  border-left: 3px solid #004d40;
}

.thq-material-teal .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #80cbc4;
}

.thq-material-teal .form-fields .form-control:focus,
.thq-material-teal .form-fields .k-combobox > .k-state-focused,
.thq-material-teal .form-fields .k-numerictextbox .k-state-focused,
.thq-material-teal .form-fields .k-multiselect.k-state-focused {
  border-color: #004d40;
  box-shadow: 0 0 0 0.2rem rgb(0 77 64 / 15%);
}



.thq-material .bg-green-900 {
  background-color: #1b5e20 !important;
}

.thq-material-green .form-fields > .k-card-vertical {
  border-left: 3px solid #1b5e20;
}

.thq-material-green .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #a5d6a7;
}

.thq-material-green .form-fields .form-control:focus,
.thq-material-green .form-fields .k-combobox > .k-state-focused,
.thq-material-green .form-fields .k-numerictextbox .k-state-focused,
.thq-material-green .form-fields .k-multiselect.k-state-focused {
  border-color: #1b5e20;
  box-shadow: 0 0 0 0.2rem rgb(27 94 32/ 15%);
}




.thq-material .bg-light-green-900 {
  background-color: #33691e !important;
}


.thq-material-light-green .form-fields > .k-card-vertical {
  border-left: 3px solid #33691e;
}

.thq-material-light-green .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #c5e1a5;
}

.thq-material-light-green .form-fields .form-control:focus,
.thq-material-light-green .form-fields .k-combobox > .k-state-focused,
.thq-material-light-green .form-fields .k-numerictextbox .k-state-focused,
.thq-material-light-green .form-fields .k-multiselect.k-state-focused {
  border-color: #33691e;
  box-shadow: 0 0 0 0.2rem rgb(51 105 30 / 15%);
}



.thq-material .bg-lime-900 {
  background-color: #827717 !important;
}


.thq-material-lime .form-fields > .k-card-vertical {
  border-left: 3px solid #827717;
}

.thq-material-lime .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #e6ee9c;
}

.thq-material-lime .form-fields .form-control:focus,
.thq-material-lime .form-fields .k-combobox > .k-state-focused,
.thq-material-lime .form-fields .k-numerictextbox .k-state-focused,
.thq-material-lime .form-fields .k-multiselect.k-state-focused {
  border-color: #827717;
  box-shadow: 0 0 0 0.2rem rgb(130 119 23 / 15%);
}



.thq-material .bg-yellow-900 {
  background-color: #f57f17 !important;
}

.thq-material-yellow .form-fields > .k-card-vertical {
  border-left: 3px solid #f57f17;
}

.thq-material-yellow.form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #fff59d;
}

.thq-material-yellow .form-fields .form-control:focus,
.thq-material-yellow .form-fields .k-combobox > .k-state-focused,
.thq-material-yellow .form-fields .k-numerictextbox .k-state-focused,
.thq-material-yellow .form-fields .k-multiselect.k-state-focused {
  border-color: #f57f17;
  box-shadow: 0 0 0 0.2rem rgb(245 127 23 / 15%);
}



.thq-material .bg-amber-900 {
  background-color: #ff6f00 !important;
}

.thq-material-amber .form-fields > .k-card-vertical {
  border-left: 3px solid #ff6f00;
}

.thq-material-amber .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #ffe082;
}

.thq-material-amber .form-fields .form-control:focus,
.thq-material-amber .form-fields .k-combobox > .k-state-focused,
.thq-material-amber .form-fields .k-numerictextbox .k-state-focused,
.thq-material-amber .form-fields .k-multiselect.k-state-focused {
  border-color: #ff6f00;
  box-shadow: 0 0 0 0.2rem rgb(255 111 0 / 15%);
}




.thq-material .bg-orange-900 {
  background-color: #e65100 !important;
}

.thq-material-orange .form-fields > .k-card-vertical {
  border-left: 3px solid #e65100;
}

.thq-material-orange .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #ffcc80;
}

.thq-material-orange .form-fields .form-control:focus,
.thq-material-orange .form-fields .k-combobox > .k-state-focused,
.thq-material-orange .form-fields .k-numerictextbox .k-state-focused,
.thq-material-orange .form-fields .k-multiselect.k-state-focused {
  border-color: #e65100;
  box-shadow: 0 0 0 0.2rem rgb(230 81 0 / 15%);
}



.thq-material .bg-deep-orange-900 {
  background-color: #bf360c !important;
}

.thq-material-deep-orange .form-fields > .k-card-vertical {
  border-left: 3px solid #bf360c;
}

.thq-material-deep-orange .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #ffab91;
}

.thq-material-deep-orange .form-fields .form-control:focus,
.thq-material-deep-orange .form-fields .k-combobox > .k-state-focused,
.thq-material-deep-orange .form-fields .k-numerictextbox .k-state-focused,
.thq-material-deep-orange .form-fields .k-multiselect.k-state-focused {
  border-color: #bf360c;
  box-shadow: 0 0 0 0.2rem rgb(191 54 12 / 15%);
}



.thq-material .bg-brown-900 {
  background-color: #3e2723 !important;
}

.thq-material-brown .form-fields > .k-card-vertical {
  border-left: 3px solid #3e2723;
}

.thq-material-brown .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #bcaaa4;
}

.thq-material-brown .form-fields .form-control:focus,
.thq-material-brown .form-fields .k-combobox > .k-state-focused,
.thq-material-brown .form-fields .k-numerictextbox .k-state-focused,
.thq-material-brown .form-fields .k-multiselect.k-state-focused {
  border-color: #3e2723;
  box-shadow: 0 0 0 0.2rem rgb(62 39 35 / 15%);
}




.thq-material .bg-grey-900 {
  background-color: #212121 !important;
}

.thq-material-grey .form-fields > .k-card-vertical {
  border-left: 3px solid #212121;
}

.thq-material-grey .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #eeeeee;
}

.thq-material-grey .form-fields .form-control:focus,
.thq-material-grey .form-fields .k-combobox > .k-state-focused,
.thq-material-grey .form-fields .k-numerictextbox .k-state-focused,
.thq-material-grey .form-fields .k-multiselect.k-state-focused {
  border-color: #212121;
  box-shadow: 0 0 0 0.2rem rgb(33 33 33/ 15%);
}




.thq-material .bg-blue-grey-900 {
  background-color: #263238 !important;
}

.thq-material-blue-grey .form-fields > .k-card-vertical {
  border-left: 3px solid #263238;
}

.thq-material-blue-grey .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #b0bec5;
}

.thq-material-blue-grey .form-fields .form-control:focus,
.thq-material-blue-grey .form-fields .k-combobox > .k-state-focused,
.thq-material-blue-grey .form-fields .k-numerictextbox .k-state-focused,
.thq-material-blue-grey .form-fields .k-multiselect.k-state-focused {
  border-color: #263238;
  box-shadow: 0 0 0 0.2rem rgb(38 50 56/ 15%);
}





.thq-material .bg-coral-900 {
  background-color: lightcoral !important;
}

.thq-material-coral .form-fields > .k-card-vertical {
  border-left: 3px solid lightcoral;
}

.thq-material-coral .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #f080808a;
}

.thq-material-coral .form-fields .form-control:focus,
.thq-material-coral .form-fields .k-combobox > .k-state-focused,
.thq-material-coral .form-fields .k-numerictextbox .k-state-focused,
.thq-material-coral .form-fields .k-multiselect.k-state-focused {
  border-color: lightcoral;
  box-shadow: 0 0 0 0.2rem rgb(38 50 56/ 15%);
}






.thq-material .bg-magenta-900 {
  background-color: #ff00ff !important;
}

.thq-material-magenta .form-fields > .k-card-vertical {
  border-left: 3px solid #ff00ff;
}

.thq-material-magenta .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #b0bec5;
}

.thq-material-magenta .form-fields .form-control:focus,
.thq-material-magenta .form-fields .k-combobox > .k-state-focused,
.thq-material-magenta .form-fields .k-numerictextbox .k-state-focused,
.thq-material-magenta .form-fields .k-multiselect.k-state-focused {
  border-color: #ff00ff;
  box-shadow: 0 0 0 0.2rem rgb(38 50 56/ 15%);
}






.thq-material .bg-black-900 {
  background-color: black !important;
}

.thq-material-black .form-fields > .k-card-vertical {
  border-left: 3px solid black;
}

.thq-material-black .form-fields .k-card-vertical > .k-hbox {
  border-left: 40px solid #b0bec5;
}

.thq-material-black .form-fields .form-control:focus,
.thq-material-black .form-fields .k-combobox > .k-state-focused,
.thq-material-black .form-fields .k-numerictextbox .k-state-focused,
.thq-material-black .form-fields .k-multiselect.k-state-focused {
  border-color: black;
  box-shadow: 0 0 0 0.2rem rgb(38 50 56/ 15%);
}




/*Buttons*/

.k-button:hover::before, .k-button.k-state-hover::before {
  opacity: unset;
}

.custom-thq-button {
  padding: 0px 8px;
  font-size: 1.5em;
  min-height: 36px;
  min-width: 36px;
}

  .custom-thq-button::before, .custom-thq-button::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    font-family: "Font Awesome 5 Pro";
    position: unset;
    opacity: unset;
    background: unset;
    cursor: unset;
    content: unset;
  }


  .custom-thq-button > span {
    padding-left: 3px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.7em;
    vertical-align: 2px;
  }


.x-2 {
  font-size: 2em;
  min-width: 45px;
  min-height: 45px;
}

  .x-2 > span {
    font-size: 0.7em;
    vertical-align: 3px;
  }


.custom-thq-button.btn-save {
  color: #fff;
  background-color: #0C6986;
  border-color: #052731;
}

.btn-save::before {
  content: "\f0c7";
}

.btn-save:not(:disabled):not(.disabled):active, .show > .btn-save.dropdown-toggle {
  color: #fff;
  background-color: #0C6986;
  border-color: #052731;
}

.btn-save:focus {
  box-shadow: 0 0 0 0.2rem rgb(12 105 134 / 50%);
}

.btn-save:hover {
  color: #fff;
  background-color: #052731;
  border-color: #0C6986;
}


.custom-thq-button.btn-reset {
  color: #fff;
  background-color: #E8005C;
  border-color: #D60057;
}

.btn-reset::before {
  content: "\f0e2";
}

.btn-reset:not(:disabled):not(.disabled):active, .show > .btn-reset.dropdown-toggle {
  color: #fff;
  background-color: #E8005C;
  border-color: #D60057;
}

.btn-reset:focus {
  box-shadow: 0 0 0 0.2rem rgb(232 0 92 / 50%);
}

.btn-reset:hover {
  color: #fff;
  background-color: #D60057;
  border-color: #E8005C;
}




.custom-thq-button.btn-back {
  color: #fff;
  background-color: #808080;
  border-color: #6D6D6D;
}

.btn-back::before {
  content: "\f053";
}

.btn-back:not(:disabled):not(.disabled):active, .show > .btn-back.dropdown-toggle {
  color: #fff;
  background-color: #808080;
  border-color: #6D6D6D;
}

.btn-back:focus {
  box-shadow: 0 0 0 0.2rem rgb(128 128 128 / 50%);
}

.btn-back:hover {
  color: #fff;
  background-color: #6D6D6D;
  border-color: #808080;
}



.custom-thq-button.btn-close {
  color: #fff;
  background-color: #808080;
  border-color: #6D6D6D;
}

.btn-close::before {
  content: "\f00d";
}

.btn-close:not(:disabled):not(.disabled):active, .show > .btn-close.dropdown-toggle {
  color: #fff;
  background-color: #808080;
  border-color: #6D6D6D;
}

.btn-close:focus {
  box-shadow: 0 0 0 0.2rem rgb(128 128 128 / 50%);
}

.btn-close:hover {
  color: #fff;
  background-color: #6D6D6D;
  border-color: #808080;
}



.custom-thq-button.btn-next {
  color: #fff;
  background-color: #808080;
  border-color: #6D6D6D;
}

.btn-next::after {
  content: "\f054";
}

.btn-next > span {
  padding-right: 6px;
}

.btn-next:not(:disabled):not(.disabled):active, .show > .btn-next.dropdown-toggle {
  color: #fff;
  background-color: #808080;
  border-color: #6D6D6D;
}

.btn-next:focus {
  box-shadow: 0 0 0 0.2rem rgb(128 128 128 / 50%);
}

.btn-next:hover {
  color: #fff;
  background-color: #6D6D6D;
  border-color: #808080;
}

.custom-thq-button.btn-create {
  color: #fff;
  background-color: #00B050;
  border-color: #009242;
}

.btn-create::before {
  content: "\f067";
}

.btn-create:not(:disabled):not(.disabled):active, .show > .btn-create.dropdown-toggle {
  color: #fff;
  background-color: #00B050;
  border-color: #009242;
}

.btn-create:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 176 80 / 50%);
}

.btn-create:hover {
  color: #fff;
  background-color: #009242;
  border-color: #00B050;
}

.custom-thq-button.btn-print {
  color: #fff;
  background-color: #9D239D;
  border-color: #811D81;
}

.btn-print::before {
  content: "\f02f";
}

.btn-print:not(:disabled):not(.disabled):active, .show > .btn-print.dropdown-toggle {
  color: #fff;
  background-color: #9D239D;
  border-color: #811D81;
}

.btn-print:focus {
  box-shadow: 0 0 0 0.2rem rgb(157 35 157 / 50%);
}

.btn-print:hover {
  color: #fff;
  background-color: #811D81;
  border-color: #9D239D;
}


.custom-thq-button.btn-delete {
  color: #fff;
  background-color: #F20000;
  border-color: #DE0000;
}

.btn-delete::before {
  content: "\f2ed";
}

.btn-delete:not(:disabled):not(.disabled):active, .show > .btn-delete.dropdown-toggle {
  color: #fff;
  background-color: #F20000;
  border-color: #DE0000;
}

.btn-delete:focus {
  box-shadow: 0 0 0 0.2rem rgb(242 0 0 / 50%);
}

.btn-delete:hover {
  color: #fff;
  background-color: #DE0000;
  border-color: #F20000;
}

.custom-thq-button.btn-cancel {
  color: #fff;
  background-color: #F25C00;
  border-color: #D65200;
}

.btn-cancel::before {
  content: "\f00d";
}

.btn-cancel:not(:disabled):not(.disabled):active, .show > .btn-cancel.dropdown-toggle {
  color: #fff;
  background-color: #F25C00;
  border-color: #D65200;
}

.btn-cancel:focus {
  box-shadow: 0 0 0 0.2rem rgb(242 92 0 / 50%);
}

.btn-cancel:hover {
  color: #fff;
  background-color: #D65200;
  border-color: #F25C00;
}

.custom-thq-button.btn-edit {
  color: #fff;
  background-color: #2A9D8F;
  border-color: #207A6F;
}

.btn-edit::before {
  content: "\f044";
}

.btn-edit:not(:disabled):not(.disabled):active, .show > .btn-edit.dropdown-toggle {
  color: #fff;
  background-color: #2A9D8F;
  border-color: #207A6F;
}

.btn-edit:focus {
  box-shadow: 0 0 0 0.2rem rgb(42 157 143 / 50%);
}

.btn-edit:hover {
  color: #fff;
  background-color: #207A6F;
  border-color: #2A9D8F;
}

.custom-thq-button.btn-post {
  color: #fff;
  background-color: #006633;
  border-color: #006030;
}

.btn-post::before {
  content: "\f65e";
}

.btn-post:not(:disabled):not(.disabled):active, .show > .btn-post.dropdown-toggle {
  color: #fff;
  background-color: #006633;
  border-color: #006030;
}

.btn-post:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 102 51 / 50%);
}

.btn-post:hover {
  color: #fff;
  background-color: #006030;
  border-color: #006633;
}

.custom-thq-button.btn-unpost {
  color: #fff;
  background-color: #C00000;
  border-color: #9A0000;
}

.btn-unpost::before {
  content: "\f65d";
}

.btn-unpost:not(:disabled):not(.disabled):active, .show > .btn-unpost.dropdown-toggle {
  color: #fff;
  background-color: #C00000;
  border-color: #9A0000;
}

.btn-unpost:focus {
  box-shadow: 0 0 0 0.2rem rgb(192 0 0 / 50%);
}

.btn-unpost:hover {
  color: #fff;
  background-color: #9A0000;
  border-color: #C00000;
}

.custom-thq-button.btn-list {
  color: #fff;
  background-color: #7F4F24;
  border-color: #6B431F;
}

.btn-list::before {
  content: "\f0cb";
}

.btn-list:not(:disabled):not(.disabled):active, .show > .btn-list.dropdown-toggle {
  color: #fff;
  background-color: #7F4F24;
  border-color: #6B431F;
}

.btn-list:focus {
  box-shadow: 0 0 0 0.2rem rgb(127 79 36 / 50%);
}

.btn-list:hover {
  color: #fff;
  background-color: #6B431F;
  border-color: #7F4F24;
}

.custom-thq-button.btn-approve {
  color: #fff;
  background-color: #0070C0;
  border-color: #005A9E;
}

.btn-approve::before {
  content: "\f14a";
}

.btn-approve:not(:disabled):not(.disabled):active, .show > .btn-approve.dropdown-toggle {
  color: #fff;
  background-color: #0070C0;
  border-color: #005A9E;
}

.btn-approve:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 112 192 / 50%);
}

.btn-approve:hover {
  color: #fff;
  background-color: #005A9E;
  border-color: #0070C0;
}

.custom-thq-button.btn-disapprove {
  color: #fff;
  background-color: #DC3545;
  border-color: #C42231;
}

.btn-disapprove::before {
  content: "\f2d3";
}

.btn-disapprove:not(:disabled):not(.disabled):active, .show > .btn-disapprove.dropdown-toggle {
  color: #fff;
  background-color: #DC3545;
  border-color: #C42231;
}

.btn-disapprove:focus {
  box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 50%);
}

.btn-disapprove:hover {
  color: #fff;
  background-color: #C42231;
  border-color: #DC3545;
}

.custom-thq-button.btn-send {
  color: #fff;
  background-color: #1400D0;
  border-color: #1000AC;
}

.btn-send::before {
  content: "\f1d8";
}

.btn-send:not(:disabled):not(.disabled):active, .show > .btn-send.dropdown-toggle {
  color: #fff;
  background-color: #1400D0;
  border-color: #1000AC;
}

.btn-send:focus {
  box-shadow: 0 0 0 0.2rem rgb(20 0 208 / 50%);
}

.btn-send:hover {
  color: #fff;
  background-color: #1000AC;
  border-color: #1400D0;
}


.btn-search::before {
  content: "\f002";
  font-weight: 500;
}

.btn-search {
  background-color: #f5f5f5 !important;
  min-height: 30px;
  height: 30px;
  min-width: 30px;
  font-size: 16px;
  border-radius: 4px !important;
}

  .btn-search:not(:disabled):not(.disabled):active, .show > .btn-search.dropdown-toggle {
    color: #fff;
    background-color: #1400D0;
    border-color: #1000AC;
  }

  .btn-search:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
  }

  .btn-search:hover {
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
    background-color: #ebebeb
  }


.btn-entity-link::before {
  content: "\f08e";
  font-weight: 500;
}

.btn-entity-link {
  background-color: #f5f5f5 !important;
  min-height: 30px;
  height: 30px;
  min-width: 30px;
  font-size: 16px;
  border-radius: 4px !important;
}

  .btn-entity-link:not(:disabled):not(.disabled):active, .show > .btn-entity-link.dropdown-toggle {
    color: #fff;
    background-color: #1400D0;
    border-color: #1000AC;
  }

  .btn-entity-link:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
  }

  .btn-entity-link:hover {
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
    background-color: #ebebeb
  }

.btn-entity-refresh::before {
  content: "\f2f9";
  font-weight: 500;
}

.btn-entity-refresh {
  background-color: #f5f5f5 !important;
  min-height: 30px;
  height: 30px;
  min-width: 30px;
  font-size: 16px;
  
  border-radius: 4px !important;
}

  .btn-entity-refresh:not(:disabled):not(.disabled):active, .show > .btn-entity-refresh.dropdown-toggle {
    color: #fff;
    background-color: #1400D0;
    border-color: #1000AC;
  }

  .btn-entity-refresh:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
  }

  .btn-entity-refresh:hover {
    color: #000;
    border-color: rgba(0, 0, 0, 0.16);
    background-color: #ebebeb
  }

.custom-thq-button.btn-lines {
  color: #fff;
  background-color: #39f;
  border-color: #39f;
}

.btn-lines::before {
  content: "\f870";
}

.btn-lines:not(:disabled):not(.disabled):active, .show > .btn-lines.dropdown-toggle {
  color: #fff;
  background-color: #2c89e5;
  border-color: #2c89e5;
}

.btn-lines:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 176 80 / 50%);
}

.btn-lines:hover {
  color: #fff;
  background-color: #2c89e5;
  border-color: #2c89e5;
}


.custom-thq-button.btn-validate {
  color: #4f5d73;
  background-color: #f9b115;
  border-color: #f9b115;
}

.btn-validate::before {
  content: "\f336";
}

.btn-validate:not(:disabled):not(.disabled):active, .show > .btn-validate.dropdown-toggle {
  color: #fff;
  background-color: #2c89e5;
  border-color: #2c89e5;
}

.btn-validate:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 176 80 / 50%);
}

.btn-validate:hover {
  color: #4f5d73;
  background-color: #e29c06;
  border-color: #d69405;
}

/*TODO: Discuss with Shahzad*/
.k-grid-md td, .k-grid-md .k-table-td {
  text-wrap: nowrap;
}

.btn-upload::before {
  content: "\f093"
}

.btn-document::before {
  content: "\f0c6"
}