@font-face {font-family:'fontawesome'; src: url('../../fonts/fontawesome-webfont.woff2') format('woff2'), url('../../fonts/fontawesome-webfont.woff') format('woff'), url('../../fonts/fontawesome-webfont.svg') format('svg'), url('../../fonts/fontawesome-webfont.ttf') format('ttf');}


/* font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif; */


@font-face {font-family: 'museo_sans900'; src: url('../../fonts/museosans-webfont.woff2') format('woff2'), url('../../fonts/museosans-webfont.woff') format('woff'), url('../../fonts/MuseoSans.ttf') format('ttf'); font-weight: normal;  font-style: normal;}

@font-face {font-family: 'museo_sans500'; src: url('../../fonts/museosans-500-webfont.woff2') format('woff2'), url('../../fonts/museosans-500-webfont.woff') format('woff'), url('../../fonts/MuseoSans-500.ttf') format('ttf'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'museosans-700uploaded_file'; src: url('../../fonts/museosans-700-webfont.woff2') format('woff2'), url('../../fonts/museosans-700-webfont.woff') format('woff'), url('../../fonts/MuseoSans-700.ttf') format('ttf'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'museo500'; src: url('../../fonts/museo500-regular-webfont.woff2') format('woff2'), url('../../fonts/museo500-regular-webfont.woff') format('woff'), url('../../fonts/Museo500-Regular.ttf') format('ttf');  font-weight: normal; font-style: normal;}

@font-face {font-family: 'museo_sans300'; src: url('../../fonts/museosans-300-webfont.woff2') format('woff2'), url('../../fonts/museosans-300-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

html{font-family: 'museo_sans500'; background:#fff; }
body{margin: 0; font-size: 14px; line-height:20px; color: #515151; text-align: left; background-color:#2479A3; font-weight:normal;}
*{list-style:none; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
li{ display:list-item; padding:0; margin: 0; border:0; list-style:none}
::selection{background:#a4a4a4; color:#fff}
img{ padding:0; margin:0; line-height:0px;}
a{ color: #DE7A1C; text-decoration:none; transition:all 0.3s ease-in 0s; cursor: pointer;}
a:hover, a:focus{ color:#19375F; text-decoration:none; outline:none}
h1,h2,h3,h4,h5,h6{margin:0; padding:0 0 10px; letter-spacing:0; font-weight:normal;line-height:normal;text-transform:none;color:#12042d; font-weight:normal;font-family: 'museo_sans900';}
.container{max-width:100%; margin: 0 auto; padding: 0 15px}
p{margin-bottom:5px;}
.blue-text{color:#19375f;}
.light-blue-text{color:#2479A3;}
.red-text{color:#931212;}
.orange-text, a.orange-text{color:#DE7A1C;}
a.orange-text:hover{ color:#19375f; }
.gray-text, a.gray-text{ color:#515151; }
a.gray-text:hover{ color:#DE7A1C; }
b, strong{font-family: 'museosans-700uploaded_file'; font-weight:normal;}
.row{margin:0 -10px;}
.col-lg-12, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3,
.col-md-12, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3,
.col-sm-12, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3,
.col-xs-12, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3{padding:0 10px;}

/*body bg*/

.body-bg{width:100%; clear:both; height:100%; position:absolute; left:0; overflow-y:auto; z-index:1; max-width: 767px;
    left: 0; right: 0; margin: 0 auto;}
.body-bg:before{position:absolute; content:''; background:url(../images/hdr_bg.png) top center no-repeat; width:100%; height:110px; background-size:cover; opacity:0.2; z-index:1; top:0;}
.body-bg:after{position:absolute; content:''; background:url(../images/footer_bg.png) bottom center no-repeat; width:100%; height:226px; background-size:cover; opacity:0.2; bottom:0;}

/*comman css*/
.mb-2{margin-bottom:8px;}
.mb-4{margin-bottom:16px;}
.field-add-group .form-control{width:80%; margin-right:12px;}
.w-20{width:20% !important;}
.bold-text{font-family: 'museosans-700uploaded_file'}
.f-16{font-size:16px;}
.doc-status, .doc-date, .docked_status{ color:#234C2D; }
.internal-status, .internal-date, .internal_use_only_status{ color:#931212; }
.sailing-status, .sailing-date, .sailing_status{ color:#DE7A1C; }
a.text-delete{font-size:12px; font-family: 'museosans-700uploaded_file'; color:#931212 !important; text-transform:uppercase;}
.btn.grey-btn{background:#c1c1c1;}
h4.no-result-found, p.no-result-found{font-size:15px; line-height:20px; font-family: 'museosans-700uploaded_file';}
body table.table{font-family: 'museo_sans500';}
body form .form-group{position:relative;}


body{top:0 !important;}
body .goog-te-banner-frame{display:none !important; }

/* slider arrow */
button.slick-arrow{position:absolute; top:50%; transform:translateY(-50%); font-size:0px; width:30px; height:30px; background:none; border:0px; z-index:1; cursor:pointer; background:transparent; opacity:0.3;}
button.slick-arrow:focus{border:0px; box-shadow:none; outline:none;}
button.slick-arrow.slick-prev:after{content: " "; width:30px; height:30px; color:#fff; font-size:55px; line-height:30px; font-family: Material Design Icons; display: inline-block; text-align: center; left:0px; position: relative; background-image: url(../images/icons/arrowleft_blue.png); background-size:9px; background-position: center; background-repeat: no-repeat;}
button.slick-arrow.slick-next:before{content: " "; width:30px; height:30px; color:#fff; font-size:55px; line-height:30px; font-family: Material Design Icons; display: inline-block; text-align: center; right:0px; position: relative; background-image: url(../images/icons/arrowright_blue.png); background-position: center; background-repeat: no-repeat; background-size:9px;}
button.slick-arrow.slick-prev{left:0; right:auto;}
button.slick-arrow.slick-next{right:0; left:auto;}


/* page title */
.sec-title{ width:100%; clear: both; padding-bottom:16px;}
.sec-title h2.sec-tit, .sec-title h2.sec-tit.orange-title{font-size:20px; font-weight:normal; color:#707071; line-height:28px; padding-bottom:4px; position:relative; font-family: 'museosans-700uploaded_file';}
.sec-title h2.sec-tit:after{content: ''; background: #B2B2B2; height:2px; width: 100%; position:absolute; left:0; bottom:0;}
.sec-title.title-white .sec-tit{ color:#fff }
.sec-title h2.sec-tit.orange-title{ color: #DE7A1C; position:relative;}
.sec-title h2.sec-tit.orange-title:after{background:#DE7A1C; }

/*button*/
a.btn, button.sec-btn, .btn{font-size: 11px; color: #fff; padding: 1px 15px 1px; background: #DE7A1C; text-transform: uppercase; line-height: 18px; min-width: 100px;}
a.btn.btn-radius{border-radius:12px;}
a.btn.btn-lg, button.sec-btn.btn-lg{font-size:15px;padding:6px 15px; line-height:22px; min-width:auto; font-family: 'museo_sans500'; border-radius:7px;}
a.btn.btn-sm, button.sec-btn.btn-sm{font-size:13px;padding:6px 15px; line-height:22px; min-width:auto;}
a.btn.btn-md, button.sec-btn.btn-md{font-size:11px;padding:4px 20px 3px; line-height:17px; min-width:auto;}
.btn:hover, .btn:focus, a.btn:hover, a.btn:focus, button.sec-btn:hover, button.sec-btn:focus{ background:#19375f; box-shadow:none; outline:none; box-shadow:none; color:#fff;}
a.btn.yellow-btn, a.btn.skin-btn{ background:#EFAD18; color:#19375f; font-weight:normal; font-family: 'museosans-700uploaded_file';}
a.btn.yellow-btn.view-btn{min-width:120px;}
a.btn.blue-btn, button.btn.blue-btn{ background:#19375f; color:#fff; font-weight:normal;}
a.btn.blue-btn:hover, button.btn.blue-btn:hover, button.btn.blue-btn:focus{ background:#DE7A1C; color:#fff; font-weight:normal; outline:none; box-shadow:none;}
a.btn.orange-btn{font-size:13px;padding:6px 15px; line-height:22px; min-width:auto;}
a.btn.yellow-btn:hover{ background:#19375f; color:#EFAD18; }
a.btn.red-btn{background:#931212; color:#fff;}
a.btn.red-btn:hover{background:#19375f;}
.btn.round-blue-btn, .btn.round-orange-btn, .btn.grey-btn{ background:#19375F; border-radius:30px; min-width:auto; font-family: 'museo_sans500'; }
.btn.grey-btn, .btn.grey-btn:hover{background:#9b9b9b; color: #fff;}
.btn.disabled, .btn:disabled{opacity:1;}
a.btn-light-blue{background:#2479A3; display:flex; justify-content:center;align-items: center; white-space: pre-wrap;}
a.btn-light-blue .btn-icon-img{margin-right:10px; line-height:0px; font-size:28px; color:#fff;}
a.btn-light-blue img{max-width:22px;}
a.btn-light-blue:hover{background:#19375f;}

a.btn.skin-btn{background:#F8CE6F; color:#19375f;}
a.btn.skin-btn:hover{color:#F8CE6F; background:#19375f;}

a.btn.round-orange-btn{background:#DE7A1C;}
a.btn.round-orange-btn:hover, a.btn.round-orange-btn:focus{background:#19375F;}
a.btn.round-blue-btn:hover{ background:#214779; }
a.btn.round-green-btn-xs{background:#234C2D; font-size:10px; padding:0px 5px; display:inline-block; min-width: auto; border-radius: 26px; line-height: 13px;}
a.btn.round-green-btn-xs:hover{ background:#DE7A1C; }

.available-btn .btn.green-btn{font-size:14px; padding:5px 15px 4px; background:#0F8105; margin-bottom:3px;}
.available-btn .btn.green-btn:hover{background:#1fa314;}

a.btn-lg.orange-btn, a.btn-lg.blue-btn{font-size:15px; padding:9px 15px 7px;}



.btn-outline-light, .btn-outline-light:hover{border-color: #d4d4d4; color:#212529;}
.btn-light, .btn-light:hover{background:#d4d4d4; border-color:transparent;}
.btn-outline-light:hover{background:#d4d4d4; border-color:transparent;}

/*datepicker*/
.bootstrap-datetimepicker-widget a.btn{background:transparent; color:#515151; line-height:normal; min-width:auto; padding:0px;}
body .bootstrap-datetimepicker-widget{box-shadow: 0px 2px 3px rgb(4 4 7 / 30%);}
 .bootstrap-datetimepicker-widget a.btn .fa{background:#f6f6f6}
.bootstrap-datetimepicker-widget a.btn:hover{background:transparent;}


/*input file */
/*.choose-file-doc .file-input-field{position:relative; width:100%; display:block; padding-top:40px;}
.choose-file-doc .file-input-field:before{position:absolute; content: attr(data-text); left:0; width:100%; border: 1px solid #999; height:40px; padding:9px 45px 9px 10px;top:0;}
.choose-file-doc .file-input-field:after{position:absolute; content: "\F0415"; font: normal normal normal 24px/1 "Material Design Icons"; -webkit-font-smoothing: antialiased; width: 26px; height: 26px; background:#19375f; color: #fff; line-height: 27px; font-size: 21px;
    border-radius: 100%; display: block; margin: 1px; text-align: center;top:6px; right:10px;}
.choose-file-doc-xs.choose-file-doc .file-input-field{padding-top:30px;}
.choose-file-doc-xs.choose-file-doc .file-input-field:before{height:30px;}
.choose-file-doc-xs.choose-file-doc .file-input-field:after{width:24px; height:24px; line-height:24px; top:2px; right:2px;}

.choose-file-doc-blue.choose-file-doc .file-input-field:after{background:#19375f;}
.choose-file-doc input[type=file]{position: absolute; top:0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10;  cursor: pointer;
}*/

.choose-file-doc .file-input-field{position:relative; width:100%; display:block; padding-top:32px;}
.choose-file-doc .file-input-field:before{position:absolute; content: attr(data-text); left:0; width:84%; border: 1px solid #999; height:32px; padding:7px 10px; top:0; overflow:hidden; border-radius:0px; line-height: 20px;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 13px;}
.choose-file-doc .file-input-field:after{position:absolute; content: "\F0415"; font: normal normal normal 24px/1 "Material Design Icons"; -webkit-font-smoothing: antialiased; width: 26px; height: 26px; background: #DE7A1C; color: #fff; line-height: 27px; font-size: 21px;
    border-radius: 100%; display: block; margin: 1px; text-align: center;top:2px; right:0;}

.choose-file-doc-blue.choose-file-doc .file-input-field:after{background:#19375f;}
.choose-file-doc input[type=file]{position: absolute; top:0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10;  cursor: pointer;
}
.choose-file-doc .preiview-img{padding-top:15px;}
.choose-file-doc .preiview-img .imgPreview img{object-fit:contain;}


/****** CODE ******/



/*round icon*/
.circle-icon-lg, .fc-hdr-toolbar .fc-left .fc-button-group .fc-button{ width:30px; height:30px; background:#DE7A1C; color:#fff; line-height:31px; text-align:center; font-size:18px; border-radius:100%; display:block; margin:1px; position:relative}
.circle-icon-lg:hover, .circle-icon-lg:focus, .circle-icon-sm:hover, .circle-icon-sm:focus, .fc-hdr-toolbar .fc-left .fc-button-group .fc-button:hover{ background:#19375f; color:#fff; }
.circle-icon-lg i, .circle-icon-sm i, .circle-icon-md i{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.circle-icon-sm{width:20px; height:20px; background:#DE7A1C; color:#fff; line-height:16px; text-align:center; font-size:14px; border-radius:100%; display:inline-block; margin:1px; position:relative;}
.circle-icon-sm.circle-img-icon-sm img{max-width:12px; object-fit:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

.circle-icon-md{width:26px; height:26px; background:#DE7A1C; color:#fff; line-height:28px; font-size:21px; border-radius:100%; display:block; margin:1px; text-align:center; position:relative;}
.circle-icon-md.img-icon-md{line-height:19px;}
.circle-icon-md.img-icon-md img, .circle-icon-md.circle-img-icon-md img{max-width:14px; object-fit:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.circle-icon-md:hover{ background:#19375f; color:#fff; }

.info-img-icon img{max-width:5px !important; }

.circle-icon-lg.circle-white{background:#fff; color:#19375f;}
.circle-icon-lg.circle-white:hover, .circle-icon-lg.circle-white:focus{ background:#19375f; color:#fff; }
.circle-icon-lg.circle-blue{background:#19375f; color:#fff;}
.circle-icon-lg.circle-blue:hover{ background:#DE7A1C; color:#fff; }
.circle-icon-lg.circle-border-icon, .circle-icon-lg.circle-border-icon-white{border:2px solid #DE7A1C;background:none; color:#DE7A1C; }
.circle-icon-lg.circle-border-icon.circle-border-img-icon img, .circle-icon-lg.circle-border-icon-white.circle-border-img-icon img{max-width:16px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.circle-icon-lg.circle-border-icon.circle-border-img-icon img.white-img-icon, .circle-icon-lg.circle-border-icon-white.circle-border-img-icon img.orange-img-icon{display:none;}
.circle-icon-lg.circle-border-icon:hover{background:#DE7A1C; color:#fff;}
.circle-icon-lg.circle-border-icon.circle-border-img-icon:hover img.white-img-icon{display:inline-block;}
.circle-icon-lg.circle-border-icon.circle-border-img-icon:hover img.orange-img-icon{display:none;}

.circle-icon-lg.circle-border-icon-white{border-color:#fff;}
.circle-icon-lg.circle-border-icon-white:hover{background:#fff; color:#DE7A1C;}
.circle-icon-lg.circle-border-icon-white.circle-border-img-icon:hover img.orange-img-icon{display:inline-block;}
.circle-icon-lg.circle-border-icon-white.circle-border-img-icon:hover img.white-img-icon{display:none;}

.circle-icon-lg.circle-refresh-icon{font-size: 26px;}
.circle-icon-lg.circle-img-icon-lg img{max-width:15px; object-fit:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.circle-icon-lg.circle-img-icon-lg.message-icon img{max-width:18px; margin-top:1px;}
.circle-icon-lg.circle-img-icon-lg.incognito-icon img, .circle-icon-lg.circle-img-icon-lg.big-icon img{max-width:18px;}
.circle-icon-sm.circle-img-icon-sm.info-icon img{max-width:5px;}
.circle-icon-lg.blue-bg-icon, .circle-icon-sm.blue-bg-icon, .circle-icon-md.blue-bg-icon{ background:#19375f !important; } 
.circle-icon-lg.red-bg-icon, .circle-icon-md.red-bg-icon{ background:#931212 !important; } 
.circle-icon-lg.yellow-bg-icon, .circle-icon-md.yellow-bg-icon{ background:#EFAD18 !important; }
.circle-icon-lg.gray-bg-icon{background:#6F7070 !important;}

.star-icon.circle-icon-lg:hover, .star-icon.circle-icon-lg:focus{background:#DE7A1C;}
.star-icon.circle-icon-lg.active{background:#19375f;}

/*icon list*/
ul.icon-list{padding:0; margin:0; display:flex;}
ul.icon-list li{padding:0 4px;}
ul.icon-list li.dropdown-option-icon a.circle-icon-lg{font-size:25px;}

ul.icon-list.center-icon-list{justify-content:center; flex-wrap:wrap;}

/*on off swith*/
.custom-switch-box .switch{position: relative; display: inline-block; width:52px; height:22px;}
.custom-switch-box .switch input {opacity: 0; width: 0; height: 0;}
.custom-switch-box .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:#F4f4f4; -webkit-transition: .4s; transition: .4s; border-radius: 20px;}
.custom-switch-box .slider:before {position: absolute; content: ""; height:16px; width:16px; left: 4px; bottom:3px; background-color:#931212; -webkit-transition: .4s; transition: .4s; border-radius:100%; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px);}
.custom-switch-box input:checked + .slider {background-color: #DCF0DC;}
.custom-switch-box input:focus + .slider {box-shadow: 0 0 1px #F4FFF4;}
.custom-switch-box input:checked + .slider:before{-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); background-color:#234C2D;}
.custom-switch-box.green-switch input:checked + .slider:before{background-color:#14B906;}
.custom-switch-box.green-switch input:checked + .slider {background-color: #f4f4f4;}
/* Rounded sliders */
.custom-switch-box .slider.round{border-radius: 34px;}
.custom-switch-box .slider.round:before{border-radius:50%;}

.footer-btn{display:flex; justify-content:space-between;}
.sec-pegination, .sec-pegination-dock-people, .sec-pegination .pegination-listing{ display:flex; justify-content:center; flex-wrap:wrap; width:100%;}
.pegination-listing .btn{font-size:15px; padding:4px 15px 2px;}
.sec-pegination, .sec-pegination .pegination-listing{justify-content:space-between;}
.sec-pegination ul.pegination-listing, .sec-pegination-dock-people ul.pegination-listing{ display:flex; justify-content:center; flex-wrap:wrap; padding:0; margin:0;}
.sec-pegination ul.pegination-listing li, .sec-pegination-dock-people ul.pegination-listing li{padding:0 6px; font-family: 'museosans-700uploaded_file'; font-size:15px; line-height:17px;}
.sec-pegination ul.pegination-listing li a, .sec-pegination-dock-people ul.pegination-listing li a{ color:#19375f; }
.sec-pegination ul.pegination-listing li span.active, .sec-pegination ul.pegination-listing li a:hover, .sec-pegination-dock-people ul.pegination-listing li span.active, .sec-pegination-dock-people ul.pegination-listing li a:hover{ color:#DE7A1C; }
.sec-pegination ul.pegination-listing.pegination-listing1 li a, .sec-pegination-dock-people ul.pegination-listing.pegination-listing1 li a{ color:#DE7A1C; }
.sec-pegination ul.pegination-listing.pegination-listing1 li a img, .sec-pegination-dock-people ul.pegination-listing.pegination-listing1 li a img{max-width:6px;}
.sec-pegination ul.pegination-listing.pegination-listing1 li span.active, .sec-pegination ul.pegination-listing.pegination-listing1 li a:hover, .sec-pegination-dock-people ul.pegination-listing.pegination-listing1 li span.active, .sec-pegination-dock-people ul.pegination-listing.pegination-listing1 li a:hover{ color:#19375f; }

.pegination-white.sec-pegination ul.pegination-listing li a{ color:#fff; }
.pegination-white.sec-pegination ul.pegination-listing li span.active, .pegination-white.sec-pegination ul.pegination-listing li a:hover{ color:#EFAD18; }

/*blue title*/
h4.blue-title, h4.orange-title, h4.gray-title, h4.blue-title-reg{color: #19375F; margin-bottom: 5px; font-size: 13px; padding-bottom:0px;}
h2.blue-title{font-size:20px; line-height:24px; margin-bottom:5px; padding-bottom:0px;}
.blue-title{ color:#19375F}
h4.blue-title a{color:#19375F;}
h4.blue-title a:hover{color:#DE7A1C;}

h2.blue-tit, h1.blue-tit, h2.gray-tit{font-size:20px; color:#2479A3; font-family: 'museosans-700uploaded_file'; padding-bottom:10px; margin-bottom:0px;}
h1.blue-tit {font-size:22px; padding-bottom:15px;}
h3.blue-hdr-title{font-size: 17px; font-family: 'museosans-700uploaded_file'; padding-bottom:15px; color:#2A466A;}

h2.gray-tit{color:#7A7A7B;}

/*orange title*/
h4.orange-title, h4.orange-title a{ color:#DE7A1C; }
h4.orange-title a:hover{ color: #19375F; }

h2.orange-title{font-size:22px; color:#DE7A1C;}

h4.gray-title{color:#707070;}
h4.blue-title-reg{font-family: 'museosans-700uploaded_file';}


/*drodown option*/
a.option-dots{ width:30px; height:30px; display:block; color:#DE7A1C; font-size:23px; box-shadow: 0px 2px 3px rgb(4 4 7 / 10%); border-radius:100%; border: 1px solid #ebecf1; background:#fff; text-align:center; position:relative; }
a.option-dots i{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:1px;}
a.option-dots.circle-icon-lg{font-size:15px;}
a.option-dots.circle-icon-sm{width:20px; height:20px; font-size:12px;}
a.option-dots:hover{ background:#19375F; color:#fff; }
.dropdown-option ul.dropdown-menu{min-width: 12rem; box-shadow: 0px 16px 18px rgb(4 4 7 / 10%); border: 1px solid #ebecf1;}
.dropdown-option ul.dropdown-menu li a.dropdown-item{display: block; width: 100%; padding: 0.5rem 1.5rem; clear: both;
  font-weight: 400; color: #657070; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; font-size:13px; transition: all 0.1s ease-in 0s; }
.dropdown-option ul.dropdown-menu li a.dropdown-item:hover{ background:#DE7A1C; color:#fff; }


ul.base-pro-list li{padding-bottom:16px;}
ul.base-pro-list li img{top:2px;}
ul.base-pro-list li.email img{top:3px;}

/*general modal*/
.sec-general-modal{padding-left:0px !important;}
.sec-general-modal .modal-dialog{max-width:960px; padding:10px;}
.sec-general-modal .close{position:absolute; right:10px; top:10px;}
.sec-general-modal button.close:focus{outline:none; box-shadow:none; font-size:20px;}
.sec-general-modal h3.blue-title{font-size:18px;}
.sec-general-modal .modal-content{border-radius:8px; border:0px;}
.sec-general-modal .modal-body{padding:22px;}
.sec-general-modal .modal-body .sec-title{padding-bottom:14px;}
.sec-general-modal .modal-body .sec-title h2.sec-tit, .section-base-form .card-body .sec-title h2.sec-tit{font-size:20px; font-family: 'museo_sans900'; display: flex; width: auto; align-items: center; justify-content: space-between;  flex-wrap: nowrap; white-space: nowrap;}
.sec-general-modal .modal-body .sec-title h2.sec-tit:after, .section-base-form .card-body .sec-title h2.sec-tit:after{margin-left:12px; content: ''; height: 2px; width: 100%; margin: 0 0px 0px 14px; position:relative;}
.sec-general-modal .modal-body h2.hdr-title{font-size:22px; padding-bottom:20px;}
.sec-general-modal .modal-body form .select-field select{text-transform:none;}
.sec-general-modal .modal-body form input.form-control{height:30px; padding: 7px 10px;}
.sec-general-modal .modal-body form .select-field.select-field-xs select{height:30px; text-align:left; text-align-last:left; }
.sec-general-modal .modal-body form .select-field.select-field-xs:before{width: 30px; height: 30px; background-position: center 12px;
    background-size: 16px;}
.sec-general-modal .modal-body .btn.save-btn, .section-base-form .card-body form .btn.save-btn, .sec-general-modal .modal-body input.btn.save-btn{min-width:160px; font-size:11px; border-radius:6px; padding:1px 15px 1px; line-height:23px; float:right; margin: 25px 0 13px; text-transform:uppercase;}
.sec-general-modal .modal-body input.btn.save-btn{background:#19375f; color:#fff;}
.sec-general-modal .modal-body input.btn.save-btn:hover, .sec-general-modal .modal-body input.btn.save-btn:focus{background:#DE7A1C; box-shadow:none; outline:none;}
.sec-general-modal .modal-body form .cancel-text, .sec-general-modal .modal-body form button.cancel-text .section-base-form .card-body form .cancel-text{ display:inline-block; color:#A02F2F !important; font-family: 'museosans-700uploaded_file'; max-width:160px; float:right; text-align:center; width:100%; background:none; border:none;}
.sec-general-modal .modal-body form .btn.upload-btn{font-size:11px; border-radius:4px; padding:2px 15px 2px; line-height:21px; width: 100%;}

.sec-general-modal .modal-body form .warnning-text{margin-bottom:9px; font-size:9px; line-height:10px; color:#A02F2F;}

.sec-general-modal .modal-body ul.check-box-listing{margin:0 -5px; padding:0px;}
.sec-general-modal .modal-body ul.check-box-listing li{display:inline-block; padding:4px 5px;}

.sec-general-modal .modal-body .checkbox .custom-control-label.bold-text, .sec-general-modal .modal-body .checkbox .custom-control-label{ font-size:13px; }
/*.sec-general-modal .modal-body .checkbox .custom-control-label.bold-text{font-family: 'museo_sans900'}*/
.sec-general-modal .modal-body form .field-dropdown-group{ display:flex;}
.sec-general-modal .modal-body form .select-field.select-field-xs select{padding:5px 40px 5px 10px;}
.sec-general-modal .modal-body form .field-dropdown-group .select-field.select-field-xs select{padding:5px 40px 5px 6px;}
.sec-general-modal .modal-body form .field-dropdown-group .select-field.select-field-xs{margin-right:6px;}
.sec-general-modal .modal-body form .field-dropdown-group .select-field.select-field-xs:last-child{margin-right:0px;}
.sec-general-modal .modal-body form .field-dropdown-group .select-field.select-field-xs.select-field-first{width:46%;}
.sec-general-modal .modal-body form .field-dropdown-group .select-field.select-field-xs.select-field-second{width:25%;}
.sec-general-modal .modal-body form .field-dropdown-group .select-field.select-field-xs.select-field-third{width:29%;}
.sec-general-modal .modal-body form textarea{border-color:#999 !important;}
.sec-general-modal .modal-body form label.field-label{ font-size:13px; margin-bottom:8px;}
/*.sec-general-modal .modal-body form .datepicker-field .gj-datepicker-bootstrap [role=right-icon] button{height:32px; background-size:19px;}*/
.sec-general-modal .modal-body .delete-text{margin-top: -10px; font-size:11px; position:relative; z-index:11; font-family: 'museosans-700uploaded_file'}
.sec-general-modal .modal-body .delete-text a.text-danger{color:#931212 !important;}
.sec-general-modal .modal-body .w-70{width:70%;}


.sec-general-modal .modal-body form .boat-img-detail{ text-align:center; }
.sec-general-modal .modal-body form .boat-img-detail .boat-img{width:100%; margin-bottom:25px; position:relative; display:inline-block;}
.sec-general-modal .modal-body form .boat-img-detail .boat-img img, .sec-general-modal .modal-body form .boat-img-detail .boat-img #img-preview{width:210px; height: 210px; border-radius:100%; margin:0 auto;}
.sec-general-modal .modal-body form .boat-img-detail .boat-img .close-icon-img{color:#931212; background:#fff; box-shadow: 0px 2px 3px rgb(4 4 7 / 10%); border: 1px solid #ebecf1; width:30px; height:30px; border-radius:100%; position:absolute;right:30px;top:0; line-height: 28px;  font-size: 18px; display:none;}  
.sec-general-modal .modal-body form .boat-img-detail .boat-img .close-icon-img:hover{background:#931212; color:#fff;}
.sec-general-modal .modal-body form .boat-img-detail .group-btn{justify-content:center;}
.sec-general-modal .modal-body form .boat-img-detail .group-btn .btn{ min-width:90px; font-size:13px; padding: 6px 15px;}
.sec-general-modal .modal-body form .boat-img-detail .group-btn .btn.btn-edit{margin-right:10px;}

.sec-general-modal .modal-body form .activity-box .sec-activity-list{height:250px; padding-right:10px;}
.sec-general-modal .modal-body form .activity-box .sec-activity-list ul.activity-list li{padding:5px 5px 0px;}
.sec-general-modal .modal-body form .activity-box .sec-activity-list ul.activity-list li:first-child{padding-top:0px;}
.sec-general-modal .modal-body form .activity-box .sec-activity-list ul.activity-list li:nth-child(even){background:#F4F4F4;}
.sec-general-modal .modal-body form .activity-box .sec-activity-list ul.activity-list li h4{font-size:12px !important;font-family: 'museosans-700uploaded_file'}


.sec-general-modal.sec-sm-general-modal .modal-dialog{max-width:560px;}

.sec-general-modal .modal-body .group-btn{display:flex;}
.sec-general-modal .modal-body .group-btn .btn.save-btn{min-width:154px; padding:1px 8px; float:none;}

/*login form*/
.form-page{position:relative; width:100%; background:#2479A3; position:absolute; height:100%; max-width:767px; margin:0 auto; left:0; right:0;}
.form-page:before {position:absolute; content: ''; background: url(../images/stacy_bg.png) center top no-repeat; background-size: cover;
    width: 100%; height: 80%; opacity: 0.5; z-index:1; background-position: center bottom; background-attachment: scroll; left: 0;
    top: 0;}
.form-page .wrapper:before, .form-page .wrapper:after{display:none;}




.h-100{height:100vh;}

.main-form-page{display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; min-height:100vh;}
.login-form-page .wrapper .section-form{height:100%;}
.section-form{-ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;}
.section-form .container{padding:15px 25px 25px;}
.section-form .inner-form{max-width:410px; margin:0 auto; width:100%; padding-top:20px;}
.login-form-page .section-form .inner-form{max-width:940px;}
.section-form .inner-form .middle-login-form{ display:flex; align-items:center; position:relative; border-radius:14px; overflow:hidden;  background:#fff; box-shadow: 0px 0px 20px rgb(0 0 0); z-index:1;}
.section-form .inner-form .form-box{ width:100%; float:none; }
.section-form .inner-form .form-box .inner-box-info{width:100%; padding:20px 60px 40px;}
.section-form .inner-form .form-box .logo-img{padding-bottom:25px; position:relative; z-index:1;}
.section-form .inner-form .form-box .logo-img img{width:119px; height:119px; margin:0 auto; display:block; object-fit:cover; }
.section-form .inner-form .form-box .devider{position:relative;border-top:1px solid #dfdfdf; margin:50px 0;color:#19375f; }
.section-form .inner-form .form-box .devider:before{content: "OR"; display: block; position:absolute; top:0; font-size: 18px; padding: 0 .25em; background: #f0f0f2; width:55px; height:55px; border-radius: 50%; z-index: 9; left: 0; right: 0; line-height:50px;  margin:auto; font-weight: 500; border: 1px solid #f0eff1; text-align: center; bottom:0; color:#707070;}
.section-form .inner-form .form-box .form-title{font-size:26px; text-transform:uppercase; color:#DE7A1C; text-transform:uppercase; font-weight:800; line-height:30px; padding-bottom:10px;}
.section-form .inner-form .form-box .btn{height:42px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#DE7A1C; border-radius:8px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border: 0px; line-height:32px; font-family: 'museo_sans500'; text-transform:none;}
.section-form .inner-form .form-box .btn.btn-google{line-height:40px;}
.section-form .inner-form .form-box .btn:hover, .section-form .inner-form .form-box .btn:focus{background:#ec8728; box-shadow:none;}
.section-form .inner-form .form-box .btn.btn-google{ background:#fff; display: flex; justify-content: center; flex-wrap: wrap;
    align-items: center; color:#818181; box-shadow: 0px 3px 7px rgb(4 4 7 / 15%); font-family: 'Roboto', sans-serif; font-weight:500; }
.section-form .inner-form .form-box .btn.btn-google img{margin-right:15px;}
.section-form .inner-form .form-box .btn.btn-google:hover, .section-form .inner-form .form-box .btn.btn-google:focus{ background:#f0f0f2 }
.section-form .inner-form .form-box .form-control{padding:7px 12px; border-radius:0px; border-left-color:#E5E5E5; height:42px; border-color:#E5E5E5;}
.section-form .inner-form .form-box .form-control:focus{box-shadow:none; border-color:#DE7A1C;}
.section-form .inner-form .form-box .input-group-text{padding:2px 8px; width:38px; background:#EBEBEB; border-radius:0px; font-size:20px; display:inline-block; text-align:center; height:42px; border:1px solid #E5E5E5;}
.section-form .inner-form .form-box .input-group-text img{ max-width:16px; }
.section-form .inner-form .form-box .login-form .input-group.pass-field{position:relative;}
.section-form .inner-form .form-box .login-form .input-group.pass-field .in-pass-show-link{position:absolute; top:10px; right:15px; z-index:11}
.section-form .inner-form .form-box .login-form .input-group.pass-field input::-ms-reveal, .section-form .inner-form .form-box .login-form .input-group.pass-field input::-ms-clear {display: none;}

.section-form .inner-form .form-box .login-form .input-group.pass-field input[type=password]::-webkit-contacts-auto-fill-button,
.section-form .inner-form .form-box .login-form .input-group.pass-field input[type=password]::-webkit-credentials-auto-fill-button {
   visibility: hidden; display: none !important; pointer-events: none; height: 0; width: 0; margin: 0;}

.section-form .inner-form .form-box p{font-weight:normal; margin-bottom:12px; font-size:16px; font-family: 'museo_sans500'; color:#19375f;}
.section-form .inner-form .form-box p.sign-text{font-size:18px;}
.section-form .inner-form .form-box p:last-child{margin-bottom:0px;}
.section-form .inner-form .form-box p.form-text-last{margin-bottom:0px; color:#19375f;}
.section-form .inner-form .right-form-bg{position:absolute; right:0; top:0; height:100%; width:50%;}
.section-form .inner-form .right-form-bg .img-full img{width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; object-position: 30%;}

/*forgot password*/
.forgot-passwrod-page .section-form .inner-form .form-box .input-group-text img{max-width:22px;}
.forgot-passwrod-page .form-page:after{top:auto; transform: translateY(0); bottom:0;}




/*mobile version css*/
/*-----------------------------------------------------------------*/
html{height:100%; position:relative;}
body{max-width:767px; margin:0 auto; min-height:100%; overflow-y:auto; background: #F4F4F4; position:unset !important;}
/*body:before{position:absolute; content:''; background:url(../images/hdr_bg.png) top center no-repeat; width:100%; height:110px; background-size:cover; opacity:0.2; z-index:1; top:0;}
body:after{position:absolute; content:''; background:url(../images/footer_bg.png) bottom center no-repeat; width:100%; height:226px; background-size:cover; opacity:0.2; bottom:0;}*/
.container{max-width:100%; padding:0 30px;}
.sec-header{width:100%; clear:both; padding:30px 0; position:sticky; top:0; z-index:11;  -moz-transition: all .1s linear; -webkit-transition: all .1s linear;}
.sec-header.sticky{background:#19375f;}
/*.sec-header:before{position:absolute; content:''; background:url(../images/hdr_bg.png) top center no-repeat; width:100%; height:100%; background-size:100%; opacity:0.2; z-index:-1; top:0;}*/
.sec-header .inner-header{ display:table; width:100%; }
.sec-header .inner-header .hdr-logo, .sec-header .inner-header .hdr-right{ display:table-cell; vertical-align:top;}
.sec-header .inner-header .hdr-logo img{border-radius: 100%; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.sec-header .inner-header .hdr-right .impersonation-link{margin-bottom:0px; padding-bottom:0px; width: 100%; text-align: right; padding-right: 64px; clear: both; padding-top:3px; font-family: 'museo_sans500';}
.sec-header .inner-header .hdr-right .impersonation-link a{color:#2479A3; }
.sec-header .inner-header .hdr-right .impersonation-link a:hover{color:#DE7A1C;}

.sec-header .inner-header .hdr-right .inner-hdr-right{ float:right; display:flex; align-items:center; }
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp{margin:0 3px; font-size:18px; color:#717173; padding-right:7px; position:relative; display:flex; align-items:center;}
.sec-header.sticky .inner-header .hdr-right .inner-hdr-right .hdr-temp{color:#fff;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp .temp-icon{width: 26px; height: 26px; background: #5ca1c3;
    border-radius: 100%; text-align: center; line-height: 20px; margin-right: 5px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp .temp-icon img{max-width:22px; margin-left: auto; margin-right: auto;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp .round-icon{width:6px; height:6px; border-radius:100%; border:2px solid #717173; position:absolute; right:0; top:2px; display:block;}
.sec-header.sticky .inner-header .hdr-right .inner-hdr-right .hdr-temp .round-icon{border-color:#fff;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list{margin:0 10px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul{padding:0; margin:0; position:relative;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li{float:left; padding:0 5px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg{width:36px; height:36px; border: 1px solid #19375f; line-height:30px; background:#F4F4F4;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg .badge{position: absolute; top: -10px; right: -5px; display: block !important; padding: 3px 3px !important; width:19px; height:19px; border-radius: 100%; font-size:8px; line-height:13px; font-family: 'museo_sans500'; font-weight: normal; text-align:center;}

.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg .badge.badge-success{background:#14B906;}

.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg img{/*max-width:21px;*/ object-fit:contain;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.bell-icon, .sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.help-icon{line-height:28px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.bell-icon img{max-width:19px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.impersonating-icon img{max-width:25px;}

.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li.drop-menu-item .dropdown-toggle:after{display:none;} 
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li.drop-menu-item .dropdown-toggle img{max-width:20px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li.drop-menu-item .dropdown-menu{width:120px; min-width:auto; top:3px !important;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li.drop-menu-item .dropdown-menu li{float:none; padding:5px 8px; font-size:13px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li.drop-menu-item .dropdown-menu li a{color:#515151;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li.drop-menu-item .dropdown-menu li a:hover{color:#DE7A1C;}

.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-right{margin-left:3px;}
.sec-header .hdr-nav-right .navbar-header button.navbar-toggler{width:44px; height:30px; display:block; cursor:pointer; padding:0px; border:0px; background:none;}
.sec-header .hdr-nav-right .navbar-header button.navbar-toggler:focus{outline:none; box-shadow:none;}
.sec-header .hdr-nav-right .navbar-header button.navbar-toggler .icon-bar{width:44px; height:3px; background:#19375f; transition:all 0.1s ease-in 0s; display:block;}
.sec-header.sticky .hdr-nav-right .navbar-header button.navbar-toggler .icon-bar{background:#fff;}
.sec-header .inner-header .hdr-right .navbar-toggler .icon-bar.line2{margin:8px 0}
.sec-header .inner-header .hdr-right.open .navbar-toggler .icon-bar.line1{visibility:hidden;}
.sec-header .inner-header .hdr-right.open .navbar-toggler .icon-bar.line2{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top:-4px}
.sec-header .inner-header .hdr-right.open .navbar-toggler .icon-bar.line3{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top:-10px}
.sec-header .inner-header .hdr-right .navbar-collapse{position:absolute; width:100%; height:0px; left:0; top:100px; overflow:auto; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; max-width:100%; padding:0px; z-index:1111; box-shadow:none; display:block; background:#19375f; max-width: 767px; margin: 0 auto;}
.sec-header .inner-header .hdr-right.open .navbar-collapse{height:75vh; padding-bottom:100px;overflow: auto;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul{flex-direction: column; align-items: flex-start;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item{ display:block; width:100%; padding-bottom:1px;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item a.nav-link{position:relative; width:100%; padding:18px 15px 18px 70px; color:#fff; line-height:22px; font-size:18px;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item a.nav-link span{position:absolute; left:35px; top:16px; font-size:20px; color:#fff; width:24px; text-align:center;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item a.nav-link span img{max-width:18px; margin:0 auto;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item.edit-profile-item a.nav-link span img{max-width:20px;} 
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item.support-menu-item a.nav-link span img{max-width:23px;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item.active a.nav-link, .sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item a.nav-link:hover{background:#2479A3;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item.reserve-btn{padding-left:34px; padding-right:30px; padding-top:10px;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item.reserve-btn a.btn{display:block; font-size: 15px; padding: 9px 20px 6px; line-height: 22px; font-family: 'museo_sans500';}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.menu-item.reserve-btn a.btn:hover{background:#fff; color:#DE7A1C;}

.sec-page-content{padding-top:20px; width:100%; clear: both; padding-bottom:70px;}

.sec-hdr-profile{padding-bottom:8px;}


/*message box css*/
.sec-page-sidebar .sidebar-box .nav-icon-list{position:relative;}
.sec-msg-main-box{clear:both; position:absolute; left:auto; right:-30px; top:45px; width:270px; display:none; z-index: 111;}
.sec-msg-main-box.open{ display:block; }
.sec-msg-main-box .inner-msg-box{max-width:300px; width:100%; background:#fff; border-radius:10px; padding:12px 10px; box-shadow: 0px 10px 15px rgb(4 4 7 / 20%);}
.sec-alert-main-box .inner-msg-box .sec-title{padding-bottom:14px;}
.sec-alert-main-box .inner-msg-box .sec-title h2.sec-tit{font-size:20px;}
.sec-alert-main-box .inner-msg-box .sec-title h2.sec-tit:after{margin-left:12px;}
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list{padding-right:10px; margin:0; max-height:280px;}
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list li{width:100%; clear:both; padding-bottom:1px;}
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list li .box-info{width:100%; clear:both;position:relative; padding:8px; display:flex; align-items:center; z-index:1;}
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list li .box-info .left-user-img{width:38px; height:38px; border-radius:100%; object-fit:cover; margin-right:10px; overflow: hidden;}
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list li .box-info .left-user-img img{width:100%; height:100%; object-fit:cover;}
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list li .box-info .right-msg-content .user-title{ font-size:13px; font-family: 'museo_sans500'; line-height:16px; padding-bottom:1px; margin-bottom:0px; color:#19375f; font-family: 'museosans-700uploaded_file'}
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list li .box-info .right-msg-content .msg-text{font-size:11px;     overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 14px; margin-bottom: 0px;}
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list li .msg-link{position:absolute; left:0; top:0; width:100%; display:block; z-index: 1; transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out; height:100%;}
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list li .box-info:before{position:absolute; content: ''; background:#f3f3f3; width:100%; height:100%; z-index:-1; left:0; top:0; display:none;}
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list li .box-info:hover:before{ display:block; }
.sec-msg-main-box .inner-msg-box .msg-box-list ul.msg-list li.unread-msg-item .box-info{background:#f3f3f3; }



/*alert popup box css*/
.sec-alert-main-box{clear:both; position:absolute; left:auto; right:-30px; top:45px; width:270px; display:none; z-index: 111;}
.sec-alert-main-box.open{ display:block; }
.sec-alert-main-box .inner-alert-box{max-width:300px; width:100%; background:#fff; border-radius:10px; padding:12px 10px; box-shadow: 0px 10px 15px rgb(4 4 7 / 20%);}
.sec-msg-main-box .inner-alert-box .sec-title{padding-bottom:14px;}
.sec-alert-main-box .inner-alert-box .sec-title h2.sec-tit{font-size:20px;}
.sec-alert-main-box .inner-alert-box .sec-title h2.sec-tit:after{margin-left:12px;}
.sec-alert-main-box .inner-alert-box .alert-box-list ul.alert-notification-list{padding-right:10px; margin:0; max-height:280px;}
.sec-alert-main-box .inner-alert-box .alert-box-list ul.alert-notification-list li{width:100%; clear:both; cursor:pointer; font-size:13px; padding:8px 10px !important; margin-bottom:10px; border-radius:5px; background:#fbfbfb;}
.sec-alert-main-box .inner-alert-box .alert-box-list ul.alert-notification-list li.unread_alert{background:#ebebeb;} 
.sec-alert-main-box .inner-alert-box .alert-box-list ul.alert-notification-list li p.alert-datetime{margin-bottom:0px; font-size:12px; text-align:right; padding-top:3px;}
.sec-alert-main-box .inner-alert-box .alert-box-list ul.alert-notification-list li p.alert-datetime span{padding-left:2px;}



/*messages page*/
.sec-main-messages .inner-messages{width:100%; padding:20px; clear: both;}
.sec-main-messages .inner-messages .message-reply-form label{font-size:16px; padding-bottom:5px;}
.sec-main-messages .sec-msg-chat{width:100%; clear: both; padding-bottom:15px;}
.sec-main-messages .sec-msg-chat .chat-msg-box{width:100%; background:#ffffff; border-radius:6px; padding:30px 30px 30px 50px; position:relative; margin-bottom:35px;}
.sec-main-messages .sec-msg-chat .chat-msg-box.chat-msg-reply-box{background:#fff9ed; padding-right:50px; padding-left:30px; text-align:right;}
.sec-main-messages .sec-msg-chat .chat-msg-box .user-img-box{position:absolute; left:-22px; top:22px; width:44px; height:44px; border-radius:100%; overflow:hidden;}
.sec-main-messages .sec-msg-chat .chat-msg-box.chat-msg-reply-box .user-img-box{right:-22px; left:auto;}
.sec-main-messages .sec-msg-chat .chat-msg-box .user-img-box img{width:100%; height:100%; object-fit:cover;}
.sec-main-messages .sec-msg-chat .chat-msg-box .user-name-left{ padding-bottom:8px; width:100%; clear: both; }
.sec-main-messages .sec-msg-chat .chat-msg-box .user-name-left h4.user-name{ font-size:15px; color:#19375f; line-height:20px; display:inline-block;}
.sec-main-messages .sec-msg-chat .chat-msg-box p{padding-bottom:8px;}
.sec-main-messages .sec-msg-chat .chat-msg-box .user-name-left p.time{font-size: 14px; color: #515151; display: inline-block; margin-left: 5px; padding-bottom:6px;}



/*-----------------------------------------------------*/
/*member mobile version*/


/*boat status*/
.sec-boat-status .boat-staus-hdr{display:flex; align-items:center; width:100%; justify-content:flex-start; padding-bottom:2px; border-bottom:2px solid #B2B2B2;}
.sec-boat-status .boat-staus-hdr .boat-select-field{position:relative;}
.sec-boat-status .boat-staus-hdr .boat-select-field:before{position:absolute; content:''; background:url(../images/icons/arrow_top_blue.png) right center no-repeat; width:15px; height:15px; background-size:14px; right:0; top:6px;}
.sec-boat-status .boat-staus-hdr .boat-select-field select{padding:0px 20px 0px 5px; border:0px; font-size:20px; font-family: 'museosans-700uploaded_file' !important; line-height:28px; color:#707071; background:none; height:28px; position:relative; z-index:1;}
.sec-boat-status .boat-staus-hdr .boat-select-field select:focus{border:0px; outline:0px; box-shadow:none;}
.sec-boat-status .boat-staus-hdr .boat-select-field select option{font-size:14px; padding:5px 10px; background:#fff;}






.sec-boat-status .sec-boat-title{width:100%; position:relative;}
.sec-boat-status .sec-boat-title .drop-arrow{margin-left:4px;}
.sec-boat-status .sec-boat-title .drop-arrow img{max-width:14px;}
.sec-boat-status .sec-boat-title ul.boat-dropdown{position:absolute; left:0; top:43px; width: 100%; padding: 15px; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); transition: all 0.2s ease-in 0s; background:#fff; z-index:11; opacity:0; border-radius:4px;}
.sec-boat-status .sec-boat-title ul.boat-dropdown.open{opacity:1;}
.sec-boat-status .sec-boat-title ul.boat-dropdown li{display:block;}
.sec-boat-status .sec-boat-title ul.boat-dropdown li a{padding:5px 0px; border-bottom:1px solid #dfdfdf; color:#212529; display:block;}
.sec-boat-status .sec-boat-title ul.boat-dropdown li:first-child a{padding-top:0px;}
.sec-boat-status .sec-boat-title ul.boat-dropdown li:last-child a{padding-bottom:0px; border-bottom:0px;}
.sec-boat-status .sec-boat-title ul.boat-dropdown li a:hover{color:#DE7A1C;}

.reservation-box{width:100%; clear: both; margin-bottom:25px; float: left;}
.reservation-box .box-info{width:100%; clear: both; background:#19375f; color:#fff; padding:13px 16px 16px; color:#fff; position:relative; border-radius:8px;/* box-shadow: 0px 2px 8px rgb(4 4 7 / 31%);*/ float:left;}
.reservation-box .box-info p.reservation-text{font-size:11px; line-height:14px; margin-bottom:8px; padding-left:8px; margin-bottom:9px;}
.reservation-box .box-info p.reservation-text a{color:#fff; }
.reservation-box .box-info p.reservation-text a:hover{color:#c5c5c5; }
.reservation-box .box-info h2{ color:#fff; font-size:20px; line-height:24px; margin-bottom:8px; padding-right:8px; font-family: 'museosans-700uploaded_file'; padding-bottom:0px; text-transform:uppercase; padding-left:8px;}
.reservation-box .box-info h2 span{display:inline-block;}
.reservation-box .box-info h2 .day-night-img img{ max-width:19px; margin-top:-2px; }
.reservation-box .box-info .box-date{font-size:18px; color:#fff; font-family: 'museosans-700uploaded_file'; padding-left:8px; margin-bottom:8px;}
.reservation-box .box-info .footer-box-btn{clear: both; padding-top:10px; float:left;}
.reservation-box .box-info .footer-box-btn .btn.btn-lg{padding: 7px 15px; font-family: 'museo_sans500'; min-width:168px; float:left;}
.reservation-box .box-info .footer-box-btn .btn.btn-lg:hover, .reservation-box .box-info .footer-box-btn .btn.btn-lg:focus{background:#fff; color:#DE7A1C;}
/*.reservation-box .box-info .next-arrow-icon{position:absolute; right:16px; top:20px; width:30px; height:30px; display:block; border-radius:100%; text-align:center; line-height:25px; border:1px solid #fff;}
.reservation-box .box-info .next-arrow-icon:hover{background:#DE7A1C; border-color:#DE7A1C;}
.reservation-box .box-info .next-arrow-icon img{max-width:10px; margin-left:1px;}*/

.reservation-box .box-info .footer-box-btn .check-on-notice{display:none;}


.reservation-box button.slick-arrow{background:transparent; right:16px; top:32px; width:30px; height:30px; display:block; border-radius:100%; text-align:center; line-height:25px; border:1px solid #fff; opacity:1;}
.reservation-box button.slick-arrow.slick-prev{ display:none !important; }
.reservation-box button.slick-arrow.slick-prev:after{background-image: url(../images/icons/Login-arrowright.png); position:absolute; top:50%; transform:translateY(-50%); background-size:10px; display:none;}
.reservation-box button.slick-arrow.slick-next:before{background-image: url(../images/icons/Login-arrowright.png); background-size:10px; position:absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto;}

/*confirm reservation box*/
.confirm-reservation-box .box-info{ background:#707070; }
.confirm-reservation-box .box-info .footer-box-btn .checkon-btn{display:none;}
.confirm-reservation-box .box-info .footer-box-btn .confirm-btn{display:inline-block; background:#ADADAD;}

/*checkon reservation box*/
.checkon-reservation-box .box-info{background:#19375f;}
.checkon-reservation-box .box-info .footer-box-btn .checkon-btn{display:inline-block;}
.checkon-reservation-box .box-info .footer-box-btn .check-on-notice{float:right; color:#fff; font-size:12px; width:45%; margin-left:15px; position:relative; display:flex; align-items:center; line-height:15px;}
.checkon-reservation-box .box-info .footer-box-btn .check-on-notice span.notice-img{width:40px; height:40px; background:#14B906; border-radius:100%; text-align:center; display:inline-block; line-height:40px; float:left; margin-right:10px; position:absolute; left:0; top:0;}
.checkon-reservation-box .box-info .footer-box-btn .check-on-notice .notice-text{padding-left:50px;}



/*announcement box slider*/
.announcement-box{padding-bottom:16px; margin: 0 -10px;}
.announcement-box .inner-announcement-box{width:100%; padding:10px;}
.announcement-box .announcement-box-slider{background:#fff; border-radius:7px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); width:100%; position:relative; min-height:160px; overflow:hidden;}
.announcement-box .announcement-box-info{position:relative; width:100%; padding:26px 35px; text-align:center;}
.announcement-box .announcement-box-info p{font-size:12px; line-height:16px; margin-bottom:5px;}
.announcement-box .announcement-box-info p.light-blue-text .symbols-icon{float:right; margin-right: 30px; position:relative; top:-4px;}
.announcement-box .announcement-box-info p.book-link{font-size:13px;}
.announcement-box .announcement-box-info p.book-link a{text-decoration:underline;}
.announcement-box .announcement-box-info a.announcement-close-icon{position:absolute; right:12px; top:8px; color:#707070; font-size:15px;}
.announcement-box .announcement-box-slider button.slick-arrow{background:transparent; opacity:0.3;}
.announcement-box .announcement-box-slider button.slick-arrow.slick-prev:after{background-image: url(../images/icons/arrowleft_blue.png); background-size:9px; position:absolute; top:50%; transform:translateY(-50%);}
.announcement-box .announcement-box-slider button.slick-arrow.slick-next:before{background-image: url(../images/icons/arrowright_blue.png); background-size:9px; position:absolute; top:50%; transform:translateY(-50%);}

.sec-photo-box .inner-photo-box{width: 100%; padding-bottom: 0; margin-bottom: 20px; overflow-x:auto;}
.sec-photo-box{padding-bottom:20px;}
.sec-photo-box .sec-life-img-slider .item.slick-slide{padding:0 15px;}
.sec-photo-box .sec-life-img-slider .slick-list{margin:0 -15px;}
.sec-photo-box .sec-life-img-slider .item .img-box img{width: 100%; max-height: 200px; object-fit: cover; height:100%;}
.sec-photo-box .sec-life-img-slider button.slick-arrow{background: rgba(0,0,0,0.4); opacity:1;}
.sec-photo-box .sec-life-img-slider button.slick-arrow.slick-prev:after{background: url(../images/icons/Login-arrowtoleftpng.png); background-size: 9px;
    background-repeat: no-repeat; background-position: center;}
.sec-photo-box .sec-life-img-slider button.slick-arrow.slick-next:before{background: url(../images/icons/Login-arrowright.png); background-size: 9px;
    background-repeat: no-repeat; background-position: center;}
/*.sec-photo-box ul.photo-list{margin:0 0px; padding:0px; white-space: nowrap; text-align:center;}
.sec-photo-box ul.photo-list li{padding:0px 0px 15px 0px; width:47.6%; display: inline-block; vertical-align: top; white-space: normal; margin-right:30px;}
.sec-photo-box ul.photo-list li:nth-child(even){margin-right:0px;}
.sec-photo-box ul.photo-list li .photo-box img{width:100%; height:200px; object-fit:cover;}*/


/*calendar page css*/

.sec-upcoimg-reservation{max-height:380px; overflow:hidden;-moz-transition: all .4s linear;
    -webkit-transition: all 0.4s linear;}
.sec-base-reservation.sec-upcoimg-reservation{max-height:362px}


/*reservation box*/
.reservation-list{padding:0; margin:0;}
.reservation-list li.reservation-list-item{width:100%; display:block; margin-bottom:24px;}
.reservation-list li.reservation-list-item .box-info{ display:flex; align-items:center; width:100%; background:#fff; padding:10px 12px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); border-radius:8px; position:relative; transition:all 0.3s ease-in 0s;}
.reservation-list li.reservation-list-item.view_reservation .box-info, .reservation-list li.reservation-list-item.available .box-info{cursor:pointer;}
.reservation-list li.reservation-list-item.view_reservation.mine .box-info{cursor:default;}
.reservation-list li.reservation-list-item .box-info:hover{box-shadow: 0px 8px 10px rgb(0 0 0 / 15%);}
.reservation-list li.reservation-list-item .box-info .reservation-box-link{position:absolute; top:0; left:0; width:100%; display:block; height:100%;}
.reservation-list li.reservation-list-item .box-info .box-icon{width:50px; border-right:1px solid #707070; text-align:center; padding-right:10px; min-height:52px; line-height:48px;}
.reservation-list li.reservation-list-item .box-info .box-icon img{max-width:40px; object-fit:contain; object-position:center;}
.reservation-list li.reservation-list-item .box-info .box-right-content{width:93%; padding-left:20px; position:relative; padding-right:60px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .box-content .edit-icon-right{float: right;
    position: relative; right: -44px; top:0px;}
.reservation-list li.reservation-list-item .box-info .box-right-content h2{ display:inline-block; width:100%; color:#19375F; font-size:15px; line-height:20px; text-transform:uppercase; padding-bottom:5px; }
.reservation-list li.reservation-list-item .box-info .box-right-content h2 a{ color:#19375f; }
.reservation-list li.reservation-list-item .box-info .box-right-content h2 a:hover{color:#DE7A1C }
.reservation-list li.reservation-list-item .box-info .box-right-content h2 .day-night-img{margin-left:10px;}
.reservation-list li.reservation-list-item .box-info .box-right-content h2 .day-night-img img{max-width: 19px; margin-top: -2px;}
.reservation-list li.reservation-list-item .box-info .box-right-content span.boat-title-text{font-size:19px; font-family: 'museosans-700uploaded_file'; display:block; padding-bottom:12px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .reservation-datetime, .reservation-list li.reservation-list-item .box-info .box-right-content .reserved-text{ display:inline-block; font-size:17px; line-height:22px; width:100%; font-family: 'museosans-700uploaded_file'; color:#707071; }
.reservation-list li.reservation-list-item .box-info .box-right-content .reservation-datetime .clock-icon{margin:0 5px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .reservation-datetime .clock-icon img{max-width:13px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .reserved-text{color:#DE7A1C;}
.reservation-list li.reservation-list-item .box-info .box-right-content a.blue-text .reserved-text{color:#2479A3; display:inline-block;}
.reservation-list li.reservation-list-item .box-info .box-right-content .reserved-text.green-text{color:#14B906;}
.reservation-list li.reservation-list-item .box-info .box-right-content .arrow-icon{position:absolute; right:16px; top:50%; transform:translateY(-50%);}
.reservation-list li.reservation-list-item .box-info .box-right-content .arrow-icon img{max-width:9px; margin-left:1px;}
.reservation-list li.reservation-list-item .box-info .box-content{width:100%; clear:both; padding-top:8px;}
.reservation-list li.reservation-list-item.view_reservation.mine .box-info .box-right-content .reserved-text.blue-text{cursor:pointer;}


.sec-reservation-box-content{width:100%; clear:both; position:relative; left:0; right:0; margin:0 auto; padding:20px 0px 0; animation: slide-down 0.8s linear both;}
.sec-reservation-box-content.view-all-reservation-item{position:relative;  animation: slide-down 0.8s linear both;}
.sec-reservation-box-content ul{padding:0; margin:0 -19px; display:flex; justify-content:center; flex-wrap:wrap;}
.sec-reservation-box-content ul li{width:50%; padding:0 19px 20px;}
.sec-reservation-box-content ul li .box-info{text-align:center; width:100%; background:#fff; border-radius:8px; padding:12px 8px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); cursor:pointer; transition:all 0.3s ease-in 0s; position:relative;}
.sec-reservation-box-content ul li .box-info:hover{box-shadow: 0px 8px 10px rgb(0 0 0 / 15%);}
.sec-reservation-box-content ul li .box-info .box-icon{width:100%; margin:0 auto 15px; clear: both; height:52px; line-height:52px; }
.sec-reservation-box-content ul li .box-info .box-icon img{max-width:60px; margin:0 auto; height:100%; object-fit:contain;}
.sec-reservation-box-content ul li .box-info span.box-title{font-size:16px; color:#19375F; font-family: 'museosans-700uploaded_file'; text-transform:uppercase;}
.sec-reservation-box-content ul li .box-info .box-link{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
.sec-reservation-box-content ul li .box-info:hover span.box-title{color:#DE7A1C;}


/*calenda page css*/
.calendar_scroll .sec-page-content{padding-top:0px;}
.sec-cal-hdr{position:sticky; top:110px; width:100%; padding:12px 0; z-index: 1; -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear; }
.sec-cal-hdr.sticky{background:#fff; box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}



/*new reservation list box*/
.new-reservation-page .sec-reservation-listing{padding-bottom:50px;}

.sec-reservation-listing .reservation-list{padding-bottom:5px;}
.sec-reservation-listing .reservation-list li.reservation-list-item .box-info{max-height:70px; overflow:hidden; align-items: flex-start;}
.sec-reservation-listing .reservation-list li.reservation-list-item.open .box-info{max-height:200px;} 
.reservation-list li.reservation-list-item .box-info .box-right-content .form-group{margin: 20px 0 8px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .form-group label.field-label{font-size:17px; line-height:20px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .swap-btn{clear:both; margin-bottom:10px; display:inline-block;}
.reservation-list li.reservation-list-item .box-info .box-right-content .swap-btn .btn{ display:flex; justify-content:center; align-items:center; padding: 8px 30px 8px 17px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .swap-btn .btn .btn-icon-img{margin-right:15px; line-height:0px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .swap-btn .btn .btn-icon-img img{max-width:28px;}

.sec-reservation-listing .reservation-list li.reservation-list-item .box-info .arrow-icon img{max-width:14px; margin-left:0px; margin-top:1px;}
.sec-reservation-listing .reservation-list li.reservation-list-item .box-info .group-icon-box{position:absolute; right:16px; top:9px; display:flex;}
.sec-reservation-listing .reservation-list li.reservation-list-item .box-info .group-icon-box .lock-img-icon{margin-right: 12px;}
.sec-reservation-listing .reservation-list li.reservation-list-item .box-info .arrow-icon{top:0px; transform:translateY(0); position:relative; right:0;}

/*disable reservation box*/
.sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .box-info, .sec-reservation-listing .reservation-list li.reservation-list-item.unavailable .box-info{background:#E3E3E3; box-shadow:none !important; cursor:not-allowed;}
.sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box.open .box-info, .sec-reservation-listing .reservation-list li.reservation-list-item.unavailable.open .box-info{max-height:70px;}

.sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .box-info .box-icon img, .sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .box-info .box-right-content h2 .day-night-img img, .sec-reservation-listing .reservation-list li.reservation-list-item.unavailable .box-info .box-icon img, .sec-reservation-listing .reservation-list li.reservation-list-item.unavailable .box-info .box-right-content h2 .day-night-img img{filter: grayscale(100%);}

.sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .box-info .box-right-content h2, .sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .box-info .box-right-content .reserved-text, .sec-reservation-listing .reservation-list li.reservation-list-item.unavailable .box-info .box-right-content h2, .sec-reservation-listing .reservation-list li.reservation-list-item.unavailable .box-info .box-right-content .reserved-text{color:#707070;}
/*.sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .box-info{align-items:center;}*/
/*.sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .box-info .group-icon-box{top:0;}*/

.sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .group-icon-box .arrow-icon, .sec-reservation-listing .reservation-list li.reservation-list-item.unavailable .group-icon-box .arrow-icon{background:#707070;}
.sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .group-icon-box a, .sec-reservation-listing .reservation-list li.reservation-list-item.unavailable .group-icon-box a{margin-right:12px;}

.sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .group-icon-box a:last-child, .sec-reservation-listing .reservation-list li.reservation-list-item.unavailable .group-icon-box a:last-child{margin-right:0px;}


/*Confirm reservation box*/

.sec-reservation-listing .reservation-list li.reservation-list-item.available .box-info .box-right-content .reserved-text{color:#14B906;}
.sec-reservation-listing .reservation-list li.reservation-list-item.available .box-info .box-right-content .arrow-icon, .sec-reservation-listing .reservation-list li.reservation-list-item.available .box-info .box-right-content .arrow-icon:hover{background:#14B906;}
.sec-reservation-listing .reservation-list li.reservation-list-item.available .box-info .box-right-content .arrow-icon img{max-width:9px; margin-left:1px; margin-top:0px;}
.sec-reservation-listing .reservation-list li.reservation-list-item.available.open .box-info .box-info{max-height:70px;}


/*view reservation box*/
.sec-reservation-listing .reservation-list li.reservation-list-item.view_reservation .box-info .box-right-content .reserved-text.orange-text{color:#DE7A1C;}
.sec-reservation-listing .reservation-list li.reservation-list-item.view_reservation .box-info .box-right-content .reserved-text.blue-text, .sec-reservation-listing .reservation-list li.reservation-list-item a.blue-text{color:#2479A3; display:inline-block;}
.sec-reservation-listing .reservation-list li.reservation-list-item a.blue-text:hover{color:#DE7A1C;}
.sec-reservation-listing .reservation-list li.reservation-list-item.view_reservation .box-info .arrow-icon{background: #DE7A1C;}

/*out of session reservation box*/
.sec-reservation-listing .reservation-list li.reservation-list-item.out-of-season .box-info{background:#f9f9f9; cursor:inherit;}
.sec-reservation-listing .reservation-list li.reservation-list-item.out-of-season .box-info .box-icon img, .sec-reservation-listing .reservation-list li.reservation-list-item.out-of-season .box-info .box-right-content h2 .day-night-img img{filter: grayscale(100%);}

.sec-reservation-listing .reservation-list li.reservation-list-item.out-of-season .box-info .box-right-content h2, .sec-reservation-listing .reservation-list li.reservation-list-item.out-of-season .box-info .box-right-content .reserved-text{color:#707070;}

.sec-reservation-listing .reservation-list li.reservation-list-item.out-of-season .group-icon-box .arrow-icon{background:#707070;}


/* boat reservation information modal */
.sec-boat-reservation-info{overflow-y:auto !important;}
.sec-boat-reservation-info .modal-dialog{max-width:900px;}
.sec-boat-reservation-info .modal-content, .sec-boat-crew-info .modal-content{background:none; border-radius:0px; box-shadow:none; border: 0px solid rgba(0,0,0,.2);}
.sec-boat-reservation-info .boat-reservation-info{background:#fff; margin-bottom:30px; border-radius:10px; padding:25px;}
.sec-boat-reservation-info .boat-reservation-info .modal-sec-title, .sec-boat-crew-info .boat-reservation-info .modal-sec-title{width:100%; clear: both; padding-bottom:10px;}
.sec-boat-reservation-info .boat-reservation-info .sec-title h2.sec-tit, .sec-boat-crew-info .sec-title h2.sec-tit, .sec-reservation-swap-info .modal-body .sec-title h2.sec-tit{font-size:20px; font-family: 'museo_sans900'; display: flex; width: auto; align-items: center; justify-content: space-between;  flex-wrap: nowrap; white-space: nowrap;}
.sec-boat-reservation-info .boat-reservation-info .sec-title h2.sec-tit:after, .sec-boat-crew-info .sec-title h2.sec-tit:after, .sec-reservation-swap-info .modal-body .sec-title h2.sec-tit:after{margin-left:12px; content: ''; height: 2px; width: 100%; margin: 0 0px 0px 14px; position:relative;}

.sec-boat-reservation-info .boat-reservation-info .modal-sec-title h3.sec-tit, .sec-boat-crew-info .boat-reservation-info .modal-sec-title h3.sec-tit{width:100%; clear: both; position: relative; display: flex; width: auto; align-items: center; justify-content: space-between; flex-wrap: nowrap; white-space: nowrap; font-size:20px; color: #DE7A1C;}
    .sec-boat-reservation-info .boat-reservation-info .modal-sec-title h3.sec-tit span, .sec-boat-crew-info .boat-reservation-info .modal-sec-title h3.sec-tit span{padding-left:5px;}
.sec-boat-reservation-info .boat-reservation-info .modal-sec-title h3.sec-tit:after, .sec-boat-crew-info .boat-reservation-info .modal-sec-title h3.sec-tit:after{content: ''; background:#DE7A1C; height: 2px; width: 100%; margin: 0 0px 0px 10px;}
.sec-boat-reservation-info .boat-reservation-info h3.blue-title, .sec-boat-crew-info .boat-reservation-info h3.blue-title{font-size:20px; color:#19375f; padding-bottom:15px;}
.sec-boat-reservation-info .boat-reservation-info p, .sec-boat-crew-info .boat-reservation-info p{font-size:13px; margin-bottom:10px;}
.sec-boat-reservation-info .boat-reservation-info .b-text, .sec-boat-crew-info .boat-reservation-info .b-text{font-size:13px; color:#19375f; padding-right:15px; font-family: 'museosans-700uploaded_file'}
.sec-boat-reservation-info .boat-reservation-info .note-box, .sec-boat-crew-info .boat-reservation-info .note-box{margin-bottom:15px;}
textarea{border-radius: 0px;  color: #515151; height:116px; padding: 10px; font-size:13px; width:100%; border: 1px solid #999;}
textarea:focus{box-shadow:none; outline:none; border-radius:0px; border-color:#DE7A1C;}
.sec-boat-reservation-info .boat-reservation-info ul.checkbox-listing, .sec-boat-crew-info .boat-reservation-info ul.checkbox-listing{ padding:0px; }
.sec-boat-reservation-info .boat-reservation-info ul.checkbox-listing li, .sec-boat-crew-info .boat-reservation-info ul.checkbox-listing li{padding-bottom:5px;}
.sec-boat-reservation-info .boat-reservation-info ul.checkbox-listing li .checkbox .custom-control-label, .sec-boat-crew-info .boat-reservation-info ul.checkbox-listing li .checkbox .custom-control-label{font-size:13px;}

.sec-boat-reservation-info .boat-reservation-info .btn, .sec-boat-crew-info .boat-reservation-info .btn{padding:4px 15px 4px; line-height:17px;}
.sec-boat-reservation-info .boat-reservation-info .group-btn .btn, .sec-boat-crew-info .boat-reservation-info .group-btn .btn{margin-right:6px;}
.sec-boat-reservation-info .boat-reservation-info .group-btn, .sec-boat-crew-info .boat-reservation-info .group-btn{padding-bottom:30px;}
.sec-boat-reservation-info .boat-reservation-info .add-crew-btn-box{width:100%; clear: both; text-align:right;}
.sec-boat-reservation-info .boat-reservation-info .add-crew-btn-box .btn{min-width:170px;}
.sec-boat-reservation-info .boat-reservation-info .reservation-audit-info{padding-top:20px;}
.sec-boat-reservation-info .boat-reservation-info .reservation-audit-info table td, .sec-boat-reservation-info .boat-reservation-info .reservation-audit-info table th{padding:4px 6px;}

.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list{padding:20px 0;}
.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing{padding:0; margin:0 -10px; display:block; justify-content:flex-start;}
.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing li{padding:8px 10px; width:100%;}
.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing li .crew-img-thumb img{width:150px; height:150px; object-fit:cover; object-position:top center; }

.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing li.list-item .item-info{display:flex; align-items:center;}
.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing li.list-item .item-info .crew-img-thumb{width:36px; height:36px; border-radius:100%; overflow:hidden; margin-right:15px;}
.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing li.list-item .item-info .crew-img-thumb img{width:100%; height:100%; object-fit:cover; border-radius:100%; overflow:hidden;}

.sec-boat-reservation-info .boat-reservation-info ul.crew-member-listing-checkbox, .sec-boat-crew-info .boat-reservation-info ul.crew-member-listing-checkbox{padding:0px;}
.sec-boat-reservation-info .boat-reservation-info ul.crew-member-listing-checkbox li, .sec-boat-crew-info .boat-reservation-info ul.crew-member-listing-checkbox li{padding:0px 0 0px;}
.sec-boat-reservation-info .boat-reservation-info ul.crew-member-listing-checkbox li .crew-details, .sec-boat-crew-info .boat-reservation-info ul.crew-member-listing-checkbox li .crew-details{ display:flex; justify-content:space-between; align-items:center; position:relative; padding: 10px 0}
.sec-boat-reservation-info .boat-reservation-info ul.crew-member-listing-checkbox li .crew-details:before, .sec-boat-crew-info .boat-reservation-info ul.crew-member-listing-checkbox li .crew-details:before{position:absolute; content:''; background:#9a9a9a; width:93%; right:0; bottom: 0; height:1px;}
.sec-boat-reservation-info .boat-reservation-info ul.crew-member-listing-checkbox li .crew-details .crew-member-imb, .sec-boat-crew-info .boat-reservation-info ul.crew-member-listing-checkbox li .crew-details .crew-member-imb{padding-right:30px;}
.sec-boat-reservation-info .boat-reservation-info ul.crew-member-listing-checkbox li .crew-details .crew-member-imb img, .sec-boat-crew-info .boat-reservation-info ul.crew-member-listing-checkbox li .crew-details .crew-member-imb img{width:46px; height:46px; border-radius:100%; object-fit:cover;}
.sec-boat-reservation-info .boat-reservation-info ul.crew-member-listing-checkbox li .checkbox .custom-control-label, .sec-boat-crew-info .boat-reservation-info ul.crew-member-listing-checkbox li .checkbox .custom-control-label{ color: #19375f; font-size:13px; }
.sec-boat-reservation-info .sec-boat-crew-info .boat-info-box, .sec-boat-crew-info .boat-reservation-info .boat-info-box{padding-top:15px;}
.sec-boat-crew-info .note-box textarea.message-box{height:200px;}
.sec-boat-crew-info .close-crew, .sec-boat-reservation-info .close{float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; position:absolute; right:8px; top:6px; background:none; border:0px; cursor:pointer;}
.sec-boat-reservation-info .close, .sec-boat-crew-info .close{top:22px; right:24px;}
.sec-boat-crew-info .close-crew:focus, .sec-boat-reservation-info .close:focus, .sec-boat-crew-info .close:focus{outline:none; box-shadow:none;}


/*crew inventaion modal*/
.sec-boat-crew-info.modal{z-index:1111; background: rgba(0,0,0,.6);}
.sec-boat-crew-info .modal-dialog{max-width:870px;}
.sec-boat-crew-info .boat-reservation-info{background: #fff; margin-bottom: 30px; border-radius: 10px; padding: 25px; border: 1px solid rgba(0,0,0,.2); box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.sec-boat-crew-info .boat-reservation-info .modal-sec-title{}
.sec-boat-crew-info .close{right: 24px; top: 22px; position: absolute;}

.sec-reservation-swap-info.modal{z-index: 1111; background: rgba(0,0,0,.6);}



/*sailing log page css*/
.sec-hdr-title .title-icon{margin-right:10px;}
.sec-hdr-title .title-icon img{max-width:19px; margin-top:-4px;}

.sec-sailing-log-listing ul.sailing-listing{padding:5px 0 0; margin:0;}
.sec-sailing-log-listing ul.sailing-listing li{padding:0 0 25px; width:100%; display: block;}
.sec-sailing-log-listing ul.sailing-listing li .box-info{width:100%; background:#fff; border-radius:8px; padding:12px 22px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);}
.sec-sailing-log-listing ul.sailing-listing li .box-info p.datetime-text{font-size:15px; line-height:19px; font-family: 'museo_sans500';}
.sec-sailing-log-listing ul.sailing-listing li .box-info p.datetime-text span{color:#DE7A1C;}
.sec-sailing-log-listing ul.sailing-listing li .box-info p.box-desc{margin-bottom:7px;}
.sec-sailing-log-listing ul.sailing-listing li .box-info p.location-text{color:#DE7A1C; font-size:15px; font-family: 'museo_sans500'; margin-bottom:0px;}
.sec-sailing-log-listing .add-trip-text{width:100%; text-align:right; text-transform:uppercase;}
.sec-sailing-log-listing .add-trip-text p.trip-text a{ font-size:16px; display:flex; align-items:center; justify-content:flex-end; }
.sec-sailing-log-listing .add-trip-text p.trip-text a .plus-icon{margin-left:8px; transition:all 0.3s ease-in 0s;}
.sec-sailing-log-listing .add-trip-text p.trip-text a:hover .circle-icon-sm{background:#19375f;}


/*general content modal*/
.sec-general-content-modal .sec-general-content {text-align:center;}
.sec-general-content-modal .sec-general-content .modal-btn-group{display:flex; justify-content:center;}
.sec-general-content-modal .sec-general-content .modal-btn-group .sec-btn{margin:0 7px; opacity:1; font-weight:normal;     font-family: 'museo_sans500'; text-shadow: none;}


/*base info page css*/


/*base profile*/
.sec-base-info .base-info-box{background:#fff; width:100%; border-radius:8px; margin-bottom:25px; padding:16px 22px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); position:relative;}
.sec-base-info .base-info-box .base-inof-list-box{position:relative; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #a5a5a5;}
.sec-base-info .base-info-box .base-inof-list-box:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
.sec-base-info .base-info-box ul.base-pro-list{margin:0; padding: 0;} 
.sec-base-info .base-info-box  ul.base-pro-list li{font-family: 'museosans-700uploaded_file'; font-size:18px; line-height:22px; position:relative; color:#19375f; padding-bottom:14px; padding-left:40px; padding-top:3px; } 
.sec-base-info .base-info-box  ul.base-pro-list li img{position:absolute; left:0; top:4px; max-width:23px; display:block;}
.sec-base-info .base-info-box  ul.base-pro-list li a{ color:#19375f; }
.sec-base-info .base-info-box  ul.base-pro-list li a:hover{ color:#DE7A1C; }
.sec-base-info .base-info-box  ul.base-pro-list li.phone-no img{top:2px;}
.sec-base-info .base-info-box .base-grop-icon{position:absolute; right:7px; top:10px;}
ul.big-icon-list li a.circle-icon-lg{width:40px; height:40px; line-height:40px;}
ul.big-icon-list li a.circle-icon-lg img{max-width:24px;}


/*checkon form*/
.sec-check-form .inner-check-form{width:100%; border-radius:10px; background:#fff; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); padding:25px 30px;}


/*support page css*/
.sec-base-contact{padding-top:15px;}
.sec-base-contact .inner-base-contact{width:100%; clear: both;}
.sec-base-contact .inner-base-contact ul.base-contact-list{margin:0; padding-bottom:200px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item{margin-bottom:16px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); border-radius:8px; background:#fff; position:relative; padding:19px 177px 19px 57px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item span.img-text{position:absolute; left:25px; top:19px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item span.img-text img{max-width:20px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item .name-text {color:#19375f; font-size: 18px; line-height: 26px;
    color: #19375f; font-family: 'museosans-700uploaded_file';}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item a.name-text:hover{color:#DE7A1C;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item .group-icon{position:absolute; right:20px; top:12px; display:flex;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item .group-icon .circle-icon-lg{width: 40px; height: 40px; line-height: 40px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item .group-icon .circle-icon-lg img{max-width:22px;}


/*-----------------------------------------------------*/
/*---------------- base owner---------------*/
/*-----dock page------*/

/*-----activity list------*/

.sec-dock-content .fleet-activity-list{width:100%; padding:20px; background:#fff; border-radius:8px;  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); margin-bottom:25px;}
.sec-dock-content .fleet-activity-list .sec-activity-list{max-height:230px;}

.sec-activity-list ul.activity-list{margin:0; padding:0;}
.sec-activity-list ul.activity-list li{margin-bottom:10px;}
.sec-activity-list ul.activity-list li h4{font-size:14px; padding-bottom:3px; color:#19375f;}
.sec-activity-list ul.activity-list li h4 a{color:#19375f;}
.sec-activity-list ul.activity-list li h4 a:hover{color:#DE7A1C;}
.sec-activity-list ul.activity-list li .item-text{font-size:11px; margin-bottom:1px; line-height:15px;} 
.sec-activity-list ul.activity-list li .item-text .activity-date{padding-right:4px;}

.sec-activity-list .listing-activity-item{position:relative;}
.sec-activity-list .listing-activity-item:before{position:absolute; content:''; height:100%; left:7px; top:0; border: 1px dashed #e6e6e6;}
.sec-activity-list .listing-activity-item li{position:relative; padding-left:25px; margin-bottom:12px;}
.sec-activity-list .listing-activity-item li .badge-circle{position:absolute; left:0; top:0; width:12px; height:12px; border-radius:100%; background:#931212; display:block;}
.sec-activity-list .listing-activity-item li .badge-circle.red-circle{background:#931212;}
.sec-activity-list .listing-activity-item li .badge-circle.yellow-circle{background:#EFAD18;}
.sec-activity-list .listing-activity-item li .badge-circle.orange-circle{background:#DE7A1C;}
.sec-activity-list .listing-activity-item li .badge-circle.blue-circle{background:#19375f;}
.sec-activity-list .listing-activity-item li .badge-circle.wood-circle{background:#764212;}
.sec-activity-list .listing-activity-item li .badge-circle.green-circle{background:#234C2D;}


.sec-activity-list .listing-activity-item li .badge-circle{position:absolute; left:0; top:0; width:16px; height:16px; border-radius:100%; background:#fff; border: 2px solid #515151; display:block;}
.sec-activity-list .listing-activity-item li .badge-circle.red-circle{border-color:#931212;}
.sec-activity-list .listing-activity-item li .badge-circle.yellow-circle{border-color:#EFAD18;}
.sec-activity-list .listing-activity-item li .badge-circle.orange-circle{border-color:#DE7A1C;}
.sec-activity-list .listing-activity-item li .badge-circle.blue-circle{border-color:#19375f;}
.sec-activity-list .listing-activity-item li .badge-circle.wood-circle{border-color:#764212;}
.sec-activity-list .listing-activity-item li .badge-circle.green-circle{border-color:#234C2D;}

/*calendar page*/
.sec-base-reservation .reservation-list li.reservation-list-item .box-info{align-items:flex-start;}
.sec-base-reservation .reservation-list li.reservation-list-item .box-info .box-right-content{width:100%; padding-right:0px;}
.sec-base-reservation .reservation-list li.reservation-list-item .box-info .box-right-content h2{padding-bottom:0px;}
.sec-base-reservation .reservation-list li.reservation-list-item .box-info .box-right-content p.boat-name-text{font-size:17px; font-family: 'museosans-700uploaded_file'; color:#19375f;}
.sec-base-reservation .reservation-list li.reservation-list-item .box-info .box-right-content p.boat-name-text a{ color:#19375f; }
.sec-base-reservation .reservation-list li.reservation-list-item .box-info .box-right-content p.boat-name-text a:hover{ color:#DE7A1C; }

.sec-base-reservation .reservation-list li.reservation-list-item.past-boat-box .box-info, .sec-base-reservation .reservation-list li.reservation-list-item.past-boat-box .box-info .box-right-content h2 a{cursor:not-allowed;}
.sec-base-reservation .reservation-list li.reservation-list-item.past-boat-box .box-info .box-right-content h2 a{color:#D3D3D3;}


/* baseowner fleet page */
.base-fleet-content .fleet-listing{padding:0 8px; margin:0;}
.base-fleet-content .fleet-listing li{font-size:15px; color:#19375f; position:relative; padding-left:24px; font-family: 'museosans-700uploaded_file'; padding-bottom:4px; padding-top:3px;}
.base-fleet-content .fleet-listing li .item-img{position:absolute; left:0; top:2px; line-height:normal;}
.base-fleet-content .fleet-listing li .item-img img{max-width:20px;}
.base-fleet-content .fleet-listing li.oceania-text .item-img img{max-width:16px;}
.base-fleet-content .fleet-listing li.sailing-text .item-img img{max-width:20px;}
.base-fleet-content .fleet-listing li.dock-text{ color:#234C2D; }
.base-fleet-content .fleet-listing li.internal-text{ color:#931212; }
.base-fleet-content .fleet-listing li.sailing-text{ color:#DE7A1C; }


.sec-base-fleet-info .base-fleet-content{position:relative; padding-right:160px;}
.sec-base-fleet-info .base-fleet-content .warning-notice{position:absolute; right:0; top:0; color:#931212; max-width: 125px; font-size: 12px; line-height: 15px; font-family: 'museosans-700uploaded_file'; justify-content: space-between; padding-left:30px;}
.sec-base-fleet-info .base-fleet-content .warning-notice .notice-img{width:22px; height:22px; border-radius:100%; background:#931212; line-height:20px; margin-right:8px; text-align:center; display:inline-block; position:absolute; left:0;}
.sec-base-fleet-info .base-fleet-content .warning-notice .notice-img img{max-width:4px;}



.sec-general-accordion.sec-base-fleet-accordion .accordion-box, .sec-general-accordion.sec-fleet-accordion .accordion-box{margin-bottom:1px; width:100%;}
.sec-general-accordion.sec-base-fleet-accordion .panel-group .panel-heading, .sec-general-accordion.sec-fleet-accordion .panel-group .panel-heading{padding:12px 15px;}
.sec-general-accordion.sec-base-fleet-accordion .panel-group .panel-heading .panel-title, .sec-general-accordion.sec-fleet-accordion .panel-group .panel-heading .panel-title{text-transform:none; font-size:15px; padding-left:18px;}
.sec-general-accordion.sec-base-fleet-accordion .panel-group .panel-heading .right-arrow-icon, .sec-general-accordion.sec-fleet-accordion .panel-group .panel-heading .right-arrow-icon{line-height:12px;}


/*baseowner people page*/
ul.people-list-item{margin-bottom:0px; padding-right:0px !important;}
ul.people-list-item li.list-item-box{padding:0px 0 25px; margin-bottom:0px; position:relative;}
ul.people-list-item li.list-item-box .box-info{ display:flex; justify-content:space-between; background:#fff; border-radius:8px; padding:16px 70px 16px 15px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); width:100%; }
ul.people-list-item li.list-item-box .box-info .box-img{ width:95px; position:relative;}
ul.people-list-item li.list-item-box .box-info .box-img img{width:84px; height:84px; border-radius:100%; object-fit:cover;}
ul.people-list-item li.list-item-box.active-people .box-img .active-people-icon{position:absolute;top:42px; right:5px; width:15px; height:15px; background:#14B038; border-radius:100%; z-index:1;}
ul.people-list-item li.list-item-box .box-info .box-content{margin-left:12px; width:82%; position:relative;}
ul.people-list-item li.list-item-box .box-info .box-content h4{font-size:19px; padding-bottom:3px;}
ul.people-list-item li.list-item-box .box-info .box-content p{margin-bottom:6px; line-height:18px; font-size:14px; font-family: 'museo_sans500'; color:#707071;}
ul.people-list-item li.list-item-box .box-info .box-content p img{max-width:17px; margin-right:8px; margin-top:-5px;}
ul.people-list-item li.list-item-box .box-info .box-content p:last-child{margin-bottom:0px;}

ul.people-list-item li.list-item-box .box-info .box-img .contact-persentage{position:absolute; top:67px; width:40px; height:40px; font-size:14px; color:#fff; line-height:40px; text-align:center; border-radius:100%; background:#19375F; left:25px;}

ul.people-list-item li.list-item-box .box-info ul.group-icon-list{position:absolute; right:20px; top:16px;}
ul.people-list-item li.list-item-box .box-info ul.group-icon-list li{padding-bottom:5px;}

/*baseowner Ettendat page*/
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item{padding:0px 0 25px; margin-bottom:0px; position:relative;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info{background:#fff; border-radius:8px; padding:16px 60px 16px 15px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); width:100%; position:relative;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info  .datetime-text span img{max-width:16px; margin-right: 8px
; margin-top:-9px;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info  .datetime-text{font-family: 'museo_sans500';}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info p.box-desc{font-family: 'museosans-700uploaded_file'; font-size:17px; line-height:23px; padding-bottom:3px;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content{ width:100%; clear: both; transition: all 0.5s ease-in 0s; max-height:0px; opacity:0; overflow:hidden;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content .exceptions-list-section{width:100%; padding-bottom:15px;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content ul.exceptions-list{padding:0 10px 15px; margin:5px 0 0; max-height:200px;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content ul.exceptions-list li{position:relative; padding:0 0px 3px 26px;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content ul.exceptions-list li span{position:absolute; left:0; top:0;} 
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content .box-img-group{width:100%; clear:both; padding-bottom:5px; float:left;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content .box-img-group ul.img-listing{padding:0; margin:0 -8px;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content .box-img-group ul.img-listing li{padding:0 8px 10px; float:left;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content .box-img-group ul.img-listing li img{width: 95px;
    height: 60px; object-fit: cover;}

.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content .box-textbox{ width:100%; clear: both; padding-bottom:15px;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content .box-textbox label.field-label{font-family: 'museo_sans500'}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content .box-textbox textarea{max-height:62px;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .arrow-icon-box{position:absolute; right:16px; top:16px; -ms-transform: rotate(-90deg); /* IE 9 */ transform: rotate(-90deg); transition: all 0.3s ease-in 0s;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item.open .box-content{ max-height:100%; opacity:1; overflow:visible;}
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item.open .box-info .arrow-icon-box{-ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg);}


/*baseowner base info list*/
.sec-base-info .base-info-box ul.base-pro-list{padding-bottom:0px; margin-bottom:10px; border-bottom:1px solid #707070;}
.sec-base-info .base-info-box ul.base-pro-list:last-of-type{padding-bottom:0px; margin-bottom:0px; border-bottom:0px;}


/*prospects page*/
.sec-prospects .prospects-info-box ul.prospects-listing{padding:0p; margin:0;}
.sec-prospects .prospects-info-box ul.prospects-listing li.list-item{ padding-bottom:20px; }
.sec-prospects .prospects-info-box ul.prospects-listing li.list-item .pro-content-box{width:100%; background:#fff; border-radius:10px; box-shadow: 0px 2px 5px rgb(4 4 7 / 30%); position:relative; padding-bottom:12px;}
.sec-prospects .prospects-info-box ul.prospects-listing li.list-item .pro-content-box .pro-icon-group{position:absolute; right:20px; top:25px; display:flex;}
.sec-prospects .prospects-info-box ul.prospects-listing li.list-item .pro-content-box .pro-icon-group a{margin-left:5px;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .pro-header-title{width:100%; border-radius:10px 10px 0px 0px; background:#DE7A1C; color:#fff; padding: 2px 30px 1px;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .pro-header-title h4{color:#fff; font-size:13px; padding-bottom:0px; line-height:17px; text-transform:uppercase;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .left-content{width:100%; padding:12px 0px 0 30px;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .left-content h3.blue-title{font-size:20px; color:#19375f;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .left-content h3.blue-title a{ color:#19375f; }
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .left-content h3.blue-title a:hover{ color:#DE7A1C; }
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .left-content p.contact-list-item{position:relative; padding-left:30px;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .left-content p.contact-list-item img{position:absolute; left:0; top:0; max-width:17px;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .left-content p.contact-list-item.email img{top:5px;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .pro-listing-icon{position:absolute; right:20px; bottom:20px;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .pro-listing-icon ul{padding:0; margin:0; display:flex;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .pro-listing-icon ul li{ padding-left:8px; }
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box .pro-listing-icon ul li img{max-width:15px;}

.sec-prospects  ul.prospects-listing li.list-item .pro-content-box.warm-box .pro-header-title{background:#EFAD18;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box.cold-box .pro-header-title{background:#19375f;}
.sec-prospects  ul.prospects-listing li.list-item .pro-content-box.not-contacted-box .pro-header-title{background:#707071;}

/*header navmenu ic key icon list*/
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.key-item{padding:15px 36px;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.key-item .key-list-icon-box{width:100%; background:#fff; border-radius:10px; padding:17px;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.key-item .key-list-icon-box h4.blue-title{font-family: 'museosans-700uploaded_file'; text-transform:uppercase; font-size:15px; padding-bottom:5px; color:#2479A3;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.key-item .key-list-icon-box ul.key-listing{padding:0; margin:0;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.key-item .key-list-icon-box ul.key-listing li{position:relative; padding-bottom:8px; padding-left:30px; font-size:12px;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.key-item .key-list-icon-box ul.key-listing li span{position:absolute; left:0; top:0; width:18px; text-align:center;}
.sec-header .inner-header .hdr-right .hdr-nav-right ul li.key-item .key-list-icon-box ul.key-listing li span img{object-fit:contain; max-width: 15px; margin: 0 auto;}


/*add people modal*/
.sec-add-people-modal .modal-body .sec-people-content form .password-field{position:relative;}
.sec-add-people-modal .modal-body .sec-people-content form .password-field input.form-control{width:53%;}
.sec-add-people-modal .modal-body .sec-people-content form .password-field .sec-btn{position:absolute; right:0; bottom:0; padding: 7px 11px 6px; border-radius: 6px;}
.sec-add-people-modal .modal-body .sec-people-content form .propsect_field, .sec-add-people-modal .modal-body .sec-people-content form .sailing_school_field{ display:none; }


/*baseowner day glance page*/
.sec-glance-content{width:100%; padding:30px 0 0;}
.sec-dock-content .sec-glance-content{margin-top:30px; padding-top:0px; max-height:970px; margin-bottom:30px;}
.sec-glance-content .glance-content-wrapper{width:100%; clear:both; padding-bottom:20px;}
.sec-glance-content .glance-content-wrapper .boat-glance-box{width:100%; padding-bottom:25px;}
.sec-glance-content .boat-glance-box .boat-glance-box-info{box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); width: 100%; padding:15px; border-radius:12px; background:#fff;}
.sec-glance-content .boat-glance-box .boat-glance-box-info h3.boat-title{color:#19375F; font-size:16px;}
.sec-glance-content .boat-glance-box .boat-glance-box-info h3.boat-title a{color:#19375F;}
.sec-glance-content .boat-glance-box .boat-glance-box-info .boat-info{display:flex; align-items:center;width:100%; position:relative;}
.sec-glance-content .boat-glance-box .boat-glance-box-info .boat-info .boat-text{position:relative;}
.sec-glance-content .boat-glance-box .boat-glance-box-info .boat-info .edit-icon-btn{position:absolute; right:-30px; top:-2px; z-index:1;}
.sec-glance-content .boat-glance-box .boat-glance-box-info .boat-info .boat-img{width:70px; margin-right:10px;}
.sec-glance-content .boat-glance-box .boat-glance-box-info .boat-info .boat-img img{width:60px; height:60px; border-radius:100%; object-fit:cover;}
.sec-glance-content .boat-glance-box-info .boat-info .box-info-desc{width:80%;}
.sec-glance-content .boat-glance-box-info .boat-info .box-info-desc .info-desc{padding:10px 0; border-bottom:1px solid #B7B7B7;} 
.sec-glance-content .boat-glance-box-info .boat-info .box-info-desc .info-desc:last-child{border-bottom:0px;}
.sec-glance-content .boat-glance-box-info .boat-info .box-info-desc .info-desc .boat-text{color:#DE7A1C; font-size:15px; font-family: 'museosans-700uploaded_file';}
.sec-glance-content .boat-glance-box-info .boat-info .box-info-desc .info-desc .boat-text a{color:#DE7A1C;}
.sec-glance-content .boat-glance-box-info .boat-info .box-info-desc .info-desc .boat-text span.boat-time{color:#747475;padding-left:5px;}



/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/* Superadmin mobile version */

.sec-fleet-accordion .fleet-content p{font-size:15px;}
.sec-fleet-accordion .fleet-content{position:relative; padding:0 15px;}
.sec-fleet-accordion .fleet-content .group-icon{position:absolute; right:15px; top:0; display:flex;}


/*superadmin people page*/
.sec-admin-people-content ul.people-list-item{max-height:580px;}
.sec-admin-people-content ul.people-list-item li.list-item-box .box-info .box-img .contact-persentage{ bottom:36px; }


/*fleet page*/
.sec-base-fleet-info{width:100%; clear: both; padding-bottom:200px;}


/*edit fleet page*/
.sec-fleet-detail-info .fleet-info-body{background: #fff; border-radius: 8px; padding:30px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); width: 100%;}

.sec-fleet-detail-info .sec-boat-details .boat-img-detail{ text-align:center;}
.sec-fleet-detail-info .sec-boat-details .boat-img-detail .boat-img{width:100%; margin-bottom:25px; position:relative; display:inline-block;}
.sec-fleet-detail-info .sec-boat-details .boat-img-detail .boat-img img, .sec-fleet-detail-info .sec-boat-details .boat-img-detail .boat-img #img-preview{width:210px; height: 210px; border-radius:100%; margin:0 auto; border:1px solid #f1f1f1; background:#f1f1f1; object-fit:cover;}
.sec-fleet-detail-info .sec-boat-details .boat-img-detail .boat-img .close-icon-img{color:#931212; background:#fff; box-shadow: 0px 2px 3px rgb(4 4 7 / 10%); border: 1px solid #ebecf1; width:30px; height:30px; border-radius:100%; position:absolute;right:30px;top:0; line-height: 28px;  font-size: 18px; display:none;}  
.sec-fleet-detail-info .sec-boat-details .boat-img-detail .boat-img .close-icon-img:hover{background:#931212; color:#fff;}
.sec-fleet-detail-info .sec-boat-details .boat-img-detail h4{color:#DE7A1C; font-size:20px; padding-bottom:18px !important;}
.sec-fleet-detail-info .sec-boat-details .boat-img-detail .group-btn{justify-content:center;}
.sec-fleet-detail-info .group-btn .btn{ min-width:90px; font-size:13px; padding: 6px 15px;}
.sec-fleet-detail-info .group-btn .btn.btn-edit{margin-right:10px;}

.sec-fleet-detail-info .sec-boat-details .activity-box.card{border-radius:0px; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%);}
.sec-fleet-detail-info .sec-boat-details .activity-box.card .card-body{padding:15px 10px;}
.sec-fleet-detail-info .sec-boat-details .activity-box.card .card-header{padding:6px 10px; border-top:10px solid #DE7A1C;}
.sec-fleet-detail-info .sec-boat-details .activity-box .sec-activity-list{max-height:250px; padding-right:10px;}
.sec-fleet-detail-info .sec-boat-details .activity-box .sec-activity-list ul.activity-list li{padding:5px 5px 0px;}
.sec-fleet-detail-info .sec-boat-details .activity-box .sec-activity-list ul.activity-list li:first-child{padding-top:0px;}
.sec-fleet-detail-info .sec-boat-details .activity-box .sec-activity-list ul.activity-list li:nth-child(even){background:#F4F4F4;}
.sec-fleet-detail-info .sec-boat-details .activity-box .sec-activity-list ul.activity-list li h4{font-size:12px !important;font-family: 'museosans-700uploaded_file'}
.sec-fleet-detail-info .sec-boat-details .detail-box-info .custom-switch-box input:checked + .slider{background:#DCF0DC;}




.sec-fleet-detail-info .sec-boat-details .boat-img-detail .group-btn .choose-file-btn{margin-right:15px;} 

/*image file*/
.choose-file-btn [type="file"] { height: 0; width: 0; overflow: hidden;}
.choose-file-btn [type="file"] + label {min-width: 90px; font-size: 13px; padding: 7px 15px; cursor: pointer; transition: all 0.2s;
  background: #DE7A1C; text-transform: uppercase; line-height: 18px; color:#fff; border-radius: .25rem;  margin-bottom:0px;}
.choose-file-btn [type="file"] + label:hover {background-color:#19375f;}
.contact-img .choose-file-btn [type="file"] + label{margin-right: ;}



/*people page*/
.sec-admin-people-content{padding-bottom:200px; width:100%; clear: both;}


/*bases page*/
.sec-bases-info .inner-bases-info .bases-box{background: #fff; width: 100%; border-radius: 8px; margin-bottom:34px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); padding:15px 0; position:relative;}
.sec-bases-info .inner-bases-info .bases-box .arrow-icon{position:absolute; bottom:-17px; right:17px; -ms-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.3s ease-in 0s;}
.sec-bases-info .inner-bases-info .bases-box.open .arrow-icon{-ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.sec-bases-info .inner-bases-info .bases-box .info-box{padding:0 17px 0 30px; position:relative;}
.sec-bases-info .inner-bases-info .bases-box .info-box p{font-size:18px; line-height:26px; color:#19375f; font-family: 'museosans-700uploaded_file'; padding-bottom:5px;}
.sec-bases-info .inner-bases-info .bases-box .info-box p span.text-img{padding-right:12px;}
.sec-bases-info .inner-bases-info .bases-box .info-box .edit-icon{position:absolute; right:17px; top:0;}
.sec-bases-info .inner-bases-info .bases-box .base-notice .item{width:100%; background:#2479A3; color:#fff; padding:4px 60px 4px 30px; position:relative; font-size:18px; line-height:22px; font-family: 'museosans-700uploaded_file'; font-family: 'museo_sans500'}
.sec-bases-info .inner-bases-info .bases-box .base-notice .arrow-next{position:absolute; right:25px; top:0px;}
.sec-bases-info .inner-bases-info .bases-box .base-notice .arrow-next img{max-width:10px;}
.sec-bases-info .inner-bases-info .bases-box .base-notice button.slick-arrow{opacity:1; background-color:#2479A3;}
.sec-bases-info .inner-bases-info .bases-box .base-notice button.slick-arrow.slick-prev{display:none !important;}
.sec-bases-info .inner-bases-info .bases-box .base-notice button.slick-arrow.slick-next{right:0px; width:55px;}
.sec-bases-info .inner-bases-info .bases-box .base-notice button.slick-arrow.slick-next:before{background-image: url(../images/icons/Login-arrowright.png); background-position: 7px center;}


.sec-bases-info .inner-bases-info .bases-box .bases-name-list{width:100%; padding:0px 17px 8px 30px; transition: all 0.5s ease-in 0s; max-height:0px; margin-top:7px; overflow:hidden;}
.sec-bases-info .inner-bases-info .bases-box.open .bases-name-list{max-height:200px; opacity:1; overflow-y:auto;}
.sec-bases-info .inner-bases-info .bases-box .bases-name-list ul.name-listing{padding:10px 0 0; margin:0;}
.sec-bases-info .inner-bases-info .bases-box .bases-name-list ul.name-listing li{position:relative; padding: 5px 90px 20px 36px; font-size:18px; line-height:22px; color:#19375f; font-family: 'museosans-700uploaded_file';}
.sec-bases-info .inner-bases-info .bases-box .bases-name-list ul.name-listing li:last-child{padding-bottom:12px;}
.sec-bases-info .inner-bases-info .bases-box .bases-name-list ul.name-listing li a{ color:#19375f; }
.sec-bases-info .inner-bases-info .bases-box .bases-name-list ul.name-listing li a:hover{ color:#DE7A1C; }
.sec-bases-info .inner-bases-info .bases-box .bases-name-list ul.name-listing li span.text-img{position:absolute; left:0; top:3px}
.sec-bases-info .inner-bases-info .bases-box .bases-name-list ul.name-listing li span.text-img img{max-width:20px;}
.sec-bases-info .inner-bases-info .bases-box .bases-name-list ul.name-listing li .group-icon{position:absolute; right:0; top:0; display:flex;}

.text-green{ color:#234C2D; }
.green-text{ color:#0F8105; }
.text-red{ color:#A03232; }
.text-orange{ color:#DE7A1C; }

.check-icon{font-size:22px;}
.text-success {color: #234C2D !important;}
.text-success:hover{color: #38cb89 !important;}

/*cooman table*/
.sec-comman-table{width:100%; clear: both;}
.sec-comman-table .comman-tab-hdr{ width:100%; display:flex; justify-content:space-between; padding-bottom:20px;}

/*scrollbar*/
.gray-right-scrollbar, .right-white-scrollbar{overflow:hidden scroll; padding-right:18px; }

.gray-bottom-scrollbar{overflow-x:scroll; padding-bottom:18px;}
.gray-bottom-scrollbar::-webkit-scrollbar{width:8px; height:8px;}
.gray-bottom-scrollbar::-webkit-scrollbar-thumb{background:#DE7A1C; border-radius: 14px;}
.gray-bottom-scrollbar::-webkit-scrollbar-track{background-color:#E5E5E5; border-radius: 14px;}

/*work on firefox*/
.gray-bottom-scrollbar, .gray-right-scrollbar{overflow:auto hidden;  }

.gray-bottom-scrollbar, .gray-right-scrollbar{scrollbar-color: #DE7A1C #E5E5E5; scrollbar-width: thin;}


.gray-right-scrollbar{overflow:hidden auto; }
.right-white-scrollbar{overflow:hidden auto; }
.right-white-scrollbar .scrollable-element{scrollbar-color: rgb(32, 89, 158) #fff; scrollbar-width: thin;}
.gray-right-scrollbar::-webkit-scrollbar{width:8px;} 
.gray-right-scrollbar::-webkit-scrollbar-thumb{background:#DE7A1C; border-radius: 14px;}
.gray-right-scrollbar::-webkit-scrollbar-track{background-color:#E5E5E5; border-radius: 14px;}

.right-white-scrollbar::-webkit-scrollbar{width:8px;} 
.right-white-scrollbar::-webkit-scrollbar-thumb{background: rgb(32, 89, 158); border-radius: 14px;}
.right-white-scrollbar::-webkit-scrollbar-track{background-color:#fff; border-radius: 14px;}

/*body .wrapper{ display:flex; } */
body.login-form-page .wrapper{ display:block; }
body .wrapper{width: 100%;  position:relative;  clear: both;  z-index: 11;   overflow-x: hidden;   height: 100%;  left: 0;}
/*body .wrapper:before{position:absolute; content:''; background:url(../images/hdr_bg.png) top center no-repeat; width:100%; height:110px; background-size:cover; opacity:0.2; z-index:1; top:0;}
body .wrapper:after{position:absolute; content:''; background:url(../images/footer_bg.png) bottom center no-repeat; width:100%; height:226px; background-size:cover; opacity:0.2; z-index:-1; bottom:0;}*/

body .wrapper.page-bottom-bg-hide:after{bottom:-130px;}



/*checkbox*/
.checkbox .custom-control-input{left:21px; z-index: 1; cursor:pointer;}
.checkbox .custom-control-label{padding-top: 0; padding-left:5px; font-size:13px; line-height:28px; cursor: pointer; color: #454545; display:block;}
.checkbox .custom-control-label.bold-text{ color:#19375f; font-family: 'museosans-700uploaded_file'; font-weight:normal; font-size:13px; }
.checkbox .custom-control-label::before{width:19px; height:19px; background:#fff; border: 2px solid #dbe2eb; border-radius:1px;}
.checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background:#DE7A1C; border-color:#DE7A1C}

/*.checkbox .custom-control-label::after{top: 5px; left:-23px; background-size: 11px;}*/
.checkbox .custom-control-label::after{top:6px; left:-18px; background-size: 11px; background:none !important; height: 12px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg); width: 7px; opacity:0;}
.checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{opacity:1;}
.checkbox .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::after{opacity:1;}
.checkbox .custom-control-input:focus ~ .custom-control-label::before{box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(0 0 0 / 100%);}

.sm-checkbox.checkbox .custom-control-label{font-size:11px; padding-left:0px; line-height:16px;}
.sm-checkbox.checkbox .custom-control-label::before{width:16px; height:16px; top:0px;}
.sm-checkbox.checkbox .custom-control-label::after{top:0px; left:0px; background-size: 10px;}

.checkbox .custom-control-label.blue-text{color:#19375f;}


/*radiobutton*/
.radio-btn .custom-control-label{padding-top: 0; padding-left:5px; font-size:13px; line-height:18px; cursor: pointer; color: #454545; display:block; padding-top:4px;}
.radio-btn .custom-control-label.bold-text{ color:#19375f; font-family: 'museosans-700uploaded_file'; font-weight:normal; font-size:13px; }
.radio-btn .custom-control-label.bold-text.text-orange, .radio-btn .custom-control-label.text-orange{color:#DE7A1C;}
.radio-btn .custom-control-label::before{width:19px; height:19px; background:#fff; border: 2px solid #dbe2eb; border-radius:100%;}
.radio-btn .custom-radiobtn .custom-control-input:checked ~ .custom-control-label::before{background:#fff; border-color:#DE7A1C}

.radio-btn .custom-control-label::after{top:8px; left:-20px; background:none; border-radius:100%; width:11px; height:11px;}
.radio-btn .custom-control-input:checked ~ .custom-control-label::after{background:#DE7A1C;}
.radio-btn .custom-control-input:focus ~ .custom-control-label::before{box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(0 0 0 / 100%);}

.clear-left{clear:left;}



.f-15{font-size:18px;}

.pulse {display: block; position: absolute; top:-4px; right:-2px; width:13px; height:13px; border-radius: 50%; background: #931212; cursor: pointer; box-shadow: 0 0 0 rgba(147, 18, 18, 0.9); animation: pulse 2s infinite; } 
.pulse:hover {animation: none; }





/* page main content */
.page-main-content{clear:both; -webkit-transition: margin-left 0.3s ease; -o-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease; padding:15px 20px; padding-top:52px; /*-webkit-transition: margin-left 0.3s ease; -o-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease;*/ width:100%; padding-left:366px; transition: all .3s linear;
    -webkit-transition: all .3s linear;}
.page-main-content .inner-main-content{padding-top:30px; float:left; width:100%; clear: both;}




/*sale analysis*/

/*------ Charts styles ------*/

.chart-dropshadow {-webkit-filter: drop-shadow(0 6px 4px rgba(179, 186, 212, 0.5)); filter: drop-shadow(0 6px 4px rgba(179, 186, 212, 0.5)); }

.GradientlineShadow {-webkit-filter: drop-shadow(0 -8px 4px rgba(179, 186, 212, 0.2)); filter: drop-shadow(0 -8px 4px rgba(179, 186, 212, 0.2)); }

.BarChartShadow {-webkit-filter: drop-shadow(0px 1px 4px rgba(179, 186, 212, 0.3)); filter: drop-shadow(0px 1px 4px rgba(179, 186, 212, 0.3)); }

.donutShadow {-webkit-filter: drop-shadow(-5px 0px 10px rgba(179, 186, 212, 0.4)); filter: drop-shadow(-5px 0px 10px rgba(179, 186, 212, 0.4)); }

.h-85 {height: 85px !important; }
.chart-visitors {min-height: 18rem; overflow: hidden; }
.chart-height {height: 20rem; overflow: hidden; }
.chart-tasks {height: 15rem; overflow: hidden; }
.chart-donut {height: 21rem; overflow: hidden; }
.chart-pie {height: 22rem; overflow: hidden; }
.chartsh {height: 16rem; overflow: hidden; }
.chartwidget {height: 17rem; overflow: hidden; }
.sales-bar {min-height: 280px !important; position: relative; bottom: -21px; left: -10px; }
.dot-label {width: 10px; height: 10px; display: inline-block; border-radius: 100%; margin-right: 5px; }




/*fleet maintenence*/
.sec-fleet-maintenance-table .sec-tab-body.gray-right-scrollbar{max-height:286px;margin-bottom:20px;}
.sec-tab-header{padding-right:24px;}
.sec-tab-header table{margin-bottom:0px;}
.w-10{width:10%;}
.w-20{width:20%;}
.w-15{width:15%;}
.w-12{width:12%;}
.w-13{width:13%;}
.w-14{width:14%;}
.w-32{width:32%;}
.w-9{width:9%;}
.w-8{width:8%;}
.w-7{width:7%;}
.w-18{width:18%;}
.w-17{width:17%;}
.w-11{width:11%;}
.w-60{width:60%;}
.w-40{width:40%;}
.w-30{width:30%;}
.w-37{width:37%;}
.w-22{width:22%;}

.card-document .sec-document-list{ width:100%; clear: both; max-height:330px; padding-right:8px; }
.card-document .card-body{padding:15px 10px !important;}
.card-document ul.document-list{padding:0; margin:0;} 
.card-document ul.document-list li{padding:0 0 16px}
.card-document ul.document-list li .doc-box{display:flex; align-items:center; width:100%;}
.card-document ul.document-list li .doc-box .doc-img{ width:50px; height:50px; margin-right:8px; border-radius:100%; padding:10px 13px; text-align:center; background:#DE7A1C;}
.card-document ul.document-list li .doc-box .doc-img ul{padding:0; margin:0; width:100%; border: 2px solid #fff; padding: 1px 3px 0; height:100%;}
.card-document ul.document-list li .doc-box .doc-img ul li{ width:100%; height:2px; background:#fff; margin:3px 0; padding:0px;}
.card-document ul.document-list li .doc-box .box-content{clear: both; }
.card-document ul.document-list li .doc-box .box-content h4{font-size:12px; font-weight:normal;padding-bottom:3px;}
.card-document ul.document-list li .doc-box .box-content h4 a{ color:#19375f; }
.card-document ul.document-list li .doc-box .box-content p{ color:#DE7A1C; margin-bottom:0px; font-size:11px; line-height:13px; }
.card-document .card-body{padding:7px 15px;}



/* searchbox */

.search-field-box{position:relative;}
.search-field-box .form-control{border-radius:0px; height:40px; font-size:16px; padding-right:50px; padding: 8px 50px 8px 15px; font-family: 'museo_sans500'}
.search-field-box.sm-search-field-box .form-control{height:28px; padding:2px 15px; }
.search-field-box.sm-search-field-box .search-icon{width:38px; height:28px; line-height:29px; font-size:20px;}
.search-field-box .form-control:focus{border-color:#DE7A1C; box-shadow:none;}
.search-field-box .search-icon{position:absolute; right:0; top:0; line-height:20px; font-size:24px; width:46px; height:40px; text-align:center; color:#DE7A1C; background:none; border:0px; padding:0px; cursor:pointer; }
.search-field-box button.search-icon:focus{outline:none; box-shadow:none;}
.search-field-box.search-field-box-border button.circle-icon-lg{position:absolute; right: -47px; top: 2px; font-size:16px; line-height:28px; border: 0px; box-shadow:none; cursor:pointer;}
.search-field-box.search-field-box-border button.circle-icon-lg:focus{box-shadow:none; outline:none;}
.search-field-box.search-field-box-border .form-control{padding-right:20px;}
.search-field-box ::-webkit-input-placeholder{color:#818181;}
.search-field-box ::-moz-placeholder{color:#818181;}
.search-field-box :-ms-input-placeholder{color:#818181;}
.search-field-box :-moz-placeholder{color:#818181;}

.search-field-box datalist{width:100%; display:block;}



.search-form .search-field-box.sm-search-field-box .search-icon{height:34px; line-height:30px;}
.sm-search-field{width:270px;}
.sm-search-field .search-form{max-width:100%;}


.content-search-group{display:flex; justify-content:space-between;}
.content-search-group .search-form{width:94%;}
.content-search-group .search-field-box .search-icon{color:#19375f;}
.content-search-group .circle-icon-lg{background:#3D789F; margin-top:10px; margin-left:10px;}



.card{position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff;  background-clip: border-box; position: relative;
    margin-bottom:30px; width: 100%; border: 1px solid #dbe2eb; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); border-radius: 8px; overflow:hidden; }
.card .card-header{background: transparent; padding: 8px 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;  margin-bottom: 0; border-bottom: 1px solid #ebecf1; position: relative; min-height:50px; align-items:center; justify-content:space-between;}
.card .card-header .card-title{ font-size:13px; font-weight:normal; color:#DE7A1C; margin-bottom:0px; padding-bottom:0px; }
.card .card-header .card-options{margin-left: auto; -ms-flex-order: 100; order: 100; -ms-flex-item-align: center;
    align-self: center; display:flex;}
.card .card-header .card-options .dropdown-option{margin-left:10px;}
.card .card-body{ width:100%; clear: both; padding:15px;}


/*dropdown select field*/
.select-field{position:relative; width:100%;}
.select-field:before{font-family: "Ionicons"; position: absolute; font-size:0px !important; line-height: 46px; bottom: auto; top:0px; color: #fff; right: 0px; width:42px; height:40px; background:#19375f url(../images/icons/arrow_top.png) center center no-repeat; background-size:20px; border-radius:0px; cursor: pointer; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; pointer-events: none; display: flex; justify-content: center; align-items: center; content: ""; background-position: center 16px; z-index:1;}
.select-field.select-field-lg:before{ width:50px; height:50px; font-size:22px; background-position: center; background-size:26px; }
.select-field.select-field-sm:before{ width:40px; height:40px; font-size:18px; }
.select-field.select-field-xs:before{width:36px; height:36px; font-size:16px; background-position: center 14px;
    background-size: 18px;}
.select-field.select-field-xss:before{width:30px; height:30px; font-size:16px; background-position: center 12px;
    background-size:15px;}

select{-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px 56px 10px 20px; border-radius:0px; width:100%; border-color: #999999; text-transform:uppercase; color:#707071; height:41px; line-height:20px; border: 1px solid #999999; line-height: normal; font-family: 'museo_sans500'; text-align:center; text-align-last:center}
select, option {font-family: 'museo_sans500',sans-serif;}
.select-field.select-field-lg select{padding: 10px 56px 10px 20px; height:50px;}
.select-field.select-field-sm select{height:40px; padding: 8px 56px 8px 15px; line-height: normal;}
.select-field.select-field-xs select{height:36px; padding:8px 56px 8px 10px;}
.select-field.select-field-xss select{height:30px; padding:4px 56px 4px 10px; font-size:12px;}
.select-field select:focus{outline:none; border-color:#19375f; }
select{font-family: 'museo_sans300' !important; font-size:16px !important;}
option{text-align:left;}
select.drop-text-left{text-align:left; text-align-last:left;}


textarea{border-radius: 0px !important;  color: #515151 !important; height:116px; padding: 10px; font-size:16px; width:100%; border: 1px solid #999; font-family: 'museo_sans300';}
textarea:focus{box-shadow:none; outline:none; border-radius:0px; border-color:#DE7A1C;}






/*Acordian*/
.sec-general-accordion .accordion-box.mt-1, .sec-general-accordion .accordion-box.mt-2{margin-top:2px !important;}
.sec-general-accordion .accordion-box:first-of-type .panel-heading{border-radius: 10px 10px 0px 0px;}
.sec-general-accordion .accordion-box:last-of-type{border-radius: 0px 0px 10px 10px; overflow:hidden;}
.sec-general-accordion .panel-group .panel-heading{ background:#19375f; color:#fff; padding: 8px 20px 8px 15px; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}
.sec-fleet-acordian .panel-group .panel-heading.active{background:#DE7A1C;}
.sec-general-accordion .panel-group .panel-heading .panel-title{padding-bottom:0px; font-family: 'museo_sans500'}
.sec-general-accordion .panel-group .panel-heading a{ color:#fff; font-weight:normal; display:block;}
.sec-general-accordion .panel-group .panel-heading .panel-title{position:relative; padding-left:40px; text-transform:uppercase; font-size:22px;}
.sec-general-accordion .panel-group .panel-heading .panel-icon{font-size:36px; color: #fff; line-height: 0; position: absolute; left:0px; top: 50%; transform: translateY(-50%); }
.sec-general-accordion .panel-group .panel-heading .panel-icon img{max-width:25px; margin:0 auto; }
.sec-general-accordion .panel-group .panel-heading .right-arrow-icon{line-height:20px; width:30px; height:30px; text-align:center; position:absolute; right:0; top:0;}
.sec-general-accordion .panel-group .panel-heading .right-arrow-icon img{max-width:18px; margin:0 auto; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s; -ms-transform: rotate(0deg); transform: rotate(0deg); }
.sec-general-accordion .panel-group .panel-heading.active .right-arrow-icon img{-ms-transform: rotate(180deg); transform: rotate(180deg);}

.sec-general-accordion .sec-accordion-content{display:none; width:100%;}
.sec-general-accordion .accordion-box:first-of-type .sec-accordion-content{display:block;}
.sec-general-accordion .sec-accordion-content .panel-body{background:#fff;padding:20px 18px; width:100%; }

/*support page css*/
.sec-support-accordion.sec-general-accordion .box-content-info .video-box{position:relative;width:100%; margin:0 auto; display:block; padding-bottom:65.3%;}
.sec-support-accordion.sec-general-accordion .box-content-info .video-box iframe, .sec-support-accordion.sec-general-accordion .box-content-info .video-box video{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.sec-support-accordion.sec-general-accordion .sec-general-content-info .slick-list{margin:0 30px;}
.sec-support-accordion.sec-general-accordion .sec-general-content-info button.slick-arrow.slick-prev{left:-10px;}
.sec-support-accordion.sec-general-accordion .sec-general-content-info button.slick-arrow.slick-next{right:-10px;}






/*image file*/
.choose-file-btn [type="file"] { height: 0; width: 0; overflow: hidden;}
.choose-file-btn [type="file"] + label {min-width: 90px; font-size: 13px; padding: 7px 15px; cursor: pointer; transition: all 0.2s;
  background: #DE7A1C; text-transform: uppercase; line-height: 18px; color:#fff; border-radius: .25rem;  margin-bottom:0px;}
.choose-file-btn [type="file"] + label:hover {background-color:#19375f;}



/*form control*/
label.field-label{color:#19375F; margin-bottom:6px; font-size:13px; font-family: 'museosans-700uploaded_file'; line-height:18px;}
label.field-label.text-orange{ color:#DE7A1C; }
input.form-control{ border-radius:0px; border-color:#999; color:#515151; height:40px; padding:5px 10px; font-size:16px; font-family: 'museo_sans300';}
input.form-control:focus{ border-color:#DE7A1C; box-shadow:none; outline:none; }

.upload-form-field .btn{ width:100%; background:#DE7A1C; display:block; margin:6px 0; color:#fff; font-size:12px; text-transform:uppercase; text-align:center; font-weight:normal; padding:4px 10px;}
.upload-form-field .btn.btn-upload{margin-bottom:8px;}
.sec-boat-log-detail .bot-lod-hdr{ display:flex; width:100%; justify-content: space-between; align-items:center; }
.sec-boat-log-detail .bot-lod-hdr .bot-log-left{display:flex; align-items:center;}


h3.orange-title{font-size:16px; color:#DE7A1C; text-transform:uppercase; font-family: 'museo_sans500'}
h4.orange-title{font-size:14px; color:#DE7A1C; text-transform:uppercase;font-family: 'museosans-700uploaded_file'}



/*proloader*/
.preloader{position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; background:#2479A3; z-index:1111;}
.preloader .loader-img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.preloader .loader-img img{max-width:150px; margin:0 auto;}









.sec-general-accordion .panel-group .form-btn-group{ display:flex; align-items:center; justify-content:space-between; padding-top:10px;}
.sec-general-accordion .panel-group .form-btn-group button.sec-btn.btn-sm{padding:4px 25px;}


/*datepicker*/
body .gj-picker-bootstrap .selected.today{background:#DE7A1C;}

.datepicker-field .gj-datepicker input.form-control{width:100%;}
.datepicker-field .gj-datepicker .input-group-append{position:absolute; right:0; top:0; margin-left:0px; z-index:11;}
.datepicker-field .gj-datepicker-bootstrap [role=right-icon] button{height:30px; background:#DE7A1C url(../images/icons/Cal.png) center center no-repeat; background-size:20px; border-radius:0px; border:0px; width:30px;}
.datepicker-field .gj-datepicker-bootstrap [role=right-icon] button:focus, .datepicker-field .gj-datepicker-bootstrap [role=right-icon] button:hover{background:#DE7A1C url(../images/icons/Cal.png) center center no-repeat; box-shadow:none !important; background-size:20px;}
.datepicker-field .gj-datepicker-bootstrap [role=right-icon] button i{display:none;}

.datepicker-field.datepicker-field-lg input.form-control{height:50px; padding-left:20px; padding-right:56px;}
.datepicker-field.datepicker-field-lg .gj-datepicker-bootstrap [role=right-icon] button{height:50px; width:50px;}
.search-form .search-field-box.search-field-box-border .form-control{padding-right:20px;}
.datepicker-field ::-webkit-input-placeholder{text-align:center;}
.datepicker-field ::-moz-placeholder{text-align:center;}
.datepicker-field :-ms-input-placeholder{text-align:center;}
.datepicker-field :-moz-placeholder{text-align:center;}





/*----------------------------------------------------------*/
/*--------------- Member desktop ---------------*/

/*member desktop dock page*/
.dock-page .sec-member-desktop .inner-main-content{padding-top:15px;}
.sec-crew-notice{width:100%; clear: both; padding-bottom:15px; position:relative; z-index:11;}
.sec-crew-notice .inner-notice-box{width:100%; clear: both; background:#D4F0FA; padding:8px 35px 8px 10px; border-radius:10px;}
.sec-crew-notice .inner-notice-box .notice-content{display:flex; align-items:center;} 
.sec-crew-notice .inner-notice-box .notice-content .crew-icon-img{max-width:25px; margin-right:10px;}
.sec-crew-notice .inner-notice-box .notice-content .notice-text{ text-decoration:underline; color: #19375f; font-size:13px; font-family: 'museosans-700uploaded_file' }
.sec-crew-notice .inner-notice-box .notice-content ul.group-btn{margin:0px 0 0 15px; padding:0}
.sec-crew-notice .inner-notice-box .notice-content ul.group-btn li{padding:0 8px;}
.sec-crew-notice .inner-notice-box .notice-content ul.group-btn li a.btn{padding:2px 10px 1px;}
.sec-crew-notice .inner-notice-box a.right-arrow-icon{font-size:30px; color:#19375f; margin-top:3px;}
.sec-crew-notice .inner-notice-box button.slick-arrow.slick-next{right:-33px; z-index:111;}
.sec-crew-notice .inner-notice-box button.slick-arrow.slick-next:before{color:#19375f; right:0px; font-size:30px; background-image: url(../images/icons/arrowright_blue.png); background-position: center; background-repeat: no-repeat; background-size:10px;}
.sec-crew-notice .inner-notice-box button.slick-arrow.slick-prev{ display:none !important; }

.sec-dock-dual-box .row{margin:0 -15px;}
.sec-dock-dual-box .row .left-doc-reservation, .sec-dock-dual-box .row .right-box, .sec-dock-dual-box .row .right-box .sailtime-facebook-box, .sec-dock-dual-box .row .right-box .sec-on-water{padding-left:15px; padding-right:15px;}

/*upcoming reservation*/
.sec-doc-reservation{position:relative; z-index:1;}
.sec-doc-reservation:before{position:absolute; content: ''; background:url(../images/reservation_stearing_bg.png) right bottom no-repeat; right:0; bottom:20px; width:191px; height:364px; background-size:contain; opacity:0.2; z-index: -1;}
.sec-doc-reservation ul{margin:0; padding:0;}
.sec-doc-reservation ul li.list-item{padding:0 0 30px;}
.sec-doc-reservation ul li.list-item .box-info{display:flex; font-family: 'museosans-700uploaded_file';}
.sec-doc-reservation ul li.list-item .box-info .left-content{ width:30px; margin-right:8px; text-align:center; }
.sec-doc-reservation ul li.list-item .box-info .left-content .reservation-day{text-transform:uppercase; font-size:11px; font-family: 'museosans-700uploaded_file'; line-height:15px; margin-bottom:2px;}
.sec-doc-reservation ul li.list-item .box-info .left-content .reservation-date{font-size:21px; font-family: 'museosans-700uploaded_file'}
.sec-doc-reservation ul li.list-item.active .box-info .left-content .reservation-day, .sec-doc-reservation ul li.list-item.active .box-info .left-content .reservation-date{ color:#DE7A1C; }
.sec-doc-reservation ul li.list-item .box-info .right-content a.date-link{font-size:15px; padding-bottom:5px; display:block;}
.sec-doc-reservation ul li.list-item .box-info .right-content{border-left:5px solid transparent; padding-left:12px;}
.sec-doc-reservation ul li.list-item.active .box-info .right-content{border-left-color:#DE7A1C;}
.sec-doc-reservation ul li.list-item .box-info .right-content p{font-size:12px; margin-bottom: 4px; line-height: 15px;}
.sec-doc-reservation ul li.list-item .box-info .right-content ul{padding-top:4px;}
.sec-doc-reservation ul li.list-item .box-info .right-content ul li{padding-right:4px; padding-left:0px;}
.sec-doc-reservation.card .card-body .view-btn{padding: 5px 40px 3px; margin-bottom:20px;}

.sec-sailtime-facebook.card .card-body{height:444px;}

.sec-on-water .sec-bg-img{ width:100%; }
.sec-on-water .sec-bg-img img{width:100%; height:294px; border-radius:10px; object-fit:cover;}

.sec-body-title{ display:flex; }
.sec-body-title .sec-title{padding-right:20px; padding-left:15px;}
.sec-body-title .sec-title .sec-title h2.sec-tit:after{margin-left:12px;}

.sec-around-content .sec-body-title .sec-title h2.sec-tit{font-size:19px;}
.sec-around-img{overflow:hidden;}
.sec-around-img .img-box img{ width:100%; height:200px; object-fit:cover; }
.sec-around-img button.slick-arrow{height:100%; background:rgba(0,0,0,0.4);}
.sec-around-img button.slick-arrow.slick-prev{left:10px}
.sec-around-img button.slick-arrow.slick-next{right:10px}

.sec-member-blog.section-resent-news{padding:10px 0 30px;}
.sec-member-blog.section-resent-news .sec-news-slider{padding:0 50px;}
.sec-member-blog.section-resent-news button.slick-arrow.slick-prev{left:-40px;}
.sec-member-blog.section-resent-news button.slick-arrow.slick-next{right:-40px;}


/*reservation details*/
.sec-reservation-content .sec-reservation-book-details{width:100%; clear: both; overflow:hidden;}
.sec-reservation-content .inner-reservatin-detail{ clear:both; width:100%; }
.sec-reservation-content .inner-reservatin-detail .row{flex-wrap: nowrap;}
.sec-reservation-content .inner-reservatin-detail .reservation-box{padding-top:18px;}
.sec-reservation-content .inner-reservatin-detail .reservation-box .box-info{ background:#fff; border-radius:10px; padding:18px 0px 50px; position:relative; width:100%; height:100%; border-top:12px solid #6F7070; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%);}
.sec-reservation-content .inner-reservatin-detail .reservation-box .box-info .chek-icon{position:absolute; right:20px; top:-30px;}
.sec-reservation-content .inner-reservatin-detail .reservation-box .box-info .chek-icon img{max-width:40px;}
.sec-reservation-content .inner-reservatin-detail .reservation-box .box-info .box-content{width:100%; position:relative; padding-left:40px; padding-right:15px;}
.sec-reservation-content .inner-reservatin-detail .reservation-box .box-info .box-content h4.blue-title{margin-bottom:8px;}
.sec-reservation-content .inner-reservatin-detail .reservation-box .box-info .box-content .slot-box-icon{position:absolute; left:15px; top:0;}
.sec-reservation-content .inner-reservatin-detail .reservation-box .box-info .box-content .slot-box-icon img{max-width:18px;}
.sec-reservation-content .inner-reservatin-detail .box-info .box-content p{color: #6F7070; font-size: 11px; line-height: 12px; margin-bottom: 6px;}
.sec-reservation-content .inner-reservatin-detail .box-info .box-footer{ display:flex; justify-content:space-between;border-top:1px solid #dfdfdf; padding:10px 15px; position:absolute; width:100%; bottom:0px; }
.sec-reservation-content .inner-reservatin-detail .box-info .box-footer ul li:first-child{padding-left:0px;}

.sec-reservation-content .inner-reservatin-detail .reservation-box.reservation-cofirmed .box-info{border-top-color:#216431;}

.sec-main-cal-key-box{width:100%; clear: both;}

/*calendar key*/
.sec-calendar-key{ clear:both; max-width:440px; float:left; }
.sec-calendar-key .calendar-key-box{width:100%; background:#fff; border-radius:10px; padding:15px;}
.sec-calendar-key .calendar-key-box h4{text-transform:uppercase; font-family: 'museo_sans500'; margin-bottom:10px;}
.sec-calendar-key .calendar-key-box ul{margin:0; padding:0px;}
.sec-calendar-key .calendar-key-box ul li{position:relative; padding: 0 0 15px 25px; font-size:12px; line-height:16px;}
.sec-calendar-key .calendar-key-box ul li span.icon-img{position:absolute; left:0; top:0px; line-height:0px;}
.sec-calendar-key .calendar-key-box ul li span.icon-img img{max-width:18px;}


/*my boat page*/
.my-boat-page .page-main-content .inner-main-content{padding-top:0px;}
.sec-notice-box{width:100%; clear: both; background:#D4F0FA; padding:4px 10px 4px 10px; border-radius:10px; margin:15px 0;}
.sec-notice-box .notice-box-info{display:flex; align-items:center;}
.sec-notice-box .notice-box-info p{margin-bottom:0px; padding-bottom:0px; font-family: 'museo_sans900'; color:#19375f; font-size:14px;}
.sec-notice-box .notice-box-info .circle-icon-md.red-bg-icon{background:#DE3C3C !important;}
.sec-notice-box .notice-box-info .circle-icon-md.red-bg-icon img{max-width:5px;}
.sec-notice-box .notice-box-info .circle-icon-md.red-bg-icon {padding:8px 13px;}
.sec-notice-box .notice-box-info .notice-listing {margin-bottom: 0px}
.sec-notice-box .notice-box-info .notice-listing li:first-child {margin-top: 0px !important;}
.sec-notice-box .notice-box-info .notice-listing li:last-child {margin-top: 12px;}
.sec-notice-box .notice-box-info {position: relative;padding:8px;}
.sec-notice-box .notice-box-info .notice-close-icon.close_member_notice {position: absolute;right: 0;top: 8px;font-size: 20px;}

.sec-boat-desc-box .boat-box .boat-img{width:100%; text-align:center; margin: 15px 0}
.sec-boat-desc-box .boat-box .boat-img img{ width:185px; height:185px; margin:0 auto; border-radius:100%; }
.sec-boat-desc-box .boat-box-info ul{margin:0; padding:0; }
.sec-boat-desc-box .boat-box-info ul li{padding:0 0 10px; color:#515151;}
.sec-boat-desc-box .boat-box-info ul li span{width:95px; margin-right:10px; float:left;}
.sec-boat-desc-box .boat-box-info ul li a{color:#515151;}

.sec-boat-document .card .card-body{height:292px;}

.sec-my-boat .boat-field-dropdown select{text-transform:none;}

/*maintenance log*/
.sec-maintenance-log .card-body ul.maintenance-log-list{margin:0; position:relative; height:182px;}
.sec-maintenance-log .card-body ul.maintenance-log-list:before, .sec-sillog-detail ul.sailing-log-list:before{position:absolute; content:''; height:100%; left:5px; top:3px; border: 1px dashed #e6e6e6;}
.sec-maintenance-log .card-body ul.maintenance-log-list li{ display:flex; width:100%;  padding-left:25px; margin-bottom:12px; position:relative;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-title-info{width:20%;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-status-info{width:15%;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-img-info{width:17%;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-desc-info{width:48%;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-title-info h4{font-size:13px; margin-bottom:4px;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-title-info p{font-size:12px; line-height:14px; margin-bottom:0px;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-status-info{ text-align:center; font-size:13px; }
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-img-info .boat-img-group{ display:flex; }
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-img-info .boat-img-group img{width:40px; height:34px; object-fit:cover; margin-right:10px;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-desc-info p{font-size:12px}
.sec-maintenance-log .card-body ul.maintenance-log-list li .boat-desc-info p:last-child{margin-bottom:0px; padding-bottom:0px;}

.sec-maintenance-log .card-body ul.maintenance-log-list li .badge-circle, .sec-sillog-detail ul.sailing-log-list li .badge-circle{position:absolute; left:0; top:3px; width:12px; height:12px; border-radius:100%; background:#931212; display:block; z-index:1;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .badge-circle.red-circle{background:#931212;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .badge-circle.light-red-circle{background:#DE3C3C;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .badge-circle.yellow-circle{background:#EFAD18;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .badge-circle.orange-circle, .sec-sillog-detail ul.sailing-log-list li .badge-circle.orange-circle{background:#DE7A1C;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .badge-circle.blue-circle{background:#19375f;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .badge-circle.wood-circle{background:#764212;}
.sec-maintenance-log .card-body ul.maintenance-log-list li .badge-circle.green-circle{background:#234C2D;}

/*member desktop library page*/
.sec-member-desktop .sec-document-listing .sec-document-row .doc-box .box-info{padding-bottom:65px;}
.sec-member-desktop .section-key-library.section-key .key-box{min-width: 310px;}

/*member desktop sailtime plus page*/
.sec-sailtime-plus .sailtime-plus-about-img{max-width:230px; margin:15px auto 0; background:#DE7A1C; border-radius:10px; text-align:center; color:#fff; padding:30px;}
.sec-sailtime-plus .sailtime-plus-about-img img{margin-bottom:20px; max-width:90px;}
.sec-sailtime-plus .sailtime-plus-about-img h3{font-size:18px; font-family: 'museosans-700uploaded_file'; padding-bottom:0px;}

.sec-sailtime-plus .sailtime-plus-content{font-size:12px; line-height:16px;}
.sec-sailtime-plus .sailtime-plus-content p{padding-bottom:8px;}
.sec-sailtime-plus .sailtime-form-details{max-width:520px; padding-bottom:30px;}
.sec-sailtime-plus .sailtime-form-details textarea{height:150px; border-color: #999;}
.sec-sailtime-plus .sailtime-form-details .form-btn .btn{min-width:150px;}

/*sailing log*/
.sec-sillog-detail .card-header{position:relative;}
.sec-sillog-detail .card-header h3{ width:33.33%; padding-left:15px; }
.sec-sillog-detail .card-header h3:first-child{padding-left:24px;}
.sec-sillog-detail .card-header h3:last-child{padding-left:0px;}
.sec-sillog-detail .card-header .card-options{position:absolute;right:15px; top:10px;}
.sec-sillog-detail ul.sailing-log-list{margin:0; padding:0px; position:relative; height:100%;}
.sec-sillog-detail ul.sailing-log-list li{display:flex; width:100%;  padding-left:25px; margin-bottom:12px; position:relative;}
.sec-sillog-detail ul.sailing-log-list li .sail-box{width:33.33%; padding-right:15px;}
.sec-sillog-detail ul.sailing-log-list li .sail-box p{font-size:11px; line-height:16px;}
.sec-sillog-detail ul.sailing-log-list li .sail-notes.sail-box{width:34.8%;}
.sec-sillog-detail ul.sailing-log-list li .sail-location.sail-box{width:31.33%;}


/*reservation modal*/


.sm-sec-title.sec-title h2.sec-tit{font-size:20px;}
.sm-sec-title.sec-title h2.sec-tit:after{margin-left:12px;}

/*select2 dropdown*/
.select-field{position:relative;}
.select2.select2-container {
  width: 100% !important;
  display:block;
  
}



.select2.select2-container .select2-selection {
  border: 1px solid transparent;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  height: 34px;
  margin-bottom: 15px;
  outline: none;
  transition: all 0.15s ease-in-out;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
  color: #333;
  line-height: 32px;
  padding-right: 33px;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
  background: #f8f8f8;
  border-left: 1px solid #ccc;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  height: 32px;
  width: 33px;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #f8f8f8;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid transparent; padding-right:0px; margin-bottom:0px;
}

.select2.select2-container.select2-container--focus .select2-selection {
  border: 1px solid transparent;
  background:none;
}

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height:36px;
  position:relative;
  padding-right:0px;
  background:none;
}
.select2.select2-container .select2-selection--multiple:before{position:absolute; content:''; background:#fff; border:1px solid #999; width:100%; height:30px; top:-1px; left:0;}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 3px 6px;
  line-height: 29px;
  margin-top:50px;
  left:0;
  margin-bottom:0px;
  width:100%;
  border: 1px solid #AAAAAA;
  background:#E5E5E5;
  min-height:106px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color:#19375f;
  border: 1px solid #C0C5CD;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  margin: 4px 4px 0 0;
  padding: 3px 6px 5px 22px;
  height: auto;
  min-width:26px;
  line-height:16px;
  font-size: 12px;
  position: relative;
  color:#fff;
  white-space: break-spaces;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px;
  border-right:0px;
  line-height:20px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover, .select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:focus{background:none; outline:none;}

.select2-container .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: -5px;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none;
  border: 1px solid #34495e;
  border-bottom: none;
  padding: 4px 6px;
}

.select2-container .select2-dropdown .select2-results {
  padding: 0;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #fff;
  border: 1px solid #34495e;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #3498db;
}

.sec-check-modal .sec-doc-content .select-field{width:100%; float:left;}

.select2-search.select2-search--inline{position:absolute; left:0; top:0; width:100%; padding-right:40px;}
.select2-search.select2-search--inline .select2-search__field{ line-height:30px; padding-left: 8px !important; font-size:16px;}


.choose-add-field .select2.select2-container .select2-selection{position:relative; background:none; border:0px;}
.choose-add-field .select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple{border:0px;}
.choose-add-field .select2.select2-container .select2-selection:before{position:absolute; content:''; left:0; top:0; border:1px solid #999; width:87%; height:32px;}
.choose-add-field .select2.select2-container .select2-selection:after{position: absolute; content: "\F0415"; font: normal normal normal 24px/1 "Material Design Icons"; -webkit-font-smoothing: antialiased; width: 26px; height: 26px; background: #DE7A1C; color: #fff;
    line-height: 27px; font-size: 21px; border-radius: 100%; display: block; margin: 1px; text-align: center; top: 2px; right: 0; cursor:pointer;}
.choose-add-field .select-field.select-field-xs:before{display:none;}

.choose-folder-field{position:relative;}
.choose-folder-field .select-field{padding-right:37px; margin-bottom:8px;}
.choose-folder-field #show_new_folder_box .form-control{width: 100%; border: 1px solid #AAAAAA; background: #E5E5E5; min-height: 50px;}
.choose-folder-field .add_new_folder{position:absolute; right:0; top:28px;}


.engine-reading-listing{padding-bottom:5px; width:100%;}
.engine-reading-listing p{margin-bottom:2px;}
.engine-reading-listing ul{margin:0 -15px; padding:0px; display:flex;}
.engine-reading-listing ul li.list-item{padding:3px 15px;float:left; width:33.33%;}
.engine-reading-listing ul li.list-item label.field-label{font-size:12px; font-family: 'museosans-700uploaded_file'; margin-bottom:4px;}

/*check modal*/
.sec-check-modal .modal-body form textarea{min-height:242px;}
.sec-check-modal.sec-checkoff-modal .modal-body form  .expections-field textarea{min-height:367px;}
.sec-checkoff-sail-log-modal .modal-body form  textarea{min-height:120px;}
.sec-add-event-modal .modal-body form textarea{min-height:200px;}

/*checkoff modal*/
.sec-checkoff-modal .crew-field-list ul.crew-listing{padding:0; margin:0;}
.sec-checkoff-modal .crew-field-list ul.crew-listing li{background:#efefef; padding:5px 10px; margin-bottom:8px;}

body textarea.text-field-height{min-height:145px !important;}

/*people view content*/
.sec-view-content-modal .sec-content-desc .sec-img-box .box-img{padding-bottom:15px; width:100%;}
.sec-view-content-modal .sec-content-desc .sec-img-box .box-img img{width:260px; height:240px; object-fit:cover;}
.sec-view-content-modal .sec-content-desc .sec-img-box .box-icon{width:100%; padding-bottom:8px;}
.sec-view-content-modal .sec-content-desc .sec-img-box .box-icon a{display:block;}


.sec-view-content-modal .sec-content-desc .sec-content-foot{ display:flex; justify-content:space-between; width:100%;}
.sec-view-content-modal .sec-content-desc .sec-content-foot label.field-label{color:#2A5133;}
.sec-view-content-modal .sec-content-desc .sec-content-foot .text-delete a{ color:#A02F2F !important; font-family: 'museosans-700uploaded_file'; text-transform: uppercase; font-size:12px; }
.sec-view-content-modal .sec-content-desc .sec-img-box a.document-text{display:block; color:#6F7070;}
.sec-view-content-modal .sec-content-desc .sec-img-box.sec-pdf-content .sec-content-foot{padding-top:15px;}

/*add member level popup*/
.sec-add-member-level-modal h4.blue-title{margin-bottom:10px;}
.sec-add-member-level-modal p{padding-bottom:8px;}
.sec-add-member-level-modal .sec-daily-limit table{margin-bottom:0px;}
.sec-add-member-level-modal .sec-daily-limit table tr th{font-size: 13px; color: #19375F; font-family: 'museosans-700uploaded_file'; font-weight:normal;}
.sec-add-member-level-modal .sec-daily-limit table thead tr th{text-align:center; border-bottom:0px; text-transform:none;}
.sec-add-member-level-modal .sec-daily-limit table td, .sec-add-member-level-modal .sec-daily-limit table th{width:12.5%; padding:6px 6px;}

.sec-add-member-level-modal .sec-daily-limit table td .form-group{margin-bottom:0px;}
.sec-add-member-level-modal .sec-daily-limit table td .form-group input.form-control{background:#E5E5E5; border:0px; height:24px;}
.sec-add-member-level-modal .sec-daily-limit table td .form-group input.form-control.choose_picker.nonpeak{background:#E5E5E5;}
.sec-add-member-level-modal .sec-daily-limit table td .form-group input.form-control.choose_picker.peak{background:#ff9924;}
.sec-add-member-level-modal .sec-daily-limit table td .form-group input.form-control.choose_picker.restricted{background:#cc0000;}
.sec-add-member-level-modal .sec-daily-limit table tbody tr th:first-child, .sec-add-member-level-modal .sec-daily-limit table thead tr th:first-of-type{width:9%;}
/*.sec-add-member-level-modal .sec-daily-limit .peak-chooser-list ul{padding:0; margin:0; border: 1px solid #001647;}
.sec-add-member-level-modal .sec-daily-limit .peak-chooser-list ul li{width:100%;background: #c9d1df; color:#001647; padding:2px 10px; border-bottom:1px solid #001647; cursor:pointer;}
.sec-add-member-level-modal .sec-daily-limit .peak-chooser-list ul li.peak{ background:#ff9924; color:#fff; }
.sec-add-member-level-modal .sec-daily-limit .peak-chooser-list ul li.restricted{ background:#cc0000; color:#fff; }
.sec-add-member-level-modal .sec-daily-limit .peak-chooser-list ul li:hover{background:#408000; color:#fff;}
.sec-add-member-level-modal .sec-daily-limit .peak-chooser-list ul li:last-child{border-bottom:0px;}*/


.peak-chooser-list ul{padding:0; margin:0; border: 1px solid #001647; width:120px;}
.peak-chooser-list ul li{width:100%;background: #c9d1df; color:#001647; padding:2px 10px; border-bottom:1px solid #001647; cursor:pointer;}
.peak-chooser-list ul li.peak{ background:#ff9924; color:#fff; }
.peak-chooser-list ul li.restricted{ background:#cc0000; color:#fff; }
.peak-chooser-list ul li:hover{background:#408000; color:#fff;}
.peak-chooser-list ul li:last-child{border-bottom:0px;}

.sec-content-table table{margin-bottom:0px;}
.sec-content-table table tr{vertical-align:bottom;}
.sec-content-table table tr td{width:11.11%; padding:4px 6px;}
.sec-content-table table tr td:first-child{padding-left:0px;}
.sec-content-table table tr td:last-child{padding-right:0px;}
.sec-content-table table tr td .form-group{margin-bottom:0px;}
.sec-content-table table tr td .form-group label{text-align:center; display:block;}
.sec-content-table table tr td .form-group input.form-control{height:24px;}

.sec-regional-content.sec-content-table table tr td .form-group label{text-align:left;}

.sec-borrow-content ul{padding:0; margin:0;}
.sec-borrow-content ul li{padding-bottom:3px;}

.section-base-form form textarea{min-height:250px;}
.section-base-form form label.field-label{font-size:13px;}
.section-base-form .card-body{padding:25px;}
.section-base-form .card-body .sec-title h2.sec-tit{font-size:20px;}
.section-base-form .card-body form .statement-field .delete-text{font-size:12px; font-family: 'museosans-700uploaded_file'; padding-left:50px; margin-bottom:0px;}
.section-base-form .card-body form .statement-field .delete-text a.text-danger{color:#931212 !important;}
.section-base-form .card-body form .statement-field{display:flex; align-items:center;}

.section-base-form .card-body form .datepicker-field .gj-datepicker-bootstrap [role=right-icon] button{background: url(../images/icons/cal_orange.png) right center no-repeat; border-left:1px solid #999; background-size:29px; width:46px; border: 1px solid #fff !important; border-left: 1px solid #999 !important;}
.section-base-form .card-body form .datepicker-field .gj-datepicker input.form-control{ border-right:0px; }
.section-base-form .card-body form .datepicker-field .gj-datepicker-bootstrap [role=right-icon] button:focus, .section-base-form .card-body form .datepicker-field .gj-datepicker-bootstrap [role=right-icon] button:hover{background: url(../images/icons/cal_orange.png) right center no-repeat;}

.loader {position:fixed; left: 0;right: 0;top: 0;bottom: 0;margin: auto;background:rgba(25, 55, 95, 0.8); z-index: 1111; opacity:1; display:none;}
.loader .loader-img{position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); text-align:center;}
.loader .loader-img h5{font-size:25px; color:#fff; margin-top:15px;}
/*.loader{ position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../images/loader.png') 50% 50% no-repeat rgb(249,249,249);}*/



/*-------------------------------------------------*/
/*-----------------super admin---------------------*/

/*admin dockpage*/
/*.section-content-approvals .sec-tab-body table{display:block;}
.section-content-approvals .sec-tab-body table thead{padding-right:26px; width:100%; display:block;}
.section-content-approvals .sec-tab-body tbody{max-height:150px; display: block;  position: relative;  width: 100%;}*/

.section-content-approvals .sec-tab-body{max-height:205px;}

.section-content-approvals .tab-btn{padding-right:26px;}
.section-boat-expiring .sec-tab-body{height:285px;}
.sec-doc-fleet .global-fleet-hdr .row{margin:0 -10px;}
.sec-doc-fleet .global-fleet-hdr .left-content{width:25%; padding:0 10px;}
.sec-doc-fleet .global-fleet-hdr .center-content{width:40%; padding:0 10px;}
.sec-doc-fleet .global-fleet-hdr .right-content{width:35%; padding:0 10px;}
.sec-doc-fleet .global-fleet-hdr .left-content .content-info{display:flex; width:100%; padding: 4px 10px 6px; background: rgba(25,55,95,0.7);justify-content: space-between;}
.sec-doc-fleet .global-fleet-hdr .left-content .content-info .checkbox .custom-control-label{color:#fff;}
.sec-doc-fleet .global-fleet-hdr .center-content .search-form{max-width:100%;}
.sec-doc-fleet .global-fleet-hdr .right-content .content-info{display:flex; justify-content:space-between;}
.sec-doc-fleet .global-fleet-hdr .right-content .content-info .select-field{max-width:200px; margin-right:10px;}
.sec-admin-dock-fleet .card .sec-tab-body{max-height:475px; margin-bottom:10px;}

.sec-admin-doc-people .sec-people-hdr .left-people-content .search-form .search-field-box .search-icon{background:#DE7A1C; color:#fff; width:30px; height:30px; border-radius:100%; font-size:14px; line-height:28px; right:-45px; top:6px;}
.sec-admin-doc-people .sec-people-hdr .left-people-content .search-form .search-field-box .search-icon:hover{ background:#19375f; }
.sec-admin-doc-people .sec-people-table{height:420px;}

.sec-doc-document .card-document .sec-document-list{height:130px;}
.card-document ul.document-list.part-document-list li{width:50%; float:left; padding-right:15px;}
.sec-doc-document .card-document ul.document-list li .doc-box{align-items: flex-start;}
.sec-doc-document .card-document ul.document-list li .doc-box .doc-img ul{padding: 2px 3px 0;}
.sec-doc-document .card-document ul.document-list li .doc-box .doc-img ul li{margin: 1.5px 0;}
.sec-doc-document .card-document ul.document-list li .doc-box .box-content p{color:#515151; font-size:9px;}
.sec-doc-document .card-document ul.document-list li .doc-box .box-content p.text-orange{color:#DE7A1C;}

.sec-help-desk-request .sec-tab-body{max-height:213px;}


.search-suggnetion-field{position:relative;}
/*.search-suggnetion-field .form-control:focus ~ .mobile_suggest_listing{display:block;}*/
.search-suggnetion-field .mobile_suggest_listing{position:absolute; left:0; top:40px; width:100%; left: 0;
    right: 0; z-index:5; padding: 0; margin: 0; /*border-width: 1px; border-style: solid; border-color: #cbcfe2 #c8cee7 #c4c7d7;*/ border-radius:0px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); background-color: #fdfdfd; display:none;}
.search-suggnetion-field ul{padding:0; margin:0; padding-right:2px; max-height:150px; overflow:hidden auto;}
.search-suggnetion-field ul{scrollbar-color: #DE7A1C #E5E5E5; scrollbar-width:thin;}
.search-suggnetion-field ul::-webkit-scrollbar{width:2px;} 
.search-suggnetion-field ul::-webkit-scrollbar-thumb{background:#DE7A1C; border-radius: 14px;}
.search-suggnetion-field ul::-webkit-scrollbar-track{background-color:#E5E5E5; border-radius: 14px;}
.search-suggnetion-field ul li{display:block; transition: all 0.15s ease-in 0s;}
.search-suggnetion-field ul li a{padding: 6px 15px 6px 15px; color: #808394; display:block; transition: all 0s ease-in 0s;}
.search-suggnetion-field ul li.focus a, .search-suggnetion-field ul li a:hover, .search-suggnetion-field ul li a:focus{background:#DE7A1C; color:#fff;}




/*admin calendar page*/

/*admin globar fleet*/
.section-admin-global-fleet.section-global-fleet .global-fleet-hdr .left-content .content-info{padding: 13px 20px;}

.sec-global-fleet-table .sec-tab-body{max-height:520px;}

.sec-general-accordion .panel-group .sec-embark-boat-log .panel-heading .panel-icon img{max-width:40px;}
.sec-embark-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-left{display:inline-block; width:50%;}
.sec-embark-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-right{width:40%;}
.sec-embark-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-left .content-info{ display:flex; align-items:flex-end; }
.sec-embark-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-left .content-info .show-info-field{width:46%;}
.sec-embark-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-left .content-info .btn.btn-md{padding:2px 20px; line-height: 25px;  margin-bottom:3px;}

.sec-admin-global-fleet-accordion.sec-fleet-acordian .section-map .sec-content-hdr{ display:block; }

/*circle chart css*/ 

.circle-chart {width:64px; margin-left: auto; margin-right: auto; display: block; height:64px; position:relative;}
.circle-chart-donut {display:block; width:100%; text-align: center;}
.circle-chart-donut canvas {position: absolute; top: 0; left: 0;}
.chart-percent{display: inline-block; font-size: 13px; color: #515151; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.chart-percent:after {content: '%';}

.sec-accordion-content .sec-usage-log-table .sec-tab-body{height:198px;}

/*admin people page*/
.sec-admin-main-people.section-main-people .right-contact-detail .contact-boat-list{padding: 15px 35px 12px;}
.sec-admin-main-people .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content{width:75%;}
.sec-admin-main-people.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li.username-list-item{clear:left;}
.sec-admin-main-people.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-checkbox-listing{padding:0; margin:15px 0 0; width:100%; display:block; clear:both;}
.sec-admin-main-people.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-checkbox-listing li{ display:inline-block; padding-right:20px;  }
.sec-admin-main-people.section-main-people .right-contact-detail .contact-boat-list ul{float:right; width:87%;}
.sec-admin-main-people.section-main-people .right-contact-detail .contact-boat-list ul li{width:24%; float:none; padding-right:20px; padding-bottom:5px; display:inline-block;}

.sec-admin-main-people.section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info ul.alert-list-detail{height:180px; padding-right:0px;}
.sec-admin-main-people.section-main-people .right-contact-detail .contact-badge-detail{ border-top: 1px solid #dfdfdf; padding-bottom:20px;}
.sec-admin-main-people.section-main-people .contact-sidebar .sidebar-contact-info ul.contact-list-item{height:888px;}

.sec-admin-people-content-hdr .sec-people-hdr-search-bg-text{padding:4px 17px;}
.sec-admin-people-content-hdr .sec-people-hdr-search-bg-text p, .sec-admin-people-content-hdr .sec-people-hdr-search-bg-text .checkbox .custom-control-label{font-size:12px;}

.sec-admin-global-fleet-accordion.sec-fleet-acordian .sec-accordion-content.sec-content-table .card{margin-bottom:10px;}




/* admin intranet page */
.sec-admin-document-library.sec-document-library .left-fleet-hdr .search-form{ display:flex; justify-content:space-between; max-width:100%; align-items: flex-start; }
.sec-admin-document-library.sec-document-library .left-fleet-hdr .search-form .search-field-box{width: 360px;}
.sec-admin-document-library.sec-document-library .left-fleet-hdr .search-form .sec-btn.btn{font-size:12px; padding:8px 25px;}

.sec-admin-document-library.sec-document-library .sec-document-listing{height:400px; margin-bottom:30px;}
.sec-admin-document-library .sec-document-listing .sec-document-row .doc-box .box-info{padding-bottom:88px;}

.sec-site-box .inner-box{background:#DE7A1C; width:100%; height:100%; padding:30px; text-align:center;}
.sec-site-box .inner-box .box-img{width:100%; margin-bottom:18px; text-align:center;}
.sec-site-box .inner-box .box-img img{height:92px; object-fit:contain; object-position:center center;}
.sec-site-box .inner-box .box-title{font-size:20px; color:#fff; padding-bottom:0px;}
.sec-site-box .inner-box .box-title a{color:#fff;}

/*admin marketing page*/
.sec-admin-marketing-document.sec-marketing-document .sec-document-listing .sec-document-row .doc-box .box-info{padding-bottom:85px;}
.sec-admin-marketing-document.sec-marketing-document .sec-document-listing{max-height:388px;}
.sec-admin-marketing-document.sec-marketing-document .sec-document-listing .sec-document-row .doc-box{padding:6px;}
.sec-admin-marketing-document.sec-marketing-document .sec-document-listing .sec-document-row.row{margin:- 6px;}


/*admin library*/
.sec-admin-library.sec-document-listing .doc-box .box-info{padding-bottom:88px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-content .select-field{padding:0 13px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-content .select-field.select-field-xs:before{right:13px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-content{position:relative; bottom:0;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list{padding-left:0px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list li{padding:0 3px;}
/*.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection--multiple .select2-selection__rendered{margin-top:0px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection--multiple{height:36px; margin-bottom:12px;}

.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection--multiple .select2-selection__rendered{height:30px; overflow: hidden auto; min-height:30px; background:none; padding-top:0px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection--multiple:before{position:relative; display:none;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select-field:before{top:1px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection--multiple .select2-selection__choice{font-size:11px; padding: 2px 2px 2px 16px; margin: 0px 4px 4px 0;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{top:2px; height: 16px; width: 16px; font-size:14px;}*/

.sec-admin-library.sec-document-listing .doc-box .box-info .box-img, .sec-admin-library.sec-document-listing .doc-box .box-info .box-video{margin-bottom:15px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-icon{line-height:95px; margin-bottom:10px;}
.sec-admin-library.sec-document-listing .doc-box .box-info{padding-bottom:0px;}

.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection--multiple .select2-selection__choice{font-size:10px; padding: 2px 2px 2px 16px; margin: 0px 4px 2px 0; float:left; line-height:12px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2-container--default .select2-selection--multiple .select2-selection__choice__display{padding-left:0px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{top:0px; height:16px; width: 14px; font-size:12px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection--multiple .select2-selection__rendered{height:40px; overflow: hidden auto; min-height:40px; margin-top:35px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection--multiple:before{height:30px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container .select2-selection{margin-bottom:10px;}
.sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-drop-list .select2.select2-container{font-size:12px;}


/*admin dock*/
.sec-admin-dock .sec-document-listing .sec-document-row .doc-box .box-info{padding-bottom:0px;}


/*admin ask question*/
.sec-admin-ask-question.sec-ask-question .question-content .qestion-box .box-content ul.post-detail-list{padding-bottom:5px;}
.sec-admin-ask-question.sec-ask-question .question-content .qestion-box .delete-icon{position:absolute; right:0px; top:24px;}
.sec-admin-ask-question.sec-ask-question .question-content .qestion-box .comment-checkbox{padding-bottom:5px;}
.sec-admin-ask-question.sec-ask-question .question-content .qestion-box .box-content .post-title{padding-right:25px;}

/*.sec-admin-ask-question.sec-ask-question .question-content .qestion-box .delete-icon, .sec-admin-ask-question.sec-ask-question .question-content .qestion-box .comment-checkbox{ display:bloc; }*/


/*admin system settings*/
.sec-forum-update-table .sec-general-table .sec-tab-body{height:205px;}
.sysem-settings-page .activity-listing .sec-activity-list{height:400px;}
.sysem-settings-page .activity-listing .sec-activity-list .listing-activity-item li .item-content{width:100%; display:flex; justify-content:space-between;}
.sysem-settings-page .activity-listing .sec-activity-list .listing-activity-item li .item-content p{font-size:11px; line-height:15px; margin-bottom:0PX;}
.sysem-settings-page .activity-listing .sec-activity-list .listing-activity-item li .item-content p b{color:#19375f;}
.sysem-settings-page .activity-listing .sec-activity-list .listing-activity-item li .item-content .content-right{text-align:right;}

.sysem-settings-page .checklist-listing ul.listing-item{padding:0; margin:0; min-height:401px;}
.sysem-settings-page .checklist-listing ul.listing-item li .item-detail{ display:flex; }
.sysem-settings-page .checklist-listing ul.listing-item li .item-detail p{font-size:12px; font-family: 'museosans-700uploaded_file'; padding-right:8px;}
.sysem-settings-page .checklist-listing ul.listing-item li .item-detail p a{color:#19375f;}

.sysem-settings-page .sec-member-level-table .sec-tab-body{height:525px;}
.sysem-settings-page .sec-member-level-table table tr th, .sysem-settings-page .sec-email-messages-table table tr th, .sysem-settings-page .sec-system-announcement-table table tr th{padding-bottom:17px;}
.sysem-settings-page .sec-system-announcement-table .sec-tab-body{height:400px;}
.sysem-settings-page .sec-email-messages-table .sec-tab-body{height:360px;}


/*admin reporting page*/
.sec-reporting-info .card .card-body{min-height:800px;}

/*admin help page*/
.submit-ticket-form-box .form-btn .btn.btn-md{min-width:100px; padding:4px 15px 3px; border-radius:6px;}
.sec-admin-manange-ticket-table .center-hdr-content .content-info{ display:flex; justify-content:center; align-items:center; }
.sec-admin-manange-ticket-table .center-hdr-content .content-info .form-group,.sec-admin-manange-ticket-table .center-hdr-content .content-info .select-field {margin-bottom:0px;}
.sec-admin-manange-ticket-table .center-hdr-content .content-info .search-form{margin-right:15px;}
.sec-admin-manange-ticket-table .center-hdr-content .content-info .search-form .search-field-box .form-control{ height:36px; font-size:14px; }
.sec-admin-manange-ticket-table .center-hdr-content .content-info .search-form .search-field-box .search-icon{height:36px; width:36px; line-height:37px; font-size:19px;}


/*admin bases page*/
.sec-admin-bases.sec-base-fleet .base-fleet-row .fleet-box .box-info .info-icon-box .circle-icon-sm.circle-img-icon-sm img{max-width:12px;}
.sec-admin-bases.sec-base-fleet .base-fleet-row .fleet-box .box-info{padding-bottom:20px;}
.sec-admin-bases.sec-base-fleet .inner-base-fleet-content{max-height:275px;}

.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .map-img{height:110px; margin-bottom:17px;}
.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .detail-box-info{position:relative; height:100%;}
.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .detail-box-info .text-delete{position:absolute; right:8px; bottom:25px;}

.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .sec-content-app-table .sec-tab-body{max-height:432px; margin-bottom:15px;}
.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .sec-content-app-table .tab-btn{text-align:right; padding-right:26px;}
.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content select{text-transform:none;}
/*admin vendors page*/
.sec-admin-vendors-table .sec-general-table .sec-tab-body{max-height:280px; margin-bottom:10px;}

.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .sec-setting-content{max-height:500px;}
.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .sec-setting-content select{text-align:left; text-align-last:left;}
.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .sec-setting-content .dropdown-group .select-field-second{width:120px;}
.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .sec-setting-content ul.check-box-listing{padding:0; margin:0;}
.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .sec-setting-content ul.check-box-listing li{display:inline-block; padding-right:10px; padding-bottom:4px;}

/*admin royalty fees page*/
.sec-admin-royalty-fees .card-body .royalty-left-content .admin-select-field{max-width:275px;}
.dropdown-group{ display:flex; justify-content:space-between; }
.dropdown-group .select-field select{padding-right:46px; text-align:left; text-align-last:left;}
.dropdown-group .select-field-second{margin-left:15px;}
.sec-admin-royalty-fees .card-body .royalty-left-content .dropdown-group .select-field-second{margin-left:15px; width:130px;}
.sec-admin-royalty-fees .card-body .select-field select{padding-right:46px; font-size:12px; text-align:left; text-align-last:left;}
.sec-admin-royalty-fees .card-body .royalty-left-content .btn.btn-md{padding:5px 20px;}
.sec-admin-royalty-fees .card-body .royalty-right-content .royalty-icon-list ul li{padding:0 8px; text-align:center;}
.sec-admin-royalty-fees .card-body .royalty-right-content .royalty-icon-list ul li:first-child{padding-left:0px;}
.sec-admin-royalty-fees .card-body .royalty-right-content .royalty-icon-list ul li a{ color:#515151; font-size:12px; }
.sec-admin-royalty-fees .card-body .royalty-right-content .royalty-icon-list ul li a span.circle-icon-lg{margin:0 auto 5px;}
.sec-admin-royalty-fees .card-body .royalty-right-content .statement-select-field .select-field{max-width:170px;}

.sec-admin-transations .card-body .transations-left-content .admin-calendar-field .select-field{max-width:115px;}
.sec-admin-transations .card-body .transations-right-content p{font-size:12px;}


/*check form modal*/
.sec-checkform-modal .modal-body, .sec-sailtime-plus-modal .modal-body{padding:0; border:0px;}
.sec-checkform-modal button.close, .sec-general-modal button.close{position:absolute; top:10px; right:10px;}
.sec-checkform-modal button.close:focus, .sec-general-modal button.close:focus{outline:none; box-shadow:none;}

/*people details page*/
.sec-people-details .search-field-box{margin-bottom:35px !important;}
.sec-people-details .people-detail-box{width:100%; padding-bottom:30px;}
.sec-people-details .people-detail-box .box-info{background: #fff;  border-radius: 8px; padding: 30px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); width: 100%; text-align:center;}
.sec-people-details .people-detail-box .people-img{text-align:center; width:180px; height:150px; margin:0 auto 25px; position:relative;}
.sec-people-details .people-detail-box .people-img img.pro-img{width:150px; height:150px; border-radius:100%; object-fit:cover; background:#dfdfdf; margin:0px auto;}
.sec-people-details .people-detail-box .people-img .choose-img-btn input[type="file"]{display:none;}
.sec-people-details .people-detail-box .people-img .choose-img-btn .edit-img-btn{position:absolute; right:0px; top:60px;}
.sec-people-details .people-detail-box .people-img .choose-img-btn .edit-img-btn span{cursor:pointer;}
.sec-people-details .people-detail-box .people-content h3.blue-title{font-size:18px; font-family: 'museosans-700uploaded_file';}
.sec-people-details .people-detail-box .people-content h3.blue-title a{color:#19375f;}
.sec-people-details .people-detail-box .people-content p{padding-bottom:3px;}
.sec-people-details .people-detail-box .people-content .borro-switch{ display:flex; justify-content:center; padding-bottom:10px; padding-top:5px; }
.sec-people-details .people-detail-box .people-content ul.icon-list{justify-content:center;}


/*ettendant page*/
.sec-ettendant-content ul.ettendant-listing{padding:0; margin:0}
.sec-ettendant-content ul.ettendant-listing li{width: 100%; display: block; margin-bottom:20px;}
.sec-ettendant-content ul.ettendant-listing li:last-child{margin-bottom:0px;}
.sec-ettendant-content ul.ettendant-listing li .box-info{display: flex; align-items: flex-start; width: 100%; background: #fff; padding:20px 20px 30px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); border-radius: 8px; position: relative; transition: all 0.3s ease-in 0s;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-img{width:88px; margin-right:15px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-img img.ettendant-thumb-img{width:88px; height:88px; border-radius:100%; 
    object-fit:cover;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-img .img-box-thumb{position:relative; width:100%;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-img .img-box-thumb span.check-icon{position:absolute; left:0; top:64px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-img .img-box-thumb span.check-icon img{max-width:30px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-content{width:100%; position:relative;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-content .day-night-img{position:absolute; right:0; top:0;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-content h2.blue-title{font-size:18px; text-transform:uppercase; padding-right:22px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-content p.desc-text{ font-family: 'museo_sans500';     font-size: 14px; color: #89898A;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-content .box-btn{width:100%; padding-top:5px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-content .box-btn .btn{padding: 7px 15px; font-family: 'museo_sans500'; min-width: 168px;}


/*edit profile page*/
.sec-edit-profile .edit-profile-form-content{width: 100%; background: #fff; padding:20px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); border-radius: 8px;}

.sec-edit-profile .edit-profile-form-content .people-img{max-width:150px; margin:0 auto; position:relative;}
.sec-edit-profile .edit-profile-form-content .people-img .close-icon-img{position:absolute; right:0; top:0; font-size:18px;}
.sec-edit-profile .edit-profile-form-content .people-img img.pro-img{width: 128px; height: 128px; border-radius: 100%;   object-fit: cover; margin-bottom: 20px;}
.sec-edit-profile .edit-profile-form-content .people-img .choose-img-btn{position:absolute; right:10px; top:25px;}
.sec-edit-profile .edit-profile-form-content .people-img .choose-img-btn input[type="file"]{display:none;}

/*confirmation box*/
body .notiflix-confirm .notiflix-confirm-content{background:#fff !important; border-radius:10px !important; padding:20px !important;}
body .notiflix-confirm .notiflix-confirm-content > .notiflix-confirm-head > h5{font-size: 18px !important; font-family: 'museosans-700uploaded_file' !important;}
body .notiflix-confirm .notiflix-confirm-content .notiflix-confirm-buttons a.confirm-button-ok, body .notiflix-confirm .notiflix-confirm-content .notiflix-confirm-buttons a.confirm-button-cancel{ border-radius:6px !important; line-height: 16px !important; text-transform:uppercase !important; font-size:13px !important; }
body .notiflix-report .notiflix-report-content .notiflix-report-icon{display: none!important;}

/*suspended notice*/

.sec-exp-notice-listing{width:100%; clear:both;}
.sec-exp-notice-listing .inner-notice-box{width: 100%; clear: both; background: #D4F0FA; padding: 8px 35px 8px 10px;
    border-radius: 10px; margin-bottom:15px; box-shadow: 0px 2px 3px rgb(4 4 7 / 20%);} 
.sec-exp-notice-listing .inner-notice-box.suspended-notice-box{background:#931212;}
.sec-exp-notice-listing .inner-notice-box .item{ position:relative; }
.sec-exp-notice-listing .inner-notice-box .item .close-icon{position:absolute; top:-2px; right:-22px; font-size:19px; color:#931212;}
.sec-exp-notice-listing .inner-notice-box .notice-content{display:flex; align-items:center; justify-content: space-between;} 
.sec-exp-notice-listing .inner-notice-box .notice-content .content-desc{position:relative; padding-left:35px;}
.sec-exp-notice-listing .inner-notice-box .notice-content .content-desc .crew-icon-img, .sec-exp-notice-listing .inner-notice-box.suspended-notice-box .notice-content .content-desc img.suspended-icon{max-width:20px; position:absolute; left:0; top:0;}
.sec-exp-notice-listing .inner-notice-box .notice-content .notice-text{ text-decoration:underline; color: #19375f; font-size:13px; font-family: 'museosans-700uploaded_file' }
.sec-exp-notice-listing .inner-notice-box .notice-content p{margin-bottom:0px; font-size: 14px; color: #19375f; font-family: 'museo_sans500';}
.sec-exp-notice-listing .inner-notice-box.suspended-notice-box .notice-content p{color:#fff;}


body ul.list-point{padding:0 0 10px; margin:0;}
body ul.list-point li{position:relative; padding-left:18px; padding-bottom:10px;}
body ul.list-point li:before{position:absolute; content:''; width:7px; height:7px; background:#DE7A1C; left:0; top:7px; border-radius:100%;}

.sec-term-condition-modal .content-info{max-height:450px; margin-bottom:15px;}

.sec-term-condition-page{padding:50px 0;}
.sec-term-condition-page .sec-plain-content-info{max-width:1100px; padding:0 15px; margin:0 auto;}
.sec-term-condition-page .sec-plain-content-info .inner-plain-content-info{background:#fff; padding:30px; width:100%; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%);}

h3.f-19 {margin-bottom: 0px; font-size: 16px; line-height: 22px; color: #DE7A1C;} 
h3.blue-text {color: #19375f;}



/* Animation css*/

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {px
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}



@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.9); }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0); } }

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.9);
    box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.7); }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
    box-shadow: 0 0 0 10px rgba(247, 45, 102, 0); }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
    box-shadow: 0 0 0 0 rgba(247, 45, 102, 0); } 
}



/*------------------- media screen ------------------*/
/*------------------------------------------------------*/

@media only screen and (max-width:767px){
.sec-upload-doc-modal.sec-general-modal  form .form-group.mr-5, .sec-upload-doc-modal.sec-general-modal  form .form-group.ml-5{margin-right:0px !important; margin-left:0px !important;}
}


@media only screen and (max-width:599px){
.body-bg:before{height:85px;}
.body-bg:after{height:146px;}
body .wrapper.page-bottom-bg-hide:after{bottom: -80px;}
.section-form .inner-form .form-box .inner-box-info{padding:20px}
.sec-general-modal .modal-body .sec-title h2.sec-tit{display:block; font-size:19px;}
.sec-general-modal .modal-body h2.hdr-title{font-size: 19px; padding-bottom:11px;}
.sec-general-modal .modal-body .sec-title h2.sec-tit:after{display:none;}
.sec-boat-reservation-info .boat-reservation-info .add-crew-btn-box{text-align:left; margin-bottom:20px;}
.sec-add-people-modal .modal-body .sec-people-content form .mt-4{margin-top:5px !important;}


/*header*/
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li{padding:0 2px;}

/*---------------------------------------------------*/
/*superadmin mobile ver*/

/*fleet page*/
.sec-base-fleet-info{padding-bottom:130px;}

/*people page*/
.sec-admin-people-content{padding-bottom:130px;}

/*---------------------------------------------------*/
/*member mobile ver*/

/*index page*/
.sec-photo-box ul.photo-list li{width:47.6%; margin-right:15px;}
.reservation-box .box-info h2{font-size:15px;}
.reservation-box .box-info .box-date{font-size:14px;}

.sec-title h2.sec-tit, .sec-title h2.sec-tit.orange-title{font-size:18px; line-height:26px;}
a.btn.btn-lg, button.sec-btn.btn-lg{font-size:13px; line-height:18px;}
h1.blue-tit{font-size:18px;}
h2.gray-tit{font-size:17px;}

/*boat reservation information modal*/
.sec-boat-reservation-info .boat-reservation-info .modal-sec-title h3.sec-tit, .sec-boat-crew-info .boat-reservation-info .modal-sec-title h3.sec-tit, .sec-boat-reservation-info .boat-reservation-info .sec-title h2.sec-tit, .sec-boat-crew-info .sec-title h2.sec-tit, .sec-reservation-swap-info .modal-body .sec-title h2.sec-tit{white-space:normal; display:block; font-size:18px;}
.sec-boat-reservation-info .boat-reservation-info .modal-sec-title h3.sec-tit:after, .sec-boat-crew-info .boat-reservation-info .modal-sec-title h3.sec-tit:after{display:none;}
.sec-boat-reservation-info .boat-reservation-info h3.blue-title, .sec-boat-crew-info .boat-reservation-info h3.blue-title{font-size:15px;}
.sec-boat-reservation-info .boat-reservation-info p.pb-2, .sec-boat-crew-info .boat-reservation-info p.pb-2{padding-bottom:0px !important;}
.sec-boat-reservation-info .boat-reservation-info .group-btn, .sec-boat-crew-info .boat-reservation-info .group-btn{padding-bottom:10px;}
.sec-boat-reservation-info .boat-reservation-info ul.crew-member-listing-checkbox li:first-child .crew-details, .sec-boat-crew-info .boat-reservation-info ul.crew-member-listing-checkbox li:first-child .crew-details{padding-top:0px;}
.sec-boat-reservation-info .boat-reservation-info .boat-info-box .btn{/*display:block;*/ margin-top: 12px}
.sec-boat-reservation-info .boat-reservation-info .boat-info-box .group-btn .btn{display:inline-block;}
.sec-boat-reservation-info .boat-reservation-info .add-crew-btn-box .btn{min-width:100%; display:block;}


.sec-check-modal .modal-body form textarea{min-height:auto;}
.engine-reading-listing ul{margin:0 -5px;}
.engine-reading-listing ul li.list-item{padding: 3px 5px;}

/*baseowner date glance css*/
.sec-glance-content{padding-top:8px;}

}

@media only screen and (max-width:479px){
.body-bg:before{height:60px;}
.body-bg:after{height:127px;}
body .wrapper.page-bottom-bg-hide:after{bottom:-70px;}
.sec-header{padding:15px 0;}
.sec-photo-box ul.photo-list li .photo-box img{height:170px;}
.sec-photo-box .sec-life-img-slider .item .img-box img{max-height:170px;}
.sec-photo-box .sec-life-img-slider .item.slick-slide{padding:0 10px;}
.sec-photo-box .sec-life-img-slider .slick-list{margin:0 -10px;}

/*.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg img{max-width:21px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.help-icon img{max-width:12px;} 
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.bell-icon, .sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.help-icon{line-height:30px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.impersonating-icon{line-height:32px;}
.sec-header .inner-header .hdr-right .navbar-collapse{top:80px;}*/

.sec-header .inner-header .hdr-logo img{max-width:42px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp{font-size:15px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp .temp-icon{width:22px; height:22px; line-height:16px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp .temp-icon img{max-width:18px;}
.sec-header .inner-header .hdr-right .impersonation-link{padding-right:44px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp{margin-right:0px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li{padding:0 2px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list{margin:0 5px;}
.sec-header .hdr-nav-right .navbar-header button.navbar-toggler, .sec-header .hdr-nav-right .navbar-header button.navbar-toggler .icon-bar{width:24px;}
.sec-header .inner-header .hdr-right .navbar-toggler .icon-bar.line2{margin:5px 0;}
.sec-header .inner-header .hdr-right.open .navbar-toggler .icon-bar.line3{margin-top:-8px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg{width:30px; height:30px; line-height:27px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li.drop-menu-item a.circle-icon-lg.language-icon{line-height: 25px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.bell-icon{line-height:24px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.help-icon, .sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.impersonating-icon{line-height:23px;}
.sec-header .inner-header .hdr-right .navbar-collapse{top:70px;}

.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.bell-icon img{max-width:19px;}

/*calendar page css*/  
.reservation-list li.reservation-list-item .box-info .box-right-content h2{font-size:17px;}
.sec-reservation-box-content{padding-bottom:20px;}
.sec-reservation-box-content ul li .box-info span.box-title{font-size:15px;}
.sec-cal-hdr{top:80px;}

/*support page*/
.sec-support-accordion.sec-general-accordion .sec-general-content-info .slick-list{margin:0 20px;}
.sec-support-accordion.sec-general-accordion .box-content-info .video-box{padding-bottom:81%;}
.sec-support-accordion.sec-general-accordion .sec-general-content-info button.slick-arrow.slick-prev{left:-15px;}
.sec-support-accordion.sec-general-accordion .sec-general-content-info button.slick-arrow.slick-next{right:-15px;}

ul.big-icon-list li a.circle-icon-lg{width:32px; height:32px;}
ul.big-icon-list li a.circle-icon-lg img{max-width:20px;}

.sec-base-info .base-info-box ul.base-pro-list li img{max-width:20px; object-fit:contain;}
.sec-base-info .base-info-box ul.base-pro-list li{font-size:15px; line-height:20px; padding-left:32px;}

.search-field-box .search-icon img{max-width:21px;}

/*sailing log*/
.sec-sailing-log-listing ul.sailing-listing li .box-info p.datetime-text{font-size:13px;}

/*----------------baseowner mobile reseponsive------------------------*/
/*baseowner people page*/

ul.people-list-item li.list-item-box .box-info{padding-right:60px;}
ul.people-list-item li.list-item-box .box-info .box-content{width:71%;}

/*prospects page*/
.content-search-group .search-form{width:90%;}

/*add people modal*/
.sec-add-people-modal .modal-body .sec-people-content form .password-field .sec-btn{position:relative; margin-top:8px;}
.sec-add-people-modal .modal-body .sec-people-content form .password-field input.form-control{width:100%;}

/*baseowner data glace css*/
.sec-glance-content .boat-glance-box-info .boat-info .box-info-desc .info-desc .boat-text{font-size:13px;}
.sec-glance-content .boat-glance-box-info .boat-info .box-info-desc .info-desc{padding:7px 0;}

/*---------------------------------------------------*/
/*member mobile ver*/

/*index page*/
.sec-photo-box ul.photo-list li{width:47.5%; margin-right:15px;}

/*general css*/
h2.blue-title{font-size:16px;}
body{font-size:13px; line-height:18px;}
.sec-admin-people-content ul.people-list-item{max-height:400px;}


/*boat reservation information modal*/
.sec-boat-reservation-info .boat-reservation-info .modal-sec-title h3.sec-tit, .sec-boat-crew-info .boat-reservation-info .modal-sec-title h3.sec-tit, .sec-boat-reservation-info .boat-reservation-info .sec-title h2.sec-tit, .sec-boat-crew-info .sec-title h2.sec-tit, .sec-reservation-swap-info .modal-body .sec-title h2.sec-tit{white-space:normal; display:block; font-size:16px; line-height:19px;}
.sec-boat-reservation-info .sec-boat-crew-info .boat-info-box, .sec-boat-crew-info .boat-reservation-info .boat-info-box{padding-top:5px;}
.sec-boat-crew-info .boat-reservation-info{padding:20px 15px}
.sec-boat-reservation-info .boat-reservation-info ul.crew-member-listing-checkbox li, .sec-boat-crew-info .boat-reservation-info ul.crew-member-listing-checkbox li{overflow:hidden;}
.sec-boat-reservation-info .boat-reservation-info ul.crew-member-listing-checkbox li .crew-details:before, .sec-boat-crew-info .boat-reservation-info ul.crew-member-listing-checkbox li .crew-details:before{left:30px; right:auto; width:100%;}

/*messages page css*/
.sec-main-messages .sec-msg-chat{padding:0 12px 15px;}
.sec-main-messages .sec-msg-chat .chat-msg-box{padding:15px 15px 15px 35px;}
.sec-main-messages .sec-msg-chat .chat-msg-box.chat-msg-reply-box{padding-right:35px; padding-left:15px;}
.sec-main-messages .sec-msg-chat .chat-msg-box .user-name-left p.time{margin-left:0px; margin-bottom:0px;}
.sec-main-messages .sec-msg-chat .chat-msg-box .user-name-left h4.user-name{padding-bottom:5px;}
.sec-main-messages .sec-msg-chat .chat-msg-box p:last-child{margin-bottom:0px; padding-bottom:0px;}

.sec-bases-info .inner-bases-info .bases-box .info-box{padding:0 17px;}
.sec-bases-info .inner-bases-info .bases-box .base-notice .item{padding:6px 55px 6px 17px; font-size:15px;}

/*ettendant page*/
.sec-ettendant-content ul.ettendant-listing li .box-info{padding: 15px 15px 25px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-img img.ettendant-thumb-img{width:60px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-img img.ettendant-thumb-img{width:60px; height:60px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-content .box-btn .btn{min-width: 128px; padding:5px 10px}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-content h2.blue-title{font-size:15px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-img .img-box-thumb span.check-icon{top:42px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-img .img-box-thumb span.check-icon img{max-width:24px;}
.sec-ettendant-content ul.ettendant-listing li .box-info .box-content .day-night-img img.sun-img{max-width:20px;}

/*datepicker*/
body .bootstrap-datetimepicker-widget{width:250px !important; font-size:14px; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%);}

.sec-boat-status .boat-staus-hdr .boat-select-field select{font-size:17px;}
.available-btn .btn.green-btn{font-size:12px; padding: 3px 8px 2px;}
}

@media only screen and (max-width:430px){
.body:before{height:62px;}
.body-bg:after{height:100px;}
body .wrapper.page-bottom-bg-hide:after{bottom:-46px;}
.container{padding:0 15px;}
.sec-header .inner-header .hdr-logo img{max-width:42px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp{font-size:15px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp .temp-icon{width:22px; height:22px; line-height:16px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp .temp-icon img{max-width:18px;}
.sec-header .inner-header .hdr-right .impersonation-link{padding-right:44px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-temp{margin-right:0px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li{padding:0 2px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list{margin:0 5px;}
.sec-header .hdr-nav-right .navbar-header button.navbar-toggler, .sec-header .hdr-nav-right .navbar-header button.navbar-toggler .icon-bar{width:24px;}
.sec-header .inner-header .hdr-right .navbar-toggler .icon-bar.line2{margin:5px 0;}
.sec-header .inner-header .hdr-right.open .navbar-toggler .icon-bar.line3{margin-top:-8px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg{width:30px; height:30px; line-height:27px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li.drop-menu-item a.circle-icon-lg.language-icon{line-height: 25px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.bell-icon{line-height:24px;}
.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.help-icon, .sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.impersonating-icon{line-height:23px;}
.sec-header .inner-header .hdr-right .navbar-collapse{top:70px;}

.sec-header .inner-header .hdr-right .inner-hdr-right .hdr-nav-list ul li a.circle-icon-lg.bell-icon img{max-width:19px;}
.sec-photo-box ul.photo-list li .photo-box img{height:100px;}
.sec-photo-box .sec-life-img-slider .item .img-box img{max-height:100px;}



/*----------------member mobile reseponsive------------------------*/


/*reservation box*/
.checkon-reservation-box .box-info .footer-box-btn .check-on-notice{width:100%; padding-top:12px;}
.checkon-reservation-box .box-info .footer-box-btn .check-on-notice span.notice-img{width:30px; height:30px; line-height:27px; top:7px;}
.checkon-reservation-box .box-info .footer-box-btn .check-on-notice span.notice-img img{max-width:5px;}
.checkon-reservation-box .box-info .footer-box-btn .check-on-notice .notice-text{padding-left:40px;}

/*member mobile dock page*/


/*calendar page css*/
.reservation-list li.reservation-list-item .box-info .box-icon{width:38px;}
.reservation-list li.reservation-list-item .box-info .box-icon img{max-width:28px;}
.reservation-list li.reservation-list-item .box-info .box-right-content{padding-left:12px; padding-right:45px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .reservation-datetime, .reservation-list li.reservation-list-item .box-info .box-right-content .reserved-text{font-size:12px; line-height:18px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .arrow-icon, .reservation-list li.reservation-list-item .box-info .box-right-content .box-content .edit-icon-right{right:3px; width:24px; height:24px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .arrow-icon{top:4px;}
.reservation-list li.reservation-list-item .box-info .box-content{padding-top:6px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .box-content .edit-icon-right{right:-41px !important;}
.reservation-list li.reservation-list-item .box-info .box-right-content h2{font-size:14px; line-height:20px; padding-bottom:0px; padding-top:4px;}
.reservation-list li.reservation-list-item .box-info .box-right-content h2 .day-night-img{margin-left:5px;}
.reservation-list li.reservation-list-item .box-info .box-right-content h2 .day-night-img img{max-width:17px;}
.reservation-list li.reservation-list-item .box-info .box-right-content h2 .day-night-img.moon-icon-img img{max-width:10px;}
.reservation-list li.reservation-list-item .box-info .box-right-content h2 .mobile-reservation-icons img{max-width:15px;}
.member-calendar-page .sec-upcoimg-reservation{max-height:372px;}

/*new reservation box*/
.sec-reservation-box-content ul{margin:0 -10px;}
.sec-reservation-box-content ul li{padding:0 10px 20px;}
.sec-reservation-box-content ul li .box-info span.box-title{font-size:12px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .form-group label.field-label{margin-left: 10px !important; font-size:13px;}
.reservation-list li.reservation-list-item .box-info .box-right-content .swap-btn .btn{padding: 5px 8px 5px 8px;}
.sec-reservation-listing .reservation-list li.reservation-list-item .box-info .group-icon-box{right:0;}

/*disable reservation box css*/
.sec-reservation-listing .reservation-list li.reservation-list-item.disable-reservation-box .group-icon-box a.lock-icon img, .sec-reservation-listing .reservation-list li.reservation-list-item.unavailable .group-icon-box a.lock-icon img{max-width:19px;}
h2.blue-tit{font-size:17px;}

/*login form*/
.section-form .inner-form .form-box .form-title{font-size:20px; padding-bottom:5px;}
.section-form .inner-form .form-box .devider{margin: 34px 0;}
.section-form .inner-form .form-box .devider:before{font-size: 13px; line-height: 35px; width: 38px; height: 38px;}
.section-form .inner-form .form-box .logo-img img{width:80px; height:80px;}
.section-form .inner-form .form-box .logo-img{padding-bottom:15px;}
.section-form .inner-form .form-box p.sign-text{font-size:15px; margin-bottom:15px !important;}

/*support page*/
.sec-general-accordion .panel-group .panel-heading .panel-title{font-size:15px;}
.sec-general-accordion .panel-group .panel-heading .right-arrow-icon{top:-5px;}
.sec-general-accordion .panel-group .panel-heading{padding-right:15px;}

/*check form*/
.sec-check-form .inner-check-form{padding:20px;}

/*support page*/
.sec-base-contact .inner-base-contact ul.base-contact-list{padding-bottom:90px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item{padding: 19px 138px 19px 40px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item span.img-text{left:15px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item .group-icon .circle-icon-lg{width:32px; height:32px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item .group-icon .circle-icon-lg img{max-width:20px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item a.name-text{font-size:13px; line-height:18px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item .group-icon{right:15px;}
.sec-base-contact .inner-base-contact ul.base-contact-list li.list-item span.img-text img{max-width:17px;}

.sec-photo-box ul.photo-list li{margin-right:10px;}



/*---------------------------------------------------------------*/
/*------- BaseOwner--------*/

/*calendar page*/
.sec-base-reservation .reservation-list li.reservation-list-item .box-info .box-right-content p.boat-name-text{font-size:13px;}


/*baseowner people page*/

ul.people-list-item li.list-item-box .box-info{padding-right:50px;}
ul.people-list-item li.list-item-box .box-info .box-img{width:60px;}
ul.people-list-item li.list-item-box .box-info .box-img img{width:60px; height:60px;}
ul.people-list-item li.list-item-box .box-info ul.group-icon-list{right:15px;}
ul.people-list-item li.list-item-box .box-info .box-content{width:76%;}
ul.people-list-item li.list-item-box .box-info .box-content h4{font-size:13px;}
ul.people-list-item li.list-item-box .box-info .box-content p img{margin-right:5px}
ul.people-list-item li.list-item-box .box-info .box-content p{font-size:12px; line-height:16px;}
ul.people-list-item li.list-item-box .box-info .box-content p.email-text a{word-break: break-all;}
ul.people-list-item li.list-item-box .box-info .box-img .contact-persentage{left:10px; top:45px;}


/*fleet page*/
.base-fleet-content .fleet-listing{padding:0px;}
.sec-base-fleet-info .base-fleet-content .warning-notice{max-width: 103px;}
.sec-base-fleet-info .base-fleet-content{padding-right:115px;}


.base-fleet-content .fleet-listing li{font-size:13px; line-height:17px;}


/*prospects page*/
.sec-prospects ul.prospects-listing li.list-item .pro-content-box .left-content h3.blue-title{font-size:15px;}
.sec-prospects ul.prospects-listing li.list-item .pro-content-box .left-content{padding-left:22px;}
.sec-prospects ul.prospects-listing li.list-item .pro-content-box .pro-header-title{padding:2px 22px 1px}

/*ettendant log page*/
.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info .box-content .box-img-group ul.img-listing li img{width:90px;}

.sec-ettendant-log-listing ul.ettendant-listing li.listing-item .box-info p.box-desc{font-size:13px;}

.sec-base-info .base-info-box ul.base-pro-list li{font-size:13px; line-height:18px;}

/*baseowner data glace css*/

.sec-glance-content .boat-glance-box .boat-glance-box-info .boat-info .boat-img{width:60px;}
.sec-glance-content .boat-glance-box .boat-glance-box-info .boat-info .boat-img img{width:50px; height:50px;}


/*---------------------------------------------------------------*/
/*------- superadmin mobile version--------*/

.sec-general-accordion.sec-base-fleet-accordion .panel-group .panel-heading .panel-title, .sec-general-accordion.sec-fleet-accordion .panel-group .panel-heading .panel-title{padding-left:0px;}
.sec-fleet-accordion .fleet-content{padding:0;}
.sec-fleet-accordion .fleet-content .group-icon{right:0;}



/*fleet page*/
.sec-base-fleet-info{padding-bottom:70px;}
.sec-fleet-accordion .fleet-content p{font-size:13px;}

/*edit fleet page*/
.sec-fleet-detail-info .sec-boat-details .boat-img-detail .boat-img img, .sec-fleet-detail-info .sec-boat-details .boat-img-detail .boat-img #img-preview{width:160px; height:160px;}
.sec-fleet-detail-info .sec-boat-details .boat-img-detail h4{font-size:16px;}

/*people page*/
.sec-admin-people-content{padding-bottom:80px;}

/*bases page*/
.sec-bases-info .inner-bases-info .bases-box .info-box, .sec-bases-info .inner-bases-info .bases-box .bases-name-list{padding-left:17px;}
.sec-bases-info .inner-bases-info .bases-box .info-box p span.text-img{padding-right:6px;}
.sec-bases-info .inner-bases-info .bases-box .info-box p{font-size:15px; line-height:24px;}
.sec-bases-info .inner-bases-info .bases-box .base-notice .item{padding:4px 17px; font-size:13px;}
.sec-bases-info .inner-bases-info .bases-box .bases-name-list ul.name-listing li{font-size:15px; padding-left:24px; padding-right:82px;}
.sec-bases-info .inner-bases-info .bases-box .bases-name-list ul.name-listing li span.text-img img{max-width:16px;}

/**/
.sec-ettendant-content .sec-reservation-box-content ul li{width:100%;}

/*calendar page css*/
.sec-cal-hdr{top:70px;}
.sec-general-modal .modal-body .group-btn .btn.save-btn{min-width: 87px;}
}

/*---------------------------------------------------------------------------------------------*/
/* vipul css*/
/*---------------------------------------------------------------------------*/

.sec-glance-content .boat-glance-box .boat-glance-box-info{
    position: relative;
}
.info-desc .pop-info-sally{
    position: absolute;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    width: 100%;
    padding: 25px;
    border-radius: 12px;
    background: #fff;
    top: -100px;
    right: 0;
    display: none;
}
.info-desc .pop-info-sally ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.info-desc .pop-info-sally ul li{
    margin-right: 20px;
}
.info-desc .pop-info-sally li a{
    width: 40px;
    height: 40px;
    background: #DE7A1C;
    color: #fff;
    line-height: 31px;
    text-align: center;
    font-size: 18px;
    border-radius: 100%;
    display: block;
    margin: 1px;
    cursor: pointer;
    position: relative;
}
.info-desc .pop-info-sally li a img{
    margin-top: 1px;
    max-width: 20px;
    object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.info-desc .pop-info-sally .info-desc_close i{
    position: absolute;
    top: 10px;
    right: 10px;
}
.info-desc .pop-info-sally p{
    font-size: 18px;
    font-weight: 500;
    color: #de7a1c;
    margin-bottom: 20px;
}
#select2-boattype-results .select2-results__option{text-transform: uppercase;font-size: 13px;}
/* .charter-section .charter-add{position:absolute; right:-45px; bottom:48px;} */
#add-datetimeContainer:empty + .charter-add{position:relative; right:unset; bottom:unset;}
#edit-datetimeContainer .datetime-set .charter-remove, #add-datetimeContainer .datetime-set .charter-remove{position:relative; right:0;bottom:105px; left:95%; width:fit-content;}

.peak_time_note{white-space: nowrap;}

/* calendar screen new reservation dropdown text css start */
.select2.select2-container .select2-selection{
    height: 36px;
    text-align: left;
    text-align-last: left;
    font-size: 16px;
    border: 1px solid #999999;
    background-color: #e9e9ed !important;
}

.select2.select2-container .select2-selection .select2-selection__rendered{
    color: #707071;
    line-height: normal;
    padding: 6px 56px 6px 10px;
}

/* select2 option css */
.select2-container .select2-dropdown .select2-results ul {
    border-color: #999999 !important;
    border-radius: 3px;
}
.select2-results__option--selectable{
    font-size:16px;
    font-family: 'museo_sans500',sans-serif;
    text-align:left;
    color: #707071;
    background-color: #e9e9ed !important;
    padding: 12px;
}

.select2-results__option--selectable:hover{
    color: #000 !important;
    background-color: #ddd !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    color:#000 !important;
    background-color: #ddd !important;
}
/* calendar screen new reservation dropdown text css over */