/*! boatdeck.css */
body { background: #fff; color: #333; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 13px; }

.wrapper-top { background: #E5EEF3; position: relative; }

.site-header { background: #1d69a3; min-height: 86px; }

.site-header .header-top { padding-top: 10px; padding-bottom: 10px; }

.site-header .header-top .img-logo { height: 15px; margin-top: 10px; float: left; }

.site-header .header-top .top-nav { float: right; }

.site-header .header-nav .navbar { margin-bottom: 0; min-height: 40px; border: none; }

.site-header .header-nav .navbar .navbar-right { margin-right: 0; }

.site-header .header-nav .navbar .navbar-nav li a.buble { border: 1px solid #1C679D; margin-left: -1px; border-bottom: transparent; padding-top: 10px; padding-bottom: 10px; background: #3699ee; color: #FFFFFF; min-width: 100px; text-align: center; position: relative; border-radius: 5px 5px 0 0; font-size: 14px; }

.site-header .header-nav .navbar .navbar-nav li a.buble:hover { background: #4999dc; }

.site-header .header-nav .navbar .navbar-nav li a.buble.active:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFF; border-top: none; height: 0; width: 0; bottom: 0; content: ""; left: 50%; margin-left: -5px; position: absolute; }

.sub-nav { background: #FFF; height: 40px; }

.sub-nav .navbar { min-height: 40px; }

.sub-nav .navbar .nav-bc { display: inline-block; padding-left: 0; padding-top: 9px; padding-bottom: 9px; background: transparent; text-transform: uppercase; }

.sub-nav .navbar .nav-bc > li { list-style-type: none; font-weight: 600; color: #0090d9; float: none; display: inline-block; vertical-align: middle; }

.sub-nav .navbar .nav-bc > li + li:before { color: #515050; font-family: 'FontAwesome'; content: "\f105"; padding-right: 5px; }

.sub-nav .navbar .nav-bc > li a { padding-right: 7px; color: #7b7d82; font-weight: 500; text-shadow: none; text-decoration: none; }

.site-content { background: #E5EEF3; position: relative; }

.site-content .page-wrapper { padding: 15px 0 15px; position: relative; }

.site-content .page-wrapper .email-wrap { margin-bottom: 10px; }

.site-content .statistic-table { background: #FFFFFF; }

.site-content .statistic-table th { border-bottom: 4px solid #09B5F1; background: #EEE; }

.site-content .alert-wrapper { position: absolute; z-index: 10; }

.site-content .alert-wrapper.alert-top-right { right: 0; top: 0; }

.site-content .alert-wrapper .alert { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; box-shadow: 0 6px 4px -3px rgba(0, 0, 0, 0.2); -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; border-radius: 0; border: 0; min-width: 295px; max-height: 250px; overflow: hidden; }

.site-content .notif { margin-bottom: 10px; }

.site-content .wrapper-filter { margin-bottom: 10px; }

.site-content .wrapper-table { position: relative; }

.site-content .content { background-color: #FFF; padding: 15px; border: 1px solid #DDD; min-height: 400px; }

.site-content .content h2 { margin-top: 0; margin-bottom: 20px; font-size: 20px; border-bottom: 1px solid #DDD; padding-bottom: 10px; }

.site-content .content #boat-dt { margin-top: 10px !important; }

.site-content .tab-content { padding-top: 20px; }

.site-content .listing-content { margin: 10px 0; }

.site-content .listing-content .nav-tabs li a { background: #00B4F2; color: #f9f9f9; min-width: 100px; text-align: center; }

.site-content .listing-content .nav-tabs li a:hover { background: #0B95C4; }

.site-content .listing-content .nav-tabs li.active a { background: #FFF; color: #555; }

.site-content .listing-content .listing-form { border-top: none !important; border: 1px solid #DDD; min-height: 400px; background: #FFF; padding: 15px 0; }

.site-content .listing-content .listing-form h2 { margin-top: 0; font-size: 20px; padding: 0 20px; margin-bottom: 20px; }

.site-content .listing-content .listing-form .radio { display: inline-block; margin-right: 15px; }

.site-content .listing-content .listing-form .alert { margin: 0 15px 15px; }

.site-content .listing-content .listing-form .btn-top { margin-bottom: 10px; }

.site-content .listing-content .listing-form .testimonial-form { padding: 15px; min-height: 300px; }

.site-content .listing-content .listing-form .testimonial-form #panel-testimonial { display: none; }

.site-content .listing-content .listing-form .review-form { padding: 15px; min-height: 300px; }

.site-content .listing-content .listing-form .review-form #panel-review { display: none; }

.site-content .listing-content .listing-form .engine-form { padding: 15px; min-height: 300px; }

.site-content .listing-content .listing-form .engine-form #panel-engine { display: none; }

.site-content .listing-content .listing-form .engine-form .engine-act a { font-size: 12px; }

.site-content .listing-content .listing-form .engine-form .col-sm-2 .form-control-feedback { right: 15px; }

.site-content .listing-content .listing-form .feature-form { padding: 15px; }

.site-content .listing-content .listing-form .feature-form .form-group { height: 65px; }

.site-content .listing-content .listing-form .feature-form .panel { border-radius: 0; }

.site-content .listing-content .listing-form .feature-form .panel .panel-heading { border-radius: 0; background: #FBF8F8; cursor: pointer; }

.site-content .listing-content .listing-form .feature-form .panel .panel-heading:hover { background: #E8E7E7; }

.site-content .listing-content .listing-form .feature-form .panel .panel-heading a { font-weight: bold; text-decoration: none; }

.site-content .listing-content .listing-form .feature-form .panel textarea { resize: none; height: 50px; }

.site-content .listing-content .listing-form .video-wraper { padding: 15px 0; border-top: 1px solid; border-color: #DDD; }

.site-content .listing-content .listing-form .media-wrapper { border-top: 1px solid; border-color: #DDD; min-height: 200px; padding: 15px 0; }

.site-content .listing-content .listing-form .media-wrapper .media-list:before { display: table; content: " "; }

.site-content .listing-content .listing-form .media-wrapper .media-list:after { display: table; content: " "; clear: both; }

.site-content .listing-content .listing-form .media-wrapper .media-list .item { float: left; padding: 0 5px 5px; border: 1px solid #DDD; border-top: 3px solid #A8D9F9; margin-bottom: 15px; position: relative; background: #FFF; }

.site-content .listing-content .listing-form .media-wrapper .media-list .item .btn-delete { position: absolute; cursor: pointer; top: 0; right: 4px; }

.site-content .listing-content .listing-form .media-wrapper .media-list .item .bulk-checkbox { border: 3px solid rgba(255,255,255, .8); line-height: 0; }

.site-content .listing-content .listing-form .media-wrapper .media-list .item .bulk-checkbox input[type="checkbox"] { margin: 5; height: 18px; width: 18px; }

.site-content .listing-content .listing-form .media-wrapper .media-list .item .item-img { height: 150px; max-width: 100%; margin-bottom: 10px; }

.site-content .listing-content .listing-form .media-wrapper .media-list .item .item-img img { object-fit: cover; width: 100%; height: 100%; }

.site-content .listing-content .listing-form .media-wrapper .media-list .item .item-img iframe { max-width: 100% !important; max-height: 100% !important; }

.site-content .listing-content .listing-form .media-wrapper .media-list .item .item-btn { text-align: center; }

.site-content .listing-content .listing-form .media-wrapper .media-list #thumb-media { display: none; }

.site-content .listing-content .listing-form .media-wrapper .media-info { margin-bottom: 0; }

.site-content .listing-content .listing-form .media-wrapper .media-info h3 { margin-top: 0; font-size: 13px; font-weight: bold; }

.site-content .listing-content .listing-form .media-wrapper .media-info .panel-body { background: #EEE; }

.site-content .listing-content .listing-form .media-wrapper .media-info .panel-body .details { padding-bottom: 10px; border-bottom: 1px solid #DDD; margin-bottom: 10px; }

.site-content .listing-content .listing-form .media-wrapper .media-info .panel-body .form-details { border-bottom: 1px solid #DDD; margin-bottom: 10px; }

.site-content .listing-content .listing-form table.simple-border tr td { padding: 15px; }

.site-content .listing-content .listing-form table.simple-border tr td.col-label { padding-left: 30px; }

.site-content .listing-content .listing-form table.simple-border tr:last-child td { border-bottom: 1px solid #DDD; }

.site-content .listing-content .wrapper-top-button { padding: 0 20px 10px; border-bottom: 1px solid #DDD; }

.site-content .listing-content .wrapper-form { padding: 20px; min-height: 300px; }

.site-content .listing-content .wrapper-bottom-button { padding: 15px 20px 10px; border-top: 1px solid #DDD; }

.site-content .listing-content .wrapper-bottom-button .btn { min-width: 120px; margin-right: 5px; }

.site-content .listing-content .panel-group .panel { border-radius: 0; }

.site-content .listing-content .panel-group .panel .panel-heading { border-radius: 0; background: #FBF8F8; cursor: pointer; }

.site-content .listing-content .panel-group .panel .panel-heading:hover { background: #E8E7E7; }

.site-content .listing-content .panel-group .panel .panel-heading a { font-weight: bold; text-decoration: none; }

.site-content .listing-content .wrapper-body { background: #EEE; max-height: 590px; overflow: auto; border: 1px solid #DDD; }

.site-content .listing-content .wrapper-newsletter { width: 700px; margin: auto; padding: 15px; margin-top: 20px; margin-bottom: 20px; background: #FFF; }

.site-content .listing-content .wrapper-newsletter .newsletter-header { border-bottom: 3px solid #CCC; padding: 10px 0; }

.site-content .listing-content .wrapper-newsletter .newsletter-content { padding: 10px 0; }

.site-content .listing-content .wrapper-newsletter .newsletter-content h3 { margin-top: 10px; text-align: center; font-weight: bold; }

.site-content .listing-content .wrapper-newsletter .newsletter-content .media { border-bottom: 1px solid #EEE; padding-bottom: 7px; }

.site-content .listing-content .wrapper-newsletter .newsletter-content .media a { text-decoration: none; color: #D8A411; }

.site-content .listing-content .wrapper-newsletter .bottom-nav a { font-weight: bold; }

.site-content .listing-content .wrapper-newsletter .newsletter-footer { padding: 10px 0; border-top: 2px solid #CCC; }

.site-content .listing-content #content-group .content-item { background: #EEE; border: 1px solid #DDD; margin-bottom: 5px; }

.site-content .listing-content #content-group .content-item .content-left { float: left; }

.site-content .listing-content #content-group .content-item:before { display: table; content: " "; }

.site-content .listing-content #content-group .content-item:after { display: table; content: " "; clear: both; }

.site-content .listing-content #content-group .section-item { position: relative; margin-bottom: 10px; }

.site-content .listing-content #content-group .section-item .media-img { width: 150px; }

.site-content .listing-content #content-group .section-item:last-of-type { margin-bottom: 0; }

.site-content .listing-content #content-group .section-item .btn-edit { position: absolute; top: 5px; right: 5px; padding: 2px 5px; border-radius: 2px; }

.site-content .listing-content #content-group .section-item .bottom-nav { padding: 5px 0; }

.site-content .signin-wrapper { width: 400px; margin: 50px auto; }

.site-content .signin-wrapper .signin .panel-heading { background: #fff; }

.site-content .signin-wrapper .signin .panel-heading h2 { font-size: 18px; margin-top: 0; margin-bottom: 0; }

.site-content .panel-title { display: inline-block; font-weight: 600; line-height: 34px; }

.site-content .width-half { width: 50%; z-index: 1; }

.site-content .width-athird { width: 30%; z-index: 1; }

.site-content .pull-right-margin { margin-right: 15px; }

.site-content .notif-bar { position: absolute; width: 100%; top: 0; }

.site-content .notif-bar .alert { padding: 10px; border-radius: 0; -webkit-transition: -webkit-transform 0.25s ease; transition: transform 0.25s ease; -webkit-backface-visibility: hidden; }

.site-content .form-images { height: 260px; }

.site-footer { padding: 20px 0; background: #0C161F; border-bottom: 40px solid #000; }

.site-footer .logo { opacity: 0.4; }

.link-info { font-weight: bold; color: #5bc0de !important; }

.link-info:hover { color: #31b0d5 !important; }

.link-danger { color: #d9534f; }

.link-danger:hover { color: #c9302c; }

.btn-blue { color: #5bc0de; border: 1px solid #5bc0de; font-weight: bold; }

.btn-blue:hover { color: #1282A2; border-color: #1282A2; }

.form-horizontal .form-group-line { padding: 0 15px 10px; margin-left: 0; margin-right: 0; border-bottom: 1px solid #DDD; }

.form-horizontal .form-group-no-line { margin-left: 0; margin-right: 0; padding: 0 15px 10px; }

.form-horizontal .form-group { margin-bottom: 10px; }

.wrapper-btn { padding: 0 15px; }

.form-divider { border-bottom: 1px solid #DDD; margin-bottom: 15px; }

.form-btn { width: auto; min-width: 130px; display: inline-block; margin-right: 10px; }

.action-top { margin-bottom: 15px; }

a.disabled { pointer-events: none; color: #DDD; }

.form-control { font-size: 13px; }

.img-preview { width: 200px; height: 200px; background: #EEE; position: relative; border: 1px solid #EEE; overflow: hidden; }

.img-preview .img-side { position: absolute; width: 100%; height: 100%; background-image: url("../images/no-image.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.img-preview .img-side img { object-fit: cover; width: 100%; height: 100%; }

.img-preview .del-image { position: absolute; top: 0; right: 0; z-index: 10; color: #DDD; background: rgba(0, 0, 0, 0.7); padding: 2px 5px; display: none; }

.img-preview .del-image:hover { color: #FFF; }

.img-preview:hover .btn-side { opacity: 1; transform: translateY(0); }

.img-preview:hover .del-image { display: block; }

.img-preview .btn-side { position: absolute; text-align: center; width: 100%; bottom: 0; opacity: 0; transform: translateY(38px); transition: all 0.3s ease-in-out; }

.img-preview .btn-side .choose-file { display: block; background: rgba(0, 0, 0, 0.7); color: #FFF; padding: 10px; cursor: pointer; }

.img-preview .btn-side .choose-file:hover { background: rgba(0, 0, 0, 0.8); }

.multi-img-preview { width: 200px; height: 200px; background: #EEE; position: relative; border: 1px solid #EEE; overflow: hidden; }

.multi-img-preview .img-side { position: absolute; width: 100%; height: 100%; background-image: url("../images/no-image.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.multi-img-preview .img-side img { object-fit: cover; width: 100%; height: 100%; }

.multi-img-preview:hover .btn-side { opacity: 1; transform: translateY(0); }

.multi-img-preview:hover .del-image { display: block; }

.multi-img-preview .btn-side { position: absolute; text-align: center; width: 100%; bottom: 0; opacity: 0; transform: translateY(38px); transition: all 0.3s ease-in-out; }

.multi-img-preview .btn-side .choose-file { display: block; background: rgba(0, 0, 0, 0.7); color: #FFF; padding: 10px; cursor: pointer; }

.multi-img-preview .btn-side .choose-file:hover { background: rgba(0, 0, 0, 0.8); }

.multi-img-preview .del-image { position: absolute; top: 0; right: 0; z-index: 10; color: #DDD; background: rgba(0, 0, 0, 0.7); padding: 2px 5px; display: none; }

.form-error { color: red; padding: 10px 0; }

.form-radio .radio { display: inline-block; margin-right: 10px; }

.form-half { width: 50%; padding-right: 15px; }

#previews { margin-top: 5px; max-width: 400px; }

#previews .file-row { padding-bottom: 5px; }

#previews .file-row .progress { height: 5px; margin-bottom: 5px; }

.previews { margin-top: 5px; max-width: 400px; }

.previews .file-row { padding-bottom: 5px; }

.previews .file-row .progress { height: 5px; margin-bottom: 5px; }

.dataTables_wrapper .col-right:before { display: table; content: " "; }

.dataTables_wrapper .col-right:after { display: table; content: " "; clear: both; }

#adv-search .dropdown { position: static; }

#adv-search .btn-group { position: static; }

#adv-search .input-group-btn { position: static; }

#adv-search .input-group-btn .dropdown-toggle { border-radius: 0; }

#adv-search .input-group-btn .btn-search { border-top-left-radius: 0; border-bottom-left-radius: 0; }

#adv-search .boat-search { width: 250px; }

#adv-search .boat-search .select2-container { width: 100% !important; }

#adv-search .search-key { background-color: #FAFAFA; }

.table-gray > thead > tr > th { background: #EEE; border-bottom: 3px solid #DDD !important; }

.table-gray > tbody > tr > td { border-top: none; border-bottom: 1px solid #FFF; }

.table-gray > tbody > tr.selected { background: #FFFFCC; }

.modal-footer, .modal-header { padding: 10px; }

.icheck-input label { padding-left: 0; }

.page-loading { background: #FFF; opacity: 0.9; position: fixed; width: 100%; height: 100%; z-index: 10; }

.btn { transition: all 0.3s ease 0s; }

.btn-primary { color: #fff; background-color: #0275d8; border-color: #2e6da4; }

.btn-primary:hover { color: #fff; background-color: #025aa5; border-color: #01549b; }

.btn-primary-outline { color: #0275d8; background-color: transparent; background-image: none; border-color: #0275d8; }

.btn-primary-outline:hover { color: #fff; background-color: #0275d8; border-color: #0275d8; }

.btn-success-outline { color: #5cb85c; background-color: transparent; background-image: none; border-color: #5cb85c; }

.btn-success-outline:hover { color: #fff; background-color: #5cb85c; border-color: #5cb85c; }

.btn-info-outline { color: #5bc0de; background-color: transparent; background-image: none; border-color: #5bc0de; }

.btn-info-outline:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; }

.btn-warning-outline { color: #f0ad4e; background-color: transparent; background-image: none; border-color: #f0ad4e; }

.btn-warning-outline:hover { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; }

.btn-danger-outline { color: #d9534f; background-color: transparent; background-image: none; border-color: #d9534f; }

.btn-danger-outline:hover { color: #fff; background-color: #d9534f; border-color: #d9534f; }

.dropdown-search { min-width: 250px; border-top: 5px solid #12A3EF; }

.dropdown-search .form-search { padding: 0 10px; }

.alert .close { color: #000; }

.alert-danger { background-color: #F55753; color: #FFFFFF; border-color: #CD4945; }

.alert-warning { background-color: #fef6dd; color: #957d32; border-color: #957d32; }

.alert-success { background-color: #04C16A; color: #FFFFFF; border-color: #008d4c; }

.no-padding { padding: 0 !important; }

.no-padding-right { padding-right: 0 !important; }

.no-padding-left { padding-left: 0 !important; }

.no-padding-top { padding-top: 0 !important; }

.no-padding-bottom { padding-bottom: 0 !important; }

.bd-right { border-right: 1px solid #DDD; }

.bd-left { border-left: 1px solid #ddd; }

.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.pace-inactive { display: none; }

.pace .pace-progress { background: #8ed2f9; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; }

.pace .pace-progress-inner { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #8ed2f9, 0 0 5px #8ed2f9; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); }

.pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #8ed2f9; border-left-color: #8ed2f9; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; }

@-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes pace-spinner { 0% { transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { transform: rotate(360deg);
    transform: rotate(360deg); } }

.group-box { background-color: #283C4E; color: #EEE; border-top-right-radius: 0; border-bottom-right-radius: 0; min-height: 500px; }

.group-box .group-menu { padding-bottom: 30px; }

.group-box .nav-stacked > li { margin: 0; }

.group-box .nav-stacked > li.divider { height: 1px; margin: 5px 0; overflow: hidden; background-color: #233444; }

.group-box .nav-stacked > li.active > a { background: #39536B; color: #EEE; border-top: 0; border-left-color: #3c8dbc; font-weight: 600; }

.group-box .nav-stacked > li.active > a:hover { background: #39536B; }

.group-box .nav-stacked > li > a { border-radius: 0; border-top: 0; border-left: 3px solid transparent; color: #EEE; }

.group-box .nav-stacked > li > a:focus, .group-box .nav-stacked > li > a:hover { background-color: #223648; }

.subscriber-box { min-height: 500px; }

.dropdown-menu.columns-2 { min-width: 320px; }

.dropdown-menu.columns-3 { min-width: 480px; }

.dropdown-menu-nav { outline: none; cursor: pointer; }

.multi-column-dropdown { list-style: none; padding: 0; }

.multi-column-dropdown li a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }

.multi-column-dropdown li a:hover { text-decoration: none; color: #262626; background-color: #f5f5f5; }

.btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; }

.select2-container { width: 100% !important; }

.daterange-input { position: relative; }

.daterange-input i { position: absolute; bottom: 10px; right: 24px; top: auto; }

#expand-form textarea { resize: vertical; }

.text-bold { font-weight: bold; }

.bs-callout { padding: 15px; margin-bottom: 10px; border: 1px solid #DDD; border-left-width: 5px; border-radius: 3px; background: #FFF; }

.bs-callout h4 { margin-top: 0; margin-bottom: 5px; }

.bs-callout-default { border-left-color: #777; }

.bs-callout-primary { border-left-color: #428bca; }

.bs-callout-success { border-left-color: #5cb85c; }

.bs-callout-danger { border-left-color: #d9534f; }

.bs-callout-warning { border-left-color: #f0ad4e; }

.bs-callout-info { border-left-color: #5bc0de; }

.btn-grey { color: #ffffff; background-color: #706E73; border-color: #6F6F70; }

.btn-grey.active, .btn-grey:active, .btn-grey:focus, .btn-grey:hover { color: #ffffff; background-color: #515152; border-color: #6F6F70; }

.open .dropdown-toggle.btn-grey { color: #ffffff; background-color: #515152; border-color: #6F6F70; }

.btn-grey.active, .btn-grey:active { background-image: none; }

.open .dropdown-toggle.btn-grey { background-image: none; }

.btn-grey.disabled, .btn-grey[disabled] { background-color: #706E73; border-color: #6F6F70; }

fieldset[disabled] .btn-grey { background-color: #706E73; border-color: #6F6F70; }

.btn-grey.disabled:hover, .btn-grey[disabled]:hover { background-color: #706E73; border-color: #6F6F70; }

fieldset[disabled] .btn-grey:hover { background-color: #706E73; border-color: #6F6F70; }

.btn-grey.disabled:focus, .btn-grey[disabled]:focus { background-color: #706E73; border-color: #6F6F70; }

fieldset[disabled] .btn-grey:focus { background-color: #706E73; border-color: #6F6F70; }

.btn-grey.disabled:active, .btn-grey[disabled]:active { background-color: #706E73; border-color: #6F6F70; }

fieldset[disabled] .btn-grey:active { background-color: #706E73; border-color: #6F6F70; }

.btn-grey.disabled.active, .btn-grey[disabled].active { background-color: #706E73; border-color: #6F6F70; }

fieldset[disabled] .btn-grey.active { background-color: #706E73; border-color: #6F6F70; }

.btn-grey .badge { color: #706E73; background-color: #ffffff; }

.dropdown-submenu:hover > .dropdown-menu { display: block; }

.dropdown-submenu:hover > a:after { border-left-color: #ffffff; }

.dropdown-submenu.pull-left { float: none; }

.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

/* UPDATES */
/* NAVIGATION */
.sub-nav { height: auto; min-height: 40px; }

.sub-nav .navbar { margin-bottom: 0; padding: 5px 0; }

.btn-group .dropdown-menu { margin-top: 10px; }

.dropdown-menu li:focus, .dropdown-menu li:active, .dropdown-menu li:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li a:hover { outline: none; }

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus { background-color: #53a7ed; color: #fff; }

.dropdown-menu li > a > a:hover:after, .dropdown-menu li > a > a:focus:after { color: #fff; }

.dropdown-menu .dropdown-submenu > a:after { content: "\f054"; font: normal normal normal 12px/1 FontAwesome; color: #aab2b7; position: absolute; top: 0; right: 0; width: 35px; height: 35px; text-align: center; line-height: 35px; }

.dropdown-menu .dropdown-submenu.open > a:after { content: "\f078"; }

.dropdown-menu .dropdown-submenu > .dropdown-menu { position: relative; width: 100%; display: block; padding: 0; margin: 0; background: #6BBBFF; left: 0; box-shadow: none; border: 0; border-radius: 0; max-height: 0; overflow: hidden; opacity: 0; }

.dropdown-menu .dropdown-submenu > .dropdown-menu a { color: #fff; }

.dropdown-menu .dropdown-submenu.open { background: #5eb4fd; color: #fff; }

.dropdown-menu .dropdown-submenu.open a { background: transparent; border: 0; }

.dropdown-menu .bd-icon:after { content: ""; display: block; width: 35px; height: 1px; }

.dropdown-submenu { position: relative; }

.dropdown-submenu .dropdown-menu .bd-icon, .dropdown-submenu.open .bd-icon { background: #4999DC; }

.dropdown-submenu.open .bd-icon:after { content: ""; display: block; width: 35px; height: 1px; background: #4999dc; }

.dropdown-submenu.open a, .dropdown-submenu.open a:after { color: #E5EEF3; }

.dropdown-submenu.open > .dropdown-menu { max-height: 10000px; opacity: 1; }

.navbar-nav .btn-group > ul.dropdown-menu:before, .top-nav .btn-group > ul.dropdown-menu:before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #e4edf3; border-top: none; height: 0; width: 0; bottom: 0; content: ""; right: 6%; position: absolute; top: -6px; }

.navbar-nav .dropdown-menu, .top-nav .dropdown-menu { margin: 0; padding: 0; background: #E5EEF3; border: 0; border-radius: 0; margin-top: 10px; }

.navbar-nav .dropdown-menu li, .top-nav .dropdown-menu li { position: relative; }

.navbar-nav .dropdown-menu li:not(:last-child):after, .top-nav .dropdown-menu li:not(:last-child):after { display: block; content: ""; height: 1px; background: rgba(73, 153, 220, 0.15); position: absolute; width: 100%; bottom: 0; z-index: 1; }

.navbar-nav .dropdown-menu li > a, .top-nav .dropdown-menu li > a { padding: 0 40px; font-weight: 300; line-height: 35px; position: relative; }

.navbar-nav .dropdown-menu li > a > i, .top-nav .dropdown-menu li > a > i { position: absolute; left: 0; text-align: center; display: block; width: 35px; height: 35px; top: 0; line-height: 35px; background: #6BBBFF; color: #fff; }

.top-nav .btn-group { margin-left: 10px; }

.top-nav .btn { height: 30px; padding: 0 15px; position: relative; }

.top-nav .btn.dropdown-toggle { width: 45px; }

.top-nav .btn.dropdown-toggle .bd-icon, .top-nav .btn.dropdown-toggle .caret { position: absolute; }

.top-nav .btn.dropdown-toggle .bd-icon { top: 0; left: 0; }

.top-nav .btn.dropdown-toggle .bd-icon:before { width: 30px; height: 30px; line-height: 30px; }

.top-nav .btn.dropdown-toggle .caret { right: 5px; }

@media (min-width: 768px) { .navbar-nav.navbar-right { margin-right: 0; }
  .navbar-nav.navbar-right .dropdown-menu { left: 0; right: 0; }
  .navbar-nav.navbar-right .dropdown-menu.multi-column { left: auto; right: 0; } }

.navbar-nav .btn-group > ul.dropdown-menu { min-width: 180px; margin-top: 10px; padding: 0; }

.navbar-nav .btn-group > ul.dropdown-menu:before { right: auto; left: 6%; border-bottom-color: #6bbbff; }

.navbar-nav li a.link-info, .navbar-nav li a.link-info:hover, .navbar-nav li a.link-info:focus, .navbar-nav li a.link-info:active { background: #ffba77; outline: none; }

.navbar-nav li a.link-info { color: #fff !important; position: relative; border-radius: 4px; text-transform: uppercase; }

.navbar-nav li a.link-info i { position: absolute; left: 0; top: 0; width: 38px; height: 38px; display: block; text-align: center; line-height: 38px; font-size: 18px; }

.navbar-nav li a.active {font-size: 15px;font-weight: 600;color: black;}

.sub-nav .nav-link > li > a, .sub-nav .nav-button > li > a { line-height: 38px; padding: 0 15px; }

.sub-nav .nav-link > li > a:hover { background: none; }

.sub-nav .nav-button > li > a.link-info { padding-left: 40px; }

.sub-nav .nav-button > li > a.link-info:hover { background: #ffba77; }

/* bd-icon */
.bd-icon:before { content: ""; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; background-repeat: no-repeat; background-size: 16px; background-position: 50%; }

.icon-edit-profile:before { background-image: url(../images/icons/icon-editprofile.png); }

.icon-user:before { background-image: url(../images/icons/icon-user.png); }

.icon-setting:before { background-image: url(../images/icons/icon-setting.png); }

.icon-machinery:before { background-image: url(../images/icons/icon-machinery.png); }

.icon-logout:before { background-image: url(../images/icons/icon-logout.png); }

.icon-boating:before { background-image: url(../images/icons/icon-boating.png); }

.icon-caravan:before { background-image: url(../images/icons/icon-caravan.png); }

.icon-equipment:before { background-image: url(../images/icons/icon-equipment.png); }

/* Panel Tabs */
.panel .nav-tabs { margin-top: 30px; }

.panel .nav-tabs > li > a { padding: 5px; background: #6BBBFF; color: #E5EEF3; transition: all .3s ease-in-out; margin-right: 1px; min-width: 100px; text-align: center; }

.panel .nav-tabs > li > a:hover { border-color: #E5EEF3 #E5EEF3 #ddd; background-color: #4999DC; color: #fff; }

.panel .nav-tabs > li.active > a, .panel .nav-tabs > li.active > a:focus, .panel .nav-tabs > li.active > a:hover { color: #fff; background-color: #4999DC; border: 1px solid #4999DC; }

.panel table.dataTable { margin-top: 0 !important; }

/* buttons */
.btn-info { background-color: #6bbbff; border-color: #6bbbff; color: #E5EEF3; }

.btn-info:hover { color: #fff; border-color: #4999dc; background-color: #4999dc; }

.btn-info-outline { border-color: #6bbbff; color: #6bbbff; }

.btn-info-outline:hover { background-color: #4999dc; border-color: #4999dc; }

/* form group */
.form-group .select2-search, .form-group .select2-search__field { width: 100% !important; }

.hr { border-top: 1px solid #EEE; margin-bottom: 15px; }

.theme-id > [class*="col-"] { margin: 10px 0; }

.theme-id .theme-id-label { text-align: center; transition: ease .3s; }

.theme-id .theme-id-thumb { position: relative; }

.theme-id .theme-id-thumb { background-position: top center; background-repeat: no-repeat; background-size: cover; }

.theme-id .theme-id-thumb img { margin: auto; object-fit: contain; }

.theme-id .theme-id-thumb:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); opacity: 0; transition: ease .3s; }

.theme-id .radio { position: relative; cursor: pointer; margin: 0 !important; display: block !important; }

.theme-id .radio input[type="radio"] { cursor: pointer; position: absolute; z-index: 1; opacity: 0; }

.theme-id .radio label, .theme-id .radio span { display: block; text-transform: uppercase; }

.theme-id .radio:hover .theme-id-label, .theme-id .radio:hover .theme-id-thumb:before, .theme-id .radio.selected .theme-id-label, .theme-id .radio.selected .theme-id-thumb:before { opacity: 1; }

.theme-id .radio.selected .theme-id-label label, .theme-id .radio.selected .theme-id-label span { background: rgba(255, 255, 255, 0.15); }

.theme-id .radio.selected .theme-id-thumb:before { background: rgba(0, 0, 0, 0.85); }

.theme-id .theme-id-label { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10%; padding-left: 25%; padding-right: 25%; transition: ease .3s; opacity: 0; }

.theme-id .theme-id-label label, .theme-id .theme-id-label span { color: #fff; border: 2px solid rgba(255, 255, 255, 0.75); padding: 5px; transition: ease .3s; margin-top: 15px; margin-bottom: 15px; }

.theme-id .theme-id-label label:hover, .theme-id .theme-id-label span:hover { background: rgba(255, 255, 255, 0.15); }

.theme-id .theme-id-label a { position: absolute; top: 0; right: 15px; padding: 10px; }

#themeModal .modal-header { padding: 15px; }

#themeModal .modal-title { text-transform: uppercase; text-align: center; }

.left-side .panel-default, .right-side .panel-default { border-radius: 0; box-shadow: none; }

.left-side .panel-heading, .right-side .panel-heading { color: #fff; border-radius: 0; }

.left-side .table td, .right-side .table td { position: relative; }

.left-side .panel-default, .left-side .panel-heading { border-color: transparent; }

.left-side .panel-heading, .right-side .panel-heading { background: #285f89; border-left: 6px solid #3c8dbc; padding: 0 15px; }

.row .left-side { padding-right: 0; }

.left-side table { margin-bottom: 0; }

.left-side .dataTable > thead > tr > th { border-bottom: 0; }

.left-side .dataTable > tbody > tr > td { border-top: 2px solid #fff; background: #f1f9ff; }

.left-side .dataTable tr { cursor: pointer; }

.left-side .dataTable tr td:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e5f1fb; position: absolute; top: 15px; right: 0; -webkit-transition: .3s ease; transition: .3s ease; opacity: 0; }

.left-side .dataTable tr.active td, .left-side .dataTable tr.active:hover td, .left-side .dataTable tr:hover td { background: #e5f1fb; }

.left-side .dataTable tr.active td:before, .left-side .dataTable tr.active:hover td:before, .left-side .dataTable tr:hover td:before { opacity: 1; right: -10px; }

.left-side .table-hover > tbody > tr:hover { background: #e5f1fb; }

.right-side .panel { margin-bottom: 15px; }

.right-side .panel-default { border-left: 0; border-right: 0; border-color: transparent; }

.right-side .panel-heading a { color: #fff; padding-left: 5px; font-size: 18px; }

.right-side .table-striped > tbody > tr:nth-of-type(odd) { background: #f1f9ff; }

.right-side .table-bordered .td-rowspan { background: #e5f1fb; }

.right-side .table-bordered > tbody > tr > td { border: 1px solid #c1ccd3; }

.right-side .panel-history .panel-body { max-height: 600px; overflow-y: scroll; padding: 0 5px 0 0; margin-top: 15px; }

.right-side .panel-history .panel-body::-webkit-scrollbar-track { background-color: #c1ccd3; }

.right-side .panel-history .panel-body::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }

.right-side .panel-history .panel-body::-webkit-scrollbar-thumb { background-color: #1d69a3; }

.right-side .panel-body { padding: 10px 0 0; }

.right-side .panel-body .row { margin-left: -5px; margin-right: -5px; }

.right-side .panel-body [class*="col-"] { padding-left: 5px; padding-right: 5px; }

.right-side .panel-body .table > tbody > tr > td { border-top: 1px solid #e5f1fb; }

.right-side .contact-content .table-bordered { border-color: #e5f1fb; }

.right-side .contact-content .table-bordered td { border: 0; }

.right-side .btn-action { margin: 5px 0 0; }

.arrow-right { width: 4px; height: 100%; border-top: 14px solid transparent; border-bottom: 14px solid transparent; position: absolute; top: 0; right: 0; background: #1d69a3; }

.arrow-right:after { content: ""; display: block; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #1d69a3; }

.modal-content { border-radius: 0; }

.modal-header { background: #3699ee; text-align: center; color: #fff; }

.modal-header .modal-title { font-weight: 700; }

.modal-header .close { background: #1d69a3; color: #fff; opacity: 1; width: 40px; height: 40px; margin-top: 0; position: absolute; top: 0; right: 0; font-size: 24px; }

.modal-body .table-bordered { border-left: 0 !important; border-right: 0 !important; }

.modal-body .table-bordered:nth-of-type(odd) td:first-child, .modal-body .table-bordered > tbody > tr:nth-of-type(odd) td:first-child { background: #f1f9ff; }

.modal-body .table-bordered > td, .modal-body .table-bordered > th, .modal-body .table-bordered > tbody > tr > td, .modal-body .table-bordered > tbody > tr > th { border: 1px solid #c1ccd3; }

.modal-body .table-bordered > th, .modal-body .table-bordered > tbody > tr > th { background: #3699ee; color: #fff; }

.modal-body .table-bordered td label { margin-bottom: 0; }

.modal-body .grouped .row [class*="col-"] { padding-left: 0; padding-right: 0; float: left; }

.modal-body .grouped .row [class*="col-"]:first-child { border-right: 1px solid #c1ccd3; }

.modal-body table, .modal-body .table, .modal-body .table-bordered { margin-bottom: 15px; }

.modal-body textarea { resize: vertical; }

.modal-footer { border-top: 0; }

.modal-footer .form-btn:last-child { margin-right: 0; }

.modal-footer .btn.btn-custom { background: #1d69a3; border-color: #1b639a; color: #fff; }

.modal-footer .btn.btn-custom:hover, .modal-footer .btn.btn-custom:active, .modal-footer .btn.btn-custom:focus { color: #fff; background: #1f6fac; border-color: #2074b4; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > a:active { outline: none; }

.panel-body .dataTables_wrapper .dataTables_paginate ul.pagination { margin: 0 5px; }

.btn:hover, .btn:focus, .btn:active { outline: none !important; }

.btn-edit-history, .btn-edit-history:hover, .btn-edit-history:focus, .btn-edit-history:active, .btn-del-history, .btn-del-history:hover, .btn-del-history:focus, .btn-del-history:active, .btn-delete, .btn-delete:hover, .btn-delete:focus, .btn-delete:active, .btn-edit, .btn-edit:hover, .btn-edit:focus, .btn-edit:active { color: #fff; }

.btn-edit-history, .btn-edit { background: #283c4e; border-color: #283c4e; }

.btn-edit-history:hover, .btn-edit-history:focus, .btn-edit-history:active, .btn-edit:hover, .btn-edit:focus, .btn-edit:active { background: #31495f; border-color: #31495f; }

.btn-del-history, .btn-delete { background: #ff0000; border-color: #ff0000; }

.btn-del-history:hover, .btn-del-history:focus, .btn-del-history:active, .btn-delete:hover, .btn-delete:focus, .btn-delete:active { background: #ff1a1a; border-color: #ff1a1a; }