@media (max-width: 1200px) {
	body {
		background: url(../images/bg.jpg) no-repeat fixed;
		background-size: cover;
		color: #1A3B62;
		font-family: 'Neutra';
		overflow-x: hidden;
	}
	a,
	a:hover,
	a:focus {
		color: #1A3B62;
	}
	h6 {
		text-transform: uppercase;
	}

    #preloader {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #d2d9e1;
        z-index: 999;
    }

    #preloader * {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 80px;
    }

	.main-content{
		background: rgba(255, 255, 255, .8);
		border-radius: 10px;
		padding: 30px 10px 10px;
	}

	.log-in .main-content{
		background: transparent;
	}

	[class*="col-"]{
		margin-bottom: 20px;
	}

	.harbour-map-wrapper{
		z-index: 9999;
		width: 100%;
		position: relative;
		top: 55px;
		height: 100%;
	}

	#harbour-datepicker{
		position: fixed;
		top: 65px;
		right: 10px;
		border-radius: 10px;
		padding: 10px;
		z-index: 9999;
		background: rgba(255, 255, 255, .8);

	}

	.controlHolder{
		position: fixed;
		top: 65px;
		right: 100%;
		left: 13px;
		width: 45px;
		z-index: 9999;
		background: rgba(255, 255, 255, .8);
		margin: 0;
		border-radius: 3px;
		padding: 8px;
	}
	.rangepicker{
		visibility: hidden;
		height: 0;
		padding: 0;
	}
	.form-horizontal .form-row{
		flex-wrap: nowrap;
	}

	.form-horizontal .form-row label{
		max-width: 40px;
	}

	.form-horizontal button{
		width: 100%;
	}
	.list-message .list-group-item{
		background: none;
		border: none;
		border-radius: 0;
		padding: 0.5rem 0;
	}

	.list-message .list-group-item.active div{
		background: rgba(26, 59, 98, .2);
		color: #1A3B62;
	}

	.d-link, .d-card{
		background: rgba(255, 255, 255, .8);
		display: block;
		height: 100%;
		position: relative;
		border-radius: 10px;
		text-decoration: none!important;
		font-size: 24px;
		padding: 20px;
		text-transform: uppercase;
	}

	.sidebar {
		position: fixed;
		top: 45px;
		bottom: 0;
		left: 0;
		padding: 1.85rem;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0;
        -webkit-transition: .35s 0s ease-in-out;
        transition: .35s 0s ease-in-out;
	}

    aside{
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .sidebar h2 {
        text-transform: uppercase;
        font-size: 1.5rem;
        position: relative;
        padding-bottom: 0.75rem;
        font-weight: 600;
    }

    .sidebar h2:after{
        content: '';
        display: block;
        width: calc(100% / 3);
        height: 2px;
        background: #1A3B62;
        margin-top: 0.75rem;
    }
    .navbar-sidebar li{
        font-size: 1.35rem;
        font-weight: 400;
        position: relative;
        margin-bottom: 1rem;
        padding-left: 0.5rem;
        text-transform: uppercase;
    }

    .navbar-sidebar .active {
        font-weight: 600;
    }

    .menu-sidebar__content{
        flex-grow: 1;
        overflow-y:auto; /* if more items than now*/

    }

    .h-master{
        font-size: 1.25rem;
        font-weight: 200;
        text-transform: uppercase;
    }

    .h-master span {
        display: block;
        font-weight: 600;
    }

	.user-logo {
		background: #fff;
		width: 120px;
		height: 120px;
		min-height: 120px;
		text-align: center;
		border-radius: 50%;
		border: 3px solid #898989;
		margin: 0 auto 1.85rem;
		position: relative;
	}
	.user-logo i {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 3rem;
	}
	.logo,
	.title-1 {
		text-align: center;
		text-transform: uppercase;
		margin: 25px;
	}
	 table.table-borderless,  table.table-bordered {
		border: 0;
	}
	 table.table-borderless caption,  table.table-bordered caption {
		font-size: 1.3em;
	}
	 table.table-borderless thead,  table.table-bordered thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	 table.table-borderless tr,  table.table-bordered tr {
		display: block;
		margin-bottom: .625em;
		border-radius: 10px;
	}

	 table.table-borderless td,  table.table-bordered td {
		display: block;
		font-size: .8em;
		text-align: right;
		min-height: 45px;
	}

	 table.table-borderless td .btn,  table.table-bordered td .btn{
		padding: 0;
	}

	 table.table-borderless td::before,  table.table-bordered td::before {
		/*
      * aria-label has no advantage, it won't be read inside a table.table-borderless, table.table-bordered
      content: attr(aria-label);
      */
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	 table.table-borderless td:last-child,  table.table-bordered td:last-child {
		border-bottom: 0;
	}
	.table-striped tbody tr,
	.table-striped tbody tr:nth-of-type(odd) {
		background: rgba(255, 255, 255, .8);
	}
	.modal-content {
		background: rgba(243, 243, 243, .9);
	}
	.input-group {
		align-items: center;
	}
	.input-group-addon {
		width: 40px;
		text-align: center;
		border-right: 1px solid #1A3B62;
	}
	.form-control {
		background: none!important;
		border: none!important;
		box-shadow: none!important;
		color: #1A3B62;
		text-overflow: ellipsis;
	}

    .log-in .form-control {
        background: rgba(255, 255, 255, .75)!important;
        border: none!important;
        box-shadow: 5px 5px 12px rgba(0, 0, 0, .27)!important;
        border-radius: 5px;
        padding: 1rem 1rem 1rem 52px;
    }

    .log-in .form-group {
        position: relative;
    }

    .log-in .form-group > img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
    }

    .log-in .form-group:before {
        content: '';
        display: block;
        width: 1px;
        top: 1rem;
        bottom: 1rem;
        left: 42px;
        background: #1A3B62;
        position: absolute;
    }

    .log-in button {
        background: transparent!important;
        border: none!important;
        box-shadow: none!important;
        margin-top: 1rem;
    }

	.btn-primary {
		background: transparent;
		border: 1px solid #1A3B62!important;
		text-transform: uppercase;
		color: #1A3B62;
		min-width: 150px;
	}

	.select2-container--default .select2-selection--single{
		background: transparent;
		border: none;
		outline: none;
	}

	label .menu {
		position: fixed;
		right: -45px;
		top: -45px;
		z-index: 98;
		width: 100px;
		height: 100px;
		background: #f8f9fa;
		border-radius: 50% 50% 50% 50%;
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		box-shadow: 0 0 0 0 #f8f9fa, 0 0 0 0 #f8f9fa;
		cursor: pointer;
	}
	label#mobile-menu .hamburger {
		position: absolute;
		top: 65px;
		left: 25px;
		width: 20px;
		height: 2px;
		background: #1A3B62;
		display: block;
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	label#mobile-menu .hamburger:after,
	label#mobile-menu .hamburger:before {
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background: #1A3B62;
	}
	label#mobile-menu .hamburger:before {
		top: -7px;
	}
	label#mobile-menu .hamburger:after {
		bottom: -7px;
	}
	label#mobile-menu input {
		display: none;
	}
	label#mobile-menu input:checked+.menu {
		box-shadow: 0 0 0 100vw #f8f9fa, 0 0 0 100vh #f8f9fa;
		border-radius: 0;
	}
	label#mobile-menu input:checked+.menu .hamburger {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	label#mobile-menu input:checked+.menu .hamburger:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		bottom: 0;
	}
	label#mobile-menu input:checked+.menu .hamburger:before {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 0;
	}

    label input:checked + .menu + .sidebar {
        opacity: 1;
        z-index: 9999;
    }

	.modal-open .modal{
		z-index: 10000;
	}

	.select2-container--open .select2-dropdown--below{
		z-index: 10001;
	}

	.fullscreenToggle{
		display: none !important;
	}

	.modal-body .form-group.text-center{
		display: flex;
		flex-direction: column;
	}

	.ml-2, .mx-2, .mr-2, .mx-2,
	.ml-3, .mx-3, .mr-3, .mx-3{
		margin: 0 !important;
	}

	.modal-body .form-group.text-center > .btn {
		margin-bottom: 1rem !important;
	}

	/* custom checkbox */
	.custom-checkbox {
		position: relative;
		margin: 0!important;
	}

	.custom-checkbox input {
		display: none;
	}

	.custom-checkbox i {
		display: inline-block;
		padding: 0;
		width: 40px;
		height: 20px;
		border-radius: 13px;
		vertical-align: middle;
		transition: .25s .09s;
		position: relative;
		background: rgba(255, 0, 0, 35%);
		box-sizing: initial;
		border: 2px solid #1A3B62;
	}

	.custom-checkbox i:after {
		content: " ";
		display: block;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #1A3B62;
		position: absolute;
		left: 0px;
		transition: .25s;
	}

	.custom-checkbox input:checked + i {
		background: rgba(0, 255, 7, 35%);
	}

	.custom-checkbox input:checked + i:after {
		transform: translateX(20px);
	}

	.dataTables_info{
		display: none !important;
	}

	.mobile-display{
		position: absolute;
		background: #6789935c;
		top: 35px;
		right: 0;
	}

	.mobile-display .mobile-header, #message-content{
		display: none;
	}

	.mobile-header.d-block{
		padding: 15px 0 0;
	}

	.close-mobile, .close{
		position: absolute;
		top: 15px;
		right: 15px;
		background: transparent;
		border: none;
		font-size: 2.5rem;
		line-height: 1.5rem;
	}

}