/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,500i,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');*/

[ng-cloak] {
	display: none !important;
}
html {
	--scrollbarBG: #EBEBEB;
	--thumbBG: #4a4a4a;
}

*::-webkit-scrollbar {
	width: 11px;
	height: 11px;
}

* {
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

	*::-webkit-scrollbar-track {
		background: var(--scrollbarBG);
	}

	*::-webkit-scrollbar-thumb {
		background-color: var(--thumbBG);
		border-radius: 6px;
		border: 3px solid var(--scrollbarBG);
	}
* {
	padding: 0;
	margin: 0;
}

body {
	font-family: 'Montserrat', sans-serif;
	padding: 0 !important;
}

.content-wrapper {
	min-height: calc(100vh - 130px); /*Height of the screen minus height of the header and footer*/
	padding-top: 20px;
	padding-bottom: 20px;
}

.main-footer {
	background: #003759;
	color: #ffffff;
	height: 50px;
	line-height: 50px;
	position: relative;
	display: block;
}

.container{
    position: relative;
}

.full-width-row {
	width: 99.5vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
}

.row.flex-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

	.row.flex-row > [class*='col-'] {
		min-height: 0;
	}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

	.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
		padding-right: 0;
		padding-left: 0;
	}

.bg-primary {
	background-color: #2f2f2f;
}

.bg-gray {
	background-color: #a9a9a9;
}

.bg-light-gray {
	background-color: #eee;
}

.bg-light-gray-gradient {
	background-image: linear-gradient(to bottom, rgba(216, 216, 216, 0), #eeeeee);
}

.bg-white {
	background-color: #fff;
}

.color-primary {
	color: #0b2437;
}

.color-gray {
	color: #a9a9a9;
}

.color-light-gray {
	color: #eee;
}

.color-white {
	color: #fff;
}

.bg-light-gray a {
	color: #2e6ba0;
}

.subScript {
    font-size: 10px;
    background-color: #ffe94d;
    font-weight:100;
}
.table-width {
    width:100%;
}
.k-multiselect-wrap, .k-multiselect.k-header, .k-multiselect.k-header.k-state-hover {
	border-color: #ccc;
}
.k-widget.form-control{
	height: auto;
}
/* Login styles Start Here */
.login-body {
	/*background: url(../Images/login-bg.png) no-repeat center center fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.login-container {
	width: 480px;
	margin: 0 auto;
}
.login-logo {
	/*width: 227px;*/
	margin: 0 auto;
	padding: 50px 0 30px 0;
}
.login-box {
	width:480px;
	padding:40px;
	margin: auto;
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.login-box .nav>li>a {
	padding:0px!important;
	padding-bottom:15px!important;
}
.login-box>.tab-content {
	padding-top:20px;
}
.login-box input {
	border:none;
	border-bottom:1px solid #9a9ea4;
	background:none;
	display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666666;
	margin: 0 0 10px;
    padding: 15px 10px 15px 40px;
}
.login-btn {
	/*background: #e0b932;*/
	background: #58585a;
	border-radius: 64px;
	width: 64px;
	height: 64px;
	border: 0px;
	color: #fff;
	outline: none;
	border: none;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition: .3s;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	pointer-events: all;
	-webkit-appearance: button;
	cursor: pointer;
}
.login-btn:active, .login-btn:focus, .login-btn:hover {
	/*background:#e0b932;*/
	color:#fff;
}
.login-box>.nav-tabs.nav-justified>li>a {
	font-size:36px;
	color:#9a9ea4;
	font-weight:100;
	cursor:pointer;
	background:none;
	border:none;
	background-image:url(../Images/login-tabs-bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:left;
	font-family: 'Roboto', sans-serif;
}
.login-box > .nav-tabs > li.active > a, .login-box > .nav-tabs > li.active > a:focus, .login-box > .nav-tabs > li.active > a:hover {
	font-weight: 100;
	/*background-image: url(../Images/arrow-bit2.png);*/
	background-position: bottom;
	background-repeat: no-repeat;
	border: 0px !important;
	cursor: pointer;
	color: #2f2f2f;
	font-size: 48px;
}

.error-message-div{
	padding:10px 20px;
}
.error-message{
	border-radius:30px; 
	background-color:#ededec;
	color:#cc0033;
	text-align:center;
	padding:10px;
}
.dashboard-announcement {
	background-color: #FCF8E3;
	padding: 15px;
	color: #8A6D3B;
}
.dashboard-announcement ol, .dashboard-announcement ul{
	padding-left: 40px;
}
.forget-password{
	padding-bottom:20px;
}
.main-position {
	position:relative;
}
.information-icon {
	color: #8d91b0;
	font-size: 16px;
}
.eye-icon {
	position:absolute;
	right:2px;
	top:9px;
	width:24px;
	height:18px;
}
.forgot {
	position: relative;
	text-align: center;
	display: block;
	margin-top: 20px;
	color: #2f2f2f;
	font-family: 'Roboto', sans-serif;
}

/* Login styles Ends Here */


/* Dashboard styles Start Here */

.boat-build-header {
	width: 100%;
	min-height: 277px;
	margin: 0 auto;
	margin-top: -20px;
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
}
.boat-build-banner {
	width: 100%;
	min-height:185px;
    margin: 0 auto;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
    background:url(../Images/build-boat-header.png) center 50% repeat;
}
.boat-build-header .navbar-default {
	background:url(../Images/header-bg-1.png) center 50% no-repeat!important;
}
.boat-build-header .navbar-default:not(.nav-bg) .navbar-header{
    background:url(../Images/header-bg-1.png) center 50% no-repeat!important;
}
.boat-build-header .nav-bg {
	background: #ffffff !important;
}
.logo {
	height: 50px;
	width: auto;
}

.nav-icon{
	position: relative;
	font-size: 25px;
	padding-left: 0px !important;
	padding-right: 15px !important;
}
.nav-icon .fa{
	font-size: 25px;
}

.avathar {
	width: 58px;
	height: 58px;
	border-radius: 58px;
	background: #ccc;
	overflow: hidden;
	margin: 6px;
}

	.avathar img {
		width: 100%;
		height: 100%;
	}

.notificationCount {
	background: #e0b932;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	border-radius: 100%;
	box-sizing: border-box;
	color: white;
	text-align: center;
	position: absolute;
	margin-right: 0;
	right: 4px;
	top: 0px;
}
.navbar-default {
	/*background: #003759;*/
	background: #ffffff;
	border: 0px !important;
	z-index: 9;
	border-radius: 0;
	box-shadow: 0px 10px 10px -10px black;
}
.nav>li>a {
	font-size:11px;
}
.dropdown-menu {
    padding:0px;
    border-radius:0px;
    border:0px;
}
	.dropdown-menu.align-left {
		right: 0;
		left: auto;
	}
	.dropdown-menu.align-right{
		right: auto;
		left: 0;
	}

.notification.dropdown-menu {
	width: 280px;
	font-size: 12px;
	padding: 0px;
	border: 0px;
	border-radius: 0px;
}
	.notification.dropdown-menu li {
		border-bottom: 1px solid #dcdcdc;
		font-size: 11px;
		padding: 15px;
	}
	.notification.dropdown-menu li a {
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0;
	}
		.notification.dropdown-menu li a:hover {
			background: transparent;
		}
.notification .time:before {
	font-family: FontAwesome;
	content: '\f017';
	margin-right: 5px;
}
.notification .user-footer {
	background: #f6f6f9;
}
.main-nav .navbar-nav{
	margin-top: 15px;
}
.navbar-nav .open .dropdown-menu {
	margin-left: 10px;
}
.navbar-default .navbar-nav > li > a {
	/*color: #ffffff;*/
	color: #58585a;
	font-size: 13px;
	font-weight: 700;
}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		/*color: #e0b932;*/
		color: #000000;
		text-decoration: underline;
	}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background-color: transparent;
	color: #000000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background:none;	
}
.nav-bg .nav .active a {
	color:#000;
}
.nav-bg .navbar-default .navbar-nav > li > a:focus, .nav-bg .navbar-default .navbar-nav > li > a:hover {
	color:#999;
}
.nav-bg .nav>li>a {
	padding-left: 15px;
    padding-right: 15px;
	font-size:11px;
	font-weight: 100;
	color:#999;
	cursor: pointer;
}
.nav-bg .navbar-nav>li>a:hover {
	color:#999;
}
.nav-bg .navbar-nav>.active>a {
	background:none;
	color:#000;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.nav .dropdown-toggle b {
	float:right;
	display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 4px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #ccc;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    content: " ";
}
.navbar .navbar-brand{
	height: auto;
}

.search-container{
	display: none;
}

.search-container input {
	display: block;
	border: 0;
	width: 100%;
	font-size: 19px;
	background: #eee;
	color: #0b2437;
	padding: 10px 15px;
}
	.search-container select {
		width: 100%;
		padding: 13px 0px;
		border: 0;
		background: #eeeeee;
		font-size: 16px;
		border-right: 1px solid #c3c3c3;
	}
	.search-container button {
		display: block;
		text-align: center;
		text-decoration: none;
		font-size: 19px;
		background: #e0b932;
		color: #fff;
		padding: 10px 15px;
		border: 0;
		width: 100%;
	}

	.search-container button:hover, .search-container button:focus {
		background: #e0b932;
	}

.modal-header {
	background: #003759;
	color: white;
}
.modal-content {
	-webkit-background-clip: border-box;
	background-clip: border-box;
	border: none;
}
.modal-header .close {
	width: 25px;
	height: 25px;
	text-align: center;
	color: #fff;
	text-shadow: none;
	filter: alpha(opacity=100);
	opacity: 1;
	font-weight: 100;
	font-size: 42px;
	line-height: 0.5;
}

.modal {
	text-align: center;
}

.modal-backdrop {
	background-color: #6a6a6a;
}

@media screen and (min-width: 768px) {
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	margin: 0;
}

.easypiechart-block {
    padding: 8px 8px;
}


.border-right {
	border-right:1px solid #ccc;
}
.statistics-1 {
	float:left;
	padding:0px 45px;
}
.statistics-2 {
	float:left;
	padding:0px 45px;
}
.statistics-1 .pull-right h4 {
	font-size: 56px;
	color: #e0b932;
	font-weight: 100;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-family: 'Roboto', sans-serif;
	padding-left: 20px;
}
.statistics-1 .pull-left h4 {
    font-size: 11px;
	font-weight:700;
	text-align:center;
	margin-top:10px;
	color:#666666;
    text-transform:uppercase;
}
.statistics-2 .center-block h4 {
	text-align: center;
    font-size: 42px;
    color: #2F2F2F;
    font-weight: 100;
    margin: 0px;
    padding: 0px;
    line-height: 100%;
	font-family: 'Roboto', sans-serif;
}
.statistics-2 h4 {
    font-size: 11px;
	font-weight:700;
	text-align:center;
	margin-top:5px;
	color:#666666;
    text-transform:uppercase;
}
.update-date {
    font-size: 11px;
	font-weight:700;
	text-align:center;
	margin-top:30px;
	/*margin-bottom:20px;*/
    text-transform:uppercase;
    width:100%;
    float:left;
    cursor:pointer;
}
.heading-1 {
    border-radius: 28px;
    background-color: #f6f6f9;
    border: 1px solid #eeeef4;
    color: #777777;
    text-align: center;
    font-size: 18px;
    padding: 16px;
    width: 300px;
    margin: 0px auto 30px;
}
.font-bold{
	font-weight: bold;
}
.small-text{
	font-size: 11px;
}
.border-right {
    border-right: 1px solid #ccc;
}

.no-margin {
	margin:0px;
}
.no-padding {
	padding:0px;
}
.margin {
	margin:20px;
}
.padding {
	padding:20px;
}
.margin-bottom {
	margin-bottom:20px;
}
.margin-top-0 {
	margin-top: 0px;
}

.margin-bottom-0 {
	margin-bottom: 0px;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-top-20 {
	margin-top: 30px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.margin-top-30 {
	margin-top: 20px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-top-50 {
	margin-top: 50px;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-top-40 {
	padding-top: 40px;
}

.padding-bottom-40 {
	padding-bottom: 40px;
}

.padding-top-50 {
	padding-top: 50px;
}

.padding-bottom-50 {
	padding-bottom: 50px;
}

.border {
	border: 1px solid;
}

.border-top {
	border-top: 1px solid;
}

.border-bottom {
	border-bottom: 1px solid;
}

.border-left {
	border-left: 1px solid;
}

.border-right {
	border-right: 1px solid;
}

.border-primary {
	border-color: #0b2437;
}

.border-gray {
	border-color: #a9a9a9;
}

.border-light-gray {
	border-color: #eee;
}

.border-white {
	border-color: #fff;
}
.select-boat-text {
	margin:10px 0px;
}
.popover {
	background:#f3f3f3!important;
	border:1px solid #e1e1e1!important;
}
.arrow {
	border-bottom-color:#e1e1e1!important;
}
.popover.bottom>.arrow:after {
	border-bottom-color:#f3f3f3!important;
}
#modalselect>.modal-dialog>.modal-content {
	background:#f3f3f3!important;
	border:1px solid #e1e1e1!important;
}
.modal-content {
	border-radius:0px!important;
}

.widget-products li .product-name {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.widget-products li .img {
    display: block;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-top: 7px;
}
.widget-products li>a {
    display: block;
    width: 100%;
    color: #333;
    padding: 3px 10px;
    position: relative;
	border: 3px solid white;
}
.widget-products li>a {padding: 0;background: #f1f1f1;}
.widget-products li>a:hover{background: #e2e2e2;}
	.widget-products li > a.selected {
		border: 3px solid #e0b932;
		background: #fff;
	}

@media (min-width: 1200px) {
    .widget-products li > a.selected.arrow-bottom::after {
        content: '';
        position: absolute;
        left: 50%;
        margin-left: -5px;
        top: calc(100% + 13px);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #f3f3f3;
        clear: both;
    }

    .widget-products li > a.selected.arrow-top::after {
        content: '';
        position: absolute;
        left: 50%;
        margin-left: -5px;
        top: -24px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #f3f3f3;
        clear: both;
    }
}

.widget-products li {
	float: left;
	margin-bottom:20px!important;
    margin-right:20px;
    margin-left:20px;
}
.widget-products {
    list-style: none;
    margin: 0;
    padding: 0;
}
.navbar {
	margin-bottom:0px!important;
}
.boatLayoutImage{
    display: block;
    text-align: center;
}
    .boatLayoutImage img{
        max-height: 200px;
    }

.colorpalet li .colorpalet-name {
    text-align: center;
    padding: 10px 0px;
    width: 100%;
    float: left;
}
.colorpalet li .boatcolor {
    display: block;
    float: left;
    text-align: center;
    overflow: hidden;
	width: 100%;
    height: 100px;
}
.colorpalet li>a {
    display: block;
    width: 180px;
    color: #666;
	font-size:11px;
    position: relative;
    background: #f1f1f1;
    padding-bottom: 6px;
}
.colorpalet li>a:hover{
    background: #e2e2e2;
}
	.colorpalet li > a.selected {
		background: #fff;
		border: 3px solid #e0b932;
		padding-bottom: 0;
	}
.colorpalet li {
	float: left;
	margin-bottom:20px!important;
	margin-left:20px;
}
.colorpalet {
    list-style: none;
    margin: 0;
    padding: 0;
	width: 100%;
    float: left;
	margin-top:20px;
}
.colorpalet .img-responsive{
	width: 100%;
}
.right-container {
background:#f5f5f5; width:100%; min-height:100px; float:left; padding:10px 2px 30px;
}
.mCSB_inside > .mCSB_container {
	padding:20px 0px 20px 20px;
	font-size:11px!important;
}

.flooring-list li .flooring-name {
    float: left;
	padding-left: 5px;
    padding-right: 5px;
}
.flooring-list li .boatflooring {
    display: block;
    text-align: center;
    overflow: hidden;
	height:100px;
}
.flooring-list li .boatflooring img{
    width: 100%;
    height: auto;
}
.flooring-list img{
	width: 100%;
	height: auto;
}
.flooring-list li>a {
    display: block;
    width: 180px;
    color: #666;
	font-size:11px;
    background: #f1f1f1;
}
.flooring-list li>a:hover{
    background: #e2e2e2;
}
.flooring-list li>a.selected{
    border: 3px solid #e0b932;
    background: #fff;
}
.flooring-list li {
	float: left;
	margin-bottom:20px!important;
	margin-left:20px;
    min-height: 210px;
}
.flooring-list {
    list-style: none;
    margin: 0;
    padding: 0;
	width: 100%;
    float: left;
	margin-top:20px;
}


.build-logo {
	margin:11px 0px;
    position: absolute;
    right: 10px;
}
#boat-image {
	margin-top:50px;
}
.boat-image-container{
    position: relative;
    margin-top: 10px;
}
.boat-image-model-image{
    position: relative;
}
.boat-image-accent-panel-image{
    /* margin-top: -170px; */
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
}
.boat-image-primary-panel-image{
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}
.modal-box {
	width:165px;
	float:left;
	margin:0px 5px 10px 5px;
}
	
.select-modal-div {
	background: #f3f3f3!important; border: 1px solid #e1e1e1!important; border-radius:5px; width:100%; float:left; margin:0px; min-height:100px;
}
.select-modal-div>.arrow {
    top: -22px;
    left: 10%;
    margin-left: -11px;
    border-top-width: 0;
    border-width: 11px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
	border-bottom-color: #f3f3f3!important;
}
.select-modal-div>.arrow:after {
    border-bottom-color: #f3f3f3!important;
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    content: "";
    border-width: 10px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.price-img {
	 margin: 40px auto 0 auto;
 }
.price-btn {
	 background:url(../Images/price-btn.png) center 50%  no-repeat;
	 width: 216px;
     height: 30px;
     margin: 20px auto 0 auto;
     position: relative;
     padding: 5px 20px 5px 85px;
     color: #fff;
 }
.dealer-btn {
	 background:url(../Images/Dealer_Price.png) center 50%  no-repeat;
	 width: 216px;
     height: 30px;
     margin: 20px auto 0 auto;
     position: relative;
     padding: 5px 20px 5px 85px;
     color: #fff;
 }
.sale-btn {
	 background:url(../Images/Sale_Price.png) center 50%  no-repeat;
	 width: 216px;
     height: 30px;
     margin: 20px auto 0 auto;
     position: relative;
     padding: 5px 20px 5px 85px;
     color: #fff;
 }
 .cricle-color {
    height: 10px;
    width: 10px;
    font-size: 39px;
	border-radius:50%;
	float:right;
	margin:3px 10px;
}
.price-slogan {
	 width:280px;
	 font-size:11px;
	 color:#fff;
	 text-align:center;
	 margin:5px auto;
 }

.btn:not(.btn-xs){
	border-radius: 0px;
	font-size: 11px;
	padding: 10px 40px;
}
.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger.swal-button:hover {
	color: #fff;
	background-color: #d9534f;

}
.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.btn-success:hover,
.btn-success.swal-button:hover {
	background-color: #5cb85c;
}

.btn-transparent {
	border: 0;
	box-shadow: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

.btn-primary {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	color: #fff;
	background-color: #003759;
	border-color: #2f2f2f;
	font-size: 11px;
}

	.btn-primary:focus,
	.btn-primary.focus {
		color: #fff;
		background-color: #003759;
		border-color: #2f2f2f;
		border-radius: 0px;
		font-size: 11px;
	}

	.btn-primary:hover {
		color: #e0b932;
		background-color: #003759;
		border-color: #2f2f2f;
		border-radius: 0px;
		font-size: 11px;
	}

	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary {
		color: #fff;
		background-color: #2f2f2f;
		border-radius: 0px;
		font-size: 11px;
	}


.btn-blue {
	color: #fff;
	background-color: #003759 !important;
	border-radius: 0px;
	font-size: 11px;
	padding: 10px 40px;
	margin-left: 10px;
}
	.btn-blue:focus,
	.btn-blue.focus {
		color: #fff;
		background-color: #2f2f2f;
		border-radius: 0px;
		font-size: 11px;
	}
	.btn-blue:hover,
	.btn-blue.swal-button:hover {
		color: #e0b932;
		background-color: #2f2f2f;
		border-radius: 0px;
		font-size: 11px;
	}
	.btn-blue:active,
	.btn-blue.active,
	.open > .dropdown-toggle.btn-blue {
		color: #fff;
		background-color: #123652;
		border-radius: 0px;
		font-size: 11px;
	}
 
.btn-grey {
  color: #666;
    background-color: #e5e5e5;
	border-radius:0px;
	font-size:11px;
	padding:10px 40px;
}
.btn-grey:focus,
.btn-grey.focus {
  color: #666;
    background-color: #e5e5e5;
	border-radius:0px;
	font-size:11px;
}
.btn-grey:hover,
.btn-grey.swal-button:hover{
  color: #666;
    background-color: #e5e5e5;
	border-radius:0px;
	font-size:11px;
}
.btn-grey:active,
.btn-grey.active,
.open > .dropdown-toggle.btn-grey {
  color: #666;
    background-color: #e5e5e5;
	border-radius:0px;
	font-size:11px;
}

.btn.btn-outline-gray {
	cursor: pointer;
	-webkit-transition: all  0.5s;
	transition: all 0.5s;
	background: transparent;
	border: 2px solid #cccccc;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}

	.btn.btn-outline-gray:hover, .btn.btn-outline-gray:focus {
		background: #ccc;
	}

.table {
	font-size:11px;
}
	.fixed-header-container{
		max-height: 70vh;
		overflow: auto;
	}
	.table.fixed-header {
		overflow-y: auto;
	}
		.table.fixed-header tr:first-child > th {
			position: sticky;
			top: 0;
			background-color: #003759;
			color: #fff;
			z-index: 2;
		}
.table-striped > thead > tr {
	background-color: #003759 !important;
	color: #fff;
	font-size: 12px;
}
.table-striped > thead > tr a{
	color: #fff;
}
	.table-striped > thead > tr a:focus, .table-striped > thead > tr a:hover{
		color: #fff;
		text-decoration: underline;
	}
.table>thead>tr>th {
    border-bottom: 0px;
	padding:15px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color:#f5f5f5;
	border:none;
}
.table>tbody>tr>td {
	border-top:none;
	padding:10px;
}
.table-striped select {
	height:20px;
	border-radius:0px;
	font-size:11px;
	padding:0px;
}
.table-striped>.btn-group-xs>.btn, .btn-xs {
	font-size:11px;
}
	.collapsed.subTable {
		display: none;
	}

	.collapsed .expandCollapse:before {
		font-family: 'FontAwesome';
		content: "\f067";
	}

	.uncollapsed .expandCollapse:before {
		font-family: 'FontAwesome';
		content: "\f068";
	}

	td.shrink, th.shrink {
		width: 1px;
		white-space: nowrap;
	}
.redRow{
    background-color: #ff8080!important; 
}
.greenRow{
    background-color: #BDE169!important; 
}
.table-filters{
    padding-left:20px; 
    padding-bottom: 20px;
}
.pagination>li {
	margin:0px 5px;
	float:left;
}
.pagination>li>a, .pagination>li>span {
	padding:5px 12px;
	border:1px solid #d4d4d4;
	color: #0b2437;
	border-radius:3px;
}
.page-result {
	display: inline-block;
	vertical-align: top;
	margin: 20px 0;
}
.dataTables_wrapper {
	font-size: 11px;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #0b2437;
	border-color: #0b2437;
}

.table-btn {
	color: #fff;
	background-color: #0b2437;
	font-size: 11px;
}
	.table-btn:focus,
	.table-btn.focus {
		color: #fff;
		background-color: #123652;
		font-size: 11px;
	}
	.table-btn:hover {
		color: #fff;
		background-color: #123652;
		font-size: 11px;
	}
	.table-btn:active,
	.table-btn.active,
	.open > .dropdown-toggle.table-btn {
		color: #fff;
		background-color: #0b2437;
		font-size: 11px;
	}
.summary-table .table-striped>thead>tr {
	background:#fff!important;
	color:#002f3c!important;
}
.summary-table .table>tbody>tr>td {
	 padding:2px!important;
}

.report-results .accent{
	background: #f2f2f2;
	font-weight: bold;
}
.report-results .pos {
	background: #e7ffe7;
}
.report-results .neg {
	background: #ffe6e6;
}

.vertical-text {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	writing-mode: lr-tb;
	color: #fff;
	padding: 10px;
	height: 100%;
	width: auto;
	text-transform: uppercase;
	position: absolute;
}
.datatable-filter {
    height: 20px;
    border-radius: 0px;
    font-size: 11px;
    padding: 0px;
}
.modal {
	font-size:14px;
}
.modal ul{
    padding-left: 40px;
}
.modal .form-control {
	border-radius:0px;
}
.modal .label-control {
	margin:0px;
}
 /*Navigation Icons*/
 .tools-icon{
     background:url(../Images/tools-icon.png) no-repeat left;
 }
 .user-management-icon{
     background: url(../Images/user-management-icon.png) no-repeat left;
 }
 .partswarranty-icon{
     background: url(../Images/parts-warrenty-icon.png) no-repeat left;
 }
 .quotesorders-icon{
     background: url(../Images/quoates-orders-icon.png) no-repeat left;
 }
 .boatorder-icon{
     background: url(../Images/boat-builder-icon.png) no-repeat left;
 }
 .dashboard-icon{
     background:url(../Images/dashboard-icon.png) no-repeat left;
 }
 .navbar{
	 z-index:10;
 }
.navbar.nav-bg{
	z-index: 9;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ddd;
}

  .navbar-nav a:hover .tools-icon, .navbar-nav li:active a .tools-icon{
     background:url(../Images/tools-icon-active.png) no-repeat left;
 }
 .navbar-nav a:hover .user-management-icon, .navbar-nav li:active a .user-management-icon{
     background: url(../Images/user-management-icon-active.png) no-repeat left;
 }
 .navbar-nav a:hover .partswarranty-icon, .navbar-nav li:active a .partswarranty-icon{
     background: url(../Images/parts-warrenty-icon-active.png) no-repeat left;
 }
 .navbar-nav a:hover .quotesorders-icon, .navbar-nav li:active a .quotesorders-icon{
     background: url(../Images/quoates-orders-icon-active.png) no-repeat left;
 }
 .navbar-nav a:hover .boatorder-icon, .navbar-nav li:active a .boatorder-icon{
     background: url(../Images/boat-builder-icon-active.png) no-repeat left;
 }
 .navbar-nav a:hover .dashboard-icon, .navbar-nav li:active a .dashboard-icon{
     background:url(../Images/dashboard-icon-active.png) no-repeat left;
 }

 /*End of Navigation Icons*/
 /*Desktop menu*/
 @media (min-width: 1250px){
	
	.navbar-nav.main-menu .dropdown-menu {
		border-top: 3px solid #0b2437;
		min-width: 250px;
	}
		.navbar-nav.main-menu .dropdown-menu.dropdown-menu-left {
			left: -262px !important;
		}
		.navbar-nav.main-menu .dropdown-menu li {
			padding: 0 10px;
		}
		.navbar-nav.main-menu .dropdown-menu > li > a {
			border-bottom: 1px dotted gray;
			padding: 8px 20px 8px 6px;
			font-weight: bold;
			color: #0b2437;
		}
			.navbar-nav.main-menu .dropdown-menu > li:last-child > a{
				border-bottom: 0;
			}
		.navbar-nav.main-menu .dropdown-menu > li > a:hover, .navbar-nav.main-menu .dropdown-menu > li > a:focus, .navbar-nav.main-menu .dropdown-menu > li.open > a {
			/*color: #e0b932;*/
			color: #000000;
			background: initial;
		}
			.navbar-nav.main-menu > .dropdown > .dropdown-menu {
				margin-top: 22px;
			}
				.navbar-nav.main-menu > .dropdown > .dropdown-menu:before {
					content: ' ';
					position: absolute;
					top: -14px;
					left: 20px;
					border-width: 6px;
					border-style: solid;
					border-color: transparent transparent #0b2437 transparent;
				}
 }
 /*Override mobile menu breakpoint*/
@media (max-width: 1249.7px){
	.navbar-header {
		float: none;
	}

	.navbar-left, .navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
	}

	.main-nav .navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		margin-left: -15px;
		margin-right: -15px;
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}

		.navbar-nav > li {
			float: none;
		}

			.navbar-nav > li > a {
				padding-top: 10px;
				padding-bottom: 10px;
			}

	.collapse.in {
		display: block !important;
	}
	.navbar-collapse.in {
		overflow-y: initial;
	}

	.navbar-nav {
		margin: 0px !important;
	}
	.navbar-default:not(.nav-bg) .navbar-collapse, .navbar-default .navbar-form {
		background: #003759;
		padding: 15px;
	}

	.navbar-default .navbar-nav:not(.icon-toolbar) .open .dropdown-menu > li > a {
		font-size: 14px;
		text-transform: uppercase;
		color: #ffff;
	}
		.navbar-default .navbar-nav:not(.icon-toolbar) .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav:not(.icon-toolbar) .open .dropdown-menu > li > a:focus {
			text-decoration: none;
			background-color: #003759;
			color: #ffff;
		}

		.navbar-default .navbar-nav:not(.icon-toolbar) .open .dropdown-menu {
			position: static;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: transparent;
			border: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		.navbar-nav.icon-toolbar{
			text-align: center;
			border-top: 1px solid #fff;
			padding-top: 10px;
		}
		.navbar-nav.icon-toolbar li{
			display: inline-block;
		}
		.navbar-nav .notification li{
			display: block;
		}

	.navbar-nav.icon-toolbar .open .dropdown-menu {
		position: absolute;
		top: 100%;
		float: left;
		z-index: 9999;
		background-color: #fff;
		right: 0;
		margin-left: -125px;
	}
	.navbar-nav.icon-toolbar .notification.dropdown-menu{
		width: 280px;
	}
	.navbar-nav.icon-toolbar .open .dropdown-menu > li > a, .navbar-nav.icon-toolbar .open .dropdown-menu .dropdown-header{
		padding: 0;
		line-height: 1.4;
	}
	/*Notification count circle*/
	.notificationCount{
		top: -6px;
	}
} 
@media (max-width: 767px) {

    .statistics-1 {
        width: 50%;
        border: 0px;
        margin-bottom: 20px;
	    padding: 0px 30px;
    }
    .statistics-2 {
        width: 50%;
        border: 0px;
        margin-bottom: 20px;
	    padding: 0px 30px;
    }

    .build-logo{
        position: relative;
        right: initial;
        left: 10px;
    }

}

@media only screen and (max-width: 480px) {
    .widget-products li {
	    width:100%;
    }
    .login-container {
	    width: 320px;
	    margin: 0 auto;
    }
    .login-logo {
	    width: 227px;
	    margin: 0 auto;
	    padding: 30px 0 30px 0;
    }
    .login-box {
	    width:300px;
	    padding:20px;
	    margin: auto;
	    background: rgba(255, 255, 255, 0.6);
    }
    .nav-tabs.nav-justified>li {
	    float:left;
	    width:100%;
	    font-size: 24px;
    }

	.login-btn {
		background: #e0b932;
		border-radius: 44px;
		width: 44px;
		height: 44px;
		border: 0px;
		color: #fff;
	}
	.login-btn:hover {
		background: #e0b932;
	}
    .login-box>.nav-tabs.nav-justified>li>a {
	    font-size:26px;
    }
    .login-box>.nav-tabs>li.active>a, .login-box>.nav-tabs>li.active>a:focus, .login-box>.nav-tabs>li.active>a:hover {
	    font-size:32px;
    }
    .statistics-1 {
        width: 100%;
        border: 0px;
        margin-bottom: 20px;
	    padding: 0px 20px;
    }
    .statistics-2 {
        width: 100%;
        border: 0px;
        margin-bottom: 20px;
	    padding: 0px 20px;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    /*.nav > li > a {
	    font-size:10px;
	    padding-left:35px;
	    padding-right:20px;
	    line-height:15px;
	    width:115px;
	    margin:10px 0px;
	    height:30px;
	    vertical-align:middle;
    }*/
    .statistics-1 {
        width: 50%;
        border: 0px;
        margin-bottom: 20px;
	    padding: 0px 30px;
    }
    .statistics-2 {
        width: 50%;
        border: 0px;
        margin-bottom: 20px;
	    padding: 0px 30px;
    }
}
/* shivaram */

.summary-main-heading-padding{
	border-bottom:1px solid #000; 
	padding-bottom:15px; 
	padding-top:10px;
}

.summary-second-heading{
	border-bottom:1px solid #000; 
	padding-bottom:15px;
}

.summary-third-heading{
	padding-top:18px; 
	padding-bottom:10px;
}

.summary-line{
	border-bottom:1px #000 solid;
}

.summary-border-padding{
	border:1px #000 solid; 
	padding-bottom:20px
}

.summary-fourth-heading{
	padding-bottom:15px;
	padding-top:10px
}

.summary-fifth-heading{
	padding-top:10px;
}

.summary-fifth-heading-1{
	padding-bottom:20px;
}

.summary-inputbox{
	height:30px; 
	width:200px; 
	padding-left:5px; 
	font-size:12px;
}

.summary-inputbox-1{
	margin-left:20px;
	height:30px; 
	padding-left:5px; 
	font-size:12px;
}

.summary-textarea{
	width:300px;
    max-width: 100%;
}

.summary-radiobutton{
	width:auto !important
}

.summary-divclear{
	clear:both; 
	padding-top:10px;
}

.summary-greytext{
	font-size:12px; 
	color:#666
}

.summary-xtrapadding{
	padding-bottom:14px;
}

.summary-ptag{
	padding-bottom:10px;
}

.summary-ptag-1{
	padding-bottom:10px;
	padding-left:15px;
}

.summary-greytext-pl{
	font-size:12px; 
	color:#666;
	padding-left:14px;
}

.summary-blacktext{
	font-size:12px; 
	color:#000
}

.main-heading-black{
	padding-top:18px; 
	padding-bottom:10px;
}
.modal-header1 {
 padding: 25px 15px 0px 15px;
 border-bottom: 1px solid #e5e5e5;
}

.modal-header-Printpage {
 padding: 25px 15px 25px 15px;
 border-bottom: 1px solid #e5e5e5;
}

.modal-dialog-print {
    width: 96% !important;
    margin: 0 2%;
}

.table-text-color{
    background-color:#000; 
    padding:10px; 
    color:#FFF
}
 .option-input-print {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        position: relative;
        top: 0px;
        right: 0;
        bottom: 0;
        left: 0;
        height: 16px;
        width: 16px;
        -webkit-transition: all 0.15s ease-out 0s;
        -moz-transition: all 0.15s ease-out 0s;
        transition: all 0.15s ease-out 0s;
        background: #cbd1d8;
        border: 2px solid #2F2F2F;
        cursor: pointer;
        display: inline-block;
        margin-right: 0.25rem;
        outline: none;
        position: relative;
        z-index: 1000;
    }

        .option-input-print:hover {
            background: #9faab7;
        }

        .option-input-print:checked {
            background: #2F2F2F;
            color: #fff;
        }

            .option-input-print:checked::before {
                height: 15px;
                width: 15px;
                position: absolute;
                content: '\2713';
                display: inline-block;
                font-size: 14px;
                text-align: center;
                line-height: 14px;
                color: #fff;
            }

            .option-input-print:checked::after {
                -webkit-animation: click-wave 0.65s;
                -moz-animation: click-wave 0.65s;
                animation: click-wave 0.65s;
                background: #2F2F2F;
                content: '';
                display: block;
                position: relative;
                z-index: 100;
                outline: none;
            }

    cest-styles.css .table-text-color {
        background-color: #000;
        padding: 10px;
        color: #FFF;
    }

    .border-table-print {
        border: #CCC solid 1px;
        padding-left: 11px;
    }
     .requiredField:after, .form-group.required > label:after {
            content: " *";
            font-weight: bold;
            color:red;    
    }

.form-group.error > label {
	color: #d30000;
}

	.form-group.error > label:before {
		content: '\f057\0020';
		font-family: FontAwesome;
	}

.form-group.error input[type='text'], .form-group.error input[type='password'], .form-group.error textarea, .form-group.error select {
	background: #ffe6e6;
	border: 1px solid #d30000;
}

.form-group .errorMessage {
	color: #d30000;
}
 

    .form-box {border: solid 2px #ccc !important; padding: 15px; background: #fff; margin-bottom: 30px !important; float:left; width:100%;}

    .form-box-left {border: solid 2px #ccc; padding: 15px; background: #fff; margin-bottom: 30px; width:49%; margin-right:2%; float:left;}

    .form-box-right {border: solid 2px #ccc; padding: 15px; background: #fff; margin-bottom: 30px; width:49%; float:left;}

    .form-box .form-control, .form-box-left .form-control, .form-box-right .form-control {margin-bottom:10px;}

   .form-box .item-heading {background-color:#cccccc!important; color: #fff; width: 100%; padding: 5px 10px;}    

    #modelbody .row {margin-bottom:10px;}
    .modal-body {overflow:hidden;}

      .form-box-right-large {border: solid 2px #ccc; padding: 15px; background: #fff; margin-bottom: 30px; width:100%; float:left;}

    .form-box-left-large {padding: 15px; background: #fff; margin-bottom: 30px; width:100%; float:left;}

    .form-box-right-large .col-lg-6 {width:25% !important;}

    .rowbtn{z-index:9999;}

.table-icon {
	font-size: 16px;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
    text-decoration:none !important;
}
.color-black{
	color: #000;
}
.color-red {
	color: #d30000;
}
.color-yellow {
	color: #da9e48;
}
.color-green {
	color: #2d832d;
}

@media print {
	.no-print, .no-print * {
		display: none !important;
	}
}

.w-heading {
	background-color: #003759;
	border: 1px solid #eeeef4;
	color: #e0b932;
	font-size: 18px;
	padding: 16px;
	width: 100%;
	margin-bottom: 10px;
}

.logoBg {
	height: 100px;
	width: 42%;
	text-align: center;
	border-radius: 50%;
	margin-left: 75px;
	background-color: rgba(255,255,255,0.6);
}