/* .card{


    padding:1%!important;
}  */
 
 .user-panel .info {
     color: white;
     padding-left: 5%;
 }
 
 a {
     text-decoration: none !important;
 }
 /* .btn{

margin:1%;

} */
 
 @media (min-width: 1200px) {
     .col-lg-2 .small-box h3,
     .col-md-2 .small-box h3,
     .col-xl-2 .small-box h3 {
         font-size: 3.2rem !important;
         text-align: center !important;
         text-shadow: 2px 8px 6px rgb(0 0 0 / 20%), 0px -5px 35px rgb(255 255 255 / 30%);
     }
 }
 /* .small-box h3, .small-box p {

    text-align: center!important;
    

} */
 
 td,
 th {
     text-align: center;
 }
 /* .card-title {
    float: left;
    font-size: 25px;
    font-weight: bold;
    margin: 0;
} */
 /* .table-bordered>:not(caption)>*>* {
    border-width: 0 1px;
    background: white!important;
} */
 
 .redips-drag {
     /* border-style: none!important; */
     font-size: 11px !important;
 }
 
 .jobnotes a {
     background: #007bff !important;
     color: white !important;
     padding: 1%;
     padding-left: 5%;
     padding-right: 5%;
 }
 
 .jobnotes a:hover {
     background: #000;
     /* padding: 4%; */
 }
 
 .t-card-Tempdate {
     border: 5px solid #002f52;
     padding: 5%;
     text-align: center;
     color: black;
     background: white;
 }
 
 .t-card-Tempdate a {
     text-align: center;
     color: black;
 }
 
 .t-card-Tempdate p {
     text-align: center;
     color: black;
 }
 
 .t-card-fitdate {
     border: 5px solid #002f52;
     padding: 5%;
     text-align: center;
     color: black;
     background: white;
 }
 
 .t-card-fitdate a {
     text-align: center;
     color: black;
 }
 
 .t-card-fitdate p {
     text-align: center;
     color: black;
 }
 
 .viewcustomercard {
     min-height: 250px !important;
 }
 
 .viewcustomercard {
     background: #002f52;
     padding: 15% !important;
     text-align: center;
 }
 
 .tcardspecial {
     padding: 10% !important;
 }
 
 .viewcustomer {
     color: white !important;
 }
 
 .t-card-Tempdate b {
     font-size: 20px;
 }
 
 .t-card-fitdate b {
     font-size: 20px;
 }
 /* .card-body h3{

    color: darkgray!Important;
text-align:center;

} */
 /* 
.card-body p{

    color: white!Important;
    text-align:center;

} */
 /* 
.card-body a{

    color: white!Important;
    text-align:center;

} */
 
 .profile-username {
     font-size: 22px;
 }
 
 .os-content {
     background: #002f52 !important;
     color: white !important;
 }
 
 .brand-link {
     background: #002f52;
 }
 
 .brand-link {
     background: #fff;
 }
 
 .img-circle {
     border-radius: none !important;
 }
 
 .elevation-3 {
     box-shadow: none !important;
 }
 
 .dt-button {
     background: #002f52 !important;
     color: white;
     border: 0px solid #000;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 6px;
     padding-bottom: 5px;
     font-size: 12px;
     padding-left: 15px;
     padding-right: 20px;
 }
 /* .btn-primary {
    color: #fff;
    background-color: #002f52!important;
    border-color: #002f52!important;
    font-weight: 300;
} */
 /* .card-primary.card-outline {
    border-top: 3px solid #00a1d4!important;
} */
 
 .brand-text {
     color: black;
     text-align: center !important;
 }
 
 .brand-link {
     text-align: center;
 }
 
 .viewcustomercard .btn {
     font-size: 25px !important;
 }
 
 .mainbutton button {
     background: orange;
     color: white;
 }
 /* .card-header{

    background-color: white!important;
    border-bottom: none!important;

} */
 
 .bg-primary {
     font-size: 13px;
 }
 
 .bg-warning {
     font-size: 13px;
 }
 
 .redips-drag {
     /* border: 1px solid white!important; */
     /* padding: 2%!important; */
     /* border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
     padding-top: 1%;
     padding-bottom: 1%;
     /* border: 2px solid white!important; */
 }
 
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: none !important;
 }
 
 .btn-primary:focus,
 .btn-primary.focus {
     box-shadow: none !important;
 }
 
 .btn-primary:hover {
     color: lightslategray !important;
 }
 /* .card-body h3:hover {
    color: lightslategray!important;

} */
 /* .card-body:hover {
    color: lightslategray!important;

} */
 
 .dt-buttons {
     float: bottom;
 }
 
 .brand-link .brand-image {
     margin-left: 0 !important;
 }
 
 .sidebar-collapse .form-control-sidebar,
 .sidebar-collapse .form-control-sidebar~.input-group-append,
 .sidebar-collapse .sidebar-search-results {
     display: none !important;
 }
 /* .small-box p{
     
      font-size: 20px;
      color: #fff;
      text-shadow: 2px 8px 6px rgb(0 0 0 / 20%), 0px -5px 35px rgb(255 255 255 / 30%);


      font-size: 16px;
    color: darkslategrey;
    text-shadow: 2px 8px 6px rgb(0 0 0 / 20%), 0px -5px 35px rgb(255 255 255 / 30%);
    font-weight: 600;



} */
 /* .small-box h3{

    color: #fff!important;
    font-weight: 200!important;
} */
 /*  unconfirmed */
 
 .fitcardprivateucf {
     background: #f4edd0 !important;
     color: black;
 }
 
 .fitcardtradeucf {
    background: #f4edd0 !important;
    color: black;
 }
 
 .fitcardleekesucf {
     background: #f4bdd6;
 }
 
 .fitcardpfucf {
    background: #f4bdd6;
 }
 /*  unconfirmed */
 /*  confirmed */
 
 .fitcardprivateconf {
     background: #fac710;
 }
 
 .fitcardtradeconf {
    background: #fac710;
 }
 
 .fitcardleekesconf {
     background: #ee589f;
 }
 
 .fitcardpfconf {
    background: #ee589f;
 }
 /*  confirmed */
 
 .content-wrapper {
     height: auto !important;
 }
 
 .description-block>.description-text {
     text-transform: none !important;
 }
 
 .description-text a {
     color: white !important;
     font-weight: 300;
 }
 
 .description-text a:hover {
     color: white !important;
 }
 
 .description-text a:active {
     color: white !important;
 }
 
 .description-text a:visited {
     color: white !important;
 }
 
 .unallocated {
     /* color:white!important; */
     border: none !important;
     width: 200px !important;
 }
 
 .fitcardsprivateconfirmed .cardgap {
     background: #fac719;
 }
 /* .fitcardsprivateconfirmed {

    background: #fac719;
padding: 5%;
} */
 
 .templatecard .tcardz {
     background: lightgreen;
     color: black;
 }
 
 .templatecardunconfirmed .tcardz {
     background: rgb(217, 230, 217);
     color: black;
 }
 
 .remedialscard .tcardz {
     background: rgb(126, 126, 126);
     color: rgb(255, 255, 255);
 }
 
 .markercard .tcardz {
     background: rgb(0, 0, 0);
     color: rgb(255, 255, 255);
 }

 .YardOrder .tcardz {
    background: rgb(0, 174, 255);
    color: rgb(255, 255, 255);
}
 
 .remedialscardunconfirmed .tcardz {
     background: rgb(217, 217, 217);
     color: black;
 }
 
 .fitcardsprivateunconfirmed .tcardz {
     background: #f4edd0;
 }
 
 .fitcardstradeconfirmed .tcardz {
    background: #e9c018;
     /* color: white; */
 }
 
 .fitcardstradeconfirmed .tcardz {
     /* color: white !important; */
 }
 
 .fitcardstradeunconfirmed .tcardz {
    background: #f4edd0;
 }
 
 .fitcardsleekesconfirmed .tcardz {
     background: #ee589f;
     color: white;
 }
 
 .fitcardsleekesunconfirmed .tcardz {
     background: #f4bdd6;
 }
 
 .fitcardsparkfurnishersconfirmed .tcardz {
    background: #ee589f;
     color: white;
 }
 
 .fitcardsparkfurnishersconfirmed .finances {
     color: black !important;
 }
 
 .fitcardsparkfurnishersunconfirmed .finances {
     color: black !important;
 }
 
 .fitcardsparkfurnishersconfirmed .tcardz {
     /* color: white!important; */
 }
 
 .fitcardsparkfurnishersunconfirmed .tcardz {
    background: #f4bdd6;
 }





 .fitcardsparkfurnishersunconfirmed.Display .tcardz {
    background: #7164d2;
    color: white;
 }
 .fitcardsparkfurnishersconfirmed.Display .tcardz{
    background: #1e03e5;
    color: white;
 }
 .fitcardsleekesunconfirmed.Display .tcardz {
    background: #7164d2;
    color: white;
}
 .fitcardsleekesconfirmed.Display .tcardz {
    background: #1e03e5;
    color: white;
}
.fitcardstradeconfirmed.Display .tcardz {
    background: #1e03e5;
    color: white;
}






 
 .fitcardsmarkercard .tcardz {
     background: #957139;
     color: white;
 }
 
 .fitcardswarning .tcardz {
     background: red;
     color: white;
 }
 
 .fitcardsfinancewarning .tcardz {
     background: yellow;
     color: black;
 }
 
 .fitcardsyardorder {
     background: black;
     color: white;
 }
 
 .cardgap {
     border: 1px solid white;
     /* background: black; */
 }
 
 .tcardz {
     border: 2px solid #fff !important;
     font-size: 12px !important;
 }
 
 .devtcardz {
     background: black !important;
     color: white;
 }
 
 .thewarning {
     background: red !important;
     color: white !important;
 }
 
 table {
     width: 100% !important;
 }
 
 .finances {
     background: yellow !important;
     color: black !important;
 }
 
 .tbl_tcard table {
     border-collapse: separate;
     border-spacing: 0;
 }
 
 .tbl_tcard td {
     border: solid 1px #000;
     border-style: none solid solid none;
     padding: 10px;
 }
 
 .tbl_tcard tr:first-child td:first-child {
     border-top-left-radius: 20px;
 }
 
 .tbl_tcard tr:first-child td:last-child {
     border-top-right-radius: 10px;
 }
 
 .tbl_tcard tr:last-child td:first-child {
     border-bottom-left-radius: 20px;
 }
 
 .tbl_tcard tr:last-child td:last-child {
     border-bottom-right-radius: 10px;
 }
 
 .tbl_tcard tr:first-child td {
     border-top-style: solid;
 }
 
 .tbl_tcard tr td:first-child {
     border-left-style: solid;
 }
 
 .tbl_tcard {
     border: 5px solid rgba(255, 255, 255, 0);
 }
 
 .table-sm th,
 .table-sm td {
     padding: 0.2rem !important;
     font-size: 13px !important;
 }
 
 .theunallocatedbox h5 {
     text-align: left;
     font-size: 13px;
 }
 
 table {
     width: 100% !important;
 }
 
 .thesizeofjob {
     color: red !important;
     font-weight: bold;
 }
 
 .fitcardsmarkercard .cardgap .finances .tcardz {
     color: black !important;
 }
 /* RD */
 
 .small-box .small-box-value {
     width: fit-content;
     font-size: 40px;
 }
 
 .widget_callbacks {
     background-color: rgb(237, 200, 50);
     color: #000;
 }
 
 .small-box:hover .small-box-value {
     -webkit-transform-origin: 50% 0;
     transform-origin: 50% 0;
     -webkit-animation: swinging 1s ease-in-out forwards infinite;
     animation: swinging 1s ease-in-out forwards infinite;
 }
 
 @keyframes swinging {
     0% {
         transform: rotate(-10deg);
     }
     50% {
         transform: rotate(10deg);
     }
     100% {
         transform: rotate(-10deg);
     }
 }
 
 body {
     font-family: 'Lato';
 }
 
 .small-box .icon>img {
     font-size: 90px;
     position: absolute;
     right: 15px;
     top: 15px;
     width: 70px;
     transition: -webkit-transform .3s linear;
     transition: transform .3s linear;
     transition: transform .3s linear, -webkit-transform .3s linear;
 }
 
 .widget_park {
     background-color: #537e99;
     color: white;
 }
 
 .widget_leekes {
     background-color: #005d17;
     color: white;
 }
 
 .card-header {
     cursor: pointer;
 }
 
 .vertical-timeline {
     width: 100%;
     position: relative;
     padding: 1.5rem 0 1rem;
 }
 
 .vertical-timeline::before {
     content: '';
     position: absolute;
     top: 0;
     left: 88px;
     height: 100%;
     width: 4px;
     background: #e9ecef;
     border-radius: .25rem;
 }
 
 .vertical-timeline-element {
     position: relative;
     margin: 0 0 1rem;
 }
 
 .vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
     visibility: visible;
     animation: cd-bounce-1 .8s;
 }
 
 .vertical-timeline-element-icon {
     position: absolute;
     top: 0;
     left: 60px;
 }
 
 .vertical-timeline-element-icon .badge-dot-xl {
     box-shadow: 0 0 0 5px #fff;
 }
 
 .badge-dot-xl {
     width: 18px;
     height: 18px;
     position: relative;
 }
 
 .badge:empty {
     display: none;
 }
 
 .badge-dot-xl::before {
     content: '';
     width: 10px;
     height: 10px;
     border-radius: .25rem;
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -5px 0 0 -5px;
     background: #fff;
 }
 
 .vertical-timeline-element-content {
     position: relative;
     margin-left: 90px;
     font-size: .8rem;
 }
 
 .vertical-timeline-element-content .timeline-title {
     font-size: .8rem;
     text-transform: uppercase;
     margin: 0 0 .5rem;
     padding: 2px 0 0;
     font-weight: bold;
 }
 
 .vertical-timeline-element-content .vertical-timeline-element-date {
     display: block;
     position: absolute;
     left: -90px;
     top: 0;
     padding-right: 10px;
     text-align: right;
     color: #adb5bd;
     font-size: .7619rem;
     white-space: nowrap;
 }
 
 .vertical-timeline-element-content:after {
     content: "";
     display: table;
     clear: both;
 }
 
 .widget_unallocated_templates {
     background-color: #90ee90;
     color: #000;
 }
 
 .widget_unallocated_fitcard_trade {
     background-color: #d4aae6;
     color: #000;
 }
 
 .widget_unallocated_fitcard_private {
     background-color: #f4edd0;
     ;
     color: #000;
 }
 
 .dataTables_length {
     display: contents;
 }
 
 .planner_td {
     min-width: 200px;
     height: 80px;
 }

 .animation__shake {
    -webkit-animation: shake 1500ms;
    animation: shake 1500ms;
    animation-iteration-count: infinite;
  }
 
 .table-planner {
     background-color: #fff;
 }
 
 .modal-tcard-template {
     background-color: transparent;
 }
 
 .modal-tcard-template .modal-header {
     background-color: lightgreen;
     border-top-left-radius: calc(1.3rem - 1px);
     border-top-right-radius: calc(1.3rem - 1px);
     border-bottom-left-radius: calc(1.3rem - 1px);
     border-bottom-right-radius: calc(1.3rem - 1px);
     border: 1px solid #000;
 }
 
 .modal-tcard-template .modal-body {
     margin-left: 50px;
     margin-right: 50px;
     background-color: lightgreen;
     border-bottom: none;
 }
 
 .modal-tcard-template .modal-content {
     background-color: transparent;
     box-shadow: none;
     border: none;
 }

.jobnotes tr td:nth-child(3) {
    background-color: #f9f9f9;
}

.modal-tcard-remedials .jobnotes tr td:nth-child(3) {
    background-color: #e6d602;
}

 .modal-tcard-fitTrade {
     background-color: transparent;
 }
 
 .modal-tcard-fitTrade .modal-header {
     padding: 0;
 }
 
 .modal-tcard-fitTrade .modal-header {
     background-color: #d4aae6;
     border-top-left-radius: calc(1.3rem - 1px);
     border-top-right-radius: calc(1.3rem - 1px);
     border-bottom-left-radius: calc(1.3rem - 1px);
     border-bottom-right-radius: calc(1.3rem - 1px);
     border: 1px solid #000;
 }
 
 .modal-tcard-fitTrade .modal-body {
     margin-left: 50px;
     margin-right: 50px;
     background-color: #d4aae6;
     border-bottom: none;
 }
 
 .modal-tcard-fitTrade .modal-content {
     background-color: transparent;
     box-shadow: none;
     border: none;
 }
 
 .modal-tcard-fitLeeks {
     background-color: transparent;
 }
 
 .modal-tcard-fitLeeks .modal-header {
     padding: 0;
 }
 
 .modal-tcard-fitLeeks .modal-header {
     background-color: #e265be;
     border-top-left-radius: calc(1.3rem - 1px);
     border-top-right-radius: calc(1.3rem - 1px);
     border-bottom-left-radius: calc(1.3rem - 1px);
     border-bottom-right-radius: calc(1.3rem - 1px);
     border: 1px solid #dd41b1;
 }
 
 .modal-tcard-fitLeeks .modal-body {
     margin-left: 50px;
     margin-right: 50px;
     background-color: #e265be;
     border-bottom: none;
 }
 
 .modal-tcard-fitLeeks .modal-content {
     background-color: transparent;
     box-shadow: none;
     border: none;
 }
 
 .modal-tcard-fitPrivate {
     background-color: transparent;
 }
 
 .modal-tcard-fitPrivate .modal-header {
     padding: 0;
 }
 
 .modal-tcard-fitPrivate .modal-header {
     background-color: #edcf0c;
     border-top-left-radius: calc(1.3rem - 1px);
     border-top-right-radius: calc(1.3rem - 1px);
     border-bottom-left-radius: calc(1.3rem - 1px);
     border-bottom-right-radius: calc(1.3rem - 1px);
     border: 1px solid #000;
 }
 
 .modal-tcard-fitPrivate .modal-body {
     margin-left: 50px;
     margin-right: 50px;
     background-color: #edcf0c;
     border-bottom: none;
 }
 
 .modal-tcard-fitPrivate .modal-content {
     background-color: transparent;
     box-shadow: none;
     border: none;
     color: #000;
 }
 
 .modal-tcard-remedials {
     background-color: transparent;
 }
 
 .modal-tcard-remedials .modal-header {
     padding: 0;
 }
 
 .modal-tcard-remedials .modal-header {
     background-color: #fff;
     border-top-left-radius: calc(1.3rem - 1px);
     border-top-right-radius: calc(1.3rem - 1px);
     border-bottom-left-radius: calc(1.3rem - 1px);
     border-bottom-right-radius: calc(1.3rem - 1px);
     border: 1px solid #000;
 }
 
 .modal-tcard-remedials .modal-body {
     margin-left: 50px;
     margin-right: 50px;
     background-color: #ffffff;
     border-bottom: none;
 }
 
 .modal-tcard-remedials .modal-content {
     background-color: transparent;
     box-shadow: none;
     border: none;
     color: rgb(0, 0, 0);
 }
 
 .modal-tcard-fitPark .modal-header {
     padding: 0;
 }
 
 .modal-tcard-fitPark {
     background-color: transparent;
 }
 
 .modal-tcard-fitPark .modal-header {
     background-color: #8a7cdb;
     border-top-left-radius: calc(1.3rem - 1px);
     border-top-right-radius: calc(1.3rem - 1px);
     border-bottom-left-radius: calc(1.3rem - 1px);
     border-bottom-right-radius: calc(1.3rem - 1px);
     border: 1px solid #5139d7;
 }
 
 .modal-tcard-fitPark .modal-body {
     margin-left: 50px;
     margin-right: 50px;
     background-color: #8a7cdb;
     border-bottom: none;
 }
 
 .modal-tcard-fitPark .modal-content {
     background-color: transparent;
     box-shadow: none;
     border: none;
 }
 
 .fade-scale {
     transform: scale(0);
     opacity: 0;
     -webkit-transition: all .25s linear;
     -o-transition: all .25s linear;
     transition: all .25s linear;
 }
 
 .fade-scale.in {
     opacity: 1;
     transform: scale(1);
 }
 
 .select2-container {
     display: block;
 }
 
 .select2-container .select2-selection--single {
     box-sizing: border-box;
     cursor: pointer;
     display: block;
     height: 38px;
     user-select: none;
     -webkit-user-select: none;
 }
 
 .modal {
     overflow: auto !important;
 }
 
 .preloader2 {
     display: -ms-flexbox;
     display: flex;
     background-color: #f4f6f964;
     height: 100vh;
     width: 100%;
     transition: height .2s linear;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999;
 }
 
 .tracking-detail {
     padding: 3rem 0
 }
 
 #tracking {
     margin-bottom: 1rem
 }
 
 [class*=tracking-status-] p {
     margin: 0;
     font-size: 1.1rem;
     color: #fff;
     text-transform: uppercase;
     text-align: center
 }
 
 [class*=tracking-status-] {
     padding: 1.6rem 0
 }
 
 .tracking-status-intransit {
     background-color: #65aee0
 }
 
 .tracking-status-outfordelivery {
     background-color: #f5a551
 }
 
 .tracking-status-deliveryoffice {
     background-color: #f7dc6f
 }
 
 .tracking-status-delivered {
     background-color: #4cbb87
 }
 
 .tracking-status-attemptfail {
     background-color: #b789c7
 }
 
 .tracking-status-error,
 .tracking-status-exception {
     background-color: #d26759
 }
 
 .tracking-status-expired {
     background-color: #616e7d
 }
 
 .tracking-status-pending {
     background-color: #ccc
 }
 
 .tracking-status-inforeceived {
     background-color: #214977
 }
 
 .tracking-list {
     border: 1px solid #e5e5e5
 }
 
 .tracking-item {
     border-left: 1px solid #e5e5e5;
     position: relative;
     padding: 2rem 1.5rem .5rem 2.5rem;
     font-size: .9rem;
     margin-left: 3rem;
     min-height: 5rem
 }
 
 .tracking-item:last-child {
     padding-bottom: 4rem
 }
 
 .tracking-item .tracking-date {
     margin-bottom: .5rem
 }
 
 .tracking-item .tracking-date span {
     color: #888;
     font-size: 85%;
     padding-left: .4rem
 }
 
 .tracking-item .tracking-content {
     padding: .5rem .8rem;
     background-color: #f4f4f4;
     border-radius: .5rem
 }
 
 .tracking-item .tracking-content span {
     display: block;
     color: #888;
     font-size: 85%
 }
 
 .tracking-item .tracking-icon {
     line-height: 2.6rem;
     position: absolute;
     left: -1.3rem;
     width: 2.6rem;
     height: 2.6rem;
     text-align: center;
     border-radius: 50%;
     font-size: 1.1rem;
     background-color: #fff;
     color: #fff
 }
 
 .tracking-item .tracking-icon.status-sponsored {
     background-color: #f68
 }
 
 .tracking-item .tracking-icon.status-delivered {
     background-color: #4cbb87
 }
 
 .tracking-item .tracking-icon.status-outfordelivery {
     background-color: #f5a551
 }
 
 .tracking-item .tracking-icon.status-deliveryoffice {
     background-color: #f7dc6f
 }
 
 .tracking-item .tracking-icon.status-attemptfail {
     background-color: #b789c7
 }
 
 .tracking-item .tracking-icon.status-exception {
     background-color: #d26759
 }
 
 .tracking-item .tracking-icon.status-inforeceived {
     background-color: #214977
 }
 
 .tracking-item .tracking-icon.status-intransit {
     color: #e5e5e5;
     border: 1px solid #e5e5e5;
     font-size: .6rem
 }
 
 @media(min-width:992px) {
     .tracking-item {
         margin-left: 10rem
     }
     .tracking-item .tracking-date {
         position: absolute;
         left: -10rem;
         width: 7.5rem;
         text-align: right
     }
     .tracking-item .tracking-date span {
         display: block
     }
     .tracking-item .tracking-content {
         padding: 0;
         background-color: transparent
     }
 }
 
 .table-bordered-dark td {
     border: 1px #000 solid
 }
 
 .table-bordered-dark tr:first-child td {
     border-top: 0
 }
 
 .table-bordered-dark tr td:first-child {
     border-left: 0;
     border-bottom: 0
 }
 
 .table-bordered-dark tr:last-child td {
     border-bottom: 0
 }
 
 .table-bordered-dark tr td:last-child {
     border-right: 0;
     border-bottom: 0
 }
 
 .table-bordered-dark {
     padding: 0px;
     margin-bottom: 0;
 }
 
 .modal-tcard-template .modal-header {
     padding: 0;
 }
 
 .fa-warning-flash {
     background-color: rgb(209, 209, 47);
     animation: blinker 1s linear infinite;
 }
 
 @keyframes blinker {
     50% {
         opacity: 0;
     }
 }
 
 .jobnotes td {
     text-align: left;
 }
 
 .li-private {
     color: #000;
     background-color: #fac710;
 }
 
 .li-trade {
     color: #fff;
     background-color: #9528ac;
 }
 
 .li-leekes {
     color: #fff;
     background-color: #ee589f;
 }
 
 .li-parkf {
     color: #fff;
     background-color: #4149b0;
 }
 
 .addmarker {
     color: rgb(244, 241, 241);
     position: relative;
     float: right;
     padding: 0;
     margin: 0;
     border: 0;
 }
 
 .td-nowrap {
     white-space: nowrap;
 }
 
 .bg-enabled {
     background-color: #7dd192;
 }
 
 .bg-enabled:hover {
     background-color: #23d24f;
 }

 #togetherjs-chat-notifier-message {
    display: none;
 }

 #togetherjs-chat-notifier {
    display: none;
 }

 #togetherjs-dock {
    display: none;
 }
 .toggle.btn {
    min-width: 100%;
 }


.order_status{
    border: solid;
    border-radius: 44px;
    padding: 30px;
}

.text-light {
    color: #e1e1e1!important;
}

page {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  }
page[size="A4"] {  
    width: 21cm;
    min-height: 29.7cm;
  }

.note-editor{
    width:100%;
    /* min-height:100% */
}
.note-editing-area{
    width:100%;
    /* min-height:100% */
}

.modal-tcard-fitLeeks a{ 
    color: #fff;
}

.planner-Container {
    /* max-height: 70vh;
    overflow: scroll; */
}

.table-planner th {
    background: #454545;;
    position: sticky;
    color: #fff;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.table-planner thead tr:nth-child(1) th {
    /* Don't forget this, required for the stickiness */
    top: 0;
}
.table-planner thead tr:nth-child(2) th {
    /* Don't forget this, required for the stickiness */
    top: 20px;
}

.table-planner tbody tr th {
    /* Don't forget this, required for the stickiness */
    top: 1.5em;
}

.prodplanner {
    position:relative
}

.prodplanner th{
    position:sticky;
    top:0;
    background:#454545;
    color:#fff;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.4);
}

@media (max-resolution: 0.5dppx) {
    .brdrlft{
        border-left: 10px solid black!important;
    }
    .brdrbtm {
        border-bottom: 10px solid black!important;
    }
}