body {
  background-color: #F1F0F0;
  overflow-x: hidden;
  font-size: 12px !important;
}
.fs-0 {
  font-size: 4rem;
}
.fs-7 {
  font-size: 0.8rem;
}
.active-quicklink:hover {
  color: blue !important;
}

.no-border {border:none !important;}
.nowrap {white-space: nowrap;}

.mt-0 {margin-top: 0px !important;}
.mt-2 {margin-top: 2px !important;}
.mt-3 {margin-top: 3px !important;}
.mt-4 {margin-top: 4px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-6 {margin-top: 6px !important;}
.mt-7 {margin-top: 7px !important;}
.mt-8 {margin-top: 8px !important;}
.mt-9 {margin-top: 9px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-12 {margin-top: 12px !important;}
.mt-14 {margin-top: 14px !important;}
.mt-16 {margin-top: 16px !important;}
.mt-18 {margin-top: 18px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-22 {margin-top: 22px !important;}
.mt-24 {margin-top: 24px !important;}
.mt-26 {margin-top: 26px !important;}
.mt-28 {margin-top: 28px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-32 {margin-top: 32px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}

.mb-0 {margin-bottom: 0px !important;}
.mb-2 {margin-bottom: 2px !important;}
.mb-3 {margin-bottom: 3px !important;}
.mb-4 {margin-bottom: 4px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-6 {margin-bottom: 6px !important;}
.mb-7 {margin-bottom: 7px !important;}
.mb-8 {margin-bottom: 8px !important;}
.mb-9 {margin-bottom: 9px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-12 {margin-bottom: 12px !important;}
.mb-14 {margin-bottom: 14px !important;}
.mb-16 {margin-bottom: 16px !important;}
.mb-18 {margin-bottom: 18px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-22 {margin-bottom: 22px !important;}
.mb-24 {margin-bottom: 24px !important;}
.mb-26 {margin-bottom: 26px !important;}
.mb-28 {margin-bottom: 28px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-32 {margin-bottom: 32px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}

.ml-0 {margin-left: 0px !important;}
.ml-2 {margin-left: 2px !important;}
.ml-3 {margin-left: 3px !important;}
.ml-4 {margin-left: 4px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-6 {margin-left: 6px !important;}
.ml-7 {margin-left: 7px !important;}
.ml-8 {margin-left: 8px !important;}
.ml-9 {margin-left: 9px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-12 {margin-left: 12px !important;}
.ml-14 {margin-left: 14px !important;}
.ml-16 {margin-left: 16px !important;}
.ml-18 {margin-left: 18px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-22 {margin-left: 22px !important;}
.ml-24 {margin-left: 24px !important;}
.ml-26 {margin-left: 26px !important;}
.ml-28 {margin-left: 28px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-32 {margin-left: 32px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-50 {margin-left: 50px !important;}

.mr-0 {margin-right: 0px !important;}
.mr-2 {margin-right: 2px !important;}
.mr-3 {margin-right: 3px !important;}
.mr-4 {margin-right: 4px !important;}
.mr-5 {margin-right: 5px !important;}
.mr-6 {margin-right: 6px !important;}
.mr-7 {margin-right: 7px !important;}
.mr-8 {margin-right: 8px !important;}
.mr-9 {margin-right: 9px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-12 {margin-right: 12px !important;}
.mr-14 {margin-right: 14px !important;}
.mr-16 {margin-right: 16px !important;}
.mr-18 {margin-right: 18px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-22 {margin-right: 22px !important;}
.mr-24 {margin-right: 24px !important;}
.mr-26 {margin-right: 26px !important;}
.mr-28 {margin-right: 28px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-32 {margin-right: 32px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-50 {margin-right: 50px !important;}

/*negative margins*/
.mt-n5 {margin-top: -5px !important;}
.mt-n10 {margin-top: -10px !important;}
.mt-n15{margin-top:-15px !important;}
.mt-n20 {margin-top: -20px !important;}
.mt-n25 {margin-top: -25px !important;}
.mt-n50 {margin-top: -50px !important;}
.mt-n100 {margin-top: -100px !important;}
.mr-n5 {margin-right: -5px !important;}
.mr-n10 {margin-right: -10px !important;}
.mr-n15 {margin-right: -15px !important;}
.mr-n20 {margin-right: -20px !important;}
.mb-n5 {margin-bottom: -5px !important;}
.mb-n10 {margin-bottom: -10px !important;}
.mb-n15 {margin-bottom: -15px !important;}
.mb-n20 {margin-bottom: -20px !important;}
.ml-n5 {margin-left: -5px !important;}
.ml-n8 {margin-left: -8px !important;}
.ml-n10 {margin-left: -10px !important;}
.ml-n15 {margin-left: -15px !important;}
.ml-n20 {margin-left: -20px !important;}
/*negative margins*/

.pa-0 {padding: 0px !important;}
.pa-5 {padding: 5px !important;}
.pa-10 {padding: 10px !important;}
.pa-15 {padding: 15px !important;}
.pa-20 {padding: 20px !important;}
.pa-25 {padding: 25px !important;}
.pa-30 {padding: 30px !important;}
.pa-35 {padding: 35px !important;}
.pa-40 {padding: 40px !important;}
.pa-45 {padding: 45px !important;}
.pa-50 {padding: 50px !important;}

.pt-0 {padding-top: 0px !important;}
.pt-2 {padding-top: 2px !important;}
.pt-3 {padding-top: 3px !important;}
.pt-4 {padding-top: 4px !important;}
.pt-5 {padding-top: 5px !important;}
.pt-6 {padding-top: 6px !important;}
.pt-7 {padding-top: 7px !important;}
.pt-8 {padding-top: 8px !important;}
.pt-9 {padding-top: 9px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-12 {padding-top: 12px !important;}
.pt-14 {padding-top: 14px !important;}
.pt-16 {padding-top: 16px !important;}
.pt-18 {padding-top: 18px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-22 {padding-top: 22px !important;}
.pt-24 {padding-top: 24px !important;}
.pt-26 {padding-top: 26px !important;}
.pt-28 {padding-top: 28px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-32 {padding-top: 32px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-50 {padding-top: 50px !important;}

.pb-0 {padding-bottom: 0px !important;}
.pb-2 {padding-bottom: 2px !important;}
.pb-3 {padding-bottom: 3px !important;}
.pb-4 {padding-bottom: 4px !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-6 {padding-bottom: 6px !important;}
.pb-7 {padding-bottom: 7px !important;}
.pb-8 {padding-bottom: 8px !important;}
.pb-9 {padding-bottom: 9px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-12 {padding-bottom: 12px !important;}
.pb-14 {padding-bottom: 14px !important;}
.pb-16 {padding-bottom: 16px !important;}
.pb-18 {padding-bottom: 18px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-22 {padding-bottom: 22px !important;}
.pb-24 {padding-bottom: 24px !important;}
.pb-26 {padding-bottom: 26px !important;}
.pb-28 {padding-bottom: 28px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-32 {padding-bottom: 32px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-50 {padding-bottom: 50px !important;}

.pl-0 {padding-left: 0px !important;}
.pl-2 {padding-left: 2px !important;}
.pl-3 {padding-left: 3px !important;}
.pl-4 {padding-left: 4px !important;}
.pl-5 {padding-left: 5px !important;}
.pl-6 {padding-left: 6px !important;}
.pl-7 {padding-left: 7px !important;}
.pl-8 {padding-left: 8px !important;}
.pl-9 {padding-left: 9px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-12 {padding-left: 12px !important;}
.pl-14 {padding-left: 14px !important;}
.pl-16 {padding-left: 16px !important;}
.pl-18 {padding-left: 18px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-22 {padding-left: 22px !important;}
.pl-24 {padding-left: 24px !important;}
.pl-26 {padding-left: 26px !important;}
.pl-28 {padding-left: 28px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-32 {padding-left: 32px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-50 {padding-left: 50px !important;}

.pr-0 {padding-right: 0px !important;}
.pr-2 {padding-right: 2px !important;}
.pr-3 {padding-right: 3px !important;}
.pr-4 {padding-right: 4px !important;}
.pr-5 {padding-right: 5px !important;}
.pr-6 {padding-right: 6px !important;}
.pr-7 {padding-right: 7px !important;}
.pr-8 {padding-right: 8px !important;}
.pr-9 {padding-right: 9px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-12 {padding-right: 12px !important;}
.pr-14 {padding-right: 14px !important;}
.pr-16 {padding-right: 16px !important;}
.pr-18 {padding-right: 18px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-22 {padding-right: 22px !important;}
.pr-24 {padding-right: 24px !important;}
.pr-26 {padding-right: 26px !important;}
.pr-28 {padding-right: 28px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-32 {padding-right: 32px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-50 {padding-right: 50px !important;}

.f10{ font-size:10px !important; }
.f11{ font-size:11px !important; }
.f12{ font-size:12px !important; }
.f13{ font-size:13px !important; }
.f14{ font-size:14px !important; }
.f15{ font-size:15px !important; }
.f16{ font-size:16px !important; }
.f18{ font-size:18px !important; }
.f20{ font-size:20px !important; }
.f22{ font-size:22px !important; }
.f24{ font-size:24px !important; }
.f26{ font-size:26px !important; }
.f28{ font-size:28px !important; }
.f30{ font-size:30px !important; }
.f32{ font-size:32px !important; }
.f34{ font-size:34px !important; }
.f36{ font-size:36px !important; }

.width-100{ width: 100px !important; }
.width-150{ width: 150px !important; }
.width-200{ width: 200px !important; }
.width-250{ width: 250px !important; }
.width-300{ width: 300px !important; }
.width-350{ width: 350px !important; }
.width-400{ width: 400px !important; }
.width-450{ width: 450px !important; }
.width-500{ width: 500px !important; }
.height-55{ height: 55px !important; }
.height-100{ height: 100px !important; }
.height-150{ height: 150px !important; }
.height-200{ height: 200px !important; }
.height-250{ height: 250px !important; }
.height-300{ height: 300px !important; }
.height-350{ height: 350px !important; }
.height-370{ height: 370 !important; }
.height-400{ height: 400px !important; }
.height-420{ height: 420px !important; }
.height-450{ height: 450px !important; }
.height-470{ height: 470px !important; }
.height-500{ height: 500px !important; }

.font-weight-bold{
  font-weight: bold !important;
}
.font-italic{
  font-style:italic;
}

.error-input {border:1px solid #eb0000 !important;}
.cursor-pointer {cursor: pointer;}
.cursor-not-allowed {cursor: not-allowed !important;}
.ma-auto {margin: auto;}
.label-primary{background-color: #0042b1 !important;}

.group-box{
  border: 1px solid #CCC5B9;
  border-radius: 3px;
  padding: 10px;
}

.custom-hr{
  width: 100px;
  height: 5px;
  background-color: #0042b1;
  border-top: none;
}

.card-hover {
  position: relative;
  top: 0;
  transition: top ease 0.1s;
  cursor: pointer;
}

.card-hover:hover{
  top: -10px;
  box-shadow: 0 1px 4px 1px rgba(0,0,0,.15) !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

#chat-box {
  margin: 0 auto;
  border-radius: 5px;
  height: 600px;
  overflow-y: scroll;
}
.message {
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
}
.message .message-content {
  max-width: 75%;
  margin-left: 10px;
}
.message .message-text {
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  white-space: pre-line;
}
.message-sent .message-text {
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
}
.message-sent .message-meta,
.message-received .message-meta {
  font-size: 12px;
  color: #888;
}
.message-sent .message-meta {
  text-align: right;
  margin-top:10px;
}
.message-received .message-meta {
  text-align: right;
  margin-top:10px;
}
.chat-input {
  margin-top: 10px;
}
.sender-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.sender-name {
  font-weight: bold;
  font-size: 14px;
}

table th { font-size: 14px !important; }
table td { font-size: 12px !important; }
.form-control{font-size: 12px !important;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
  padding: 5px !important;
}

.nav-pills>li>a {
  border: 1px solid #ddd;
  border-radius: 5px;
}
.nav-pills>li>a:hover {
  background-color: #ddd;
}

.form-control{
  background-color: #fff !important;
  color: #403d39 !important;
}

.form-control::placeholder { /* Edge 12-18 */
  color:#ccc;
}

.nav-pills>li.active>a{
  color:#fff;
  background-color: #0042b1;
}
.nav-pills>li.active>a:hover{
  color:#fff;
  background-color: #0042b1;
}.nav-pills>li.active>a:focus{
  color:#fff;
  background-color: #0042b1;
}
.preline-text{
  white-space:pre-line !important;
}
.tacbox {
  display:block;
  padding: 1em;
  margin: 2em;
  border: 3px solid #ddd;
  background-color: #eee;
  max-width: 800px;
}

input {
  height: 2em;
  width: 2em;
  vertical-align: middle;
}


label:after {
  content: attr(for);
}