@import url(/css/fontawesome-pro-5.13.0/css/fontawesome.min.css);
@import url(/css/fontawesome-pro-5.13.0/css/light.min.css);
@import url(/css/fontawesome-pro-5.13.0/css/brands.min.css);
@import url(/css/fontawesome-pro-5.13.0/css/regular.min.css);
@import url(/css/fontawesome-pro-5.13.0/css/solid.min.css);

input [type=submit] {
  cursor:pointer;
  padding:2px 10px;
}

input[type="checkbox"], input[type="radio"] {
  cursor: pointer;
  width: 24px;
  height: 24px;
  white-space: nowrap;
}

  input[type="checkbox"] + label, input[type="radio"] + label {
    margin-left: 5px;
    position: relative;
    top: -14px;
  }

::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    /*-webkit-border-radius: 10px;
    border-radius: 10px;*/
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0, 0, 0, 0.3);
}

/*Place grid inside a div or Panel and assign this class to it to get the grid formats*/
.tp-grid {
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 1px;
  color: black;
  display: inline-block !important;
  overflow: visible;
}

  .tp-grid h5 {
    color: white;
    padding-left: 5px;
  }

  .tp-grid table {
    width: 100%;
  }

  .tp-grid td table {
    width: initial;
  }

  .tp-grid th table {
    width: initial;
  }

  .tp-grid th {
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
    color: dimgray;
    font-size: 1.05em;
    padding: 4px;
    white-space: nowrap;
  }

    .tp-grid th:first-child {
      -moz-border-top-left-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      border-top-left-radius: 5px;
    }

  .tp-grid td th:first-child {
    -moz-border-top-left-radius: inital;
    -webkit-border-top-left-radius: initial;
    border-top-left-radius: initial;
  }

  .tp-grid th th:first-child {
    -moz-border-top-left-radius: inital;
    -webkit-border-top-left-radius: initial;
    border-top-left-radius: initial;
  }

  .tp-grid th:last-child {
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
  }

  .tp-grid td th:last-child {
    -moz-border-top-right-radius: initial;
    -webkit-border-top-right-radius: initial;
    border-top-right-radius: initial;
  }

  .tp-grid th th:last-child {
    -moz-border-top-right-radius: initial;
    -webkit-border-top-right-radius: initial;
    border-top-right-radius: initial;
  }

  .tp-grid tr:nth-child(odd) {
    background-color: whitesmoke;
  }

  .tp-grid td tr:nth-child(odd) {
    background-color: initial;
  }

  .tp-grid th tr:nth-child(odd) {
    background-color: initial;
  }

  .tp-grid tr:nth-child(even) {
    background-color: #fff;
  }

  .tp-grid td tr:nth-child(even) {
    background-color: initial;
  }

  .tp-grid th tr:nth-child(even) {
    background-color: initial;
  }

  .tp-grid tr:last-child td:first-child {
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .tp-grid td tr:last-child td:first-child {
    -moz-border-bottom-left-radius: initial;
    -webkit-border-bottom-left-radius: initial;
    border-bottom-left-radius: initial;
  }

  .tp-grid th tr:last-child td:first-child {
    -moz-border-bottom-left-radius: initial;
    -webkit-border-bottom-left-radius: initial;
    border-bottom-left-radius: initial;
  }

  .tp-grid tr:last-child td:last-child {
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .tp-grid td tr:last-child td:last-child {
    -moz-border-bottom-right-radius: initial;
    -webkit-border-bottom-right-radius: initial;
    border-bottom-right-radius: initial;
  }

  .tp-grid th tr:last-child td:last-child {
    -moz-border-bottom-right-radius: initial;
    -webkit-border-bottom-right-radius: initial;
    border-bottom-right-radius: initial;
  }

  .tp-grid td {
    padding: 4px;
  }

.tp-align-center {
  text-align:center;
}
.tp-valign-middle {
  vertical-align:middle;
}
.tp-font-bold{
  font-weight:bold;
}
.tp-margin-top-10 {
  margin-top:10px !important;
}
.tp-margin-top-20 {
  margin-top: 20px !important;
}
.tp-margin-left-20 {
  margin-left:20px !important;
}
.tp-margin-right-20 {
  margin-right:20px !important;
}
.tp-format-pre-wrap{
  white-space:pre-wrap;
}
.tp-width-100 {
  width:100%;
}
.tp-height-100 {
  height:100%;
}
.hidden {
  display:none !important;
}
.tp-invisible {
  visibility:hidden;
}
.tp-bpopup{
  display:none;
  background-color:white;
  padding:20px;
  border-radius:10px;
}
.tp-padding-20px {
  padding:20px !important;
}
.tp-fa-checklist {
  list-style: none;
  padding: 0;
}

  .tp-fa-checklist li {
    padding-left: 1.3em;
    line-height: 2em;
  }

    .tp-fa-checklist li:before {
      content: "\f00c"; /* FontAwesome Unicode */
      font-family: "Font Awesome 5 Pro";
      display: inline-block;
      margin-left: -1.3em; /* same as padding-left set on li */
      margin-right: .75em;
      width: 1.3em; /* same as padding-left set on li */
      color:orangered;
    }

.tp-fa-qlist {
  list-style: none;
  padding: 0;
}

  .tp-fa-qlist li {
    padding-left: 1.3em;
    line-height:2em;
  }

    .tp-fa-qlist li:before {
      content: "\f128"; /* FontAwesome Unicode */
      font-family: "Font Awesome 5 Pro";
      display: inline-block;
      margin-left: -1.3em; /* same as padding-left set on li */
      margin-right: .75em;
      width: 1.3em; /* same as padding-left set on li */
      color:orangered;
    }
.tp-align-top {
  vertical-align:top;
}
.tp-common-width1 {
  min-width: 1px;
}

.tp-common-width2 {
  min-width: 1px;
}

.tp-common-width3 {
  min-width: 1px;
}

.tp-common-width4 {
  min-width: 1px;
}

.tp-common-width5 {
  min-width: 1px;
}
.tp-neg-m-10 {
  margin-left:-10px;
  margin-right:-10px;
}
.tp-neg-m-15 {
  margin-left: -15px;
  margin-right: -15px;
}
.tp-input-date {
  width: 100px !important;
  max-width: 100px !important;
  border-width: thin;
  border-radius: 5px;
  text-align: center;
}
.tp-input-time {
  width: 100px !important;
  max-width: 100px !important;
  border-width: thin;
  border-radius: 5px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tp-min-100 {
  min-width: 100px;
}
.tp-min-200 {
  min-width: 200px;
}
.tp-min-300 {
  min-width: 300px;
}
.tp-min-400 {
  min-width: 400px;
}
.tp-min-500 {
  min-width: 500px;
}
.tp-max-50 {
  max-width: 50px !important;
}
.tp-max-100 {
  max-width: 100px !important;
}
.tp-max-150 {
  max-width: 150px !important;
}
.tp-max-200 {
  max-width: 200px !important;
}
.tp-max-300 {
  max-width: 300px !important;
}
.tp-max-400 {
  max-width: 400px !important;
}
.tp-max-500 {
  max-width: 500px !important;
}
.tp-max-600 {
  max-width: 600px !important;
}
.tp-max-800 {
  max-width: 800px !important;
}
.tp-max-1000 {
  max-width: 1000px !important;
}
.tp-max-1200 {
  max-width: 1200px !important;
}
.br-1 {
  border-radius:5px;
}
.br-2 {
  border-radius:10px;
}
.br-3 {
  border-radius:20px;
}
.br-4 {
  border-radius:35px;
}
.br-5 {
  border-radius:50px;
}
.tp-1st-div-100 div:first-child {
  width:100% !important;
}
.tp-fc-red {
  color:tomato;
}
.tp-mw-nowrap {
  width:1px;
  white-space:nowrap;
}
.tp-hover-highlight:hover {
  background-color:cornflowerblue;
  cursor:pointer;
}
@media print {
  .no-print {
    display: none !important;
  }
  .header-fixed .app-body {
    margin-top: 0px !important;
  }
}