@font-face {
		  font-family: 'Poppins header';
		  src: url('../fonts/Poppins-Black.ttf');
		}

		@font-face {
		  font-family: 'Poppins';
		  src: url('../fonts/Poppins-Regular.ttf');
		}

		h1,h2,h3{
			font-family: 'Poppins header' !important;
		}

        body{ font: 14px sans-serif; 
            background-color: #000;
            font-family: 'Poppins' !important;
			color: #fff !important;
		}

        ::-webkit-calendar-picker-indicator {
            filter: invert(1);
        }

        .overlay{
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 999;
            background: rgba(255,255,255,0.8) url("/examples/images/loader.gif") center no-repeat;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 1) !important;
        }

        .wrapper{ width: 350px;
			margin-top: 10% !important;
			padding: 20px; 
			text-align: center;
    		margin:auto;
			background-color: rgb(51 51 51 / 77%);
    		border-radius: 25px;
		}

		.container{
			max-width: 1800px !important;
			min-height: 500px;
            background-color: rgb(49 49 49 / 85%) !important;
			border-radius: 25px;
			margin-top: 25px;
		}

		.container{
		padding-bottom: 50px;
		}

        .overlay{
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        background: rgba(255,255,255,0.8) url("../images/loader.gif") center no-repeat;
        }
    
        /* Turn off scrollbar when body element has the loading class */
        body.loading{
            overflow: hidden;   
        }
    
        /* Make spinner image visible when body element has the loading class */
        body.loading .overlay{
            display: block;
        }

		.error{
			border: 1px solid #ff0001;
		}

		.card{
			background-color: #232323;
			color: #fff;
			border: 1px solid rgb(255 255 255 / 25%);
		}

		.card-header{
			background-color: rgb(255 255 255 / 0.15);
		}

		.modal-content{
			background-color: #3a3a3a !important;
		}

        .modal {
          overflow-y:auto;
        }

		table.dataTable tbody tr{
			background-color: #343A40 !important;
		}

		table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    		background-color: #7777 !important;
		}

		table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    		background-color: #7777 !important;
		}

		table.dataTable.display tbody tr.even>.sorting_2, table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    		background-color: #7777 !important;
		}

		table.dataTable.display tbody tr.odd>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    		background-color: #7777 !important;
		}

		table.dataTable.display tbody tr.even>.sorting_3, table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    		background-color: #7777 !important;
		}

		table.dataTable.display tbody tr.odd>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    		background-color: #7777 !important;
		}

		table.dataTable.display tbody tr.even>.sorting_2, table.dataTable.order-column.stripe tbody tr.even>.sorting_4 {
    		background-color: #7777 !important;
		}

		table.dataTable.display tbody tr.odd>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd>.sorting_4 {
    		background-color: #7777 !important;
		}

		table.fixedHeader-floating{
			background-color: #343A40 !important;
		}

		table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
			background-color: #B0BED9 !important;
			color: #000;
		}

		.dataTables_wrapper .dataTables_paginate .paginate_button{
			color: #f7f7f7 !important;
			background-color: #b1b1b1 !important;
		}

		tr.dtrg-group.dtrg-start.dtrg-level-0 {
			color: #000;
		}

        button.dt-button, div.dt-button, a.dt-button{
            color: #ffffff !important;
        }

        div.DTE div.DTE_Header{
            background-color: #2A2A2A !important;
        }        

        div.DTE div.DTE_Footer{
            background-color: #2A2A2A !important;
        }

        div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content{   
            background-color: #000 !important;    
        }

        div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover{
            background-color: #000 !important; 
        }

        div.DTE button.btn, div.DTE div.DTE_Form_Buttons button {
            background-color: #2a2a2a !important;
            background-image: initial !important;
        }

		.navbar-inverse{
			background-color: #000;
			color: #fff;
			background-image: none;
		}

		table {
			width: 100%;
		}
    
        tr.territoryRow:hover {
            background-color: gray;
            cursor: pointer;
        }

        tr.pastTerritoryRow:hover {
            background-color: gray;
            cursor: pointer;
        }

		#chartContainer
		{
			background-color: #fff;
			border-radius: 25px;
			padding: 25px;
		}

		#accordion1{
			margin-top: 30px;
		}

		nav{
			background-image: url("../images/nav-bg.png");
			background-size: cover;
		}

		.nav-link {
			padding: 15px;
			margin-left: 25px;
			min-width: 100px;
			text-align: center;
		}

		.nav-tabs{
			border: none !important;
		}

		.dashboard-row{
		padding: 0px !important;	
		}

		.dashboard-box{
		padding: 30px;
		background-color: #333333;	
		border-radius: 25px;
		border: 2px solid #000;
		margin-top: 10px;
		}

		.well {
		min-height: 20px;
		padding: 19px;
		margin-bottom: 20px;
    	background-color: #404040;
    	border: 1px solid #000000;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
		}

		.well hr {
			border-color: #fff;
		}

		.cell {
			padding-top: 10px;
		}

		.peach{
			background-color: rgb(241,153,129,0.7) !important;
		}

		.blue{
			background-color: rgb(208,236,248,0.7) !important;
		}

		.yellow{
			background-color: rgb(239,233,51,0.7) !important;
		}

		.grey{
			background-color: rgb(155,155,155,0.4) !important;
		}

		.white{
			background-color: rgb(255,255,255,0.4) !important;
		}

		.resultsRow {
			padding: 30px;
			border: 5px solid;
			border-radius: 25px;
			margin-bottom: 10px;
			background-color: #ebeca5;
		}

        .row.resultsRow.gray a{
		    color: #fbff00;
        }

		.locationResult{
			padding: 30px;
			font-size: 16px;
			border: 5px solid;
			border-radius: 25px;
			margin-bottom: 10px;
		}

		.locationButton{
			width: 155px;
			margin-bottom: 15px;
		}

		.form-control{
			background-color: #292929 !important;
			color: #f7f7f7 !important;
		}

		.edit-control {
			width: inherit;
			display: block;
			height: calc(1.5em + 0.75rem + 2px);
			padding: 0.375rem 0.75rem;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			color: #495057;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid #ced4da;
			border-radius: 0.25rem;
			transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		}
		.btn-primary:hover{
			color: #000;
			background-color: #F1F1F1;
			border-color: #24D510;
		}
		.saveBtn{
			margin-top: 25px;
			background-color: #24D510;
			width: 100%;
		}

		.editBtn{
			width: 100%;
		}

		.gray {
			background-color: #1566b7;
			color: #fff;
		}

		button.btn.btn-primary.searchBtn {
			width: 100%;
		}

		hr {
			margin: 15px;
			border: 1px solid #000;
			width: 100%;
		}

		footer{
			width: 100%;
			height: auto;
		}

		.footerBox{
			padding: 50px;
		}

		.footerImage{
			max-width: 125px;
			height: auto;
		}

		.iframeContainer {
		  position: relative;
		  overflow: hidden;
		  width: 100%;
		  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
		}

		/* Then style the iframe to fit in the container div with full height and width */
		.responsive-iframe {
		  position: absolute;
		  border: 0;
		  top: 0;
		  left: 0;
		  bottom: 0;
		  right: 0;
		  width: 100%;
		  height: 400px;
		}

		td.description a img {
			display: none;
			position: absolute;
			width: 300px;
			z-index: 999;
			left: 100px;
			top: 0px;
		}


		/* Smartphones (portrait and landscape) ----------- */
		@media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 480px) {

        body{ font: 14px sans-serif; 
            background-color: #000;
            font-family: 'Poppins' !important;
			color: #fff !important;
		}
            
        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 1) !important;
            border: 2px solid #ffffff;
            border-radius: 5px;
        }    

        .nav-link {
			margin-left: 0px !important;	
			margin-top: 25px;
		}

			.col-xs-3.col-md-1.searchNav {
			width: auto !important;
		}
			.saveBtn{
				margin-top: 20px;
			}

		}

        .duplicateBidder{
                cursor: pointer;
        }

		/* Smartphones (landscape) ----------- */
		@media only screen 
		and (min-width : 321px) {

		}

		/* Smartphones (portrait) ----------- */
		@media only screen 
		and (max-width : 320px) {

		}

		/* iPads (portrait and landscape) ----------- */
		@media only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px) {

		}

		/* iPads (landscape) ----------- */
		@media only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px) 
		and (orientation : landscape) {

		}

		/* iPads (portrait) ----------- */
		@media only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px) 
		and (orientation : portrait) {

		}

		/* iPad 3 (portrait and landscape) ----------- */
		@media only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px) 
		and (-webkit-min-device-pixel-ratio : 2),
		only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px) 
		and (min-resolution: 192dpi) { 

		}

		/* Desktops and laptops ----------- */
		@media only screen 
		and (min-width : 1224px) {

			.row.searchBar {
			margin: 20px;
		}
		
		.saveBtn{
			background-color: #24D510;
			width: 60%;
		}


		}

		/* Large screens ----------- */
		@media only screen 	
		and (min-width : 1824px) {

		}

		/* Retina displays ----------- */
		@media  only screen 
		and (-webkit-min-device-pixel-ratio : 2), 
		only screen 
		and (min-resolution: 192dpi) {

		}