html {
    font-size: 62.5%;
    font-family: 'Nunito', sans-serif;
}
body,
.form-control,
.custom-select,
.btn {
    font-size: 1.4rem;
}
main {
    min-height: calc(100vh - 78px);
}
.container-fluid {
    max-width: 1920px;
}
/*
//.btn {
//    padding: .175rem .75rem;
//    font-size: 1rem;
//    line-height: 1.25rem;
//}
//.btn,
//.form-control,
//.custom-select {
//    font-size: 12px !important;
//}
*/
label {
    font-weight: bold;
}
.custom-radio label {
    font-weight: normal;
}
label.required-input:after,
span.required-input:after {
    content: '*';
    color: #BA2525;
    font-size: 14px;
    padding-left: 2px;
}
.bg-medialinksoftware-blue {
    background-color: #3570b0;
    /*THIS IS THE COLOR OF THE SOFTWARE WORD IN THE LOGO  136	150	191*/
}
.bg-medialinksoftware-dark-blue {
    background-color: #003E7E;
    /*THIS IS THE COLOR OF THE MEDIA WORD IN THE LOGO*/
}
/* START OF TV ORDERS PAGE */
#ordersTable {
    margin: 20px 0;
    /*width: 3650px !important;*/
    /*max-width: 3650px !important;*/
    /*border: 1px solid #000;*/
}
table.dataTable {
    border-collapse: collapse !important;
}
#ordersTable tr td:first-child,
#ordersTable tr td:last-child {
    border-left: 1px solid #212529;;
    border-right: 1px solid #212529;;
}
#ordersTable td:nth-child(1) {
    width: 20px !important;
    max-width: 20px !important;
}

#ordersTable td:nth-child(5) {
    width: 20px !important;
    max-width: 20px !important;
}
#ordersTable th {
    max-width: 80px !important;
    border: 1px solid #212529;
}
#ordersTable th:not('.weeks_thead') {
    text-align: left !important;
}
.weeks_thead,
.weeks_tfoot {
    text-align: center !important;
}
#ordersTable tr td:first-child {
    padding-top: 5px;
    padding-bottom: 5px;
}
.dt-button-collection.dropdown-menu {
    padding-top: 0;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #212529;
}
#ordersTable td {
    padding:0;
    max-height: 50px;
    /*max-width: 100px !important;*/
}
#ordersTable td:hover {
    cursor: default;
}
.dp_dropdown,
.dow_dropdown,
.daypart_dropdown,
.section_dropdown,
.circulation_dropdown {
    display: none;
}

#ordersTable .input-group .form-control {
    z-index: auto;
}
#ordersTable td:first-child,
#ordersTable td:nth-child(2) {
    padding-left:5px;
}

.vertical-paste,
.station-vertical-paste,
.vertical-cancel,
.station-vertical-cancel,
.horizontal-paste,
.horizontal-cancel {
    padding-left:5px;
    display: none;
}
.horizontal-delete,
.horizontal-lock {
    padding-right: 5px;
}
.horizontal-lock,
.horizontal-lock:hover {
    color: #b48f00;
    cursor: default;
}
.horizontal-paste,
.horizontal-cancel,
.horizontal-duplicate-row {
    padding-left:5px;
    padding-right:5px;
}
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #08C !important;
}
.first-column {
    width: 100px !important;
    min-width: 100px !important;
}
.bg-green,
/*#ordersTable td:nth-child(6),*/
#ordersTable td:last-child {
    background: #CFC !important;
}
.gross-unit,
.gross-units,
.gross-units-input {
    background: #CFC !important;
    text-align: right;
}
.locked .discount-rate,
.locked .gross-units-input {
    padding:10px;
}
#campaign_original_totals,
#campaign_original_totals td {
    background: #f58026 !important;
    font-weight:bold;
}
#campaign_live_totals {
    font-weight:bold;
    background: #09f6e5 !important;
}
#campaign_live_totals td:first-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#campaign_live_totals td {
    font-weight:bold;
    border-bottom: 4px solid #000;
    background: #09f6e5 !important;
}
#ordersTable td {
    vertical-align: middle;
}
#outdoorDataTable thead tr {
    background-color: #99bfe6;
}
#outdoorDataTable thead th[class*="month"]:nth-child(2n+1) {
    background: #dddddd;
}
.vendor_row,
.vendor_row td {
    background-color: #CC99FF !important;
}
.yellow {
    background-color: yellow;
}
.original,
.original td {
    background: #7A8CB9 !important;
    font-weight:bold;
}
.live,
.live td {
    background: #09f6e5 !important;
    font-weight:bold;
}
.weeks_thead:nth-child(odd),
.weeks_tfoot:nth-child(odd){
    background: #ddd;
}
.pr10 {
    padding-right: 10px !important;
}
/*.program_name {*/
/*    width:200px !important;*/
/*}*/
.months,
.weeks {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*width: 30px !important;*/
    /*min-width: 30px !important;*/
}
.form-control.weeks {
    width:30px;
    display:inline-block;
}
input[name="time_part_1"],
input[name="time_part_2"] {
    display: inline-block;
    width: 50px;
}
.missed-spot-weeks {
    background-color: #FF666640 !important;
}
/*.wide100 {*/
/*    width:100px !important;*/
/*    min-width:100px !important;*/
/*}*/
.wide150 {
    width:150px !important;
    min-width:150px !important;
}
/*.wide50 {*/
/*    width:50px !important;*/
/*    min-width:50px !important;*/
/*}*/
.wide80 {
/*.net-units,*/
/*.agency-units {*/
    width:80px !important;
    min-width:80px !important;
}
/*.discount-rate {*/
/*    width:50px !important;*/
/*    min-width:50px !important;*/
/*}*/
/*.day-column {*/
/*    width: 90px !important;*/
/*    min-width: 90px !important;*/
/*}*/
.inlineevaltime,
input[name="duration"],
.inlineevaldate,
.editable {
    /*border: 1px solid #ced4da !important;*/
    display: inline-block;
    width: 100%;
    text-align: right;
    /*border-radius: .25rem !important;*/
    height: calc(1.5em + .75rem + 2px);
    line-height: calc(1.5em + .75rem + 2px) !important;
}
.editable.left {
    text-align: left;
}
.avails-builder-availsTable .editable {
    display: revert;
    width: inherit;
}
.avails-builder-availsTable td:first-child {
    text-align: left;
}
.text-dark-red {
    color: #910d1a;
}
.text-light-gray {
    color: #edf1f4;
}
.dow_program,
.program_name {
    padding-left: 10px !important;
}
/*select[name="daysofweek"] {*/
/*    width: 120px !important;*/
/*    min-width: 120px !important;*/
/*}*/
.table-bordered > thead > tr > th,
.table-bordered > tfoot > tr > th {
    border-left: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    border-bottom: 2px solid #000 !important;
}
.table-bordered > tfoot > tr > th {
    border-top: 2px solid #000 !important;
}
/* END OF TV ORDERS PAGE */
#spinner {
    background: rgba(0,0,0,0.7);
    z-index: 10000;
    height: 100vh;
    position: fixed;
    top: 0;
    display: none;
    width: 100%;
    text-align: center;
    color: #ffffff;
}
#spinner .container {
    margin-top: 40vh;
}
.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #333 !important;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
#modalDialog.fade.in {
    opacity: 1;
}
.modal-backdrop {
    border: 0;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.live .gross-units-input,
.original .gross-units-input,
#campaign_live_totals .gross-units-input,
#campaign_original_totals .gross-units-input {
    padding-right: 15px !important;
}
.alert-primary {
    color: #eaf5f7;
    background-color: #152875;
}
#ordersTable_processing {
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    z-index: 10000;
    text-align: center;
    display: none;
    color:#fff;
    width: 100%;
    margin: 0;
    border: 0;
}
#calculationsPage #result {
    min-height: 30px;
}
/*#calculationsPage #resultFormGroup label,*/
/*#calculationsPage #result {*/
    /*height: 30px;*/
    /*float: left;*/
/*}*/
/*#calculationsPage #resultFormGroup label {*/
    /*padding-right: 15px;*/
/*}*/
.formula-label {
    padding-right: 15px;
}
.alert h4 {
    margin-bottom: 0;
}
#emptyTable {
    display: none;
}

/** BOOTSTRAP 4 STYLES **/
body.d-flex {
    background-color: #B4D2EB;
}
table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}
.col-info {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
}
.col-day {
    width: 80px !important;
    min-width:80px !important;
    max-width:80px !important;
}
.col-time {
    width: 100px !important;
    min-width:100px !important;
    max-width:100px !important;
    text-align: left;
}
.col-day-part {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
    text-align: center;
}
.col-discount-rate {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-gross-unit {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-net-unit {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-agency-unit {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-duration {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-start {
    width: 60px !important;
    min-width:60px !important;
    max-width:60px !important;
}
.col-end {
    width: 60px !important;
    min-width:60px !important;
    max-width:60px !important;
}
.col-program {
    width: 150px !important;
    min-width:150px !important;
    max-width:150px !important;
}
.col-rating {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-share {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-station-cpp {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-agency-cpp {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-station-cpm {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-agency-cpm {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-reach {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-freq {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-gi {
    width: 80px !important;
    min-width:80px !important;
    max-width:80px !important;
}
.col-grp {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-total-spots {
    width: 50px !important;
    min-width:50px !important;
    max-width:50px !important;
}
.col-total {
    width: 70px !important;
    min-width:70px !important;
    max-width:70px !important;
}
/*.fixedHeader-floating thead tr th:nth-child(3) {*/
/*    width: 136px !important;*/
/*    min-width: 136px !important;*/
/*}*/
/*.fixedHeader-floating thead tr th:nth-child(5),*/
/*.fixedHeader-floating thead tr th:nth-child(9) {*/
/*    width: 61px !important;*/
/*    min-width: 61px !important;*/
/*}*/
/*.fixedHeader-floating thead tr th:nth-child(6),*/
/*.fixedHeader-floating thead tr th:nth-child(7),*/
/*.fixedHeader-floating thead tr th:nth-child(8) {*/
/*    width: 77px !important;*/
/*    min-width: 77px !important;*/
/*}*/
/*.fixedHeader-floating thead tr th:nth-child(10),*/
/*.fixedHeader-floating thead tr th:nth-child(11) {*/
/*    width: 58px !important;*/
/*    min-width: 58px !important;*/
/*}*/
.disabled {
    opacity: 0.3;
}
.print-elements,
.print-elements-row,
.print-elements-column,
.print-elements-zero-columns,
#hide-week-spots-heading-columns {
    color: #6c757d !important;
}

#orderPrintPreviewTable th[class*="weeks"]:nth-child(2n+1),
#orderPrintPreviewTable td[class*="weeks"]:nth-child(2n+1),
#orderPrintPreviewTable th[class*="months"]:nth-child(2n+1),
#orderPrintPreviewTable td[class*="months"]:nth-child(2n+1),
#week-spots-table th:nth-child(2n+2),
#week-spots-table td:nth-child(2n+2) {
    background: #dddddd;
}
.hide {
    display: none;
}
.turquoise {
    background: #09f6e5 !important;
}
tr.turquoise td[class*="weeks"]:nth-child(2n+1),
.market-totals-live tr td[class*="weeks"]:nth-child(2n+1),
table.weekspots tbody tr td.live:nth-child(2n),
#week-spots-table th.turquoise:nth-child(2n+2),
#week-spots-table td.turquoise:nth-child(2n+2) {
    background: #06a89c !important;
}
.table-striped tbody tr.turquoise:nth-of-type(2n+1) {
    background: #00dbcb !important;
}
#exit-print-preview {
    display: none;
}

#monthly-totals-table th,
#week-spots-table td {
    text-align: center;
}
#survey,
#market,
#market-zone {
    display: none;
}
.make-good,
.make-good input {
    background: #09f6e5;
}

.page-content{
    padding: 10px 15px 10px;
}

.inner-tab-container {
    width: 100%;
    border-bottom: 2px solid #ddd;
}
#inner-content .inner-tab-container {
    border-bottom: 0;
}

.inner-tab-container>li {
    margin-right: 2px;
}

.inner-tabs {
    color: #fff;
    border: 1px solid #b3aeae;
    padding: 2px 5px;
    background-color: #E87A53;
    border-radius: 5px 5px 0 0 !important;
}
.top-border-radius-5 {
    border-radius: 5px 5px 0 0 !important;
}

.inner-tabs.ad-types-3:not(.active-inner-tabs) {
    color: #000000;
}

.inner-tabs:hover {
    color: #ffffff;
    text-decoration: none;
}

.active-inner-tabs{
    color: #ffffff;
    background-color: #003E7E !important;
}

.header-tabs {
    text-decoration:none;
    height: 60px;
    display: inline-block;
    text-align: center;
    border: 1px solid #003E7E;
    padding: 20px;
    box-shadow: 3px 3px 5px #000;
    color: white;
    background: linear-gradient(to bottom, #003E7E 0%,#003E7E 100%);
}
.header-tabs:link, header.header-tabs:visited, header.header-tabs:hover, header.header-tabs:active  {
    color: white;
    text-decoration:none;
}
.header-tabs:hover {
    /*box-shadow: inset 3px 3px 5px #000;*/
    color: #ffffff;
}
.card {
    border-top: none;
}

.img-responsive {
    max-width: 100%;
}

.bg-light-blue {
    background: #B4D2EB;
}

/* Login */
.login {
	background-color: #dde3ec !important;
}
.login .content {
	width:500px;
	/*margin-top: 200px;*/
}

.login .content .form-actions {
	border-bottom: none;
}

@media(min-width: 768px) {
	.login-logo {
		margin-top: 40px;
	}
}

.font-orange {
	color: #E87A53 !important;
}

.img-responsive {
	margin-left: auto;
	margin-right: auto;
}

.btn.orange {
	color:#fff;
	background-color:#E87A53 !important;
	border-color: #E87A53 !important;
}
.btn.orange:hover {
	background-color:#c3651d !important;
	border-color: #c3651d !important;
}
/*@media print {*/
/*    #exit-print-preview,*/
/*    .non-print-element {*/
/*        display: none;*/
/*    }*/

/*    .bg-green, #ordersTable td:last-child {*/
/*        background: #CFC !important;*/
/*    }*/
/*}*/
.hidden-action-btn {
    display: none
}

.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 100000; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #eef3f7; /* Black*/
    box-shadow: -3px 0 8px 0 rgba(66,91,118,.21);
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.8s; /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav .ad-type {
    font-weight: 500;
}
.no-style:link{
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}
.no-style:visited{
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}

.campaign-icon {
    color: inherit;
    margin-right:5px;
}

.campaign-icon:hover {
    color: #003E7E;
}

/* Complete Avails */
.table-row:hover{
    background: #CCC;
}
.station td {
    background: #7A8CB9;
    font-weight: bold;
}

td.units {
    background: #CCFFCC !important;
}

.table-row.avail-selected{
    background: #CCC;
}

.eye_selected{
    opacity: 0.5;
}

#CompleteAvailsDataTable{
    font-size:12px;
}
.avails-builder-stations a {
    background: #FFF;
    color: #000000;
    border: 1px solid #000000;
    padding: 2px;
    margin: 2px;
    cursor: pointer;
    float: left;
    width: 120px;
    font-size: 10px;
}
.avails-builder-stations a.selected {
    color: #fff;
    text-decoration: none;
    background-color: #06C;
}
.avails-builder-stations a:hover {
    background: #FBB374;
    color: #000000;
    text-decoration: none;
}
.card-header h4 {
    margin-bottom: 0;
}
.spacing{
    margin-top: 2em;
}
.sp_table th {
    height: 20px !important;
}

.sp_table td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.txt_table{
    font-size: 12px;
}
.table_head th{
    font-size: 14px;
}
.table_head tr{
    font-size: 14px;
}
.table_body{
    font-size: 14px;
}
.online_table_wp td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#nielsenSurveyDiv,
#customMarket,
#marketZone,
#no-market-zones {
    display: none;
}
#campaign-details-table th {
    width: 250px;
}
#campaignDataTable {
    font-weight: bold;
}
#campaignDataTable td:first-child {
    border-left-width: 1px;
}
#campaignDataTable td:last-child {
    border-right-width: 1px;
}
table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: FontAwesome;
}

table.dataTable thead th.sorting:before {
    content: "";
}
table.dataTable thead .sorting_asc::before {
    right: 8px;
    content: "\f0de";
    font-family: FontAwesome;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0dd";
    font-family: FontAwesome;
}

table.dataTable thead .sorting_desc::before {
    right: 8px;
    content: "\f0de";
    font-family: FontAwesome;
}
table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #003E7E;
    opacity: 0.5;
    padding-top: 0.12em;
    font-family: FontAwesome;
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
    font-family: FontAwesome;
}
.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(180, 210, 235, 0.4);
}
#last-campaigns {
    font-size: 1.5rem;
}
#last-campaigns li {
    margin: 5px 0;
}
.btn-primary {
    color: #fff;
    background-color: #003E7E;
    border-color: #003E7E;
}
.btn-primary:hover {
    color: #fff;
    background-color: #011E3C;
    border-color: #011E3C;
}
#import-customer-form,
#import-assets-form,
#import-vendor-form {
    display: none;
}
.all,
.letters {
    color: #fff;
}
.dark-blue {
    color: #003E7E;
}
#vendorDataTable td:first-child {
    padding:0;
}
#vendorDataTable td:first-child > div {
    padding: .75rem;
}
.ad-types { border: 1px solid lightgray; }
.ad-types-1.active { background: #FF6666; }
.ad-types-2.active,.ad-types-8.active,.cable-channels,.cable-companies { background: #f58026; }
.ad-types-3.active { background: #FFFF00; }
.ad-types-4.active { background: #66CC99; }
.ad-types-5.active { background: #33CCFF; }
.ad-types-6.active { background: #6666CC; }
.ad-types-7.active { background: #F902A4; }

.ad-types-1-text-color { color: #FF6666; }
.ad-types-2-text-color,.ad-types-8-text-color { color: #f58026; }
.ad-types-3-text-color { color: #FFFF00; }
.ad-types-4-text-color { color: #66CC99; }
.ad-types-5-text-color { color: #33CCFF; }
.ad-types-6-text-color { color: #6666CC; }
.ad-types-7-text-color { color: #F902A4; }

.ad-types-1.inactive { background: #FF666680; }
.ad-types-2.inactive,.ad-types-8.inactive,.cable-channels-80,.cable-companies-80 { background: #f5802680; }
.ad-types-3.inactive { background: #FFFF0080; }
.ad-types-4.inactive { background: #66CC9980; }
.ad-types-5.inactive { background: #33CCFF80; }
.ad-types-6.inactive { background: #6666CC80; }
.ad-types-7.inactive { background: #F902A480; }

.quick-launch-campaign-link,
.quick-launch-campaign-link:hover {
    color: #000000;
    text-decoration: none;
}
.expandCampaign {
    display: none;
}
#survey-details-table td,
#avails-builder-query-params-table td {
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
}
.survey-details-table-col1 {
    vertical-align: middle !important;
    background: #a7cfdf;
    background: -moz-linear-gradient(left, #a7cfdf 0%, #23538a 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a7cfdf), color-stop(100%,#23538a));
    background: -webkit-linear-gradient(left, #a7cfdf 0%,#23538a 100%);
    background: -o-linear-gradient(left, #a7cfdf 0%,#23538a 100%);
    background: -ms-linear-gradient(left, #a7cfdf 0%,#23538a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=1 );
    background: linear-gradient(left, #a7cfdf 0%,#23538a 100%);
}
.datetimepicker-hours .prev,
.datetimepicker-hours .switch,
.datetimepicker-hours .next,
.datetimepicker-hours .prev:hover,
.datetimepicker-hours .switch:hover,
.datetimepicker-hours .next:hover,
.datetimepicker-minutes .prev,
.datetimepicker-minutes .switch,
.datetimepicker-minutes .next,
.datetimepicker-minutes .prev:hover,
.datetimepicker-minutes .switch:hover,
.datetimepicker-minutes .next:hover {
    color: #ffffff;
    background: #ffffff !important;
    cursor: default;
}
.market {
    border: 1px solid #003E7E;
    padding: 1px 5px;
    background: #F89230;
    display: inline-block;
    color: #ffffff;
}

#lastVisitedCampaigns li a {
    color: #343a40;
}
#lastVisitedCampaigns li a:hover {
    text-decoration: none;
}
.billboard-coordinates-edit,
.billboard-coordinates-edit:focus {
    border: 1px solid #6c757d !important;
    padding: 5px !important;
    margin-bottom: 5px;
}
.billboard-coordinates-edit::placeholder {
    font-style: italic;
}
footer {
    color: #ffffff;
    text-align: center;
    padding: 30px 15px;
    background-color: #3570b0;
}
#toast-container {
    margin-top: 105px;
}
#toast-container > div {
    opacity: .9;
}

.form-control-plaintext {
    outline: 0;
}
.alternate-demographic-bg {
    background: #f96d6d82;
}
#sidebar {
    color: #fff;
    padding: 20px;
    background-color: #3570b0;
}
.one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes dot {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1);
}

#navbarTogglerDemo01 ul li {
    padding: 0 1px;
}
.bs-popover-auto[x-placement^="top"] > .arrow::after, .bs-popover-top > .arrow::after {
    border-top-color: #333;
}
.popover-header,
.popover-body {
    color: #fff;
    background: #333;
    font-size: 12px !important;
}

.order-row-popover {
    position: fixed;
    left: 10%;
}
.custom-control-label{
    padding-left: .5rem;
}
.custom-control-label::before,
.custom-control-label::after {
    top: .4rem;
    width: 1.5rem;
    height: 1.5rem;
}
.form-check-label {
    padding-left: 5px;
}