#BulkUpload .picker__holder
{
    z-index:1;
}

#ViewBagContractCode
{
    display:none;
}
#customizeSearchDDL + span.select2-container--default {
width:190px !important;
}
#customizeSearchDDL1 + span.select2-container--default {
width:190px !important;
}
.noty_message {
	max-height: 500px;
	overflow-y: auto;
}
#imageUploadCropModal .html5-uploader .plupload_scroll .plupload_filelist {
    height: unset;
    min-height: 300px;
}
#imageUploadCropModal .modal-body {
	min-height: 568px;
}

.PageContentSection {
	padding: 20px;
}
.dataTables_filter label > input[type='search'] {
	margin-left: 5px;
}
td.details-control {
    background: url('/Content/img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('/Content/img/details_close.png') no-repeat center center;
}

@media (min-width: 768px) {
    #dashboard.main-content .dashboard-display-boxes .col-md-3{
        width: 25%;
        float: left;
    }
}

.blinking {
	animation: blinkingText 1s infinite;
	color: #F44336;
}

@keyframes blinkingText {
	0% {
		opacity: 0.8;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}


:root {
    --blue: rgb(3,155,229);

    --color-1: #053c53;
    --color-2: #f9f9f5;
    --color-3: #bfdbf7;
    --color-4: #5299d3;
    --color-5: #fefce0;
    --color-6: #72bb53;

    --color-grey: #e9e9e9;
    --color-grey1: #999;
    --color-grey2: #d9d9d9;
    --color-blue: #336699;
    --color-yellow: #ffcc66;
    --color-red: #990033;
    --color-green: #669966;
    --color-white: #fff;
    --color-purple1: #9da6b1;
    --color-alt-row: #E5E5E5;

    --bs-primary:  #337ab7;
    --bs-primary-over:  #286090;
    --bs-success:  #5cb85c;
    --bs-success-over:  #449d44;
    --bs-info:  #5bc0de;
    --bs-info-over:  #31b0d5;
    --bs-warning:  #f0ad4e;
    --bs-warning-over:  #ec971f;
    --bs-danger:  #d9534f;
    --bs-danger-over:  #c9302c;
    --bs-default:  #fff;
    --bs-default-over:  #e6e6e6;
}
.bg-1 { background-color: var(--color-1); }
.bg-2 { background-color: var(--color-2); }
.bg-3 { background-color: var(--color-3); }
.bg-4 { background-color: var(--color-4); }
.bg-5 { background-color: var(--color-5); }
.bg-6 { background-color: var(--color-6); }
.text-whilte { color: white; }
.ml-0, .mx-0, .m-0 { margin-left: 0px !important; }
.mt-0, .my-0, .m-0 { margin-top: 0px !important; }
.mr-0, .mx-0, .m-0 { margin-right: 0px !important; }
.mb-0, .my-0, .m-0 { margin-bottom: 0px !important; }
.pl-0, .px-0, .p-0 { padding-left: 0px !important; }
.pt-0, .py-0, .p-0 { padding-top: 0px !important; }
.pr-0, .px-0, .p-0 { padding-right: 0px !important; }
.pb-0, .py-0, .p-0 { padding-bottom: 0px !important; }
.bl-0, .bx-0, .b-0 { border-left: 0px !important; }
.bt-0, .by-0, .b-0 { border-top: 0px !important; }
.br-0, .bx-0, .b-0 { border-right: 0px !important; }
.bb-0, .by-0, .b-0 { border-bottom: 0px !important; }


.nav-tabs.nav-tabs-highlight.green-tab > li.active > a
, .nav-tabs.nav-tabs-highlight.green-tab > li.active > a:focus
, .nav-tabs.nav-tabs-highlight.green-tab > li.active > a:hover
{
    border-top-color: var(--color-6);
}
.nav-tabs.nav-tabs-highlight.green-tab > li > a
, .nav-tabs.nav-tabs-highlight.green-tab > li > a:focus
, .nav-tabs.nav-tabs-highlight.green-tab > li > a:hover
{
    border-top-width: 4px;
}


.blue-outline
{
    border-color: var(--color-4);
    background-color: white;
    color: var(--color-4);
}

.bg-blue
, .bg-blue:hover
, .bg-blue:focus
{
    background-color: var(--color-4);
    border-color: var(--color-4);
    color: white;
}
.bg-nav-blue {
    background-color: var(--color-1);
    border-color: var(--color-1);
    color: white;
}
.table-blue 
, .table-blue.table-framed
{
    border: 0px !important;
}
.table-blue > thead > tr > th
, .table-blue > tbody > tr > td
, .table-blue > tfoot > tr > td
{
    border-color: var(--color-4) !important;
}
.table-blue th {
    background-color: var(--color-4);
    color: white;
}

.customDualListBox-wrapper label {
  display: block;
}
.customDualListBox-wrapper .buttons {
  display: block;
}
.customDualListBox-wrapper .buttons .btn {
  width: 50%;
}
.customDualListBox-wrapper .list {
  clear: both;
  border: 1px solid #ddd;
  height: 150px;
  overflow-y: scroll;
}
.customDualListBox-wrapper .list > div {
  padding: 4px 7px;
  border: 1px solid white;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  user-select: none;
}
.customDualListBox-wrapper .list > div > * {
  user-select: none;
}
.customDualListBox-wrapper .list > div > span:first-child {
    white-space: nowrap;
    overflow: hidden;
    margin-right: 20px;
    text-overflow: ellipsis;
}
.customDualListBox-wrapper .list > div.sel {
  color: white;
  background-color: var(--color-blue);
}
.customDualListBox-wrapper .list > div.disabled {
  color: rgb(119, 119, 119);
  background-color: rgb(225, 225,225);
}

.pl-5, .px-5, .p-5 { padding-left: 5px !important; }
.pt-5, .py-5, .p-5 { padding-top: 5px !important; }
.pr-5, .px-5, .p-5 { padding-right: 5px !important; }
.pb-5, .py-5, .p-5 { padding-bottom: 5px !important; }

.pl-8, .px-8, .p-8 { padding-left: 8px !important; }
.pt-8, .py-8, .p-8 { padding-top: 8px !important; }
.pr-8, .px-8, .p-8 { padding-right: 8px !important; }
.pb-8, .py-8, .p-8 { padding-bottom: 8px !important; }

.pl-10, .px-10, .p-10 { padding-left: 10px !important; }
.pt-10, .py-10, .p-10 { padding-top: 10px !important; }
.pr-10, .px-10, .p-10 { padding-right: 10px !important; }
.pb-10, .py-10, .p-10 { padding-bottom: 10px !important; }

.pl-15, .px-15, .p-15 { padding-left: 15px !important; }
.pt-15, .py-15, .p-15 { padding-top: 15px !important; }
.pr-15, .px-15, .p-15 { padding-right: 15px !important; }
.pb-15, .py-15, .p-15 { padding-bottom: 15px !important; }

.pl-20, .px-20, .p-20 { padding-left: 20px !important; }
.pt-20, .py-20, .p-20 { padding-top: 20px !important; }
.pr-20, .px-20, .p-20 { padding-right: 20px !important; }
.pb-20, .py-20, .p-20 { padding-bottom: 20px !important; }

.pl-25, .px-25, .p-25 { padding-left: 25px !important; }
.pt-25, .py-25, .p-25 { padding-top: 25px !important; }
.pr-25, .px-25, .p-25 { padding-right: 25px !important; }
.pb-25, .py-25, .p-25 { padding-bottom: 25px !important; }


.label-input-search-icon > input {
    border: 1px solid var(--color-grey);
    padding: 7px 12px;
    border-radius: 3px;
    height: 36px;
    padding-left:  32px;
}
.label-input-search-icon {
    position: relative;
}
.label-input-search-icon input[type=search] {
    margin-left: 0px;
    margin-right: 0px;
}
.label-input-search-icon::before {
    content: "\e98e";
    font-family: icomoon;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -6px;
    color: #999;
    line-height: 1;
}

td.smaller-col, td.action {
    width: 5%;
    white-space: nowrap;
}

.grid-top-bar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: flex-end;
}
.table.dataTable thead th {
    background-color: var(--color-blue);
    color: white;
}
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td {
    border-color: var(--color-blue) !important;
}

span.sep {
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    margin: 0px 5px;
}
.table.dataTable {
    margin-bottom:  5px;
    max-width: 100%;
}

.page-container {
    background-color: transparent;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin: 20px 0rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.card + .card {
    margin-top: 0px;
}
.card > .card-header:not([class*="bg-"]) {
    background-color: transparent;
    border-bottom-width: 0;
}
.card > .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card > .card-header {
    padding: 1.25rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.02);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card > .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.btn-warning
, .btn-warning:focus
, .btn-warning:hover
, .btn-warning:active
, .btn-warning:active:focus
, .btn-warning:active:hover
{
    background-color: var(--color-yellow);
    border-color: var(--color-yellow);
    color: var(--color-white);
}
.btn-danger
, .btn-danger:focus
, .btn-danger:hover
, .btn-danger:active
, .btn-danger:active:focus
, .btn-danger:active:hover
{
    background-color: var(--color-red);
    border-color: var(--color-red);
    color: var(--color-white);
}
.btn-success
, .btn-success:focus
, .btn-success:hover
, .btn-success:active
, .btn-success:active:focus
, .btn-success:active:hover
{
    background-color: var(--color-green);
    border-color: var(--color-green);
    color: var(--color-white);
}
.btn-primary
, .btn-primary:focus
, .btn-primary:hover
, .btn-primary:active
, .btn-primary:active:focus
, .btn-primary:active:hover
{
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    color: var(--color-white);
}
a {
    color: var(--color-blue);
}
.dataTables_paginate a.current {
    background-color: var(--color-blue) !important;
}
.navbar-brand {
    float:  none;
    height:  47px;
    display:  block;
    padding:  0px;
}
.navbar-brand > img {
    margin:  0px auto;
    height:  47px;
}
.navigation > li.active > a, .navigation > li.active > a:focus, .navigation > li.active > a:hover
{
    background-color: var(--color-yellow);
    color: var(--color-white);
}
.sidebar
, .header-highlight .navbar-header:not([class*="bg-"])
, .modal .modal-header
{
    background-color: var(--color-blue);
}

.breadcrumb-line .breadcrumb > li:last-child {
    color:  var(--color-grey1);
}
.page-header-content {
    display:  none;
}
.navbar-default .navbar-brand {
    background-color: var(--color-blue);
}

.ml-5, .mx-5, .m-5 { margin-left: 5px !important; }
.mt-5, .my-5, .m-5 { margin-top: 5px !important; }
.mr-5, .mx-5, .m-5 { margin-right: 5px !important; }
.mb-5, .my-5, .m-5 { margin-bottom: 5px !important; }

.ml-8, .mx-8, .m-8 { margin-left: 8px !important; }
.mt-8, .my-8, .m-8 { margin-top: 8px !important; }
.mr-8, .mx-8, .m-8 { margin-right: 8px !important; }
.mb-8, .my-8, .m-8 { margin-bottom: 8px !important; }

.ml-10, .mx-10, .m-10 { margin-left: 10px !important; }
.mt-10, .my-10, .m-10 { margin-top: 10px !important; }
.mr-10, .mx-10, .m-10 { margin-right: 10px !important; }
.mb-10, .my-10, .m-10 { margin-bottom: 10px !important; }

.ml-15, .mx-15, .m-15 { margin-left: 15px !important; }
.mt-15, .my-15, .m-15 { margin-top: 15px !important; }
.mr-15, .mx-15, .m-15 { margin-right: 15px !important; }
.mb-15, .my-15, .m-15 { margin-bottom: 15px !important; }

.ml-20, .mx-20, .m-20 { margin-left: 20px !important; }
.mt-20, .my-20, .m-20 { margin-top: 20px !important; }
.mr-20, .mx-20, .m-20 { margin-right: 20px !important; }
.mb-20, .my-20, .m-20 { margin-bottom: 20px !important; }

.ml-25, .mx-25, .m-25 { margin-left: 25px !important; }
.mt-25, .my-25, .m-25 { margin-top: 25px !important; }
.mr-25, .mx-25, .m-25 { margin-right: 25px !important; }
.mb-25, .my-25, .m-25 { margin-bottom: 25px !important; }


div.progress-bar-text {
    color: black;
    width: 100%;
    position: absolute;
    text-align: center;
}
div.progress-bar {
    background-color: var(--color-purple1);
}
div.progress-bar.high {
    background-color: var(--color-yellow);
}
div.progress {
    border:  1px solid var(--color-grey1);
}

.bg-success {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    color: #fff;
}

table.dataTable tr.even {
    background-color: var(--color-alt-row);
}

.card > .card-body .card-title{
    font-size:  11px;
}

.btn-view-all-locations {
    width:  20vw;
}
.fancybox-close:after
, .fancybox-next span:after
, .fancybox-prev span:after
, #fancybox-loading div:after
{
    content: none !important;
}
.fancybox-close:focus, .fancybox-close:hover, .fancybox-nav span {
    background-color: unset;
}
i.fancy-launcher {
    cursor: pointer;
}

.ModalLayout1 .modal-body {
    padding: 0px;
}
.ModalLayout1 table.dataTable {
    margin-bottom: 0px;
}
.ModalLayout1 table.dataTable tr.even {
    background-color: white;
}
.ModalLayout1 .modal-footer {
    padding: 10px;
    background-color: var(--color-grey2);
}
.word-wrap {
    word-break: break-word;
    word-wrap: break-word;
}