div.onlineform.responsive p {
	font-size: 16px;
	margin-left: 0;
	margin-right: 0;
}
/* INPUT ERRORS - START */
 input.error, select.error {
     background-color: #FF9F9F;
}
 span.error, p.error {
     color: #CC3333;
     font-size: 14px;
     width: 100%;
     padding: 10px 5px;
}
 span.brickIdOnHold-error {
     display: none;
}
/* INPUT ERRORS - END */
 .deleteMeRow {
     display: none !important;
}
 .page-banner {
     display: flex;
     flex-flow: row nowrap;
     justify-content: center;
     align-items: center;
}
 .page-banner .page_title {
     color: #003898;
     font-size: 2em;
}
 .filters_container {
     padding: 10px 15px;
     background-color: #FFF;
     border: 2px solid #EBEBEB;
     border-radius: 3px;
     color: #202121;
}
 .filters_container select {
     margin: 0px 15px;
     padding: 5px;
}
 .searchbar-entries {
     padding: 10px 15px;
     background-color: #FFF;
     border: 2px solid #EBEBEB;
     border-radius: 3px;
     color: #202121;
}
 .overlay_loading {
     position: relative;
}
 .loading-container {
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgb(255 255 255 / 48%);
     border: 1px solid #EBEBEB;
     z-index: 10;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}
 .loading-content {
     padding: 10px 15px;
     border: 2px solid #EBEBEB;
     background-color: #FFF;
     box-shadow: 1px 1px 7px 0px;
}
 .loading-content p {
     margin: 0;
     display: inline-block;
     vertical-align: middle;
}
 .loading-content .loading-spinner {
     border: 4px solid rgba(0, 0, 0, 0.1);
     width: 28px;
     height: 28px;
     border-radius: 50%;
     border-left-color: #09f;
     display: inline-block;
     vertical-align: middle;
     animation: spinner-border 1s ease-in-out infinite;
}
/*Data Table Styles*/
 .dataTables_filter input, .dataTables_length select {
     background-color: #fff !important;
}
 div.dataTables_wrapper div.dataTables_filter label {
     margin-right: 5px;
}
/* Filter buttons - START */
 div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
     margin-top: 0 !important;
}
 div.dtsp-topRow.dtsp-bordered {
     border: 0 !important;
}
 div.dtsp-topRow.dtsp-bordered:hover {
     border: unset !important;
     opacity: unset !important;
}
 .btn.dtsp-showAll, .btn.dtsp-clearAll, .btn.dtsp-collapseAll {
     border: 2px solid #003898;
     padding: 5px 10px !important;
     background-color: transparent;
     color: #003898;
     font-weight: 500;
}
 .btn.dtsp-showAll:hover, .btn.dtsp-showAll:focus, .btn.dtsp-clearAll:hover, .btn.dtsp-clearAll:focus, .btn.dtsp-collapseAll:hover, .btn.dtsp-collapseAll:focus {
     background-color: #003898;
     color: #FFF;
}
 div.dtsp-panesContainer {
     margin-top: 10px;
}
/* Filter buttons - END */
table#all {
     margin: 0 auto;
}
 div#all_info {
     margin-left: 15px;
     display: inline-flex;
}
 div#all_paginate {
     margin-right: 15px;
}
 div#all_wrapper {
     position: relative;
}
 .dataTables_length {
     margin: 0 !important;
}
 th.header.sorting {
     text-align: center !important;
}
 button, button.btn, button.btn span {
     font-weight: 500;
     text-transform: initial;
}
 button.buttons-csv {
     background-color: transparent !important;
     color: #003898;
     box-shadow: none!important;
     text-shadow: none!important;
     outline: none;
     border: 2px solid #003898;
}
 button.buttons-csv:hover, button.buttons-csv:focus {
     background-color: #003898 !important;
     color: #FFF, top: unset;
     border-color: #003898 !important;
}
.modal-title {
	color: white;
}
 .modal-content h1, .modal-content h2, .modal-content h3 {
     font-weight: bold;
}
 .btn-outline-custom {
     background: transparent;
     color: #003898;
     border-radius: 3px;
     border: 2px solid #003898;
     box-shadow: none !important;
     text-shadow: none !important;
     background-image: none !important;
}
 .btn-outline-custom:hover, .btn-outline-custom:focus {
     background-color: #003898;
     color: #FFF;
     border: 2px solid #003898;
}
 .btn-secondary-custom {
     background-image: none !important;
     background-color: #0070CD;
     border: 2px solid #0070CD;
     border-radius: 3px;
     color: #FFF;
     box-shadow: none !important;
     text-shadow: none !important;
}
 .btn-secondary-custom:hover, .btn-secondary-custom:focus {
     background-color: #003898;
     border: 2px solid #003898;
     color: #FFF;
}
 .btn-hibiscusorange {
     background-color: #bb5235;
     border: 2px solid #bb5235;
     border-radius: 3px;
     color: #FFF;
     text-shadow: none !important;
     box-shadow: none !important;
}
 .btn-hibiscusorange:hover, .btn-hibiscusorange:focus {
     background-color: #bb5235;
     border: 2px solid #bb5235;
     color: #FFF;
}
/* ** Animations ** **/
 @keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes spinner-border {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 @media screen and only (max-width: 480px;
 ) {
     #phonesep {
         display: block;
    }
}
/* Card Styles */
 .bg-nsuinfo {
     background-color: #E5F1FA !important;
}
 .card {
     width: 100% !important;
}
 .card-body {
     margin: 0 !important;
}
 .modal-content {
     border-radius: 3px !important;
}
 .card.info {
     border: 1px solid #E5F1FA !important;
}
 .card.info .card-body {
     color: #003898;
     font-weight: 500;
}
 .card.warning {
     border: 1px solid var(--bg-danger) !important;
}
 .card.warning .card-body {
     color: #FFF;
     font-weight: 500;
}
 .invalidSharkLogo, .invalidForm, .validForm {
     display: none;
}
 .selected span.dtsp-name span {
     color: #FFF;
}
 .purchaseDateFilters {
     display: flex;
     flex-wrap: wrap;
}
 .purchaseDateFilters > div {
     margin-right: 15px;
}