@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-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;}

html{font-family: 'museo_sans500' !important; }
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{ 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;}
.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;}
.h-66{height:66px;}
.custom_tooltip{background:#000 !important; color:#fff !important; box-shadow:none !important; border-radius:4px !important; opacity:0.9 !important; border:0px !important}
.tooltip { pointer-events: none; }

/*body bg*/
.body-bg{width:100%; clear: both; position:relative; z-index:1; float:left; }
.body-bg:before{position:fixed; content:''; background:url(../images/stacy_bg.png) center top no-repeat; background-size: cover; width:100%; height:60%; opacity:0.5; z-index:-1; background-position: center bottom; background-attachment:scroll; left:0; top:0;}

/*comman css*/
.mb-2{margin-bottom:8px;}
.mb-4{margin-bottom:16px;}
.field-add-group .form-control{width:80%; margin-right:12px;}
.m-width-220{max-width:220px;}
.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;}


.sec-superadmin .sec-page-sidebar .outline-boat-bg{display:none;}
.sec-superadmin .sec-page-sidebar .left-sidebar-inner{padding-bottom:0px;}
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 .slick-slide{height:auto;}

/* 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;}
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/Login-arrowtoleftpng.png); background-position: center; background-repeat: no-repeat; background-size:14px;}
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/Login-arrowright.png); background-position: center; background-repeat: no-repeat; background-size:14px;}
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:20px;}
.sec-title h2.sec-tit, .sec-title h2.sec-tit.orange-title{font-size:22px; font-weight:normal; color:#fff; line-height:34px; padding-bottom:0px; position:relative; display: flex; width: auto; align-items: center; justify-content: space-between; flex-wrap: nowrap;
    white-space: nowrap;}
.sec-title h2.sec-tit:after{content: ''; background: #fff; height:2px; width: 100%; margin: 0 0px 0px 14px;}
.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; }
.sec-title h2.sec-tit a{color:#fff;}

/*button*/
a.btn, button.sec-btn, .gray-btn{font-size: 11px; color: #fff; padding: 1px 15px 0px; background: #DE7A1C; text-transform: uppercase; line-height:17px; min-width: 100px; font-family: 'museo_sans500';}
a.disable, a.btn.disable{cursor:no-drop !important; opacity:1; }
a.gray-btn, .btn.gray-btn, button.gray-btn, a.gray-btn:hover, .btn.gray-btn:hover, button.gray-btn:hover{ background:#b9b9b9 ; }
a.btn.btn-radius{border-radius:12px;}
a.btn.btn-lg, button.sec-btn.btn-lg{font-size:15px;padding:7px 15px 5px; line-height:22px; min-width:auto;}
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:3px 20px 2px; line-height:15px; min-width:auto;}
a.btn:hover, button.sec-btn:hover{ 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{ background:#DE7A1C; color:#fff; font-weight:normal; outline:none; box-shadow:none;}
a.btn.yellow-btn:hover{ background:#19375f; color:#EFAD18; }
a.btn.red-btn, .btn.sec-btn.red-btn{background:#931212; color:#fff;}
a.btn.red-btn:hover, .btn.sec-btn.red-btn:hover{background:#19375f;}
a.btn.round-blue-btn, a.btn.round-orange-btn{ background:#19375F; border-radius:30px; min-width:auto; font-family: 'museo_sans500'; }

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{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; }


.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;}
 .bootstrap-datetimepicker-widget a.btn .fa{background:#f6f6f6}
.bootstrap-datetimepicker-widget a.btn:hover{background:transparent;}

/*avtivity type css*/
.avtivity-type{width:12px; height:12px; border-radius:100%; background: #931212; margin-right:5px; display:inline-block;}
.avtivity-type.red-activity{background:#931212;}
.avtivity-type.yellow-activity{background:#EFAD18;}
.avtivity-type.orange-activity{background:#DE7A1C;}
.avtivity-type.blue-activity{background:#19375f;}


/*message box css*/
.sec-page-sidebar .sidebar-box .nav-icon-list{position:relative;}
.sec-msg-main-box{clear:both; position:absolute; left:0; top:45px; width:100%; 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; }
.sec-general-modal .sec-chat-box{border:1px solid #dfdfdf;}
.sec-general-modal .inner-chat-box{ background:#f9f9f9; width:100%; padding:30px 15px; }


/*alert popup box css*/
.sec-alert-main-box{clear:both; position:absolute; left:0; top:45px; width:100%; 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:20px 10px 8px; margin-bottom:10px; border-radius:5px; background:#fbfbfb; position:relative;}
.sec-alert-main-box .inner-alert-box .alert-box-list ul.alert-notification-list li .delete_alerts{position:absolute; right:6px; top:4px; font-size:14px; z-index:11}
.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;}

/*msd chat css*/
.chat {
  width: 100%;
  max-height:375px;
  padding: 15px 30px;
  margin: 0 auto;
  /*transform: rotate(180deg);
  direction: rtl;*/
}
.chat__wrapper {
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;*/
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  /*justify-content: flex-end;*/
}
.chat__message {
  font-size:14px;
  padding: 10px 20px;
  border-radius: 25px;
  color: #000;
  background-color: #dedfe5;
  max-width: 600px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 15px 0;
  word-break: break-all;
  /*transform: rotate(180deg);
  direction: ltr;*/
  position:relative;
  border-radius: 1.125rem 1.125rem 1.125rem 0;
}
.chat__message:before{position: absolute;
    content: '';
    border-width: 1px;
    width:20px;
    height:20px;
    bottom: -7px;
    left:20px;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(44deg);
    z-index: 111111;
    background: #dedfe5;
    display:none;
  }
.chat__message .date{font-size:12px;}
/*.chat__message:after {
  content: "";
  width: 20px;
  height: 12px;
  display: block;
  background-image: url("../images/icons/icon-gray-message.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: -2px;
  left: -5px;
}*/
.chat__message-own {
  color: #fff;
  margin-left: auto;
  background-color: #2479A3;
  border-radius: 1.125rem 1.125rem 0 1.125rem;
}
.chat__message-own.chat__message:before{right:20px; left:auto; background:#2479A3;}
/*.chat__message-own:after {
  width: 19px;
  height: 13px;
  left: inherit;
  right: -5px;
  background-image: url("../images/icons/icon-blue-message.png");
}*/

.chat__form {
  background-color:#e3e3e3;
}
.chat__form form {
  max-width: 100%;
  padding:10px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat__form input {
  height: 40px;
  font-size: 16px;
  min-width:88%;
  padding-left: 15px;
  background-color: #fff;
  border-radius:4px;
  border: none;
  margin-right:8px;
}
.chat__form button.btn.sec-btn {
  width: 100%;
  font-size: 16px;
  border: none;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  height:40px;
  line-height:0;
  padding: 0 5px;
}




/*input file */
.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: 4px; 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 ******/

.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload .file-select{display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#34495e;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;}
.file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;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;}
.file-upload.active .file-select{border-color:#3fa46a;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;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;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;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}

/*.choose-file-doc .input-group{position:relative;display: table; border-collapse: separate;}
.choose-file-doc .input-group .form-control{ display:table-cell; position:relative; z-index:2; width:100%; background:none;}
.choose-file-doc .input-group .form-control[readonly]{opacity:1;}
.choose-file-doc .input-group .input-group-btn{position: relative; font-size: 0; white-space: nowrap; vertical-align: middle; display: table-cell; text-align:right;}
.choose-file-doc .input-group .input-group-btn>.btn{position:relative; background:none; border:0px; padding:0px; cursor:pointer;}
.choose-file-doc .input-group .custom-file-uploader input[type=file] {display: block; position: absolute; top: 0; right: 0; bottom: 0;
    left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; cursor: default; cursor:pointer;}
.choose-file-doc .input-group .custom-file-uploader button{border:0px; cursor:pointer;}*/

/*.choose-file-doc .custom-file{position: relative; display: inline-block; width: 100%; margin-bottom: 0;}
.choose-file-doc .custom-file-input {position: relative; z-index: 2; width: 100%; margin: 0; overflow: hidden; opacity: 0;}
.choose-file-doc .custom-file-label{position:absolute; right:0; top:0; height:30px; padding:0px; border:0px}
.choose-file-doc .custom-file-label:after{border-radius: 0px; border-color: #999 !important; color: #515151; font-size:13px; height: 30px;  padding: 5px 10px; display: block;  width: 100%; background-color: #fff; border: 1px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; position:absolute; left:0; top:0px; content:'';}
.choose-file-doc .custom-file-label button.circle-icon-md{position:absolute; right:0; top:1px; z-index:11; border:0px;}
*/

/*.custom-file{position: relative;
    display: inline-block;
    width: 100%;
    height: 2.375rem;
    margin-bottom: 0;}
.custom-file-input{position: relative;
    z-index: 2;
    width: 100%;
    height: 2.375rem;
    margin: 0;
    opacity: 0;}
.custom-file-label{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 2.375rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #dddee3;
    border-radius: 3px;}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(2.375rem - 1px * 2);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #fff;
    font-weight: 500;
    content: "Browse";
    border-radius: 0 3px 3px 0;}
*/

.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 60px;
  background:#dfdfdf;
}
.file-upload-wrapper:after {
  content: attr(data-text);
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 10px 15px;
  display: block;
  width: calc(100% - 40px);
  pointer-events: none;
  z-index: 20;
  height: 40px;
  line-height: 40px;
  color: #999;
  border-radius: 5px 10px 10px 5px;
  font-weight: 300;
  background:#dfdfdf;
}
.file-upload-wrapper:before {
  content: "Upload";
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 60px;
  background: #4daf7c;
  color: #fff;
  font-weight: 700;
  z-index: 25;
  font-size: 16px;
  line-height: 60px;
  padding: 0 15px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
}
.file-upload-wrapper:hover:before {
  background: #3d8c63;
}
.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 40px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
  background: #dfdfdf;
}



/*round icon*/
.circle-icon-lg, .fc-hdr-toolbar .fc-center .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; cursor:pointer; position:relative;}
.circle-icon-lg:hover, .circle-icon-lg:focus, .circle-icon-sm:hover, .circle-icon-sm:focus, .fc-hdr-toolbar .fc-center .fc-button-group .fc-button:hover, .fc-hdr-toolbar .fc-center .fc-button-group .fc-button:focus{ 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, .circle-icon-md:focus{ background:#19375f; color:#fff; }
.circle-icon-md.circle-sm-icon{font-size:14px;}


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

.circle-icon-lg.cirlce-white{background:#fff; color:#19375f;}
.circle-icon-lg.cirlce-white:hover, .circle-icon-lg.cirlce-white:focus{ background:#19375f; color:#fff; }
.circle-icon-lg.circle-blue{background:#19375f; color:#fff;}
.circle-icon-lg.circle-blue:hover, .circle-icon-lg.circle-blue:focus{ 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, .circle-icon-lg.circle-border-icon:focus{background:#DE7A1C; color:#fff;}
.circle-icon-lg.circle-border-icon.circle-border-img-icon:hover img.white-img-icon, .circle-icon-lg.circle-border-icon.circle-border-img-icon:focus img.white-img-icon{display:inline-block;}
.circle-icon-lg.circle-border-icon.circle-border-img-icon:hover img.orange-img-icon, .circle-icon-lg.circle-border-icon.circle-border-img-icon:focus img.orange-img-icon{display:none;}

.circle-icon-lg.circle-border-icon-white{border-color:#fff;}
.circle-icon-lg.circle-border-icon-white:hover, .circle-icon-lg.circle-border-icon-white:focus{background:#fff; color:#DE7A1C;}
.circle-icon-lg.circle-border-icon-white.circle-border-img-icon:hover img.orange-img-icon, .circle-icon-lg.circle-border-icon-white.circle-border-img-icon:focus img.orange-img-icon{display:inline-block;}
.circle-icon-lg.circle-border-icon-white.circle-border-img-icon:hover img.white-img-icon, .circle-icon-lg.circle-border-icon-white.circle-border-img-icon:focus 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, .circle-icon-md.gray-bg-icon, .circle-icon-sm.gray-bg-icon{background:#6F7070 !important; cursor:no-drop;}
.circle-icon-md.green-bg-icon{background:#04A62C;}
.sm-icon img{max-width:20px !important;}

/*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:#FDEAEA; -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(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.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(0px); -ms-transform: translateX(0px); transform: translateX(0px); background-color:#234C2D;}
/* Rounded sliders */
.custom-switch-box .slider.round{border-radius: 34px;}
.custom-switch-box .slider.round:before{border-radius:50%;}

/*gray switch*/
.custom-switch-box.gray-custom-switch-box .slider, .custom-switch-box.gray-custom-switch-box input:checked + .slider{background:#e5e5e5;}
.custom-switch-box.gray-custom-switch-box .slider:before{background:#626262;}
.custom-switch-box.gray-custom-switch-box input:checked + .slider:before{background:#626262;}

.footer-btn{display:flex; justify-content:space-between;}
.sec-pegination, .sec-pegination-dock-people{ display:flex; justify-content:center; flex-wrap:wrap; width:100%;}
.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.letter_pagination li.active a, .sec-pegination ul.pegination-listing li a:hover, ul.pegination-listing.letter_pagination li.active a,  .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 ul.pegination-listing.pegination-listing1 li a:focus, .sec-pegination-dock-people ul.pegination-listing.pegination-listing1 li span.active, .sec-pegination-dock-people ul.pegination-listing.pegination-listing1 li a:hover, .sec-pegination-dock-people ul.pegination-listing.pegination-listing1 li a:focus{ 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, .pegination-white.sec-pegination ul.pegination-listing li a:focus{ color:#EFAD18; }

/*blue title*/
h4.blue-title, h4.orange-title{color: #19375F; margin-bottom: 5px; font-size: 13px; padding-bottom:0px;}
.blue-title{ color:#19375F}
h4.blue-title a{color:#19375F;}
h4.blue-title a:hover, h4.blue-title a:focus{color:#DE7A1C;}

.blue-tit, .orange-tit{font-size:16px; line-height:22px; margin-bottom:10px; padding-bottom:0px; color: #19375F;}
.orange-tit{color:#DE7A1C;}

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

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

/*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; line-height:29px; }
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, a.option-dots:focus{ background:#19375F; color:#fff; }
.dropdown-option a.option-dots{line-height:19px;}
.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, .dropdown-option ul.dropdown-menu li a.dropdown-item:focus .dropdown-option ul.dropdown-menu li a.dropdown-item.active{ background:#DE7A1C; color:#fff; }


/*section people table*/
.sec-people{ width:100%; clear: both; padding-bottom:40px;}
.sec-people .inner-sec-people{ background:#fff; border-radius:10px; width:100%; padding:25px 20px; box-shadow: 0px 2px 3px rgb(4 4 7 / 10%);}

.sec-people .inner-sec-people .sec-people-hdr .left-people-content .form-group{margin-bottom:8px;}
p.pagination-text{ font-weight:normal; color:#19375f; font-size:11px; font-family: 'museosans-700uploaded_file' }
.sec-people .inner-sec-people .sec-people-table{ width:100%; clear: both; max-height:415px; }


table .user-img{position:relative; width:60px; height:60px; border-radius:100%; margin:0 auto;}
table .user-img.sm-img{width:46px; height:46px;}
.table thead th{border-bottom: 1px solid #C69468; padding-top:0px; vertical-align:top; line-height:14px; color:#DE7A1C; text-transform:uppercase; font-family: 'museo_sans900'; font-weight:normal; font-size:12px; padding-bottom:15px;}
.table thead th i{font-size:18px;}
table td, .table thead th, .table td, .table th{ border-top:0px;}
table td{font-size:12px; line-height:17px; word-break: break-word; font-family: 'museo_sans500',sans-serif;}
.table thead th:first-child, .table tbody tr td:first-child{padding-left:5px;}
.table thead th:last-child, .table tbody tr td:last-child{padding-right:5px;}
table .user-img img{ width:100%; height:100%; object-fit:cover; border-radius:100%;  }
table .user-img .circle-icon-sm{ position:absolute; right:-10px; z-index:1; top:0; bottom:0; margin:auto 0; }
table td .borrow-text{margin-bottom:0px; font-size:11px;}
table.table-striped tbody tr:nth-of-type(even){ background:#F4F4F4; }
table.table-striped tbody tr:nth-of-type(odd){ background:#fff; }

table.table-striped tbody tr{position:relative;}
td.table-row-link{position:absolute; left:0; top:0; width:100%; height:100%;}
td.table-row-link span, td.table-row-link a{ display:block; width:100%; height:100%; cursor:pointer; }

.sec-border-table table.table-striped tbody tr:nth-of-type(even){ background:#fff; }
.sec-border-table table.table-striped tbody tr:nth-of-type(odd){ background:#fff; }
.sec-border-table table tbody tr{ border-bottom:1px solid #C69468; }
.sec-border-table table thead th span{cursor:pointer;}
.sec-border-table table.table-striped tbody tr td, .sec-border-table table.table-striped tr th{padding:6px;}
.sec-border-table table thead th:first-child, .sec-border-table table tbody tr td:first-child{padding-left:0px !important;}

body .sec-general-table.sec-general-table-content .table tr th span, .sec-people-table .table tr th span, .sec-general-table table thead th.sortable span, .sec-border-table table thead th.sortable span{position:relative; display:inline-block; padding-right:18px; cursor:pointer;}
body .sec-general-table.sec-general-table-content .table tr th span .fa, .sec-people-table .table tr th span .fa, .sec-general-table table thead th.sortable span .fa, .sec-border-table table thead th.sortable span .fa{position:absolute; right:0; top:-3px;}
body .sec-general-table.sec-general-table-content .table tr th.sortable span .fa, body .sec-general-table.sec-general-table-content .table tr th.sortable_with_letter span .fa, .sec-people-table .table tr th.sortable span .fa, .sec-border-table table thead th.sortable span .fa, body .sec-general-table table thead th.sortable span .fa{color:#e9c29d; -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); -moz-transition: all .1.5s linear; -webkit-transition: all .1.5s linear;}
body .sec-general-table.sec-general-table-content .table tr th.sortable.asc span .fa, body .sec-general-table.sec-general-table-content .table tr th.sortable_with_letter.asc span .fa, .sec-people-table .table tr th.sortable.asc span .fa, .sec-border-table table thead th.sortable.asc span .fa, body .sec-general-table table thead th.sortable.asc span .fa{color:#DE7A1C;}
body .sec-general-table.sec-general-table-content .table tr th.sortable.desc span .fa, body .sec-general-table.sec-general-table-content .table tr th.sortable_with_letter.desc span .fa, .sec-people-table .table tr th.sortable.desc span .fa, .sec-border-table table thead th.sortable.desc span .fa, body .sec-general-table table thead th.sortable.desc span .fa{color:#DE7A1C; -ms-transform: rotate(180deg); /* IE 9 */   transform: rotate(180deg);  }

.sec-general-table-content .sec-tab-header ul li{/*border-bottom: 1px solid #DE7A1C;*/ padding-top:0px; vertical-align:top; line-height:14px; color:#DE7A1C; text-transform:uppercase; font-family: 'museo_sans900'; font-weight:normal; font-size:12px;  padding:0 12px 12px}
.sec-general-table-content .sec-tab-header ul li:first-child{padding-left:5px;}
.sec-general-table-content .sec-tab-header ul li:last-child{padding-right:5px;}
.sec-general-table-content .sec-tab-header ul{padding:0; margin:0;}

.text-green{ color:#234C2D; }
.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; cursor:pointer;}
.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; cursor:pointer;}
.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%; float: left;}



/*checkbox*/

.checkbox .custom-control-input{left:21px;}
.checkbox .custom-control-label{padding-top: 0; padding-left:5px; font-size:13px; line-height:18px; cursor: pointer; color: #454545; padding-top:4px; display:inline-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; cursor:pointer;}
.checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background:#DE7A1C; border-color:#DE7A1C}

.checkbox .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before{background:#fdd5d5; border-color:#fdd5d5; cursor:no-drop;}

.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; padding-top:0px;}
.sm-checkbox.checkbox .custom-control-label::before{width:16px; height:16px; top:0px;}
.sm-checkbox.checkbox .custom-control-label::after{top:1px; left:-20px; 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;}

/*outline bg boat*/
.outline-boat-bg{width:340px;height:191px; background:url(../images/outline_boat_bg.png) center center no-repeat; background-size:contain; margin-bottom:70px;}
.page-main-content .outline-boat-bg{width:483px;height:257px; background:url(../images/outline_boat_bg_big.png) center center no-repeat; background-size:contain; margin-bottom:70px; margin-right:-20px;}

.calendar-page-content .outline-boat-bg{float:right;}
.calendar-page-content .outline-boat-bg.cal-outline-bot-bg{margin-top:10px;}
.calendar-page-content .sec-main-cal-key-box .outline-boat-bg{margin-top:-160px;}
.outline-boat-bg.float-right{margin-right:-20px;}


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

/* hdr group content */
.hdr-group-content-left{display:flex; align-items:center; width:65%;}
.hdr-group-content-left h3{margin-right:6px;}
.hdr-group-content-right .btn-group{margin-right:10px; box-shadow: 0px 2px 3px rgb(4 4 7 / 8%);}
.hdr-group-content-right .btn-group .btn{text-transform:uppercase; font-size:12px;}

/*section hdr content*/
.sec-content-hdr{display:flex; width:100%; justify-content:space-between;}
.sec-accordion-content .section-map .sec-content-hdr{ display:block; }
.sec-accordion-content .section-map .sec-content-hdr .left-hdr-content .select-field{max-width:230px;}
.sec-accordion-content .section-map .sec-content-hdr{padding-bottom:20px;}


/*login form*/
.form-page{position:relative; width:100%; }
.form-page:before{position:absolute; content: ''; background:#2479A3; left:0; top:0; width:100%; height:100%; opacity:0.5;}
.form-page:after{position:absolute; content:''; background:url(../images/wave_bg.png) center center no-repeat; top:50%; transform:translateY(-50%); left:0; width:100%; height:406px; background-size:cover; z-index:-1; 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; }

.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:100px 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);}
.section-form .inner-form .form-box{ width:100%; float:none; }
.login-form-page .section-form .inner-form .form-box{ width:50%; float:left; }
.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:15px;}
.section-form .inner-form .form-box .logo-img img{width:80px; height:80px; margin:0 auto; display:block; object-fit:cover; }
.section-form .inner-form .form-box .devider{position:relative;border-top:1px solid #dfdfdf; margin:34px 0;color:#19375f; }
.section-form .inner-form .form-box .devider:before{content: "OR"; display: block; position:absolute; top:0; font-size: 13px; padding: 0 .25em; background: #f0f0f2; width: 38px; height: 38px; border-radius: 50%; z-index: 9; left: 0; right: 0; line-height: 35px;  margin:auto; font-weight: 500; border: 1px solid #f0eff1; text-align: center; bottom:0;}
.section-form .inner-form .form-box .form-title{font-size:24px; text-transform:uppercase; color:#DE7A1C; text-transform:uppercase; font-weight:800; line-height:24px; padding-bottom:8px;}
.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%) }
.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;}
.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;}

/*resent news*/
.section-resent-news{ width:100%; clear: both; padding:50px 0; }
.login-form-page .section-resent-news{padding-bottom:100px;}
.section-resent-news .row{margin:0 -10px;}
.section-resent-news .container{max-width:970px;}
.section-resent-news .sec-news-slider .news-box .box-info{ width:100%; border-radius:10px; background:#fff; box-shadow: 0px 6px 8px rgb(4 4 7 / 10%); overflow:hidden; } 
.section-resent-news .news-box .box-info .box-content{ padding:25px 22px; width:100%; }
.section-resent-news .news-box .box-info .box-content h3{ color:#19375F; padding-bottom:6px; font-size:17px; font-family: 'museosans-700uploaded_file'; }
.section-resent-news .news-box .box-info .box-content h3 a, .section-resent-news .news-box .author-info .author-detail h4 a{color:#19375F; }
.section-resent-news .news-box .box-info .box-content h3 a:hover, .section-resent-news .news-box .author-info .author-detail h4 a:hover{color:#DE7A1C; }
.section-resent-news .news-box .box-info .box-content p.text-content{ font-size:11px; line-height:15px; margin-bottom:5px; }
.section-resent-news .news-box .box-info .author-content{ width:100%; display:flex; padding-top:12px; }
.section-resent-news .news-box .box-info .author-content .author-info{ width:82%; display:flex; align-items:center; }
.section-resent-news .news-box .box-info .author-content .author-info img{ width:50px; height:50px; border-radius:100%; object-fit:cover; object-position: top center; margin-right:10px; }
.section-resent-news .news-box .author-info .author-detail h4{ font-size:13px; color:#19375F; line-height:15px; padding-bottom:0px; font-family: 'museosans-700uploaded_file'  }
.section-resent-news .news-box .author-info .author-detail span.news-date{font-size:10px; color:#A3A3A4;}
.section-resent-news .news-box ul.news-social-media-list{padding:8px 0 0; margin:0; float:right; display:flex;}
.section-resent-news .news-box ul.news-social-media-list li{font-size:15px; padding-left:9px;}
.section-resent-news .news-box ul.news-social-media-list li img{max-width:15px; transition: all 0.3s ease-in 0s;}
.section-resent-news .news-box ul.news-social-media-list li a:hover img{opacity:0.7;}
.section-resent-news .news-box ul.news-social-media-list li a{ color:#828282; }
.section-resent-news .news-box ul.news-social-media-list li a:hover{ color:#DE7A1C; }

.section-resent-news .news-box .box-img{ width:100%; clear: both; position:relative; padding-bottom:68%; }
.section-resent-news .news-box .box-img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}



.section-resent-news button.slick-arrow.slick-prev{left:-30px;}
.section-resent-news button.slick-arrow.slick-next{right:-30px;}

/* page sidebar */
.sec-page-sidebar{position:absolute; left:0; width:346px; background:none; height:auto; overflow-y:auto; z-index:111; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;/* -webkit-transition: left 0.3s ease, width 0.3s ease; transition: left 0.3s ease, width 0.3s ease;*/ top:0;}
.sec-page-sidebar .left-sidebar-inner{width:100%; clear: both; float:left; padding-bottom:360px; position:relative; height:100%; }
/*.sec-page-sidebar .left-sidebar-inner{width:100%; position:relative; margin-top:12px;}
.sec-page-sidebar .left-sidebar-inner:before{position:absolute; content:''; background:url(../images/sidebar_bg_bar.png) left top repeat-y; width:346px; height:auto; left:0; bottom:0; top:0; background-size:346px;}*/
.sidebar-toggle .sec-page-sidebar{ width:70px; }

.sec-page-sidebar .sidebar-hdr-info{background:#DE7A1C; padding:5px 8px; height:54px; width:346px; clear:both; display:flex; justify-content:space-between; align-items:center; position:absolute; top:0; z-index:111; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; }
/*.sec-page-sidebar .sidebar-hdr-info:before{position:absolute; content:''; background:#fff; height:80%; width:1px; right:0; top:50%; transform:translateY(-50%);}*/
.sec-page-sidebar .sidebar-hdr-info .sidebar-pro-info{display:flex; align-items:center; width:82%;}
.sec-page-sidebar .sidebar-hdr-info .sidebar-pro-info .sidebar-logo img{ width:50px; height:50px; object-fit:cover; border-radius:100%; border:2px solid #fff; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; }
.sec-page-sidebar .sidebar-hdr-info .sidebar-pro-info .sidebar-profile{margin-left:15px; display:flex; align-items:center; width:75%;}
.sec-page-sidebar .sidebar-hdr-info .sidebar-pro-info .sidebar-profile .profile-img{width:44px; height:44px; border-radius:100%; display:block; overflow:hidden; margin-right:10px;}
.sec-page-sidebar .sidebar-hdr-info .sidebar-pro-info .sidebar-profile .profile-img img{ width:100%; height:100%; object-fit:cover; object-position: top center; border-radius:100%;}

.sec-page-sidebar .sidebar-hdr-info .sidebar-pro-info .sidebar-profile h4.profile-name{ color:#fff; font-size:12px; visibility:visible; font-family: 'museo_sans500'; padding-bottom:0; width:72%;}
.sec-page-sidebar .sidebar-hdr-info .sidebar-pro-info .sidebar-profile h4.profile-name a{ color:#fff; }

.sec-page-sidebar .sidebar-hdr-info .hdr-right-fan{padding-right:10px;}
.sec-page-sidebar .sidebar-hdr-info .hdr-right-fan .fan-icon{width:33px; height:33px; display:block; background:#19375f; color:#fff; font-size:22px; line-height:28px; text-align:center; border-radius:100%; }
.sec-page-sidebar .sidebar-hdr-info .hdr-right-fan .fan-icon img{max-width:19px; margin:0 auto; /*-webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.9s; -webkit-animation-name: rotate; -webkit-animation-iteration-count: infinite;  -webkit-animation-timing-function: linear; -moz-transition-property: -moz-transform; -moz-animation-name: rotate;  -moz-animation-duration: 0.9s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; transition-property: transform; animation-name: rotate; animation-duration: 0.9s; animation-iteration-count: infinite; animation-timing-function: linear;*/}
.sec-page-sidebar .sidebar-hdr-info .hdr-right-fan .fan-icon:hover, .sec-page-sidebar .sidebar-hdr-info .hdr-right-fan .fan-icon:focus{background:#2479A3;}

.sec-page-sidebar .hdr-language-drop .dropdown-menu{width:150px; left:auto !important; right:0; transform: translate3d(0, 44px, 0px) !important; box-shadow:0 8px 8px 0 rgba(0,0,0,0.15);}
.sec-page-sidebar .hdr-language-drop .fan-icon{line-height:26px;}
.sec-page-sidebar .hdr-language-drop .dropdown-menu li a{padding: 3px 10px; color: #515151; display: block; font-size: 14px;}
.sec-page-sidebar .hdr-language-drop .dropdown-menu li a:hover{background:#19375f; color:#fff;}
.sec-page-sidebar .hdr-language-drop .dropdown-toggle::after{display:none;}

.sidebar-toggle .sec-page-sidebar .sidebar-hdr-info .sidebar-pro-info .sidebar-profile, .sidebar-toggle .sec-page-sidebar .sidebar-hdr-info .hdr-right-fan{display:none;} 
.sidebar-toggle .sec-page-sidebar .sidebar-hdr-info{width:70px;}
.sidebar-toggle .sec-page-sidebar .sidebar-hdr-info:before{display:none;}


.sec-page-sidebar .sidebar-box{ width:346px; padding:64px 15px 9px; position:relative; clear: both; float:left; background:url(../images/sidebar_bg_bar.png) left top repeat-y; background-size:346px; margin-top:10px;}

.impersonating_module .sec-page-sidebar .sidebar-box{padding-top:45px; height:107px;}

.sec-page-sidebar .sidebar-box .hdr-text-btn{text-align:right; margin-bottom:5px;} 
.sec-page-sidebar .sidebar-box .hdr-text-btn .btn{text-transform: none; font-size: 12px; padding:1px 6px 2px; line-height: 14px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.sidebar-toggle .sec-page-sidebar .sidebar-box{padding-left:10px; padding-right:10px;}

.sec-page-sidebar .sidebar-hdr-info .sidebar-box .sidebar-top-box{width:93%; margin:0px auto 0; float: right; padding-bottom:0px; }
.sec-member-desktop .sec-page-sidebar .sidebar-top-hdr-info{border-bottom:0px;}
.sec-member-desktop .sec-page-sidebar .sidebar-box{padding:24px 8px 13px; background: rgba(222, 122, 28, 0.8); border-bottom:1px solid #fff; margin-top:0px; height:auto;}
.impersonating_module .sec-member-desktop .sec-page-sidebar .sidebar-box{padding-top:0px;}
.sec-member-boat-page.page-main-content .inner-main-content{padding-top:0px;}
.sec-member-desktop .sec-page-sidebar .sidebar-box ul.nav-icon-list li a.circle-icon-lg{background:#19375f;}
.sec-member-desktop .sec-page-sidebar .sidebar-box ul.nav-icon-list li a.circle-icon-lg:hover, .sec-member-desktop .sec-page-sidebar .sidebar-box ul.nav-icon-list li a.circle-icon-lg:focus{background:#445b7a;}
.section-main-content .sec-member-desktop .sec-page-sidebar .sidebar-box{background: rgba(222, 122, 28, 1);}

    

.sec-page-sidebar .sidebar-top-hdr-info{background:rgba(222, 122, 28, 0.8); padding:5px 8px; height:auto; width:346px; clear:both; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; float:left; border-bottom:1px solid #fff;}
.section-main-content .sec-page-sidebar .sidebar-top-hdr-info{background:rgba(222, 122, 28, 1); }
.sec-page-sidebar .sidebar-top-hdr-info:before{position:absolute; content:''; background:#fff; height:215px; width:1px; right:0; top:15px; z-index:1; opacity:0.6;}
.section-main-content .sec-page-sidebar .sidebar-top-hdr-info:before{display:none;}
.sec-page-sidebar .sidebar-top-hdr-info .sidebar-pro-info{display:flex; align-items:center; height:160px;}
.sec-page-sidebar .sidebar-top-hdr-info .sidebar-pro-info .sidebar-logo img{ width:50px; height:50px; object-fit:cover; border-radius:100%; border:2px solid #fff; -moz-transition: all .3s linear; -webkit-transition:all .3s linear; }
.sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile{width:100%; clear: both; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; margin-top:0px;}
.impersonating_module .sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile{margin-top:-6px;}
.sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile .profile-img{width:84px; height:84px; border-radius:100%; display:block; overflow:hidden; margin:0 auto 8px;}
.sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile .profile-img img{ width:100%; height:100%; object-fit:cover; object-position: top center; border-radius:100%; margin:0 auto 0px;}

.sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile h4.profile-name{ color:#fff; font-size:18px; font-family: 'museo_sans500'; padding-bottom:0; width:100%; display:block; text-align:center;}
.sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile h4.profile-name a{color:#fff;}

.sec-member-desktop .sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile h4.profile-name{overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; height:22px;}
.sec-member-desktop .sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile h4.profile-name br{display:none;}






.sidebar-toggle .sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile{visibility:hidden;} 
.sidebar-toggle .sec-page-sidebar .sidebar-top-hdr-info{width:70px; background: rgba(222, 122, 28, 0.98);}
.sidebar-toggle .sec-page-sidebar .sidebar-top-hdr-info:before{display:none;}
.sidebar-toggle .sec-member-desktop .sec-page-sidebar .sidebar-box{background: rgba(222, 122, 28, 0.98);}


.sec-page-sidebar .sidebar-top-hdr-info .sidebar-box{ width:100%; padding:0px 0px 9px; position:relative; clear: both; float:left; background:none; margin-top:0px;}
.sidebar-toggle .sec-page-sidebar .sidebar-top-hdr-info .sidebar-box{padding-left:10px; padding-right:10px;}

.sec-page-sidebar .sidebar-top-hdr-info .sidebar-box .sidebar-top-box{width:93%; margin:25px auto 0; float: right; padding-bottom:0px; }

.sec-member-desktop .sec-page-sidebar .sidebar-top-hdr-info .sidebar-pro-info{display:block;}

.sec-member-desktop .sec-page-sidebar .sidebar-box p.hdr-text-btn .btn:hover, .sec-member-desktop .sec-page-sidebar .sidebar-box p.hdr-text-btn .btn:focus{background:#fff; color:#19375f;}

.sec-member-desktop .sec-page-sidebar .sidebar-top-hdr-info .hdr-right-fan, .sec-page-sidebar .sidebar-box .nav-icon-list li .hdr-language-drop{display:none;}
.sec-member-desktop .sec-page-sidebar .sidebar-box .nav-icon-list li .hdr-language-drop{display:block;}



.sec-page-sidebar .sidebar-box .arrow-left-icon{ width:30px; text-align:left; font-size:30px; position:absolute; left:15px; bottom:10px;}
.impersonating_module .sec-page-sidebar .sidebar-box .arrow-left-icon{bottom:5px;}

.sec-member-desktop .sec-page-sidebar .sidebar-box .arrow-left-icon{bottom:16px;}
.sec-page-sidebar .sidebar-box .nav-icon-list{ display:flex; justify-content:center; padding:0; margin:0; margin-left:40px; visibility:visible; }
.sec-page-sidebar .sidebar-box .nav-icon-list li{padding:0 5px; font-size:22px;}
.sec-page-sidebar .sidebar-box .nav-icon-list li.active a.circle-icon-lg, .sec-page-sidebar .sidebar-box .nav-icon-list li a.circle-icon-lg:hover, .sec-page-sidebar .sidebar-box .nav-icon-list li a.circle-icon-lg:focus{background:#DE7A1C;}
.sec-page-sidebar .sidebar-box a.badge-icon, .notification-badge-icon{position:relative;}
.sec-page-sidebar .sidebar-box .badge, .notification-badge-icon .badge{position: absolute; top:-7px; right: -3px; display: block !important; padding:0px !important; width: 1rem; height: 1rem; border-radius: 100%; font-size: 11px; line-height: 1; font-family: 'museo_sans500'; font-weight:normal; line-height:18px;}
.notification-badge-icon .badge.badge-success{background:#345A3D;}
.sec-page-sidebar .sidebar-box .circle-icon-lg{width:33px; height:33px; line-height:26px; font-size: 20px; position:relative;}
.sec-page-sidebar .sidebar-box .circle-icon-lg.logout-icon{text-align:center; line-height:33px;}
.sec-page-sidebar .sidebar-box .circle-icon-lg.logout-icon i{position:relative; left:2px; top:0; transform:none;}
.sec-page-sidebar .sidebar-box .circle-icon-lg img{max-width: 19px; object-fit: contain; position: absolute;
    left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.sec-page-sidebar .sidebar-box .circle-icon-lg:hover, .sec-page-sidebar .sidebar-box .circle-icon-lg:focus{ background:#19375f; color:#fff; }
.sec-page-sidebar .sidebar-box .circle-icon-lg.msg-icon-img, .sec-page-sidebar .sidebar-box .circle-icon-lg.forum-icon{line-height:29px;}
.sec-page-sidebar .sidebar-box .circle-icon-lg.msg-icon-img img, .sec-page-sidebar .sidebar-box .circle-icon-lg.forum-icon img{max-width:22px; top:2px;}
.sec-page-sidebar .sidebar-box .sidebar-arrow-left.circle-icon-lg{font-size:34px; line-height:23px;}
.sec-page-sidebar .sidebar-box .sidebar-arrow-left.badge-icon .badge{visibility:hidden; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.sidebar-toggle .sec-page-sidebar .sidebar-box .sidebar-arrow-left.badge-icon .badge{visibility:visible;}
.sec-page-sidebar .sidebar-box .sidebar-arrow-left img{-ms-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all .3s linear; -webkit-transition: all .3s linear; top:0; left:-1px; position:relative; margin:auto; max-width:10px; position:absolute;}
.sidebar-toggle .sec-page-sidebar .sidebar-box .sidebar-arrow-left img{-ms-transform: rotate(180deg); transform: rotate(180deg); left:0;}
.sidebar-toggle .sec-page-sidebar .sidebar-box .sidebar-top-box .nav-icon-list{ visibility:hidden; }

.sidebar-toggle .sec-member-desktop .sec-page-sidebar .sidebar-box .sidebar-top-box{margin-top:0px;}

.sec-member-desktop .sec-page-sidebar .sidebar-box .nav-icon-list{float:right;}
.sec-member-desktop .sec-page-sidebar .sidebar-box .nav-icon-list li{padding:0 3px;}



.sec-page-sidebar .sidebar-nav-menu {width:100%; clear: both; float:left;}
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list{padding:0; margin:0;}
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li.nav-item{ position:relative; padding:0px 0; margin:1px 0; background:url(../images/sidebar_bg_bar.png) left top no-repeat; background-size:100% 100%; }
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a{position:relative; padding: 15px 15px 15px 86px !important; padding-left:30px; font-size:22px; color:#19375f; display:block; z-index:1; text-transform:uppercase; letter-spacing: 0.050em; line-height:23px; font-family: 'museo_sans500'}
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a:before{position:absolute; content:''; left:0; width:0; height:100%; background:#af5705; top:0; transition:all 0.15s ease-in 0s; z-index:-1; opacity:0.8;}
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a:hover:before, .sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li.active a:before{left:0; width:100%;}
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a:hover, .sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li.active a{ color:#fff; }
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a i{position:absolute; left:22px; top: 17px; font-size: 28px;
    width: 30px; height: 30px; display: block; line-height: 19px; text-align: center;}
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a img{position:absolute; left:24px; top:14px; width: 30px; height: 30px; display: block; line-height: 19px; text-align: center; object-fit:contain; max-width:20px;}

.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li.sales-item a img, .sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li.marketing-item a img{max-width:25px;}

.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a img.nav-white-icon{display:none; transition:all 0.3s ease-in 0s;}
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a:hover img.nav-white-icon, .sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li.active a img.nav-white-icon{display:inline-block;}
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a:hover img.nav-blue-icon, .sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li.active a img.nav-blue-icon{display:none;}
.sidebar-toggle .sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a{font-size:0px;}


.sec-member-desktop .sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a{padding: 15px 15px 15px 75px !important;}
.sec-member-desktop .sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li.sailtime-plus a img{max-width:30px;}


.sec-page-sidebar .sidebar-base-menu{ width:100%; clear: both; padding:0px; float:left; opacity:1;  }
.sec-page-sidebar .sidebar-base-menu .blank-base-bg{background:url(../images/sidebar_bg_bar.png) left top repeat-y; width:100%; height:53px; background-size:100% 100%; margin-bottom:1px; display:block;}
.sidebar-toggle .sec-page-sidebar .sidebar-base-menu{margin-bottom:30px; position:relative; opacity:0;}
.sec-page-sidebar .sidebar-base-menu .round-icon-b{ width:30px; height:30px; border-radius:100%; font-size:16px; color:#19375f;text-align:center; border:2px solid #19375f; line-height:28px; display:block; font-weight:normal; display:none; font-family: 'museo_sans900'; position:absolute; top:12px;}
.sidebar-toggle .sec-page-sidebar .sidebar-base-menu .round-icon-b{margin-left:20px; display:block; }
.sidebar-toggle .sec-page-sidebar .sidebar-base-menu .base-menu-detail{ display:none; }
.sec-page-sidebar .sidebar-base-menu .base-menu-detail{ display:block; width:100%;}
.sec-page-sidebar .sidebar-base-menu h3{ color:#19375f; padding:0px; font-family: 'museo_sans900'; font-size:22px; background: url(../images/sidebar_bg_bar.png) left top repeat-y; padding: 14px 10px 14px 140px; background-size: 100% 100%; margin-bottom:1px; line-height:26px;}
.sec-page-sidebar .sidebar-base-menu ul{padding:0; margin:0;}
.sec-page-sidebar .sidebar-base-menu ul li{font-size:19px; color:#19375f; line-height:47px; font-family: 'museo_sans500'; background: url(../images/sidebar_bg_bar.png) left top repeat-y; padding: 14px 10px 14px 140px; background-size: 100% 100%; margin-bottom:1px; line-height:24px;}
.sec-page-sidebar .sidebar-base-menu ul li{ color:#19375f; }
.sec-page-sidebar .sidebar-base-menu .base-view-btn{width:100%; background: url(../images/sidebar_bg_bar.png) left top repeat-y; background-size: 100% 100%; padding: 14px 10px 14px 140px;}
.sec-page-sidebar .sidebar-base-menu .view-btn.btn{min-width:120px; font-family: 'museo_sans500'; border-radius:6px;}
.sec-page-sidebar .sidebar-bottom-bg{width:100%; float:left; position:relative; display:block;}
.sec-page-sidebar .sidebar-bottom-bg .inner-sidebar-bg{width:100%; background:url(../images/sidebar_bg_bar.png) left top repeat-y; background-size:346px; padding-bottom:108px; float:left;}
.sec-page-sidebar .sidebar-bottom-bg .inner-sidebar-bg:before{position:absolute; content:''; background:url(../images/sidebar_bottom_bg.png) left bottom no-repeat; width:55%; height:220px; background-size:contain; left:-40px; bottom:1px;}



.sec-member-desktop .sec-page-sidebar .sidebar-bottom-bg .inner-sidebar-bg{padding-bottom:217px;}
.sec-page-sidebar .sidebar-weather-details {text-align:center; width:100%; padding:20px 28px 90px; float:left; display:block;}
.sec-page-sidebar .sidebar-weather-details a.btn{font-family: 'museo_sans500';}
.sec-page-sidebar .sidebar-weather-details .weather-forecast-img{width:100%; clear: both;}
.sec-page-sidebar .sidebar-weather-details .weather-forecast-img img.forecast-img-thumb{ width:100%; margin:0 auto; max-width:290px; }
.sidebar-toggle .sec-page-sidebar .sidebar-bottom-bg, .sidebar-toggle .sec-page-sidebar .sidebar-weather-details{ display:none; }

.sec-page-sidebar .outline-boat-bg{float:left; margin-top:30px; display:inline-block; position:absolute; left:0; bottom:65px;}
.sidebar-toggle .sec-page-sidebar .outline-boat-bg{ display:none; }

.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; }


.engineroom-page .sec-page-sidebar .sidebar-hdr-info:before{position:absolute; content:''; background: rgba(222,122,28,0.8); height:100%; width:1px; right:0; top:50%; transform:translateY(-50%); opacity:0.1;}


/* page main conente */
.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:0px; /*-webkit-transition: margin-left 0.3s ease; -o-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease;*/ width:100%; transition: all .3s linear; -webkit-transition: all .3s linear;}
.page-main-content .inner-main-content{padding-top:20px; float:left; width:100%; clear: both; padding-left: 366px;
    padding-right: 20px; -webkit-transition: margin-left 0.3s ease; -o-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease;  transition: all .3s linear; -webkit-transition: all .3s linear;}
.sec-member-desktop .page-main-content{padding-top:0px;}
/*.sec-member-desktop.announcement_available .page-main-content{padding-top:245px;}*/

/*page notice hdr*/
.page-main-content .page-notice-hdr, .page-main-content .page-tab-hdr{position:relative; left:0; top:0; width:100%; background:#DE7A1C; padding:12px 30px 12px 15px; z-index:11; padding-left:365px; -webkit-transition: margin-left 0.3s ease; -o-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease;  transition: all .3s linear; -webkit-transition: all .3s linear; transform:translateY(-0px);}
.page-main-content .page-notice-hdr{z-index: unset; display:block;}
.page-main-content .page-notice-hdr:before{position: absolute; content: ''; background: #fff; height: 80%;
    width: 1px; left:347px; top: 50%; transform: translateY(-50%); -webkit-transition: margin-left 0.3s ease; -o-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease;  transition: all .3s linear; -webkit-transition: all .3s linear; z-index:111;}
/*.page-main-content .page-notice-hdr{position:absolute;}*/
.page-main-content .page-notice-hdr .inner-hdr{ width:100%; padding-right:20px;}
.page-main-content .page-notice-hdr .inner-hdr .slick-list{max-width:90%; margin:0 auto;}
.page-main-content .page-notice-hdr .inner-hdr .hdr-btn, .page-main-content .page-notice-hdr .inner-hdr .center-text{ display:table-cell; vertical-align:middle; }

.page-main-content .page-notice-hdr .inner-hdr button.slick-arrow{font-size: 0px; color:#DE7A1C; line-height:28px; width:30px; height:30px; border-radius:100%; background:#fff; color:#DE7A1C; cursor:pointer; width:26px; height:26px;}
.page-main-content .page-notice-hdr .inner-hdr button.slick-arrow.slick-prev:after, .page-main-content .page-notice-hdr .inner-hdr button.slick-arrow.slick-next:before{color:#DE7A1C; font-size:30px; left:0; right:0; background-image: url(../images/icons/arrowtoleft_orange.png); background-position: center;  background-repeat: no-repeat; background-size:8px; width:26px; height:26px;}
.page-main-content .page-notice-hdr .inner-hdr button.slick-arrow.slick-next:before{background-image: url(../images/icons/arrowright_orange.png);}

.page-main-content .page-notice-hdr .inner-hdr .hdr-btn .circle-icon-lg:hover{color:#fff;}
.page-main-content .page-notice-hdr .inner-hdr .hdr-btn.right .next-btn{float:right;}

.page-main-content .page-notice-hdr .inner-hdr .notice-text{ text-align:center; font-size:23px; color:#fff; text-transform:uppercase; font-weight:normal; line-height:32px;}
.page-main-content .page-notice-hdr .inner-hdr .notice-text p{margin-bottom:0px; padding-bottom:0px; /*overflow: hidden;*/
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height:30px;}
.page-main-content .page-notice-hdr .inner-hdr .hdr-btn.right .btn{float:right;}
.page-main-content .page-notice-hdr .inner-hdr .hdr-close-btn{position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#fff; font-size:18px; opacity:1;}
.page-main-content .mdi-close-thick::before{content: "\F0156";}
.page-main-content .page-notice-hdr .inner-hdr .hdr-close-btn:hover{opacity:0.8;}

.sidebar-toggle .page-main-content{padding-left:70px;}
.sidebar-toggle .page-main-content .inner-main-content{padding-left:20px;}
.sidebar-toggle .page-main-content .page-notice-hdr{padding-left:20px;}
.sidebar-toggle .page-main-content .page-notice-hdr:before{left:0;}
.section-main-content .page-main-content{padding-top:0px;}
.section-main-content .page-main-content .page-notice-hdr{transform:translateY(-56px); display:none;}



/*page announcement hdr slider*/
.page-main-content .page-announcement-hdr{position:relative; left:0; top:0; width:100%; background:url(../images/header_bg.jpg) right top no-repeat; height:245px; padding:0px; z-index:11; padding-left:346px; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transform:translateY(-0px); border-bottom:1px solid #fff; background-size: cover;}
.page-main-content .page-announcement-hdr .inner-hdr{ width:500px; background:rgba(222, 122, 28, 0.8); height:100%; padding: 30px 50px 40px 60px; position:relative;}
.page-main-content .page-announcement-hdr .sec-hdr-announcement-slider{height:100%;}

.page-main-content .page-announcement-hdr .inner-hdr button.slick-arrow{font-size: 0px; color:#DE7A1C; line-height:28px; width:30px; height:30px; border-radius:100%; background:#fff; color:#DE7A1C; cursor:pointer; bottom:-22px; top:auto; transform: translateY(0);}
.page-main-content .page-announcement-hdr .inner-hdr button.slick-arrow.slick-prev:after, .page-main-content .page-announcement-hdr .inner-hdr button.slick-arrow.slick-next:before{color:#DE7A1C; font-size:30px; left:0; right:0; background-image: url(../images/icons/arrowtoleft_orange.png); background-position: center;  background-repeat: no-repeat;  background-size: 8px;}
.page-main-content .page-announcement-hdr .inner-hdr button.slick-arrow.slick-next:before{background-image: url(../images/icons/arrowright_orange.png);}

.page-main-content .page-announcement-hdr .inner-hdr button.slick-arrow.slick-prev{left:-40px;}
.page-main-content .page-announcement-hdr .inner-hdr button.slick-arrow.slick-next{right:-30px;}


.page-main-content .page-announcement-hdr .inner-hdr .slick-dots{position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); display:flex; margin:0; padding:0; justify-content:center; flex-wrap:wrap;}
.page-main-content .page-announcement-hdr .inner-hdr .slick-dots li button{width:10px; height:10px; border-radius:100%; border:0px; background:#fff; display:block; font-size:0px; cursor:pointer; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; }
.page-main-content .page-announcement-hdr .inner-hdr .slick-dots li{padding:0 5px;}
.page-main-content .page-announcement-hdr .inner-hdr .slick-dots li.slick-active button, .page-main-content .page-announcement-hdr .inner-hdr .slick-dots li button:hover, page-announcement-hdr .inner-hdr .slick-dots li button:focus{background:#19375f;}

.page-main-content .page-announcement-hdr .inner-hdr .box-info h3{ font-size:23px; color:#fff; font-weight:normal; line-height:32px; text-transform:uppercase; font-family: 'museo_sans500';}
.page-main-content .page-announcement-hdr .inner-hdr .box-info p{margin-bottom:0px; padding-bottom:0px; color:#fff; font-size:16px; line-height:25px;}
.page-main-content .page-announcement-hdr .hdr-close-btn{position:absolute; right:20px; top:10px; color:#fff; font-size:20px; opacity:1;}
.page-main-content .page-announcement-hdr .inner-hdr .hdr-close-btn:hover{opacity:0.8;}

.sidebar-toggle .page-main-content .page-announcement-hdr{padding-left:0px; }
.section-main-content .page-main-content{padding-top:0px;}
.section-main-content .sec-member-desktop.announcement_available .page-main-content{padding-top:0px;}
.section-main-content .page-main-content .page-announcement-hdr{top:-245px; display:none;}

.page-announcement-hdr.baseowner_announcement { padding-left: 0px !important;margin-bottom: 28px; }

/*hdr tab*/
.page-main-content .page-tab-hdr{position:relative; left:0; top:0; width:100%; background:#DE7A1C; padding:12px 30px 12px 15px; z-index:11; padding-left:365px; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transform:translateY(-0px);}
.page-main-content .page-tab-hdr{background:#764212; padding:0px; padding-left:346px;}
.page-main-content .page-tab-hdr .tab-nav-hdr .navbar-toggler-btn{ display:none; }
.page-main-content .page-tab-hdr ul.hdr-tab-list{margin:0; padding:0px; display:flex;}
.page-main-content .page-tab-hdr ul.hdr-tab-list li{ position:relative; font-size:15px; text-transform:uppercase; text-align:center;}
.page-main-content .page-tab-hdr ul.hdr-tab-list li:before{position:absolute; content:''; width:1px; height:60%; top:50%; transform:translateY(-50%); background:#fff; opacity:0.4; right:0;}
.page-main-content .page-tab-hdr ul.hdr-tab-list li:last-child:before{display:none;}
.page-main-content .page-tab-hdr ul.hdr-tab-list li a{ color:#fff; padding:17px 18px; display:block;}
.page-main-content .page-tab-hdr ul.hdr-tab-list li a:hover, .page-main-content .page-tab-hdr ul.hdr-tab-list li.active a{ background:#DE7A1C; }
.sidebar-toggle .page-main-content .page-tab-hdr{padding-left:0px;}


/*dock page baseowner*/
.sec-boat-book-status .boat-box-card .box-card-info{width: 100%; border-radius: 10px; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); position: relative; background: #fff; min-height:142px; margin-bottom:30px;}
.sec-boat-book-status .boat-box-card .box-card-info .box-hdr-title{background:#931212; color: #fff; text-align: center; font-size: 18px; padding: 7px 10px 5px; border-radius: 10px 10px 0 0; height:31px; overflow:hidden;}
.sec-boat-book-status .boat-box-card .box-card-info .box-hdr-title h3{font-size: 16px; margin-bottom: 0px; padding-bottom: 0px; color: #fff; text-transform: uppercase; font-family: 'museosans-700uploaded_file'; line-height:21px;}
.sec-boat-book-status .boat-box-card .box-card-info .box-content{width:100%; padding:30px; text-align:center;}
.sec-boat-book-status .boat-box-card .box-card-info .box-content .content-info{display:flex; align-items:center; justify-content:center;}
.sec-boat-book-status .boat-box-card .box-card-info .box-content .content-info .icon-img{width:50px; height:auto; margin-right:6px;}
.sec-boat-book-status .boat-box-card .box-card-info .box-content .content-info .icon-img img{max-width:50px; margin:0 auto;}
.sec-boat-book-status .boat-box-card .box-card-info .box-content .content-info span.card-count{font-size:40px; color:#931212; font-family: 'museo_sans900';}


.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;} 
.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;}

/*dock checklist table*/
.section-checklist-table .sec-general-table table tr td .view-icon{display:inline-block;}

/*boat expiring*/
.sec-boat-book-status .boat-box-card.boat-box-expiring .box-card-info .box-hdr-title{background:#931212;}
.sec-boat-book-status .boat-box-card.boat-box-expiring .box-card-info .box-content .content-info span.card-count{color:#931212;}

/*boat content approval red*/
.sec-boat-book-status .boat-box-card.boat-box-content-approval-red .box-card-info .box-hdr-title{background:#931212;}
.sec-boat-book-status .boat-box-card.boat-box-content-approval-red .box-card-info .box-content .content-info span.card-count{color:#931212;}

/*boat content approval*/
.sec-boat-book-status .boat-box-card.boat-box-content-approval .box-card-info .box-hdr-title{background:#DE7A1C;}
.sec-boat-book-status .boat-box-card.boat-box-content-approval .box-card-info .box-content .content-info span.card-count{color:#DE7A1C;}

/*boat prospects not contacted*/
.sec-boat-book-status .boat-box-card.boat-box-prospects-not-contacted .box-card-info .box-hdr-title{background:#931212;}
.sec-boat-book-status .boat-box-card.boat-box-prospects-not-contacted .box-card-info .box-content .content-info span.card-count{color:#931212;}

/*boat approval*/
.sec-boat-book-status .boat-box-card.boat-box-approval .box-card-info .box-hdr-title{background:#14B038;}
.sec-boat-book-status .boat-box-card.boat-box-approval .box-card-info .box-content .content-info span.card-count{color:#14B038;}

/*boat blue box*/
.sec-boat-book-status .boat-box-card.boat-box-card-blue .box-card-info .box-hdr-title{background:#19375f;}
.sec-boat-book-status .boat-box-card.boat-box-card-blue .box-card-info .box-content .content-info span.card-count{color:#19375f;}

/*week a glance*/
.sec-week-glance .card{background:#f9f9f9;}
.sec-week-glance .card .card-header{border-color:#d3d3d3; background:#fff;}
/*.sec-week-glance .sec-week-glance-content-main .sec-inner-week-glance{width:100%; padding:30px 0; position:relative;}
.sec-week-glance .sec-week-glance-content .sec-inner-week-glance{width:100%; position:relative; display:flex; justify-content:flex-start; align-items:flex-start; max-height: 315px; padding-right: 15px; margin-bottom: 10px; padding-top:0px; padding-right: 15px; margin-bottom: 10px; padding-bottom:0px;}

.sec-week-glance .sec-inner-week-glance .week-glance-slider{margin:0px 0; }
.sec-week-glance .sec-inner-week-glance .slick-list{}
.sec-week-glance .sec-inner-week-glance .week-slide-box .box-info{ display:flex; width:100%; padding:10px 0; }
.sec-week-glance .sec-inner-week-glance .week-slide-box .week-date-box{ width:100px; height:101px; margin-right:20px; }
.sec-week-glance .sec-inner-week-glance .week-slide-box .week-date-box .date-box-info{ width:100%; border:1px solid #DE7A1C; position:relative; height:80px; }
.sec-week-glance .sec-inner-week-glance .week-slide-box .week-date-box .week-text{width:100%; display:block; text-align:center; font-family: 'museo_sans900'; color:#fff; text-transform:uppercase; background:#DE7A1C; padding:3px 10px; font-size: 16px;}
.sec-week-glance .sec-inner-week-glance .week-slide-box .week-date-box .week-date{display:block; width:100%; padding:13px 10px 10px; text-align:center; color:#DE7A1C; font-size:24px; line-height:28px; background:#fff; font-family: 'museo_sans900';}
.sec-week-glance .sec-inner-week-glance .week-slide-box .week-date-box .book-date{position:absolute;right:-10px; bottom:-10px; width:20px; height:20px; background:#EFAD18; border-radius:100%; line-height:22px; text-align:center; font-size:12px; font-family: 'museo_sans900'; }
.sec-week-glance .sec-inner-week-glance .week-slide-box .sec-book-listing{overflow-x: auto; width: 81%; float: left;}
.sidebar-toggle.dock-page .sec-week-glance .sec-inner-week-glance .week-slide-box .sec-book-listing{width:85%;}*/


.sec-week-glance .sec-week-glance-content .sec-inner-week-glance{width:100%; position:relative; max-height: 315px; padding-right: 15px; margin-bottom: 10px; padding-top:0px; padding-bottom:0px; background: #f9f9f9; overflow:auto;}

.sec-week-glance .sec-inner-week-glance .week-glance-slider{margin:0px 0; }
.sec-week-glance .sec-inner-week-glance .week-slide-box .box-info{ display:flex; width:100%; padding:10px 0; }
.sec-week-glance .sec-inner-week-glance .week-slide-box .week-date-box{ width:100px; height:101px; margin-right:20px; }
.sec-week-glance .sec-inner-week-glance .week-slide-box .week-date-box .date-box-info{ width:100%; border:1px solid #DE7A1C; position:relative; height:80px; }
.sec-week-glance .sec-inner-week-glance .week-slide-box .week-date-box .week-text{width:100%; display:block; text-align:center; font-family: 'museo_sans900'; color:#fff; text-transform:uppercase; background:#DE7A1C; padding:3px 10px; font-size: 16px;}
.sec-week-glance .sec-inner-week-glance .week-slide-box .week-date-box .week-date{display:block; width:100%; padding:13px 10px 10px; text-align:center; color:#DE7A1C; font-size:24px; line-height:28px; background:#fff; font-family: 'museo_sans900';}
.sec-week-glance .sec-inner-week-glance .week-slide-box .week-date-box .book-date{position:absolute;right:-10px; bottom:-10px; width:20px; height:20px; background:#EFAD18; border-radius:100%; line-height:22px; text-align:center; font-size:12px; font-family: 'museo_sans900'; }
.sec-week-glance .sec-inner-week-glance .week-slide-box .sec-book-listing{overflow-x: auto; width: 81%; float: left;}
.sidebar-toggle.dock-page .sec-week-glance .sec-inner-week-glance .week-slide-box .sec-book-listing{width:85%;}


ul.week-book-listing{margin:0; padding:0; white-space: nowrap;}
ul.week-book-listing li{padding-right:15px; width:180px; display: inline-block; vertical-align: top; white-space: normal;}
ul.week-book-listing li .item-box{width:100%; border:1px solid #DE7A1C; padding:6px 40px 7px 10px; position:relative; background:#fff;}
ul.week-book-listing li .item-box .box-content{color: #727272;}
ul.week-book-listing li .item-box a.item-link{position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
ul.week-book-listing li .item-box span{display:block; font-size:11px; line-height:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
ul.week-book-listing li .item-box .day-night-icon{position: absolute; right: 10px; bottom: auto; font-size: 18px;
    top: 50%; transform: translateY(-50%);}
ul.week-book-listing li .item-box .day-night-icon img{max-width:20px;}
ul.week-book-listing li .item-box .day-night-icon.moon-icon img{max-width:11px;}


/*.sec-week-glance .sec-week-glance-content-main .sec-inner-week-glance .button.slick-arrow{transform:translateY(0); top:auto;}
.sec-week-glance .sec-week-glance-content-main .sec-inner-week-glance .button.slick-arrow.slick-prev{top:-23px; bottom:auto; left:30px;}
.sec-week-glance .sec-week-glance-content-main .sec-inner-week-glance .button.slick-arrow.slick-next{bottom:-23px; top:auto; right:auto; left:30px;}
.sec-week-glance .sec-week-glance-content-main .sec-inner-week-glance .button.slick-arrow.slick-prev:after, .sec-week-glance .sec-week-glance-content-main .sec-inner-week-glance button.slick-arrow.slick-next:before{color:#19375f; content: ""; background-image: url(../images/icons/arrowleft_blue.png); background-position: center; background-repeat: no-repeat; background-size:14px; -ms-transform: rotate(90deg); transform: rotate(90deg);}
.sec-week-glance .sec-week-glance-content-main .sec-inner-week-glance button.slick-arrow.slick-next:before{background-image: url(../images/icons/arrowright_blue.png);}*/




.sec-week-glance .main-week-glance-section button.arrow-icon{position:absolute; width: 30px; height: 30px; background: none; border: 0px; z-index:11; cursor:pointer; background-position: center; background-repeat: no-repeat; background-size:14px; -ms-transform: rotate(90deg); transform: rotate(90deg); border:0px;}
    .sec-week-glance .main-week-glance-section button.arrow-icon:focus{outline:none; box-shadow:none;}
.sec-week-glance .main-week-glance-section button.arrow-icon.arrow-up{top:36px; bottom:auto; left:45px; background-image: url(../images/icons/arrowleft_blue.png); }
.sec-week-glance .main-week-glance-section button.arrow-icon.arrow-down{bottom:0px; top:auto; right:auto; left:45px; background-image: url(../images/icons/arrowright_blue.png);}


/*.sec-week-glance .week-boat-listing{width:115px; margin-right:10px; position:relative; padding-top:70px;}
.sec-week-glance .week-boat-listing .week-boat-box{width:100%; padding:0px 0 15px 15px;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info{width:100%; height:60px; background:#fff; border-radius:6px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); background:#fff; position:relative; padding-left:20px; padding-right:5px; border-left:10px solid #DE7A1C;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info .box-img{ width:30px; height:30px; position:absolute; left:-20px; top:50%; transform:translateY(-50%); border-radius:100%; border:2px solid #DE7A1C; overflow:hidden; z-index:1;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info .box-img img{width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info .box-desc-info{position:absolute; top:50%; transform:translateY(-50%);}
.sec-week-glance .week-boat-listing .week-boat-box .box-info .boat-title{font-size:12px; color:#DE7A1C; font-family: 'museosans-700uploaded_file';line-height:16px; display: block;     word-break: break-word;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info a{position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:1;}

.sec-week-glance .week-boat-list-detial{width:79%;}
.sec-week-glance .week-boat-list-detial .week-boat-listing-detail{width:100%; padding-bottom:15px; white-space: nowrap; clear: both;}
.sec-week-glance .week-boat-listing-detail .boat-box{display: inline-block; vertical-align: top; white-space: normal; padding:10px 5px; width:116px;}
.sidebar-toggle .sec-week-glance .week-boat-listing-detail .boat-box{width:120px;}
.sec-week-glance .week-boat-listing-detail .boat-box .box-info{width:100%; height:100%; background:#fff; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); border-radius:8px;}
.sec-week-glance .week-boat-listing-detail .boat-box .box-info .boat-hdr-info{width:100%; padding:10px 5px; height:36px; text-align:center; color:#fff; background:#DE7A1C; font-size: 13px; font-family: 'museo_sans900'; line-height:16px; border-radius:8px 8px 0 0}
.sec-week-glance .week-boat-listing-detail .boat-box.boat-cold-box .box-info .boat-hdr-info{ background:#19375f; } 
.sec-week-glance .week-boat-listing-detail .boat-box.boat-warm-box .box-info .boat-hdr-info{ background:#EFAD18; } 
.sec-week-glance .week-boat-listing-detail .boat-box .box-info .boat-box-content{width:100%; padding:25px 10px;}
.sec-week-glance .week-boat-listing-detail .boat-box-content ul.boat-listing{padding:0; margin:0;}
.sec-week-glance .week-boat-listing-detail .boat-box-content ul.boat-listing li.boat-list-item{padding-bottom:15px;}
.sec-week-glance .week-boat-listing-detail .boat-box-content ul.boat-listing li.boat-list-item:last-child{padding-bottom:0px;}
.sec-week-glance .week-boat-listing-detail .boat-box-content ul.boat-listing li.boat-list-item .boat-box-info{width:100%; border-radius:5px; overflow:hidden;}
.sec-week-glance .week-boat-listing-detail .boat-box-content ul li .info-desc{ width:100%; padding:2px 10px; text-align:center; height:30px; font-size:11px; line-height:27px; background:#E2E6EB; position:relative;}
.sec-week-glance .week-boat-listing-detail .boat-box-content ul li .info-desc a{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
.sec-week-glance .week-boat-listing-detail .boat-box-content ul li .info-desc span.boat-embark-icon{position: relative;
    top: -2px;}
.sec-week-glance .week-boat-listing-detail .boat-box-content ul li .info-desc span.boat-embark-icon img{max-width:36px;}
.sec-week-glance .week-boat-listing-detail .boat-box-content ul li .info-desc.top-info-desc{background:#FAF3E3;}
.sec-week-glance .week-boat-listing-detail .boat-box-content ul li .info-desc p{margin-bottom:0px; padding-bottom:0px;}
.sec-week-glance .sec-week-glance-content .sec-inner-week-glance button.arrow-icon.arrow-up{top:-30px; bottom:auto; left:50px; background-image: url(../images/icons/arrowleft_blue.png); }
.sec-week-glance .sec-week-glance-content .sec-inner-week-glance button.arrow-icon.arrow-down{bottom:-32px; top:auto; right:auto; left:50px; background-image: url(../images/icons/arrowright_blue.png);}

.sec-week-glance .main-week-glance-section{position:relative; padding-bottom:30px;}
.sec-week-glance .main-week-glance-section .back-to-top{text-align:center; margin:0 auto;  display:inline-block; color:#DE7A1C; width:0px; height:0px; text-align:center; font-size:0px; line-height:0px; visibility:visible; -webkit-transition: all .3s ease-in-out;  transition: all .3s ease-in-out; position: absolute; left: 50%;   transform: translateX(-50%); background: none; visibility:hidden;}
.sec-week-glance .main-week-glance-section .back-to-top.show{width:30px; height:30px; line-height:30px; font-size:16px; visibility:visible;}*/



.sec-week-glance .week-boat-listing{padding-right:10px; padding-left:0px !important; padding-top:0px; width:120px; position: sticky; left: 0; z-index: 11; background: #f9f9f9;}
.sec-week-glance .sec-inner-week-glance table tr.row-tab{display:flex;}
.sec-week-glance .sec-inner-week-glance .table-responsive{overflow-x: unset;}
.sec-week-glance .week-boat-listing table tr.empty-box{position:sticky; left:0; z-index:1;}
.sec-week-glance .week-boat-listing table tr.empty-box td{height:70px; background:#f9f9f9; }
.sec-week-glance .week-boat-listing table tr td{padding:0px;}
.sec-week-glance .week-boat-listing .week-boat-box{width:100%; padding:0px 0 15px 11px;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info{width:100%; height:60px; background:#fff; border-radius:6px; box-shadow: 0px 0px 3px rgb(0 0 0 / 15%); background:#fff; position:relative; padding-left:20px; padding-right:5px; border-left:10px solid #DE7A1C;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info .box-img{ width:30px; height:30px; position:absolute; left:-20px; top:50%; transform:translateY(-50%); border-radius:100%; border:2px solid #DE7A1C; overflow:hidden; z-index:1;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info .box-img img{width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info .box-desc-info{position:absolute; top:50%; transform:translateY(-50%); height:42px; overflow:hidden; display:flex; justify-content: center; flex-wrap: wrap; width:70%;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info .boat-title{font-size:12px; color:#DE7A1C; font-family: 'museosans-700uploaded_file';line-height:16px; display: block; word-break: break-word; height: auto; line-height: normal; display: flex; align-items: center;}
.sec-week-glance .week-boat-listing .week-boat-box .box-info a{position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:1;}

.sec-week-glance .week-boat-list-detial .week-boat-listing-detail{width:100%; padding-bottom:15px; white-space: nowrap; clear: both;}
.sec-week-glance .boat-box{display: inline-block; vertical-align: top; white-space: normal; padding:10px 5px; width:118px;}
.sidebar-toggle .sec-week-glance .boat-box{width:120px;}
.sec-week-glance .boat-box .box-info{width:100%; height:100%; background:#fff; box-shadow: 0px 0px 3px rgb(0 0 0 / 15%); border-radius:8px; position: sticky; top: 0; z-index: 1;}
.sec-week-glance .boat-box .box-info .boat-hdr-info{width:100%; padding:10px 5px; height:36px; text-align:center; color:#fff; background:#DE7A1C; font-size: 13px; font-family: 'museo_sans900'; line-height:16px; border-radius:8px 8px 0 0; position:sticky; top:0; z-index:1;}
.sec-week-glance .boat-box.boat-cold-box .box-info .boat-hdr-info{ background:#19375f; } 
.sec-week-glance .boat-box.boat-warm-box .box-info .boat-hdr-info{ background:#EFAD18; } 
.sec-week-glance .boat-box .box-info .boat-box-content{width:100%; padding:25px 10px;}
.sec-week-glance .boat-box-content ul.boat-listing{padding:0; margin:0;}
.sec-week-glance .boat-box-content ul.boat-listing li.boat-list-item{padding-bottom:15px;}
.sec-week-glance .boat-box-content ul.boat-listing li.boat-list-item:last-child{padding-bottom:0px;}
.sec-week-glance .boat-box-content ul.boat-listing li.boat-list-item .boat-box-info{width:100%; border-radius:5px; overflow:hidden;}
.sec-week-glance .boat-box-content ul li .info-desc{ width:100%; padding:2px 10px; text-align:center; height:30px; font-size:11px; line-height:27px; background:#E2E6EB; position:relative;}
.sec-week-glance .boat-box-content ul li .info-desc a{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
.sec-week-glance .boat-box-content ul li .info-desc span.boat-embark-icon{position: relative;
    top: -2px;}
.sec-week-glance .boat-box-content ul li .info-desc span.boat-embark-icon img{max-width:36px;}
.sec-week-glance .boat-box-content ul li .info-desc.top-info-desc{background:#FAF3E3;}
.sec-week-glance .boat-box-content ul li .info-desc.last-info-desc{background:#c7e1ec !important;}
.sec-week-glance .boat-box-content ul li .info-desc p{margin-bottom:0px; padding-bottom:0px;}
.sec-week-glance .boat-box-content ul li .info-desc.top-info-one{line-height:50px; display:flex; align-content:center;
  justify-content:center; height:58px;}

.sec-week-glance .sec-week-glance-content .sec-inner-week-glance button.arrow-icon.arrow-up{top:10px; bottom:auto; left:40px; background-image: url(../images/icons/arrowleft_blue.png); }
.sec-week-glance.sec-inner-week-glance button.arrow-icon.arrow-down{bottom:-32px; top:auto; right:auto; left:50px; background-image: url(../images/icons/arrowright_blue.png);}

.sec-week-glance .main-week-glance-section{position:relative; padding-bottom:30px;}
.sec-week-glance .main-week-glance-section .back-to-top{text-align:center; margin:0 auto;  display:inline-block; color:#DE7A1C; width:0px; height:0px; text-align:center; font-size:0px; line-height:0px; visibility:visible; -webkit-transition: all .3s ease-in-out;  transition: all .3s ease-in-out; position: absolute; left: 50%;   transform: translateX(-50%); background: none; visibility:hidden;}
.sec-week-glance .main-week-glance-section .back-to-top.show{width:30px; height:30px; line-height:30px; font-size:16px; visibility:visible;}




.section-main-fleet .activity-listing-collapse{height:92px; -webkit-transition: all .3s linear; transition: all .3s linear;}
.section-main-fleet .sec-week-glance-collpase{height:50px; -webkit-transition: all .3s linear; transition: all .3s linear;}
.section-main-fleet .activity-listing-collapse .activity-listing-heading .select-field select option{position:relative;}
.section-main-fleet .activity-listing-collapse .activity-listing-heading .select-field select option:before{position:absolute; content:''; left:0; top:0; background:#000; width:10px; height:10px; border-radius:100%;}
.section-main-fleet .sec-week-glance-collpase.open, .section-main-fleet .activity-listing-collapse.open{height:auto;}
.section-main-fleet .card-header a.option-dots.icon-up-btn{background:#fff !important; color:#DE7A1C;}
.section-main-fleet .card-header .icon-up-btn i{-ms-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all .3s linear; -webkit-transition: all .3s linear; top: 0; left: 0; margin: auto; position:relative;}
.section-main-fleet .card-header .icon-up-btn.open i{-ms-transform: rotate(180deg); transform: rotate(180deg);}





/*fleet section*/
.sec-fleet{ width:100%; clear: both; padding-bottom:20px; }
.sec-fleet .left-content .content-group{display:flex; align-items:center;}
.sec-fleet .left-content .content-group .btn-lg{margin-left:12px; font-size:13px;}
.sec-fleet .left-fleet-hdr{display:block;}
.sec-fleet .left-fleet-hdr .filter-search-form.center-filter-srh-form{max-width:100% !important;}
.sec-fleet .left-fleet-hdr .filter-search-form.center-filter-srh-form .search-form{max-width:380px;}
.sec-fleet .left-fleet-hdr .filter-search-form .sec-filter-box-main{max-width:380px;}
.sec-fleet .left-fleet-hdr .add-bot-btn{margin-right:20px;}

.sec-fleet .right-fleet-hdr .dropdown-option{float:right;}
.sec-fleet .right-fleet-hdr .d-flex{justify-content: space-between; align-items: center;}
.sec-fleet .right-fleet-hdr .select-field{max-width:360px; margin-right:15px;}

.sec-fleet .fleet-main-box{ width:100%; clear: both; overflow:hidden; border-radius: 0px 0px 10px 10px;}
.sec-fleet .fleet-main-box::-webkit-scrollbar{width:8px;} 
.sec-fleet .fleet-main-box::-webkit-scrollbar-thumb{background: rgb(32, 89, 158); border-radius: 14px;}
.sec-fleet .fleet-main-box::-webkit-scrollbar-track{background-color:#fff; border-radius: 14px;}
.sec-fleet .fleet-main-box .row{margin:0px -12px}
.sec-fleet .fleet-main-box .slick-list{padding-top:56px;}
.sec-fleet .fleet-main-box .slick-track{margin-left:0; margin-right:0;}
.sec-fleet .fleet-main-box .fleet-box{padding:0px 12px;}
.sec-fleet .fleet-main-box .fleet-box:focus-visible, .sec-fleet .fleet-main-box .fleet-box:focus{outline:none;}
.sec-fleet .fleet-main-box .fleet-box .box-info{ width:100%; clear: both; border-radius:10px; position:relative; background:#fff; margin-top:0px; padding:70px 0 80px; border-top: 13px solid #DE7A1C; box-shadow: 0px 2px 3px rgb(4 4 7 / 10%); height:100%; min-height:292px;}
.intranet-page .sec-fleet .fleet-main-box .fleet-box .box-info{min-height:321px;}
.sec-fleet .fleet-main-box .fleet-box .box-info .box-img{ background:none; text-align:center; margin:0 auto 15px; width:100%; position:absolute; left:50%; top:-56px; transform:translateX(-50%);}
.sec-fleet .fleet-main-box .fleet-box .box-info .box-img img{ width:112px; height:112px; border-radius:100%; border:3px solid #DE7A1C; margin:0 auto; animation: pulse 2s infinite; }
.sec-fleet .fleet-main-box .fleet-box .box-detail{width:100%; padding:0 15px 0px;}
.sec-fleet .fleet-main-box .fleet-box .box-detail h4{ color:#DE7A1C; font-size:14px; line-height:16px; font-weight:normal; padding-bottom:7px;}
.intranet-page .sec-fleet .fleet-main-box .fleet-box .box-detail h4{padding-right:62px;}
.sec-fleet .fleet-main-box .fleet-box .box-detail a.circle-icon{position:absolute; top:10px; right:20px;}
.sec-fleet .fleet-main-box .fleet-box .box-detail p{ color:#6F7070; font-size:12px; line-height:13px; margin-bottom:4px;}
.sec-fleet .fleet-main-box .fleet-box .box-detail b{color:#19375F; font-weight: normal; font-family: 'museosans-700uploaded_file';}
.sec-fleet .fleet-main-box .fleet-box .box-footer{ width:100%; clear: both; text-align:center; padding:7px 15px 10px; border-top:1px solid #dfdfdf; position:absolute; left:0; bottom:0px; width:100%;}
.sec-fleet .fleet-main-box .slick-slider {-moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.sec-fleet .fleet-main-box button.slick-arrow{top:56px; bottom:auto; height:100%; background:rgba(0,0,0,0.4); transform:translateY(0); -moz-transition: all .3s linear; -webkit-transition: all .3s linear;  }
.sec-fleet .fleet-main-box button.slick-arrow.slick-prev{left:-30px; border-radius: 10px 0px 0px 10px; }
.sec-fleet .fleet-main-box button.slick-arrow.slick-next{right:-30px; border-radius: 0px 10px 10px 0px; }
.sec-fleet .fleet-main-box .slick-slider:hover button.slick-arrow.slick-prev{left:12px;}
.sec-fleet .fleet-main-box .slick-slider:hover button.slick-arrow.slick-next{right:11px;}
/*.sec-fleet .fleet-main-box:hover button.slick-arrow, .sec-fleet .fleet-main-box:hover button.slick-arrow.slick-prev, .sec-fleet .fleet-main-box:hover button.slick-arrow.slick-next{width:30px; visibility:visible;}*/


/*prospets*/
.sec-prospects .section-prospects-status{margin: 0 -5px 30px; display:flex; justify-content:flex-start; flex-wrap:wrap;}
.sec-prospects .section-prospects-status .pro-box{ width:20%; padding:0 5px; }
.sec-prospects .section-prospects-status .pro-box .box-info{ background:#fff; width:100%; border-radius:10px; height:100%; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); position:relative; padding-bottom:43px; background:#f9f9f9;}
.sec-prospects .section-prospects-status .pro-box .box-info .pro-header-title{ background:#DE7A1C; color:#fff; text-align:center; font-size:18px; padding:6px 10px; border-radius:10px 10px 0 0;}
.sec-prospects .section-prospects-status .pro-box .box-info .pro-header-title h3{font-size:16px; margin-bottom:0px; padding-bottom:0px; color:#fff; text-transform:uppercase;}
.sec-prospects .section-prospects-status .pro-box .box-info .box-content{padding:12px 12px 0; height:100%;}
.sec-prospects .section-prospects-status .pro-box .box-info .box-content ul{padding:0; margin:0; height:100%;}
.sec-prospects .section-prospects-status .pro-box .box-content .pro-content-box{ width:100%; position:relative; border-top:10px solid #DE7A1C; box-shadow: 0px 2px 5px rgb(4 4 7 / 30%); padding: 11px 37px 10px 10px; margin-bottom:12px; border-radius:6px; background:#fff; cursor:move;}
.sec-prospects .section-prospects-status .pro-box .box-content .pro-content-box.selected{background: #e74 !important;}
.sec-prospects .section-prospects-status .pro-box .box-content .pro-content-box:last-of-type{margin-bottom:0px; background:#fff;}
.sec-prospects .section-prospects-status .pro-box .box-content .pro-content-box .circle-icon-sm{position:absolute; right:10px; bottom:10px; z-index:1;} 
.sec-prospects .section-prospects-status .pro-box .box-content .pro-content-box .left-content{ width:100%; }
.sec-prospects .section-prospects-status .pro-box .box-content .pro-content-box .left-content h4{margin-bottom:7px;}
.sec-prospects .section-prospects-status .pro-box .box-content .pro-content-box .left-content p{font-size:11px; line-height:14px; margin-bottom:3px;}
.sec-prospects .section-prospects-status .pro-box .box-content .pro-content-box .left-content p.mob-no a{ color:#19375f; }
.sec-prospects .section-prospects-status .pro-box .box-content .pro-content-box .left-content p.mob-no a:hover{ color:#DE7A1C; }
.sec-prospects .section-prospects-status .pro-box .box-content .refresh-icon-box{width:100%;text-align:center; position:absolute; width:100%; text-align:center; left:0; bottom:12px;}
.sec-prospects .section-prospects-status .pro-box .box-content .refresh-icon-box .circle-icon-lg{background:#19375f; margin:0 auto; font-size:26px;}
.sec-prospects .section-prospects-status .pro-box .box-content .refresh-icon-box .circle-icon-lg:hover{background:#DE7A1C;}

.sec-prospects .section-prospects-status .pro-box.warm-box .box-info .pro-header-title, .sec-prospects .section-prospects-status .por-status-box .pro-bg-text.Warm-bg-text{background:#EFAD18;}
.sec-prospects .section-prospects-status .pro-box.warm-box .box-content .pro-content-box{border-top-color:#EFAD18;}

.sec-prospects .section-prospects-status .pro-box.cold-box .box-info .pro-header-title, .sec-prospects .section-prospects-status .por-status-box .pro-bg-text.cold-bg-text{background:#19375f;}
.sec-prospects .section-prospects-status .pro-box.cold-box .box-content .pro-content-box{border-top-color:#19375f;}

.sec-prospects .section-prospects-status .pro-box.not-contacted-box .box-info .pro-header-title, .sec-prospects .section-prospects-status .por-status-box .pro-bg-text.not-contacted-bg-text{background:#6F7070;}
.sec-prospects .section-prospects-status .pro-box.not-contacted-box .box-content .pro-content-box{border-top-color:#6F7070;}
.sec-prospects .section-prospects-status .por-status-box .box-hdr-title{padding:13px 15px; width:100%; border-bottom:1px solid #dfdfdf; background:#fff; border-radius:10px 10px 0 0;}
.sec-prospects .section-prospects-status .por-status-box .box-hdr-title h4{margin-bottom:0px; padding-bottom:0px; font-size:14px;}
.sec-prospects .section-prospects-status .por-status-box .pro-status-text{width:100%; clear: both; width:100%; padding:10px 15px; display:flex;}
.sec-prospects .section-prospects-status .por-status-box .pro-status-text img{max-width:40px; margin-right:10px;}
.sec-prospects .section-prospects-status .por-status-box .pro-status-text h4{margin-bottom:0px; padding-bottom:0px;}
.sec-prospects .section-prospects-status .por-status-box .pro-bg-text{ width:100%; background:#DE7A1C; color:#fff; text-transform:uppercase; padding:7px 15px 6px; margin-bottom:8px; }
.sec-prospects .section-prospects-status .por-status-box .pro-bg-text p{margin-bottom:0px; font-family: 'museo_sans900'; font-size:14px;}
.sec-prospects .section-prospects-status .por-status-box .box-info{position:relative; width:100%; padding-bottom:55px;}
.sec-prospects .section-prospects-status .por-status-box .box-info .view-bottom-btn{position:absolute; bottom:12px; width:100%; text-align:center; display: flex; align-items: center; left: 50%; transform: translateX(-50%); justify-content: center;}
.sec-prospects .section-prospects-status .por-status-box .box-info .view-bottom-btn a.btn{padding: 1px 8px 0; border-radius:5px;}


/*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; }

.sec-sales-analysis .sec-sales-content{padding:15px 5px 0;}
.sec-sales-analysis .sec-sales-content .left-sales-content h3{font-size:22px; padding-bottom:5px; font-family: 'museosans-700uploaded_file'; }
.sec-sales-analysis .sec-sales-content .left-sales-content span.text-down{color:#dc3545;}
.sec-sales-analysis .sec-sales-content .left-sales-content span.text-up{color:#38cb89;}
.sec-sales-analysis .sec-sales-content .row{align-items:center;}
.sec-sales-analysis .sec-sales-content .chart-key-text span{font-size:12px;}
.sec-sales-analysis .sec-sales-content .left-sales-content span.text-success{ color:#38cb89 !important }
.sec-sales-analysis .sec-sales-content .chart-key-text{ display:flex; justify-content:center; }
.sec-sales-analysis .sec-sales-content .chart-key-text span.chart-dot-text{ display:inline-block; padding:0 10px; } 
.sec-sales-analysis .sec-sales-content span.dot-label.bg-orange{background:#DE7A1C !important;}
.sec-sales-analysis .sec-sales-content span.dot-label.bg-blue{background:#19375f;}
.sec-sales-analysis .sec-sales-content span.dot-label.bg-yellow{background:#EFAD18;}

.sec-sales-analysis .card-header .hdr-group-content-left{width:auto;} 
.sec-sales-analysis .card-header .hdr-group-content-right{width:50%;} 
.sec-sales-analysis .card-header .hdr-group-content-right .card-options{float: right; width: 100%; justify-content: flex-end;}
.sec-sales-analysis .card-header .hdr-group-content-right .drop-left{max-width:170px;}
.sec-sales-analysis .card-header .hdr-group-content-right .drop-right{max-width:100px;}


/*fleet maintenence*/
.dock-page .sec-fleet-maintenance .card-body, .dock-page .sec-fleet-maintenance-table.sec-border-table table.table-striped tbody tr td, .dock-page .sec-fleet-maintenance-table.sec-border-table table.table-striped tr th{background:#f9f9f9;}
.sec-fleet-maintenance-table .sec-general-table .sec-table table tbody.gray-right-scrollbar{max-height:286px;}
.sec-tab-header{padding-right:25px;}
.sec-tab-header table{margin-bottom:0px; table-layout:fixed;}
.sec-tab-body table{table-layout:fixed;}
.w-10{width:10%;}
.w-20{width:20%;}
.w-19{width:19%;}
.w-33{width:33%;}
.w-34{width:34%;}
.w-35{width:35%;}
.w-15{width:15%;}
.w-16{width:16%;}
.w-11{width:11%;}
.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-3{width:3%;}
.w-5{width:5%;}
.w-6{width:6%;}
.w-7{width:7%;}
.w-18{width:18%;}
.w-17{width:17%;}
.w-11{width:11%;}
.w-12_5{width:12.5%;}
.w-23{width:23%;}
.w-60{width:60%;}
.w-40{width:40%;}
.w-30{width:30%;}
.w-37{width:37%;}
.w-22{width:22%;}
.w-85{width:85%;}


/*line height*/
.lh-25{line-height:25px;}

.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; width:77%}
.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-form{max-width:360px; width:100%;}
.search-form .search-field-box{position:relative;}
.search-form .search-field-box .form-control{border-radius:6px; height:40px; font-size:15px !important; padding-right:44px; letter-spacing:0.025em; padding-top:6px;}
.search-form .search-field-box.sm-search-field-box .form-control{height:28px; padding:2px 15px 1px;}
.search-form .search-field-box.sm-search-field-box .search-icon{width:38px; height:28px; line-height:29px; font-size:20px;}
.search-form .search-field-box.sm-search-field-box .search-icon .fa-search{top:-1px;}
.search-form .search-field-box .form-control:focus{border-color:#DE7A1C; box-shadow:none;}
.search-form .search-field-box .search-icon{position:absolute; right:0; top:0; line-height:23px; font-size:24px; width:46px; height:40px; text-align:center; color:#DE7A1C; background:none; border:0px; padding:0px; cursor:pointer; }
.search-form .search-field-box .search-icon .fa-search{position:relative; top:-2px;}
.search-form .search-field-box button.search-icon:focus{outline:none; box-shadow:none;}
.search-form .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-form .search-field-box.search-field-box-border button.circle-icon-lg:focus{box-shadow:none; outline:none;}
.search-form .search-field-box.search-field-box-border .form-control{padding-right:20px;}
.search-form .search-field-box ::-webkit-input-placeholder{text-align:center; text-transform: uppercase;}
.search-form .search-field-box ::-moz-placeholder{text-align:center; text-transform: uppercase;}
.search-form .search-field-box :-ms-input-placeholder{text-align:center; text-transform: uppercase;}
.search-form .search-field-box :-moz-placeholder{text-align:center; text-transform: uppercase;}



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

.sec-admin-vendors-table .search-form .search-field-box.sm-search-field-box .search-icon{height:28px;}
.sec-admin-vendors-table .sec-general-table #vendor_types_head tbody {max-height:176px;}


/* filter search box category */
.filter-search-form{position:relative;}
.filter-search-form.center-filter-srh-form{max-width:360px; margin:0 auto;}
.filter-search-form .filter-control-icon{position:absolute; left:8px; top:7px;}
.filter-search-form .filter-control-icon img{max-width:22px;}
.filter-search-form .search-form .search-field-box .form-control{padding-left:36px;}
.filter-search-form .sec-filter-box-main{position:absolute; left:0; top:40px; width:100%; z-index:11; overflow:hidden; padding-bottom:8px; opacity:0; background:#DE7A1C; width:100%; padding:15px; max-height:0px;box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); transition: all 0.2s ease-in 0s; max-width:360px; visibility:hidden;}
.filter-search-form .sec-filter-box-main.open{opacity:1; max-height:290px; visibility:visible;}
.filter-search-form .sec-filter-box-main .inner-filter-box-bg{width:100%; max-height:230px; padding-right:10px;}
.filter-search-form .sec-filter-box-main .inner-filter-box-bg .right-btn{width:100%; text-align:right; padding-bottom:10px;}
.filter-search-form .sec-filter-box-main .inner-filter-box-bg .right-btn .btn.blue-btn:hover{ background:#fff; color:#19375f; }
.filter-search-form .sec-filter-box-main .inner-box-content{width:100%; clear:both;}
.filter-search-form .sec-filter-box-main .inner-filter-box-bg .filter-box{width:100%; padding-bottom:10px;}
.filter-search-form .sec-filter-box-main .inner-filter-box-bg .filter-box.right-box{padding-right:0px;}
.filter-search-form .inner-filter-box-bg .filter-box .box-title{font-size:15px; color:#fff; font-family: 'museo_sans500'; padding-bottom:8px; padding-top:6px; width:100%; display:block; float:left; font-family: 'museosans-700uploaded_file';}
.filter-search-form .inner-filter-box-bg .filter-box .box-title:first-child{padding-top:0px;}
.filter-search-form .inner-filter-box-bg .filter-box ul.filter-checkbox-listing{padding:2px 0px 0; margin:0 -8px;}
.filter-search-form .inner-filter-box-bg .filter-box ul.filter-checkbox-listing ul{padding-left:12px; padding-bottom:0px; padding-top:6px;}
.filter-search-form .inner-filter-box-bg .checkbox .custom-control-label{color:#fff; line-height:18px; font-size:12px; padding-top:2px;}
.filter-search-form .inner-filter-box-bg .checkbox .custom-control-label::before{top:1px; border-width:1px;}
.filter-search-form .inner-filter-box-bg .filter-box ul.filter-checkbox-listing li{padding-bottom:5px; float:left; padding:0 8px 5px; width:50%;}
.filter-search-form .inner-filter-box-bg .filter-box ul.filter-checkbox-listing.full-filter-listing li{width:100%; padding-right:0px;}
.filter-search-form .inner-filter-box-bg .filter-box ul.filter-checkbox-listing li .checkbox{padding-left:3px;}
.filter-search-form .inner-filter-box-bg .filter-box ul.filter-checkbox-listing li ul li{float:none; padding-left:0px; padding-right:0px; width:auto;}

.filter-search-form .inner-filter-box-bg .checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background:#19375f; border-color:#19375f;}
.filter-search-form .inner-filter-box-bg .checkbox .custom-control-label::after{top:2px;}
/*.filter-search-form .right-white-scrollbar{max-height:85px; padding-right:0px;}*/
.filter-search-form .right-white-scrollbar{max-height:auto; padding-right:0px;}
/*.filter-search-form .inner-filter-box-bg .filter-box .inner-box-content{padding-left:4px; padding-top:4px;}*/
.filter-search-form .right-white-scrollbar .scrollable-element{scrollbar-color: rgb(29, 46, 62, 0.5) #DE7A1C; scrollbar-width: thin;}
.filter-search-form .right-white-scrollbar::-webkit-scrollbar{width:6px;} 
.filter-search-form .right-white-scrollbar::-webkit-scrollbar-thumb{background: rgb(29, 46, 62, 0.5); border-radius: 14px;}
.filter-search-form .right-white-scrollbar::-webkit-scrollbar-track{background-color:#e9b483; border-radius: 14px;}
.filter-search-form .inner-filter-box-bg .filter-box .toggle-field{padding:5px 0; width:100%;}
.filter-search-form .inner-filter-box-bg .filter-box .toggle-field label{color:#fff; font-family: 'museo_sans500';}
.filter-search-form .inner-filter-box-bg .filter-box .toggle-field .custom-switch-box .switch{height:18px; width:47px;}
.filter-search-form .inner-filter-box-bg .filter-box .toggle-field .custom-switch-box .slider, .filter-search-form .inner-filter-box-bg .filter-box .toggle-field .custom-switch-box input:checked + .slider{background:#fdfdfd;}
.filter-search-form .inner-filter-box-bg .filter-box .toggle-field .custom-switch-box .slider:before{left:4px; width:14px; height:14px; bottom:2px; background:#8d8d8d;}
.filter-search-form .inner-filter-box-bg .filter-box .toggle-field .custom-switch-box input:checked + .slider:before{background-color:#8d8d8d;}


.people-page .sec-admin-people-content-hdr .filter-search-form .sec-filter-box-main{max-width:800px}
.people-page .sec-admin-people-content-hdr .filter-search-form .inner-filter-box-bg .filter-box ul.filter-checkbox-listing li{width:33.33%}

.sec-add-model-form .powertime-toggle-group,.sec-boat-details .powertime-toggle-group,.sec-add-boat-form .powertime-toggle-group{display: flex; justify-content: space-around; padding: 0px 10px;}

.sec-add-model-form .custom-switch-box.gray-toggle .switch, .sec-boat-details .custom-switch-box.gray-toggle .switch, .sec-add-boat-form .custom-switch-box.gray-toggle .switch{height:18px; width:47px;}
.sec-add-model-form .custom-switch-box.gray-toggle .slider, .sec-boat-details .custom-switch-box.gray-toggle .slider,.sec-add-boat-form .custom-switch-box.gray-toggle .slider{background-color:#D8D8D8 !important;}
.sec-add-model-form .custom-switch-box.gray-toggle .slider:before, .sec-boat-details .custom-switch-box.gray-toggle .slider:before,.sec-add-boat-form .custom-switch-box.gray-toggle .slider:before{left:4px; width:16px; height:16px; bottom:3px; background:#737373;}
.sec-add-model-form .custom-switch-box.gray-toggle input:checked + .slider, .sec-boat-details .custom-switch-box.gray-toggle input:checked + .slider,.sec-add-boat-form .custom-switch-box.gray-toggle input:checked + .slider{background-color: #D8DAD8;}
.sec-add-model-form .custom-switch-box.gray-toggle .switch, .sec-boat-details .custom-switch-box.gray-toggle .switch,.sec-add-boat-form .custom-switch-box.gray-toggle .switch {position: relative;display: inline-block;width: 52px;height: 22px;}
.sec-add-model-form .custom-switch-box.gray-toggle, .sec-boat-details .custom-switch-box.gray-toggle{ padding: 0px 20px; }



@keyframes menuAnim {
  0% {
    height: 0;
  }
  100% {
    height:260px;
  }
}
@keyframes fadeMe {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
  }
}





.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; }
.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; align-items:center;}
.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: #DE7A1C 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; z-index: 1; content: ""; background-position: center 16px; border-radius:0 4px 4px 0px;}
.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;}

#boat_list ~ .select2.select2-container .select2-selection--single::before {height: 30px;}
#boat_list ~ .select2.select2-container .select2-selection .select2-selection__rendered {line-height: 28px;}

.editAddonsBasesDropdown .select-field.select-field-xs:before{width:30px; height:30px; font-size:16px; background-position: center 10px;
    background-size: 18px;}


/* superadmin & baseOwner 'addons-dropdown' css start */
.addonsBasesOptionDropdown .select-field.select-field-xs:before{width: 33px;
  height: 30px;
  font-size: 16px;
  background-position: center 12px;
  background-size: 14px;}

.addonsBasesOptionDropdown .select2.select2-container .select2-selection {margin-bottom: 0px;}
/*.addonsBasesOptionDropdown .select2-container{text-align: left;}*/
/*.addonsBasesOptionDropdown .select2.select2-container .select2-selection--multiple .select2-selection__rendered {display: inherit;line-height: 0;margin-top: 0;left: 0;margin-bottom: 0px;width: 100%;border: 1px solid #999;background: #fff;min-height: auto;border-radius: 0;min-height: 30px;max-height: 70px;overflow-y: auto;border-radius: 4px;}*/

/*.addonsBasesOptionDropdown .select2.select2-container .select2-selection--multiple .select2-search--inline textarea.select2-search__field {top:0px;}*/

/*.addonsBasesOptionDropdown .select2-search.select2-search--inline {position: inherit !important;padding-right: 0px !important;}*/

/*.addonsBasesOptionDropdown .select2.select2-container .select2-selection--multiple::before{background-color:transparent;border:transparent;}*/

/*.addonsBasesOptionDropdown .select2.select2-container .select2-selection--multiple .select2-search--inline textarea.select2-search__field {background-color: red; position: inherit;display: none;}*/

/*.addonsBasesOptionDropdown .select2.select2-container .select2-selection {padding-bottom: 0px !important;margin-bottom: 0px !important;}*/

/*#select2-edit_addons_bases_option_dropdown-container .select2-selection__choice, */
/*.select-field-box[name="edit_addons_bases_options[]"] ~ .select2-container .select2-selection__choice,*/
/*#select2-addons_boats_option_dropdown-container .select2-selection__choice,*/
/*.select-field-box[name="addons_boats[]"] ~ .select2-container .select2-selection__choice {margin:0px 0px 2px 2px !important;border:transparent !important;border-radius: 4px !important;}*/
/* superadmin & baseOwner 'addons-dropdown' css over */

/* superadmin product-settings page product-tbl scroll css */
.addons_option_tbl #addons_option_body, #products_head #addons_boats_option_body {max-height: 300px;}

.modal-tbl-content table.sortable thead {display: block;width: 100%;}
.modal-tbl-content table.sortable tr {display: flex;}
.modal-tbl-content table.sortable thead th {position: relative;cursor: pointer;}
.modal-tbl-content table.sortable tbody {display: block;width: 100%;}
.modal-tbl-content table tbody tr {border-bottom: 1px solid #C69468;}

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:#515151; height:41px; line-height:20px; border: 1px solid #999999; line-height: normal; text-align:center; text-align-last:center; background:#fff; border-radius:4px;}
/*select, option {font-family: 'museo_sans500';}*/
.select-field.select-field-lg select{padding:8px 56px 8px 20px; height:50px !important;}
.select-field.select-field-sm select{height:40px; padding: 6px 56px 6px 20px; line-height:24px;}
.select-field.select-field-xs select{height:36px; padding:4px 56px 5px 10px; font-size:13px; line-height:20px;}
.select-field.select-field-xss select{height:30px; padding:2px 40px 2px 10px; font-size:12px; line-height:18px;}
.select-field select:focus{outline:none; border-color:#DE7A1C; }

option{text-align:left;}
select.drop-text-left{text-align:left; text-align-last:left;}

.select-field-wrapper{width:100%; position:relative;}
.select-field-wrapper .select-drop-field-box{height: 36px; padding: 8px 46px 8px 10px; font-size: 13px; border:1px solid #999999; text-align:center; background:#fff; position:relative; min-width:180px;}
.select-field-wrapper .select-drop-field-box span{text-transform:uppercase;}
.select-field-wrapper .select-drop-field-box:before{position:absolute; content:''; top:-1px; right:-1px; width:36px; height:36px; background: #DE7A1C url(../images/icons/arrow_top.png) center center no-repeat; background-size:20px; border-radius:0px; background-position: 9px 14px; background-size:18px;}
.field-drop-hide{display:none;}
.select-field-wrapper ul.select-field-dropdown{background:#fff; border:1px solid #999; margin:0;padding:0px; position:absolute; left:0; top:38px; z-index:11; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); width:100%;}
.select-field-wrapper ul.select-field-dropdown li{padding:7px 10px; text-transform:uppercase; transition: all 0.3s ease-in 0s; cursor:inherit;}
.select-field-wrapper ul.select-field-dropdown li span{margin-top:1px;}
.select-field-wrapper ul.select-field-dropdown li:hover{background:#dddddd;} 


 

/*key icon list*/
.section-key{padding-bottom:30px; width: 100%; clear: both;}
.section-key h4{font-family: 'museo_sans500'; font-size:13px; color:#fff;}
.section-key .key-box{ border:1px solid #d0d0d0; padding:8px 15px 0px 15px; display: inline-block; border-radius:10px;}
ul.key-list-icon{padding:0; margin:0 -8px; display: flex; justify-content: flex-start;  flex-wrap: wrap; }
ul.key-list-icon li{padding:5px 8px; font-size:11px; text-align:center; color:#fff; float:left;}
ul.key-list-icon li span.icon-box{width:53px; text-align:center; line-height:16px; display:block;}
ul.key-list-icon li .circle-icon-lg{margin:0 auto 3px; cursor:auto;}
ul.key-list-icon li .circle-icon-lg:hover{background:#DE7A1C;}
ul.key-list-icon li .circle-icon-lg.cicle-blue:hover{background:#19375f;}
ul.key-list-icon li .circle-icon-lg.circle-white{background:#fff;}
ul.key-list-icon li.emoji-key-item{padding:0 5px;}
ul.key-list-icon li.emoji-key-item img{width:35px; object-fit:contain; object-position: center; height:42px;}
ul.key-list-icon li.group-icon-img span{ display:flex; justify-content:center; width:100%; }
ul.key-list-icon li.group-icon-img span img{max-width:30px; margin:0 3px 3px;}

/*ul.key-list-icon li span.icon span{width:auto;}*/
ul.key-list-icon li span span.pulse{width:13px;}

.card-box{background: #fff; border-radius: 10px; width: 100%; padding: 25px 20px; border: 1px solid #dbe2eb; box-shadow: 0px 2px 3px rgb(4 4 7 / 10%); }
.card-box .card-box-hdr .left-content .select-field{ max-width:230px; }
.card-box .card-box-hdr .left-content .select-field select{text-transform:none;}

.right-recent-document .card-document .card-body{background:#f9f9f9;}
.right-recent-document .card-document .sec-document-list{max-height:330px; margin-bottom:11px;}

/*calender*/
.calendar-page-content .card-box{background:#f9f9f9;}
.section-main-calender .card-body.border-left{padding:0px; border-left:0px !important}

.sec-cal-box-hdr .content-detail .card-options{ display:flex; align-items:center; }
.content-detail .sec-weater-report-hdr{margin-left:15px;}
.content-detail .sec-weater-report-hdr .cal-weather-box{width:100%; background:#509cc1; padding:3px; border-radius:2px; border:2px solid #046586;}
.content-detail .sec-weater-report-hdr .cal-weather-box .inner-weather-box{ display:flex; justify-content:space-between; width:100%;}
.content-detail .sec-weater-report-hdr .cal-weather-box .inner-weather-box .weather-forecast-img-info, .content-detail .sec-weater-report-hdr .cal-weather-box .inner-weather-box .weather-forecast-content{width:50%;}
.content-detail .sec-weater-report-hdr .cal-weather-box .inner-weather-box .weather-forecast-content{text-align:right;}
.content-detail .sec-weater-report-hdr .cal-weather-box .inner-weather-box .weather-forecast-img-info img{width:50px; height:32px; object-fit:contain; margin-bottom:0px;}
.content-detail .sec-weater-report-hdr .cal-weather-box .inner-weather-box .weather-forecast-img-info p, .content-detail .sec-weater-report-hdr .cal-weather-box .inner-weather-box .weather-forecast-content p.weather-text{font-size:8px; color:#fff; padding-bottom:0px; margin-bottom:0px; line-height:10px;}
.content-detail .sec-weater-report-hdr .cal-weather-box .inner-weather-box .weather-forecast-content p{color:#fff; margin-bottom:0px;}
.content-detail .sec-weater-report-hdr .cal-weather-box .inner-weather-box .weather-forecast-content p.weather-temp{font-size:30px;
    line-height:27px; padding-bottom:2px;}
.content-detail .sec-weater-report-hdr .cal-weather-box .inner-weather-box .weather-forecast-content p.weather-temp span{font-size:20px; position: relative; top: -6px;}

.section-main-calender .cal-time{padding-bottom:10px;}
body .fc-toolbar .fc-button {background: #f0f0f2; color: #515151; margin: 2px 1px !important; text-transform: uppercase; font-size: 13px !important; font-weight: 500; }

.fc-hdr-toolbar .fc-button{padding:4px 10px; background:#fff; border-radius:0px; box-shadow: 0px 2px 3px rgb(4 4 7 / 10%); border-radius:0px; border: 1px solid #ebecf1; color: #515151; margin:1px 0 !important; min-width:75px; text-transform:uppercase; cursor:pointer; display:inline-block; height:auto; text-align:center;}
.fc-hdr-toolbar .fc-left, .fc-hdr-toolbar .fc-right{display:flex; align-items:center; width:25%;}
.fc-hdr-toolbar .fc-left .boat-list-dropdown{margin-right:15px;}
.fc-hdr-toolbar .fc-today-button{ color:#DE7A1C; opacity:1;}
.fc-hdr-toolbar .fc-right{margin-left:0px; justify-content:flex-end;}
.fc-hdr-toolbar .fc-right ul.icon-list{float:right;margin-left:15px;}
.fc-hdr-toolbar .fc-right ul.icon-list li:last-child{padding-right:0px;}
.fc-hdr-toolbar .fc-right .reserve-btn{margin-left:15px;}
.fc-hdr-toolbar .fc-right .fc-state-default.fc-state-active{ background:#f0f0f2; }
.fc-hdr-toolbar .fc-right .fc-state-default:focus{outline:none; box-shadow: 0px 2px 3px rgb(4 4 7 / 10%);}

.fc-hdr-toolbar .fc-center{display:flex; align-items:center;}
.fc-hdr-toolbar .fc-center .select-field{margin-right:15px;}
.fc-hdr-toolbar .fc-center .fc-button-group{margin-right:8px !important; display:flex;}
.fc-hdr-toolbar .fc-center .fc-button-group .fc-button{width:26px; height:26px; padding:0px; border:0px; display:block; min-width:auto; font-size:22px; line-height:26px; margin-right:8px !important;}
.fc-hdr-toolbar .fc-center .fc-button-group .fc-button:focus{outline:none; box-shadow:none;}
.fc-hdr-toolbar .fc-center h2{ color:#19375f; font-size:15px; padding-bottom:0px; padding-right:15px;}

body .fc .fc-daygrid-day-top{flex-direction: unset;}

body.impersonating_module .fc-hdr-toolbar .fc-right{display:inline-block; width:22%;}
body.impersonating_module .fc-hdr-toolbar .fc-right .fc-button-group{justify-content: flex-end;}

/*monthly calender*/
.main-calendar .sec-calendar-box .sec-monthly-calendar table{border: 1px solid #dee2e6; border-top:0px; border-bottom:0px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar .sec-monthly-calendar table tr td{padding-left:12px; padding-right:12px; height:93px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr th:first-of-type{border-left:0px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr th:last-of-type{border-right:0px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table th{padding:8px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table td{padding:0px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table td .slot-box{float:right; margin:0px 0 15px; font-size:18px; position:relative; z-index:1; clear: both;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table td .slot-box.slot-pm-box{margin-bottom:0px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table td .slot-box .icon-box{float:right;}
.sun-icon{color:#EFAD18;}
.moon-icon{color:#19375F;}

.main-calendar .sec-calendar-box .sec-monthly-calendar table td.out-of-season{background: #fafafa;cursor: unset!important;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.out-of-season .slot-book-box, .main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.out-of-season .slot-book-box a{cursor: unset!important;}

.main-calendar .sec-calendar-box .sec-monthly-calendar table td.fc-today{background:#f0f0f2;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table td .slot-box a.moon-icon{color:#19375F; position:relative; left:2px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td{width:14%; background:#fff;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-other-month{background:#fafafa;}
/*.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-other-month:before{position:absolute; content: ''; background:#fafafa; width:100%; height:100%; left:0; top:0; z-index:-1;}*/
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-other ul.fc-calendar-icon-list{ display:none; }

.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td a.fc-day-number{ color:#19375F !important; }
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td{ max-height:172px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td .fc-day-inner-box{position:relative; height:100%;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-today .fc-day-inner-box{border:2px solid #DE7A1C;}
/*.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td .fc-day-inner-box:before{position: absolute; content: ''; width: 100%; height: 100%; border: 1px solid #dee2e6;  border-left: 0px; border-top: 0; right: -1px; z-index: -1;}*/

.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td .fc-oneday-inner-box{position: relative;height: 100%;min-height: 112px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-today .fc-oneday-inner-box{border:2px solid #DE7A1C !important;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .fc-oneday-inner-box:hover{border: 1px dotted; border-color: #000;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .fc-oneday-inner-box{border: 1px dotted; border-color: transparent;}
/*==================*/
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-day-number{position:absolute; left:0px; top:0px; width:auto; display:flex; justify-content: space-between; align-items:center;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-day-number .fc-day-number{padding-left:4px; padding-top:6px; width:22px; font-family: 'museosans-700uploaded_file'; }
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-day-number .holiday-text{padding-left:4px;  font-size: 10px; line-height: 10px; padding-top: 7px; padding-right: 5px; width: 80%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; height: 17px; margin-bottom: 0px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box{ display:flex; height:auto; width:100%; padding-bottom:15px; cursor:pointer; padding:24px 10px 10px; justify-content:space-between; align-items:start; min-height:20px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box.slot-box-pm{padding-bottom:16px; padding-top:18px; min-height:21px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box.slot-reservation-book-day{background:#d7ffc3;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top.fc-past .slot-book-box{cursor:default;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top.fc-past .slot-book-box.view_past_audit{cursor:pointer;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top.fc-past .slot-book-box.view_rsvp_detail_reservation{cursor:pointer;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box{height:100%; position:absolute; width:100%;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box span{font-size:11.45px; line-height:14px; padding-right:0px; text-align:right; color:#19375f; font-family: inherit; width:100%; display:flex; justify-content:space-between; align-items: start; text-align:left; /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/ font-weight:normal;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box .slot-icon, .main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box .slot-reservation-icon{display:table-cell; vertical-align:middle; width:20px; height:20px; text-align:center; padding-right:0px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box .slot-reservation-icon{line-height:20px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box .slot-icon img, .main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box .slot-reservation-icon img{object-fit:contain; width:10px; margin:0 auto; object-fit: scale-down;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box.slot-box-am .slot-icon img{width:16px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box .slot-reservation-icon img{width:14px;}

.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box.slot-box-pm .slot-icon img{width:10px;}

.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box.mine{border-style: solid;border-bottom: 4px solid;border-bottom-color: #DE7A1C; min-height:112px;}

/*.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .available:hover, .main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .view_reservation:hover{border-color: #5f688c !important; border-width: 1px !important; border-style: dotted !important;}*/
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-oneday-top .slot-book-box{border-color: transparent;
    border-width: 1px; border-style: dotted;  border-radius: 6px;} 
/*==================*/



.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-day-number{position:absolute; left:0px; top:0px; width:auto; display:flex; justify-content: space-between; align-items:center;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-day-number .fc-day-number{padding-left:4px; padding-top:6px; width:22px; font-family: 'museosans-700uploaded_file'; }
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-day-number .holiday-text{padding-left:4px;  font-size: 10px; line-height: 10px; padding-top: 7px; padding-right: 5px; width: 80%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; height: 17px; margin-bottom: 0px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box{ display:flex; height:auto; width:100%; padding-bottom:15px; cursor:pointer; padding:24px 10px 10px; justify-content:space-between; align-items:center; min-height:20px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box.slot-box-pm{padding-bottom:16px; padding-top:18px; min-height:21px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box.slot-reservation-book-day{background:#d7ffc3;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top.fc-past .slot-book-box{cursor:default;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top.fc-past .slot-book-box.view_past_audit{cursor:pointer;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top.fc-past .slot-book-box.view_rsvp_detail_reservation{cursor:pointer;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box{height:56px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box span{font-size:11.45px; line-height:14px; padding-right:0px; text-align:right; color:#19375f; font-family: inherit; width:100%; display:flex; justify-content:space-between; align-items: center; text-align:left; /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/ font-weight:normal;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box .slot-icon, .main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box .slot-reservation-icon{display:table-cell; vertical-align:middle; width:20px; height:20px; text-align:center; padding-right:0px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box .slot-reservation-icon{line-height:20px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box .slot-icon img, .main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box .slot-reservation-icon img{object-fit:contain; width:10px; margin:0 auto; object-fit: scale-down;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box.slot-box-am .slot-icon img{width:16px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box .slot-reservation-icon img{width:14px;}

.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box.slot-box-pm .slot-icon img{width:10px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box.slot-box-pm.sun_icon .slot-icon img{width:16px;}

.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box.mine{border-style: solid;border-bottom: 4px solid;border-bottom-color: #DE7A1C;}

.section-main-calender .left-calendar .calender-monthly-box .month-img img{width:100%;}
.section-main-calender .main-calendar{ width:100%; clear: both; }
.section-main-calender .main-calendar .fc-hdr-toolbar{margin-bottom:20px; display: flex; justify-content: space-between;
    align-items: center;}
.section-main-calender .main-calendar .fc-hdr-toolbar .fc-center .select-field select{/*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/ font-family: inherit; font-weight:normal;}
.section-main-calender .main-calendar .fc-hdr-toolbar .fc-center .select-field select option{font-weight:400;}
.section-main-calender .main-calendar .fc-hdr-toolbar .fc-right .fc-button-group{ display:flex; }
.main-calendar .sec-calendar-box .sec-monthly-calendar table thead tr th{padding-top:8px; color:#333042; text-transform:uppercase; border-bottom-color:#e3e4e9; padding-left:8px; border-top: 1px solid #e3e4e9;}
.main-calendar .sec-calendar-box .sec-week-canlendar .week-calendar-body .table{margin-bottom:0px;}
.main-calendar .sec-calendar-box .sec-week-canlendar table tr td{background:#fff;}

/*week calender */
.main-calendar .sec-calendar-box .sec-week-canlendar{ width:100%; clear: both; }
.sec-calendar-box .sec-week-canlendar .inner-week-calendar{width:100%; position:relative;}
.sec-calendar-box .sec-week-canlendar .inner-week-calendar .week-calendar-hdr{position:absolute; left:0; top:0; width:100%; padding-right:18px; }
.sec-calendar-box .sec-week-canlendar .inner-week-calendar .week-calendar-hdr table{margin-bottom:0px;}
.sec-calendar-box .sec-week-canlendar table th{background:#fff; text-align:center; padding-top:12px; border-bottom: 1px solid #dee2e6; color:#19375f;}
.sec-calendar-box .sec-week-canlendar table th.w-5, .sec-calendar-box .sec-week-canlendar table td.w-5{width:10%;}
.sec-calendar-box .sec-week-canlendar table th.w-13, .sec-calendar-box .sec-week-canlendar table td.w-13{width:13%;}
.sec-calendar-box .sec-week-canlendar table th.w-13{font-size:12px; padding:10px 6px; text-align:center;}
.sec-calendar-box .sec-week-canlendar table td.w-5{width:9%;} 
.sec-calendar-box .sec-week-canlendar .week-calendar-body{max-height:518px; padding-top:35px; padding-right:10px; }
.sec-calendar-box .sec-week-canlendar .week-calendar-body table td.fc-today{ background:#f0f0f2; }
.sec-calendar-box .sec-week-canlendar .week-calendar-body table tr td{padding:0px;}
.sec-calendar-box .sec-week-canlendar .week-calendar-body table tr td ul{padding:0; margin:0px;}
.sec-calendar-box .sec-week-canlendar .week-calendar-body table tr td ul li{border-bottom:1px solid #dee2e6; height:66px;}
.sec-calendar-box .sec-week-canlendar .week-calendar-body table tr td.weekday-time ul li{padding:10px 8px;}
.sec-calendar-box .sec-week-canlendar .week-calendar-body table td ul li .weekday-slot-box.active{background:#f0f0f2; }
.sec-calendar-box .sec-week-canlendar .week-calendar-body table td ul li .weekday-slot-box{border-bottom:1px solid #dee2e6; height:32.5px;padding:7px 4px;}
.sec-calendar-box .sec-week-canlendar .week-calendar-body table td ul li .weekday-slot-box .slot-book-text{display:flex; justify-content:space-between; font-size:11px; line-height:11px;}
.sec-calendar-box .sec-week-canlendar .week-calendar-body table td ul li .weekday-slot-box .slot-reservation-icon img{max-width:14px;}
.sec-calendar-box .sec-week-canlendar .week-calendar-body table td ul li .weekday-reservation-box .weekday-slot-box:last-child{border-bottom-color:transparent;}
.sec-calendar-box .sec-week-canlendar .week-calendar-body table td ul li .weekday-slot-box.week_calendar_holiday .holiday-name{font-size:10px; line-height:11px; color:green; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:13px; margin-bottom:2px;}
.sec-calendar-box .sec-week-canlendar .week-calendar-body table td ul li .weekday-slot-box.week_calendar_holiday{padding: 3px 4px 0;}  
.sec-calendar-box .sec-week-canlendar .week-calendar-body table td ul li .weekday-reservation-box .weekday-slot-box.available{background:#e1ffe0; cursor:pointer;}
.sec-calendar-box .sec-week-canlendar .week-calendar-body table td ul li .weekday-reservation-box .weekday-slot-box.view_reservation{border-top:1px solid #717171;}


.sec-calendar-box .sec-fc-calendar{display:none;}
.sec-calendar-box .sec-fc-calendar.fc-state-active{display:block;}

/*weater report*/
.sec-weather-report .cal-weather-report{ width:100%; overflow-x: auto;}
.sec-weather-report .cal-weather-report ul.weather-days-listing{padding:0; margin:0;  white-space: nowrap;}
.sec-weather-report .cal-weather-report ul.weather-days-listing li{width:13.5%; display: inline-block; vertical-align: top; white-space: normal;}
.sec-weather-report .cal-weather-report ul.weather-days-listing li .cal-weather-report-box{width:100%; border-right:1px solid #2479A3;}
.sec-weather-report .cal-weather-report ul.weather-days-listing li:last-child .cal-weather-report-box{border-right:0px;}

.sec-weather-report ul.weather-days-listing li .cal-weather-report-box .weather-hdr{position:relative; display:flex; justify-content:space-between; align-items:center; padding:4px 6px 4px 6px; border-bottom:1px solid #dfdfdf; background:#fff;}
.sec-weather-report ul.weather-days-listing li .cal-weather-report-box .weather-hdr .days-name{text-transform:uppercase; font-size:13px; font-family: 'museosans-700uploaded_file'; padding-right:2px;}
.sec-weather-report ul.weather-days-listing li .cal-weather-report-box .weather-hdr .dasy-date{font-size:11px; line-height:14px; color:#979797;}
.sec-weather-report ul.weather-days-listing li .cal-weather-report-box .weather-hdr .right-arrow-img{position:absolute; right:3px; top:1px; cursor:pointer;}
.sec-weather-report ul.weather-days-listing li .cal-weather-report-box .weather-hdr .right-arrow-img img{max-width:4px;}


.sec-weather-report ul.weather-days-listing li .cal-weather-report-box .weather-body-content .weather-box-content{width:100%; display:flex; justify-content:space-between; align-items:center; padding:8px 6px; background:#F9F9F9; width:100%;}
.sec-weather-report ul.weather-days-listing li .weather-box-content .left-weather-info{ padding-right:5px; width:63%; }
.sec-weather-report ul.weather-days-listing li .weather-box-content .left-weather-info .day-text{padding-bottom:11px; display:block;}
.sec-weather-report ul.weather-days-listing li .weather-box-content .left-weather-info span{font-size:9px; line-height:12px; padding:0px; display:block;}
.sec-weather-report ul.weather-days-listing li .weather-box-content .left-weather-info .weather-text{}
.sec-weather-report ul.weather-days-listing li .weather-box-content .left-weather-info .weather-temp{font-size:18px; color:#dfdfdf; line-height:20px; padding-bottom:0px; color:#515151; font-family: 'museosans-700uploaded_file';}
.sec-weather-report ul.weather-days-listing li .weather-box-content .right-weather-img{width:28px;}
.sec-weather-report ul.weather-days-listing li .weather-box-content .right-weather-img .img-box{width:28px; height:28px; display: block; margin:0 auto; border-radius:100%; background:#b0d2ff; line-height:24px; text-align:center;}
.sec-weather-report ul.weather-days-listing li .weather-box-content .right-weather-img .img-box img{max-width:22px; margin:0 auto;}
.sec-weather-report ul.weather-days-listing li .weather-box-content.weather-night-content .right-weather-img .img-box{ background:#19375f; }
.sec-weather-report ul.weather-days-listing li .weather-foot{width:100%; text-align:center; padding:2px 8px; background:#fff;}
.sec-weather-report ul.weather-days-listing li .weather-foot p{font-size:10px; line-height:12px; color:#939393; margin-bottom:0px; padding-bottom:0px;}
/*.sec-weater-report .weater-report-img-box img{object-fit:cover; height:150px; width:100%; object-position: left top;}*/



/*upcoming reservation*/
.section-upcoming-reservation{padding:0 30px 10px;}
.section-upcoming-reservation h3, h3.f-19{font-size:16px; line-height:22px; margin-bottom:10px; color:#DE7A1C;}
h3.f-19{margin-bottom:0px;}
h3.blue-text{color:#19375f;}
.section-upcoming-reservation .inner-reservation-section{ display:block; }
.section-upcoming-reservation .inner-reservation-section .left-reservation-month-sidebar{width:100%; margin-bottom:20px; padding-bottom:8px;}
.section-upcoming-reservation .inner-reservation-section .left-reservation-month-sidebar.gray-bottom-scrollbar::-webkit-scrollbar{width:4px; height:4px;}
.section-upcoming-reservation .inner-reservation-section .right-reservation-detail{width:100%;}
.section-upcoming-reservation .inner-reservation-section ul.reservation-month-list{padding:0px; margin:0px;white-space:nowrap;}
.section-upcoming-reservation .inner-reservation-section ul.reservation-month-list li{padding:8px 15px 8px 0; display:inline-block; white-space: normal; vertical-align: top; width:24%;}
.section-upcoming-reservation .inner-reservation-section ul.reservation-month-list li .list-info{position:relative; padding-left:30px; font-size:13px; font-weight:normal; color:#19375f; border-bottom:1px solid #CF7C35; padding-bottom:5px; font-family: 'museosans-700uploaded_file'}
.section-upcoming-reservation .inner-reservation-section ul.reservation-month-list li .list-info a{color: #19375f;}
.section-upcoming-reservation .inner-reservation-section ul.reservation-month-list li .list-info a:hover, .section-upcoming-reservation .inner-reservation-section ul.reservation-month-list li.active .list-info a{color: #DE7A1C;}
.section-upcoming-reservation .inner-reservation-section ul.reservation-month-list li .list-info .reservation-no{ width:20px; height:20px; background:#DE7A1C; border-radius:100%; color:#fff; line-height:21px; display: block; position: absolute; left: 0; text-align: center; font-size: 11px; font-family: 'museo_sans500'}
.section-upcoming-reservation .inner-reservation-section ul.reservation-month-list .slick-track{margin-left:0; margin-right:0;}
.section-upcoming-reservation .inner-reservation-section button.slick-arrow.slick-prev:after, .section-upcoming-reservation .inner-reservation-section button.slick-arrow.slick-next:before{font-size:42px; color:#19375f; }
.section-upcoming-reservation .inner-reservation-section button.slick-arrow.slick-prev:after, .section-upcoming-reservation .inner-reservation-section button.slick-arrow.slick-next:before{background-image: url(../images/icons/arrowleft_blue.png); background-position: center; background-repeat: no-repeat; background-size:13px;}
.section-upcoming-reservation .inner-reservation-section button.slick-arrow.slick-next:before{background-image: url(../images/icons/arrowright_blue.png);}
.section-upcoming-reservation .inner-reservation-section button.slick-arrow.slick-prev{left:-30px;}
.section-upcoming-reservation .inner-reservation-section button.slick-arrow.slick-next{right:-30px;}

.section-upcoming-reservation .inner-reservation-section .right-reservation-detail .reservation-listing-detail{max-height:300px;}
.section-upcoming-reservation .inner-reservation-section .reservation-listing-detail ul.week-book-listing{white-space: unset; margin:0 -8px}
.section-upcoming-reservation .inner-reservation-section .reservation-listing-detail ul.week-book-listing li{padding:0 8px 15px;}


/* boat reservation information modal */
.sec-boat-reservation-info{overflow-y:auto;}
.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 .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; border-radius:4px;}
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 ul.checkbox-listing li .checkbox .custom-control-label{padding-left:34px;}
.sec-boat-reservation-info .boat-reservation-info ul.checkbox-listing li .checkbox .custom-control-label img{position:absolute; left:5px; top:3px;}
.sec-boat-reservation-info .boat-reservation-info ul.checkbox-listing li .checkbox .custom-control-label.clean-request-checkbox img{left:7px;}

.sec-boat-reservation-info .boat-reservation-info .btn, .sec-boat-crew-info .boat-reservation-info .btn{padding:4px 15px 4px;}

/*.sec-boat-reservation-info .boat-reservation-info .btn:last-child {margin-top: 8px;}*/
.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; padding-top: 15px; 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, .sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list{position:relative; width:100%; border-top: 1px solid #999999; padding-top: 15px; margin-top: 20px;}
.sec-boat-reservation-info .boat-reservation-info .reservation-audit-info .edit-icon{position:absolute; right:0; bottom:0;}
.sec-boat-reservation-info .boat-reservation-info .reservation-audit-info h3, .sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list h3{font-size:15px; padding-bottom:18px; font-family: 'museosans-700uploaded_file';}
.sec-boat-reservation-info .boat-reservation-info .reservation-audit-info .audit-detail h4{font-size:15px; text-transform:uppercase; font-family: 'museosans-700uploaded_file'; padding-bottom:7px;}
.sec-boat-reservation-info .boat-reservation-info .reservation-audit-info .audit-detail p, .sec-boat-reservation-info .boat-reservation-info .reservation-audit-info .audit-content table td{ color:#515151; }

.sec-boat-reservation-info .boat-reservation-info .reservation-audit-info .audit-content{max-width:500px;}
.sec-boat-reservation-info .boat-reservation-info .reservation-audit-info .audit-content table{margin:0 -8px;}
.sec-boat-reservation-info .boat-reservation-info .reservation-audit-info .audit-content table td{font-size:13px; padding:5px 8px}
.sec-boat-reservation-info .boat-reservation-info .reservation-audit-info .audit-content table th{padding:5px 8px;}

.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list{padding-bottom:15px;}
.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing{padding:0; margin:0; display:flex; justify-content:flex-start;flex-wrap:wrap; margin:0 -15px;}
/*
.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing.addons_selected_listing{display:block;}*/

.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing li.list-item{width:auto; padding:8px 15px;}
.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;}


/*swap request modal*/
.sec-reservation-swap-info .reservation-swap-list-content ul{margin:0; padding:0;}
.sec-reservation-swap-info .reservation-swap-list-content ul li{border-bottom:1px solid #dfdfdf; width:100%; margin-bottom:15px;}
.sec-reservation-swap-info .reservation-swap-list-content ul li .rsr-detail-content{ display:flex; width:100%; padding:15px 0; justify-content:flex-start; }
.sec-reservation-swap-info .reservation-swap-list-content ul li .rsr-detail-content span{padding-right:5px;}
.sec-reservation-swap-info .reservation-swap-list-content ul li .rsr-detail-content .group-btn{margin-bottom:0px; padding-bottom:0px;}


/*global fleet*/
.section-global-fleet .global-fleet-hdr .row{align-items:center;}
.section-global-fleet .global-fleet-hdr .right-content .content-info{ display:flex;}
.section-global-fleet .global-fleet-hdr .right-content .content-info .select-field{ margin-right:18px; max-width:220px; }
.section-global-fleet .global-fleet-hdr .center-content .search-form{ margin:0 auto; }
.section-global-fleet .global-fleet-hdr .center-content .form-group{margin-bottom:0px;}
.section-global-fleet .global-fleet-hdr .left-content .content-info{padding:4px 10px 6px; background: rgba(25,55,95,0.7);}
.section-global-fleet .global-fleet-hdr .left-content .content-info .checkbox .custom-control-label{ color:#fff; }
.section-global-fleet .global-fleet-hdr .left-content .content-info p{ color:#fff; font-size:10.5px; margin-bottom:0px; line-height:13px; }

.global-fleet-datatable .data-table-hdr table{margin-bottom:0px;}
.global-fleet-datatable .fleet-data-table-body{height:580px; margin-top:10px;}
.global-fleet-datatable .fleet-data-table-body table td{width:14%;}

.my-fleet-page .sec-base-fleet .sec-pegination ul.pegination-listing li a, .sec-base-fleet .sec-pegination ul.pegination-listing li a{ color:#fff; }
.my-fleet-page .sec-base-fleet .sec-pegination ul.pegination-listing li span.active, .my-fleet-page .sec-base-fleet .sec-pegination ul.pegination-listing li.active a, .sec-base-fleet .sec-pegination ul.pegination-listing.letter_pagination li span.active, .sec-base-fleet .sec-pegination ul.pegination-listing.letter_pagination li.active a{color:#EFAD18;}

.my-fleet-page .sec-base-fleet{padding-bottom:25px;}
.sec-base-fleet .inner-base-fleet-content{max-height:335px; margin-bottom:25px;}
.sec-base-fleet .base-fleet-row{margin:0 -8px; display:flex; justify-content:flex-start; flex-wrap:wrap;}
.sec-base-fleet .base-fleet-row .fleet-box{ width:20%; padding:7px 8px; }
.sec-base-fleet .base-fleet-row .fleet-box .box-info{ width:100%; clear:both; padding:14px 15px 8px; background:#fff; border-top:12px solid #6F7070; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); height:100%; position:relative; border-radius:10px;}
.sec-base-fleet .base-fleet-row .fleet-box.active-fleet-box .box-info{border-top-color:#DE7A1C;}
.sec-base-fleet .base-fleet-row .fleet-box .box-info .info-icon-box{position:absolute; right:10px; bottom:0px; z-index:1;}
.my-fleet-page .sec-base-fleet .base-fleet-row .fleet-box .box-info .info-icon-box, .engineroom-page.fleet-setup-page .sec-base-fleet .base-fleet-row .fleet-box .box-info .info-icon-box{bottom:8px;}
.sec-base-fleet .base-fleet-row .fleet-box .box-info .info-icon-box .circle-icon-sm.circle-img-icon-sm img{max-width:5px;}
.sec-base-fleet .fleet-box .box-info h4{margin-bottom:3px;}
.sec-base-fleet .fleet-box .box-info .info-text{ font-size:11px; margin-bottom:1px; font-family: 'museosans-700uploaded_file'}
.sec-base-fleet .fleet-box .box-info .fleet-listing{padding:0; margin:0;}
.sec-base-fleet .fleet-box .box-info .fleet-listing li{font-size:11px; color:#19375f; position:relative; padding-left:18px; font-family: 'museosans-700uploaded_file'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height:17px; margin-bottom:8px;}
.sec-base-fleet .fleet-box .box-info .fleet-listing li .item-img{position:absolute; left:0; top:2px; line-height:normal;}
.sec-base-fleet .fleet-box .box-info .fleet-listing li .item-img img{max-width:12px;}
.sec-base-fleet .fleet-box .box-info .fleet-listing li.sailing-text .item-img img{max-width:15px;}
.sec-base-fleet .fleet-box .box-info .fleet-listing li.dock-text{ color:#234C2D; }
.sec-base-fleet .fleet-box .box-info .fleet-listing li.internal-text{ color:#931212; }
.sec-base-fleet .fleet-box .box-info .fleet-listing li.sailing-text{ color:#DE7A1C; }


/*base my fleet new design*/
.sec-base-my-fleet{width:100%; padding-top:15px;}
.sec-base-my-fleet.sec-fleet .fleet-main-box{overflow: hidden auto; max-height:635px; padding-top:55px;}
.sec-base-my-fleet.sec-fleet .fleet-box{margin-bottom:55px;}
.sec-base-my-fleet.sec-fleet .fleet-box .box-info{padding-bottom:20px; min-height:auto; box-shadow: 0px 0 10px rgb(4 4 7 / 40%);}
.sec-base-my-fleet.sec-fleet .fleet-box.not-docked-fleet-box .box-info, .sec-base-my-fleet.sec-fleet .fleet-box.not-docked-fleet-box .box-img img{border-color:#DE7A1C;}
.sec-base-my-fleet.sec-fleet .fleet-box.docked-fleet-box .box-info, .sec-base-my-fleet.sec-fleet .fleet-box.docked-fleet-box .box-img img{border-color:#19375F;}
.sec-base-my-fleet.sec-fleet .fleet-box.out-of-service-fleet-box .box-info, .sec-base-my-fleet.sec-fleet .fleet-box.out-of-service-fleet-box .box-img img{border-color:#6F7070;}

.sec-base-my-fleet .fleet-box .box-info .box-detail{padding:0 0 10px; border-bottom:1px solid #dfdfdf; margin-bottom:10px;} 
.sec-base-my-fleet .fleet-box .box-info .box-detail h4{padding-bottom:10px;}
.sec-base-my-fleet .fleet-box .box-info .box-detail p.text-desc{color:#19375F; font-family: 'museosans-700uploaded_file';}
.sec-base-my-fleet .fleet-box .box-info .box-content{padding:0 15px;}
.sec-base-my-fleet .fleet-box .box-info ul.boat-box-icon-listing{padding:0px 0 0; margin:0 -5px; display: flex;   justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.sec-base-my-fleet .fleet-box .box-info ul.boat-box-icon-listing li{width:20%; padding:5px; text-align:center;}
.sec-base-my-fleet .fleet-box .box-info ul.boat-box-icon-listing li span img{max-width:19px; margin:0 auto; object-fit:contain; cursor: pointer;}


/*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;}
.sec-general-accordion .panel-group .panel-heading{ background:#6F7070; color:#fff; padding: 15px 20px 15px 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:45px; text-transform:uppercase;}
.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:33px; margin:0 auto; }
.sec-general-accordion .panel-group .panel-heading .right-arrow-icon{line-height:20px; width:30px; height:30px; text-align:center; }
.sec-general-accordion .panel-group .panel-heading .right-arrow-icon img{max-width:24px; 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;}
.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%; }
.sec-accordion-content .sec-boat-details .boat-img-detail{ text-align:center; }
.sec-accordion-content .sec-boat-details .boat-img-detail .boat-img{width:100%; margin-bottom:25px; position:relative; display:inline-block;}
.sec-accordion-content .sec-boat-details .boat-img-detail .boat-img img, .sec-accordion-content .sec-boat-details .boat-img-detail .boat-img #img-preview{width:210px; height: 210px; border-radius:100%; margin:0 auto;}
.sec-accordion-content .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-accordion-content .sec-boat-details .boat-img-detail .boat-img .close-icon-img:hover{background:#931212; color:#fff;}
.sec-accordion-content .sec-boat-details .boat-img-detail h4{color:#DE7A1C; font-size:20px; padding-bottom:5px !important;}
.sec-accordion-content .sec-boat-details .boat-img-detail .group-btn{justify-content:center;}
.sec-accordion-content .group-btn .btn{ min-width:90px; font-size:13px; padding: 7px 15px 5px; line-height:16px;}
.sec-accordion-content .group-btn .btn.btn-edit{margin-right:10px;}

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

.sec-accordion-content .sec-boat-log-detail .bot-lod-hdr .select-field.select-field-xs select, .sec-accordion-content .section-map .sec-content-hdr .select-field.select-field-xs select, .sec-boat-event .card-header .select-field.select-field-xs select{text-transform:none;}

.sec-accordion-content .sec-boat-log-detail .bot-lod-hdr .select-field.select-field-xs select{text-align:left; text-align-last:left;}
.sec-accordion-content .sec-boat-details .boat-img-detail .group-btn .choose-file-btn{margin-right:15px;} 

.sec-accordion-content .sec-boat-details .check-tog-btn label.field-label{justify-content:space-between}
.sec-accordion-content .sec-boat-details .check-tog-btn label.field-label span{width:77%}
.sec-accordion-content .sec-boat-details .check-tog-btn label.field-label .info-icon{width:20px !important}

/*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:6px 15px 7px; cursor: pointer; transition: all 0.2s; background: #DE7A1C; text-transform: uppercase; line-height:19px; 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: ;}
.sec-fleet-acordian .sec-accordion-content .section-map-key-listing{width:100%; clear: both; padding-top:10px;}
.sec-fleet-acordian .sec-accordion-content .section-map-key-listing ul{margin:0; padding:0; padding-left:40px; display:flex;}
.sec-fleet-acordian .sec-accordion-content .section-map-key-listing ul li{padding-left:27px; padding-right:40px; position:relative;}
.sec-fleet-acordian .sec-accordion-content .section-map-key-listing ul li span{position:absolute; left:0; top:0; width:20px; height:20px; border-radius:100%; display:block;} 
.sec-fleet-acordian .sec-accordion-content .section-map-key-listing ul li span.pink-color{ background:#fa057a; }
.sec-fleet-acordian .sec-accordion-content .section-map-key-listing ul li span.purple-color{ background:#705ec8; }
.sec-fleet-acordian .sec-accordion-content .section-map-key-listing ul li span.orange-color{ background:#DE7A1C; }
.sec-fleet-acordian .sec-accordion-content .section-map-key-listing ul li span.blue-color{ background:#19375f; }

.sec-fleet-acordian .sec-accordion-content .card{padding:0px; border:0px; border-radius:0px; box-shadow:none;}
.sec-fleet-acordian .sec-accordion-content.sec-content-table .card .card-header{padding: 0 0 8px}
.sec-fleet-acordian .sec-accordion-content.sec-content-table .card .card-body{padding:20px 0 0 ;}
.sec-fleet-acordian .sec-accordion-content.sec-content-table .card .card-body .sec-fleet-maintenance-table .sec-table table tbody{max-height:321px;}
.sec-fleet-acordian .sec-accordion-content.sec-content-table .card .card-body .sec-fleet-maintenance-table .sec-table{margin-bottom:15px;}
.sec-fleet-acordian .sec-accordion-content .sec-comman-table .comman-tab-body .sec-table table tbody{max-height:325px;}
.sec-fleet-acordian .sec-accordion-document .sec-accordion-content .card-header{display:block; padding-left:0px; padding-right:0px;}
.sec-fleet-acordian .sec-accordion-document .sec-accordion-content .card-header .add-uplod-btn-box{float:right; display:flex; align-items:center;}
.sec-fleet-acordian .sec-accordion-document .sec-accordion-content .card-header .add-uplod-btn-box .btn{margin-left:10px;}

.sec-activity-list ul.activity-list{margin:0; padding:0;}
.sec-activity-list ul.activity-list li{margin-bottom:6px;}
.sec-activity-list ul.activity-list li h4{font-size:13px; 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: 0px; line-height:15px;} 
.sec-activity-list ul.activity-list li .item-text .activity-date{padding-right:4px;}

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


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


.section-main-fleet .activity-listing .card-body{background:#f9f9f9;}
.section-main-fleet .activity-listing .sec-activity-list{height:300px; margin-bottom:13px;}
.section-main-fleet .card.activity-listing .card-header{-ms-flex-align:flex-start; align-items:flex-start;}
.section-main-fleet .card.activity-listing .card-header .card-options{-ms-flex-item-align:flex-start; align-self: flex-start;}

.section-main-fleet .activity-listing-collapse, .section-main-fleet .sec-week-glance-collpase{overflow:hidden;}

.sec-embark-boat-log .sec-bot-log-detail-table .table-responsive table{width:140%; display:block;}
.sec-embark-boat-log .sec-bot-log-detail-table .table-responsive table tbody{display:block; padding-right:26px}
.sec-embark-boat-log .sec-bot-log-detail-table .table-responsive table tr{display:block;}

.sec-fleet-acordian #display-activity-notices .sec-general-table .sec-table table tbody{max-height:216px;}




/*form control*/
label.field-label{color:#19375F; margin-bottom:5px; font-size:13px; font-family: 'museosans-700uploaded_file'; line-height:18px;}
label.field-label.text-orange{ color:#DE7A1C; }
input.form-control, textarea.form-control{ border-radius:0px; border-color:#999; color:#515151; height:30px; padding:5px 10px; font-size:13px; border-radius:4px; line-height:normal; font-family: 'museo_sans500';}
input.form-control:focus, textarea.form-control:focus{ border-color:#DE7A1C; box-shadow:none; outline:none; }
textarea.form-control{height:auto;}
.sec-accordion-content .sec-boat-details .upload-form-field .choose-file-btn [type="file"]{display:none;}
.sec-accordion-content .sec-boat-details .upload-form-field .choose-file-btn [type="file"] + label{margin-top:0px; padding:3px 10px 4px;}
.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;}

.add-uplod-btn-box [type="file"]{display:none;}
.add-uplod-btn-box [type="file"] + label{border:0px; cursor:pointer;}


/*map*/
.map, .chart {
  position: relative;
  padding-top: 56.25%; }

.map-square, .chart-square {
  padding-top: 100%; }

.map-content, .chart-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.map-header {
  margin-bottom: 1.5rem;
  height: 15rem;
  position: relative;
  margin-bottom: -1.5rem; }
  .map-header:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10rem;
    background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #f0f0f2 95%);
    pointer-events: none; }

.map-header-layer {
  height: 100%; }

.map-static {
  height: 120px;
  width: 100%;
  max-width: 640px;
  background-position: center center;
  background-size: 640px 120px; }

@-webkit-keyframes status-pulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: .32; } }

@keyframes status-pulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: .32; } }

.status-icon {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  background: currentColor;
  border-radius: 50%;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  margin-right: .375rem;
  vertical-align: middle; }

.status-animated {
  -webkit-animation: 1s status-pulse infinite ease;
  animation: 1s status-pulse infinite ease; }

.map svg {
  height: 400px; }

svg:not(:root) {
  overflow: hidden; }

svg {
  -ms-touch-action: none;
  touch-action: none; }
.pt-0{padding-top:0px !important;}

.mapTooltip{display:none !important;}

/*people page*/
.sec-people-hdr-search .content-group{display:flex; align-items:center;}
.sec-people-hdr-search .content-group .right-btn{margin-left:13px;}
.sec-people-hdr-search .btn.round-orange-btn{margin-top:21px;}
.sec-people-hdr-search .search-form .search-field-box{margin-bottom:10px;}
.sec-people-hdr-search-bg-text{background: rgba(25,55,95,0.7); padding: 4px 10px; width:100%; display:flex; align-items: center; margin-bottom:15px;}
.sec-people-hdr-search-bg-text p{padding-bottom:0px; margin-bottom:0px; margin-right:30px;font-size: 13px; line-height: 28px; color:#fff;}
.sec-people-hdr-search-bg-text .checkbox .custom-control-label{color:#fff;}
.sec-people-hdr-dropdown{width:100%; clear: both; padding-bottom:50px;}
.sec-people-hdr-dropdown ul.hrd-dropdown-list{margin:0; padding:0; display:flex; align-items:center;}
.sec-people-hdr-dropdown ul.hrd-dropdown-list li{padding-right:15px; width:20.5%;}
.sec-people-hdr-dropdown ul.hrd-dropdown-list li:last-child{padding-right:0px; width:19%;}
.sec-people-hdr-dropdown ul.hrd-dropdown-list li .select-field select{text-transform:none; padding-right:45px;}
.sec-people-hdr-dropdown ul.hrd-dropdown-list li .btn{border-radius:30px;}
.sec-people-hdr-search-bg-text{background: rgba(25,55,95,0.7); padding: 4px 10px; width:100%; display:flex; align-items: center; margin-bottom:15px;}
.contact-sidebar .card .card-body{padding:0px;}
.contact-sidebar .card .card-body .sidebar-hdr{padding:6px 12px 10px; border-bottom: 1px solid #dfdfdf;}
.contact-sidebar .card .card-body .sidebar-hdr .select-field.select-field-xs select{text-transform:none;}


.contact-sidebar .sidebar-contact-info{padding:0px 11px 14px 0;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item{margin-bottom:0px; max-height:1268px; padding-right:10px;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box{padding:15px 0px 15px 15px; border-bottom:1px solid #F4F4F4; position:relative;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box:before{position:absolute; content: ''; background:transparent; left:0; top:0; width:110%; height:100%;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box:hover:before, .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box.active-people:before{ background:#F4F4F4; }
/*.contact-sidebar .sidebar-contact-info ul li.active-people{background:#F4F4F4;}*/
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info{ display:flex; justify-content:space-between;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-img{ width:52px; position:relative;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-img img{width:50px; height:50px; border-radius:100%; object-fit:cover;}
.contact-sidebar .sidebar-contact-info ul.contact-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;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content{margin-left:12px; width:60%; position:relative;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content p{margin-bottom:2px; line-height:15px; font-size:11px;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content p.email-text{word-break: break-word;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content p:last-child{margin-bottom:0px;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content p.phone-no a{ color:#515151; }
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content p.phone-no a:hover{color:#DE7A1C;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-right-icon .icon-list .notice-icon img{max-width:4px;}


.section-main-people .right-contact-detail .contact-info-hdr{padding:20px 25px; border-bottom:1px solid #dfdfdf; width:100%; float:left; }
.section-main-people .right-contact-detail .contact-info-hdr{width:100%; display:flex; justify-content: space-between;}
.section-main-people .right-contact-detail .contact-info-hdr .right-icon-list ul li a.circle-icon-lg{ width:38px; height:38px; line-height:37px; font-size:30px; }
.section-main-people .right-contact-detail .contact-info-hdr .right-icon-list ul li a.circle-icon-lg.circle-img-icon-lg{line-height:27px;}
.section-main-people .right-contact-detail .contact-info-hdr .right-icon-list ul li a.circle-icon-lg.circle-img-icon-lg img{max-width:26px;}
.section-main-people .contact-info-hdr .left-contact-detail {padding-right:20px; max-width:401px; width:100%;}
.section-main-people .left-contact-detail .contact-detail-main{display:flex; align-items:center;}
.section-main-people .left-contact-detail .contact-detail-main .contact-img{position:relative; margin-right:25px; text-align: center}
.section-main-people .left-contact-detail .contact-detail-main .contact-img img{ width:128px; height:128px; border-radius:100%; object-fit:cover; margin-bottom:20px;}


.section-main-people .left-contact-detail .contact-detail-main .user-img-btn{text-align: center; justify-content:center;}
.section-main-people .left-contact-detail .contact-detail-main .choose-file-btn [type="file"]{display:none;}
.section-main-people .left-contact-detail .contact-detail-main .user-img-btn button.sec-btn{min-width:70px; padding-top:0px; font-size:13px; padding:7px 8px; margin-left: 10px; }
.section-main-people .left-contact-detail .contact-detail-main .contact-img .choose-file-btn [type="file"] + label{min-width: 90px; padding:7px 9px;}
.section-main-people .left-contact-detail .contact-detail-main .right-contact-info{width: 100%;}

.section-main-people .left-contact-detail .contact-detail-main .contact-img .contact-persentage{position:absolute; right:-5px; top:25px; width:40px; height:40px; font-size:14px; color:#fff; line-height:40px; text-align:center; border-radius:100%; background:#19375F;}
.section-main-people .left-contact-detail .contact-detail-main .contact-img .active-people{position:absolute;top:112px; right:40px; width:20px; height:20px; background:#14B038; border-radius:100%; z-index:1;}
.section-main-people .left-contact-detail .contact-detail-main .right-contact-info h3{padding-bottom:4px;}
.section-main-people .left-contact-detail .contact-detail-main .right-contact-info p.contact-text{font-size: 11px; line-height: 16px; margin-bottom: 0px; color:#19375f; font-family: 'museosans-700uploaded_file'}
.section-main-people .left-contact-detail .contact-detail-main .right-contact-info p.request-cleaning-text{font-size:12px; color:#931212; font-weight:normal; line-height:16px; position:relative; padding-left:22px;}
.section-main-people .left-contact-detail .contact-detail-main .right-contact-info p.request-cleaning-text .red-icon{ width:14px; height:14px; background:#931212; border-radius:100%; margin-right:10px; position:absolute; left:0; top:3px; }
    .section-main-people .left-contact-detail .contact-detail-main .right-contact-info ul{padding-bottom:10px; padding-top:10px;}
.section-main-people .left-contact-detail .contact-detail-main .right-contact-info ul li:first-child{padding-left:0px;}

.sec-member-desktop .section-main-people .left-contact-detail .contact-detail-main .contact-img .active-people{right:25px;}
.sec-member-desktop .section-main-people .left-contact-detail .contact-detail-main{align-items: flex-start;}

.section-main-people .right-contact-detail h4{font-size:14px;}
.section-main-people .right-contact-detail .contact-info-boat-detail, .section-main-people .right-contact-detail .contact-boat-list, .section-main-people .right-contact-detail .contact-alert-detail, .section-main-people .right-contact-detail .contact-badge-detail, .section-main-people .right-contact-detail .contact-incident-log{width:100%; padding:20px 35px; border-bottom:1px solid #dfdfdf; float:left; }

.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list, .section-main-people .right-contact-detail .contact-boat-list ul, .section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info ul{margin:0; padding:0;}
.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li{ width:50%; padding-bottom:15px; padding-right:15px; float:left; display:flex; font-size:14px; }
.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li:last-child{padding-bottom:0px;}
.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li .list-right-details a.phone-no{color:#515151;}
.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li .list-right-details a.phone-no:hover{color:#DE7A1C;}
.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li .list-label{ color:#19375f; font-weight:normal; margin-right:4px; width:94px;font-family: 'museo_sans900'}
.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li .list-right-details{word-break: break-all;}

.section-main-people .right-contact-detail .contact-info-boat-detail .contct-info-main-detail{display:flex; justify-content:space-between; width:100%}
.section-main-people .right-contact-detail .contact-info-boat-detail .contct-info-main-detail ul.boat-detail-list{width:70%; padding-right:15px}
.section-main-people .right-contact-detail .contact-info-boat-detail .contct-info-main-detail .pip-boat-recent-doc{width:30%;}
.section-main-people .right-contact-detail .contact-info-boat-detail .contct-info-main-detail .pip-boat-recent-doc.card-document ul.document-list li .doc-box .doc-img{width:40px; height:40px; padding:8px 8px}
.section-main-people .right-contact-detail .contact-info-boat-detail .contct-info-main-detail.sec-doc-document .card-document .sec-document-list{max-height:285px}
.section-main-people .right-contact-detail .contact-info-boat-detail .contct-info-main-detail.sec-doc-document .card-header{ padding:0 0 12px; border-bottom: 1px solid #ebecf1; margin-bottom:16px; display:block; min-height:auto; }
.section-main-people .right-contact-detail .contact-info-boat-detail .contct-info-main-detail.sec-doc-document .card-header h3{font-size: 13px; font-weight: normal; color: #DE7A1C; margin-bottom: 0px;  padding-bottom: 0px;}

.section-main-people .right-contact-detail .contact-boat-list {display:flex; flex-wrap:wrap; align-items:center;}
.section-main-people .right-contact-detail .contact-boat-list ul{width:88%;}
.section-main-people .right-contact-detail .contact-boat-list ul li{ float:left; padding:0 10px 0px 0; width:50%; font-size:12px; line-height:16px;}
.section-main-people .right-contact-detail .contact-boat-list h4{padding-right:30px;}

.section-main-people .right-contact-detail .contact-alert-detail{padding-bottom:30px;}
.section-main-people .right-contact-detail .contact-alert-detail h4{padding-bottom:5px;}
.section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info ul li{ border-bottom:1px solid #DE7A1C;padding:8px 0 8px ; font-size:14px; }
.section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info ul li:first-child{padding-top:0px;}
.section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info ul li span{display:block; font-size:11px; line-height:15px;}
.section-main-people .right-contact-detail .contact-alert-detail .contact-notice-info p{font-size:11px; line-height:15px;}


.section-main-people .right-contact-detail .contact-badge-detail{padding-bottom:35px; padding-top:28px;}
.section-main-people .right-contact-detail .contact-badge-detail h4{padding-bottom:10px;}
.section-main-people .right-contact-detail .contact-badge-detail .badge-box, #request-bagde-form.sec-general-content-modal .contact-badge-detail .contact-badge-section .badge-box{text-align:center; display: flex; align-items: center; height:auto;}
.section-main-people .right-contact-detail .contact-badge-detail .badge-box.disable-badge img, #request-bagde-form.sec-general-content-modal .contact-badge-detail .contact-badge-section .badge-box img{filter: grayscale(100%); opacity:0.8;}
.section-main-people .right-contact-detail .contact-badge-detail .badge-box.active-badge img, #request-bagde-form.sec-general-content-modal .contact-badge-detail .contact-badge-section .badge-box.active-badge img{filter: grayscale(0%);}
.section-main-people .right-contact-detail .contact-badge-detail .badge-box img, #request-bagde-form.sec-general-content-modal .contact-badge-detail .contact-badge-section .badge-box img{width: auto !important; margin: 0 auto; max-width:100px;}

.section-main-people .right-contact-detail .contact-badge-detail .owl-nav button, #request-bagde-form.sec-general-content-modal .contact-badge-detail .owl-nav button{width:40px; height:40px; display:block; position:absolute; top:50%; transform:translateY(-50%); opacity:1;}
.section-main-people .right-contact-detail .contact-badge-detail .owl-nav button span, #request-bagde-form.sec-general-content-modal .contact-badge-detail .owl-nav button span{display:none;}
.section-main-people .right-contact-detail .contact-badge-detail .owl-nav button:focus, #request-bagde-form.sec-general-content-modal .contact-badge-detail .owl-nav button:focus{outline:none; border:0px;}
.section-main-people .right-contact-detail .contact-badge-detail .owl-nav button.owl-prev:after, .section-main-people .right-contact-detail .contact-badge-detail .owl-nav button.owl-next:before, #request-bagde-form.sec-general-content-modal .contact-badge-detail .owl-nav button.owl-prev:after, #request-bagde-form.sec-general-content-modal .contact-badge-detail .owl-nav button.owl-next:before{ color:#DE7A1C; background-image: url(../images/icons/arrowtoleft_orange.png); background-position: center; background-repeat: no-repeat; background-size:15px; position:absolute; content:''; width:40px; height:40px; top:50%; transform:translateY(-50%); left:0;}

.section-main-people .right-contact-detail .contact-badge-detail .owl-nav button.owl-prev, #request-bagde-form.sec-general-content-modal .contact-badge-detail .owl-nav button.owl-prev{left:-30px; right:auto;}
.section-main-people .right-contact-detail .contact-badge-detail .owl-nav button.owl-next:before, #request-bagde-form.sec-general-content-modal .contact-badge-detail .owl-nav button.owl-next:before{background-image: url(../images/icons/arrowright_orange.png); right:0; left:auto;}
.section-main-people .right-contact-detail .contact-badge-detail .owl-nav button.owl-next, #request-bagde-form.sec-general-content-modal .contact-badge-detail .owl-nav button.owl-next{right:-30px; left:auto;}
.section-main-people .right-contact-detail .contact-incident-log{padding: 20px 15px 40px;}
.section-main-people .right-contact-detail .contact-incident-log .sec-general-table .sec-tab-header{padding-right:15px;}
 .section-main-people .right-contact-detail .contact-incident-log .sec-general-table .sec-tab-body{max-height:130px;}
.section-main-people .right-contact-detail .contact-incident-log .sec-general-table .sec-table table tbody.gray-right-scrollbar{max-height:138px;}

#request-bagde-form.sec-general-content-modal .contact-badge-detail{width:100%; padding-top:15px;} 
#request-bagde-form.sec-general-content-modal .contact-badge-detail .contact-badge-section{padding-left:15px; padding-right:15px;}
#request-bagde-form.sec-general-content-modal .contact-badge-detail .owl-nav button.owl-prev{left:-10px;}
#request-bagde-form.sec-general-content-modal .contact-badge-detail .owl-nav button.owl-next{right:-10px;}
#request-bagde-form.sec-general-content-modal .contact-badge-detail .contact-badge-section .badge-box img{max-width:75px; opacity:1;}



.people-page .inner-main-content .outline-boat-bg{margin-top:-205px;}
.people-page .inner-main-content .section-key .key-box{min-width:470px;}
.people-page .sec-page-sidebar .outline-boat-bg, .reporting-page .sec-page-sidebar .outline-boat-bg, .marketing-page .sec-page-sidebar .outline-boat-bg, .engineroom-page .sec-page-sidebar .outline-boat-bg, .sailtime-plus-page .sec-page-sidebar .outline-boat-bg, .my-boat-page .sec-page-sidebar .outline-boat-bg, .member-level-page .sec-page-sidebar .outline-boat-bg{position:relative;}


/*member desktop people page*/
.sec-member-desktop .section-main-people .right-contact-detail .contact-info-hdr{padding:0px; border-bottom:0px;}
.section-main-people .right-contact-detail .contact-alert-detail{border-bottom:0px;}
.section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info .sec-general-table .sec-tab-body{max-height:160px; padding-right:10px;}
.sec-member-desktop .section-main-people .right-contact-detail .main-contact-info .contact-info-main-hdr{padding: 20px 25px;
    border-bottom: 1px solid #dfdfdf; width:100%; float:left;}
.sec-member-desktop .contact-sidebar .sidebar-contact-info{padding:0 0 10px;}
.sec-member-desktop .contact-sidebar .sidebar-contact-info ul.contact-list-item{max-height:578px;}
.sec-member-desktop .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box{padding:15px 0px 15px 15px; border-bottom:1px solid #dfdfdf;}
.sec-member-desktop .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box.active{background:#F4F4F4;}
.sec-member-desktop .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box:last-child{border-bottom:0px;}
.sec-member-desktop .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info{justify-content:unset;}
.sec-member-desktop .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content{width:58%;}
.sec-member-desktop .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-right-icon{width:50px}


.sec-member-desktop .section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info ul li{border-bottom: 1px solid #DE7A1C; padding: 8px 0px 8px 0; font-size: 14px; width: 40%; float: left; margin-right: 27px;}
.sec-member-desktop .section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info ul li:first-child{padding-top:8px;}

.sec-member-desktop .section-main-people .right-contact-detail .contact-badge-detail .slick-slider{padding:0 30px;}
.sec-member-desktop .section-main-people .right-contact-detail .contact-badge-detail{padding:0; display:block; width:72%; float:right; border-bottom:0px;}
.sec-member-desktop .section-main-people .right-contact-detail .contact-badge-detail .badge-box img{max-width:66px;}
.sec-member-desktop .section-main-people .right-contact-detail .contact-badge-detail button.slick-arrow.slick-prev{left:0px; color:#DE7A1C;}
.sec-member-desktop .section-main-people .right-contact-detail .contact-badge-detail button.slick-arrow.slick-prev:after, .sec-member-desktop .section-main-people .right-contact-detail .contact-badge-detail button.slick-arrow.slick-next:before{ color:#DE7A1C; font-size:40px;}
.sec-member-desktop .section-main-people .right-contact-detail .contact-badge-detail button.slick-arrow.slick-next{right:0px; color:#DE7A1C;}
.sec-member-desktop .section-main-people .right-contact-detail .contact-badge-detail button.slick-arrow.slick-next:before{right:0px;}

/*.sec-member-desktop .section-main-people .right-contact-detail .main-contact-info{max-height:633px; min-height:640px;}*/


h3.orange-title{font-size:16px; color:#DE7A1C;}

/*website*/
.section-website{width:100%; clear: both; padding:8px;}
.section-website .inner-website-box{  width:100%; clear: both;}
.section-website .sec-web-main-header{ background:#19375f; width:100%; clear: both; position:relative;}
.section-website .sec-web-main-header .sec-web-header{ width:100%; display:flex; justify-content:space-between; align-items:center; padding:7px 40px;} 
.sec-web-main-header .sec-web-header .hdr-logo{padding-right:15px;}
.sec-web-main-header .sec-web-header .hdr-logo img{ max-width:200px; }
.sec-web-main-header .sec-web-header .right-hdr-content .inner-content{ float:right; display:flex; align-items:center; }
.sec-web-header .right-hdr-content .hdr-search-field{margin-right:10px;}
.sec-web-header .right-hdr-content .hdr-search-field .form-group{margin-bottom:0px;}
.sec-web-header .right-hdr-content .search-form .search-field-box .form-control{border-radius:30px; height:28px; text-align:left; padding:3px 30px 3px 10px; text-transform:none; font-size:13px;}
.sec-web-header .right-hdr-content .search-form .search-field-box .search-icon{width:36px; height:28px; font-size:14px; line-height:28px; color:#515151;}
.sec-web-header .right-hdr-content .search-form .search-field-box ::-webkit-input-placeholder{text-align:left;}
.sec-web-header .right-hdr-content .search-form .search-field-box ::-moz-placeholder{text-align:left;}
.sec-web-header .right-hdr-content .search-form .search-field-box :-ms-input-placeholder{text-align:left;}
.sec-web-header .right-hdr-content .search-form .search-field-box :-moz-placeholder{text-align:left;}
.sec-web-header .right-hdr-content .hdr-blog-btn{padding-right:15px;}
.sec-web-header .right-hdr-content .hdr-blog-btn a.btn.round-orange-btn{min-width:70px;}
.sec-web-header .right-hdr-content .hdr-blog-btn a.btn.round-orange-btn:hover{ background: #fff; color:#DE7A1C; }
.sec-web-header .right-hdr-content .member-loign-link a, .sec-web-header .right-hdr-content  .counrtie-dropdown a.nav-link{color:#fff; text-transform:uppercase; font-size:14px;}
.sec-web-header .right-hdr-content .member-loign-link a:hover{color:#DE7A1C;}
.sec-web-header .right-hdr-content  .counrtie-dropdown ul.dropdown-menu li a.dropdown-item{font-size:13px; color:#515151;}
.sec-web-header .right-hdr-content  .counrtie-dropdown ul.dropdown-menu li a.dropdown-item:hover, .sec-web-header .right-hdr-content  .counrtie-dropdown ul.dropdown-menu li a.dropdown-item:focus{background:#DE7A1C; color:#fff;}
.right-hdr-content  .counrtie-dropdown a.nav-link{padding-right:0px;}

.sec-web-main-header .sec-hdr-nav{background:#DE7A1C; padding:5px 10px; display:flex; justify-content:space-between; align-items:center; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);}
.sec-web-main-header .sec-hdr-nav .hdr-join a, .sec-web-main-header .hdr-phone-no a{ color:#fff; font-size:13px; display:flex; align-items:center;}
.sec-web-main-header .sec-hdr-nav .hdr-join a i{font-size:22px; margin-left:4px;}
.sec-web-main-header .sec-hdr-nav .hdr-join a:hover, .sec-web-main-header .hdr-phone-no a{opacity:0.9;}
.sec-web-main-header .sec-hdr-nav .center-hdr-nav{padding: 0 15px}
.sec-web-main-header .sec-hdr-nav .center-hdr-nav .navbar-nav-btn{ display:none; }
.sec-web-main-header .sec-hdr-nav .center-hdr-nav ul{padding:0; margin:0; display:flex; justify-content:center; flex-wrap:wrap;}
.sec-web-main-header .sec-hdr-nav .center-hdr-nav ul li{padding: 0 15px; position:relative;}
.sec-web-main-header .sec-hdr-nav .center-hdr-nav ul li:before{position:absolute; content:''; background:#fff; width:1px; height:18px; right:0px; top:1px; opacity:0.3;}
.sec-web-main-header .sec-hdr-nav .center-hdr-nav ul li:last-child:before{display:none;}
.sec-web-main-header .sec-hdr-nav .center-hdr-nav ul li a{ color:#fff; font-size:15px; }
.sec-web-main-header .sec-hdr-nav .center-hdr-nav ul li a:hover{opacity:0.85;}

.sec-web-main-header .hdr-phone-no img{max-width:14px; margin-right:3px;}

.section-website .inner-website-box .sec-web-body{ width:100%; clear: both; }
.section-website .inner-website-box .sec-web-body .sec-web-services{ width:100%; clear: both; background:#fff url(../images/website_bg.jpg) center bottom no-repeat; background-size:cover; padding-bottom:30px;}
.section-website .inner-website-box .sec-web-body .sec-web-services .container{width:100%; clear: both; max-width:830px; margin:0 auto; padding:0 15px;}
.section-website .sec-web-body .sec-web-services .sec-ser-title{ width:100%; clear: both; padding:30px 0; text-align:center;}
.section-website .sec-web-body .sec-web-services .sec-ser-title h2{font-size:30px; font-family: 'museo_sans500'; color:#515151; line-height:35px; padding-bottom:0px;}
.section-website .sec-web-body .sec-web-services .sec-ser-title p{ color:#515151; font-size:13px; margin-bottom:0px; }
.section-website .sec-web-body .sec-web-services .row{margin:0 -5px;}
.section-website .sec-web-body .sec-web-services .ser-box{padding:0 5px; margin-bottom:30px;}
.section-website .sec-web-body .sec-web-services .ser-box .box-info{ width:100%; background:#fff; position:relative; height:100%; padding-bottom:60px; -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; } 
.section-website .sec-web-body .sec-web-services .ser-box .box-img{ width:100%; position:relative; padding-bottom:68%; overflow:hidden;}
.section-website .sec-web-body .sec-web-services .ser-box .box-img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -ms-transform: scale(1.0); /* IE 9 */ -webkit-transform: scale(1.0); /* Safari 3-8 */ transform: scale(1.0); -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; }
.section-website .sec-web-body .sec-web-services .ser-box .box-info:hover .box-img img{-ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Safari 3-8 */ transform: scale(1.2); }
.section-website .sec-web-body .sec-web-services .ser-box .box-content{width:100%; clear: both; padding: 15px 10px 10px}
.section-website .sec-web-body .sec-web-services .ser-box .box-content h3{font-size:18px; margin-bottom:0px; line-height:24px; font-family: 'museo_sans500'; display:block; text-align:center;}
.section-website .sec-web-body .sec-web-services .ser-box .box-content h3 a{ color: #19375f; } 
.section-website .sec-web-body .sec-web-services .ser-box .box-content h3 a:hover{ color:#DE7A1C; }
.section-website .sec-web-body .sec-web-services .ser-box .box-content ul{padding:0; margin:0;} 
.section-website .sec-web-body .sec-web-services .ser-box .box-content ul li{ font-size:12px; padding-bottom:6px; position:relative; padding-left:10px; line-height:15px;}
.section-website .sec-web-body .sec-web-services .ser-box .box-content ul li:before{position:absolute; content:''; background:#515151; width:3px; height:3px; border-radius:100%; left:0; top:5px;}
.section-website .sec-web-body .sec-web-services .ser-box .learn-btn{position:absolute; width:100%; left:0; bottom:13px; z-index:1; text-align:center; display:flex; justify-content:center;}
.section-website .sec-web-body .sec-web-services .ser-box .learn-btn a{ color:#DE7A1C; font-size:13px; padding:3px 12px; border-radius:40px; border:2px solid #DE7A1C; text-align:center; display:flex; align-items:center;}
.section-website .sec-web-body .sec-web-services .ser-box .learn-btn a i{font-size:18px; margin-left:10px;}
.section-website .sec-web-body .sec-web-services .ser-box .learn-btn a:hover{ background:#DE7A1C; color:#fff; }

.section-website .sec-web-body .sec-web-footer{background:#EFEFEF; width:100%; position:relative; padding-bottom:5px;}
.section-website .sec-web-body .sec-web-footer:before{position:absolute; content:''; background: rgba(239,239,239,0.5); width:100%; clear: both; left:0; bottom:0; height:125%;}
.section-website .sec-web-body .sec-web-footer .container{max-width:700px; margin:0 auto; padding: 0 15px;}
.section-website .sec-web-body .sec-web-footer .foot-box .box-info {width:100%; text-align:center; margin-top: -36px;}
.section-website .sec-web-body .sec-web-footer .foot-box .box-info .box-img{margin-bottom:5px;}
.section-website .sec-web-body .sec-web-footer .foot-box .box-info .box-img a{width:60px; height:60px; background: rgba(239,239,239,0.5); display:block; border-radius:100%; text-align:center; line-height:60px; font-size:44px; color:#19375f; margin:0 auto; }
.section-website .sec-web-body .sec-web-footer .foot-box .box-info a.foot-btn{ color:#19375f; text-transform:uppercase; font-size:13px; border-radius:30px; border:1px solid #19375f; text-align:center;padding:2px 20px; min-width: 150px; display:inline-block; }
.section-website .sec-web-body .sec-web-footer .foot-box .box-info a.foot-btn:hover{background:#19375f; color:#fff;}
.section-website .sec-web-btn-list{width:100%; clear: both; padding:30px 0; text-align:center;}
.section-website .sec-web-btn-list ul{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin:0; padding:0;}
.section-website .sec-web-btn-list ul li{padding:5px 12px;}


/*internet page*/
.sec-owner-forum .card-body{padding-bottom:30px;}
.sec-owner-forum .sec-activity-list{max-height:220px; }
.dock-page .sec-owner-forum .sec-activity-list{max-height:246px; }
.intranet-page .sec-owner-forum .sec-activity-list{max-height:366px; }
.sec-boat-event .section-main-calender .main-calendar .fc-hdr-toolbar .fc-button{padding: 0px 8px; font-size: 10px; min-width: 58px; height:auto;}
.sec-boat-event .section-main-calender .main-calendar .fc-hdr-toolbar .fc-left{width:auto;}
.sec-boat-event .section-main-calender .main-calendar .fc-hdr-toolbar .fc-left .fc-button{margin-right:4px !important;}
.sec-boat-event .section-main-calender .main-calendar .fc-hdr-toolbar .fc-left .fc-button-group{display:flex;}
.sec-boat-event .section-main-calender .main-calendar .fc-hdr-toolbar .fc-left .fc-button-group .fc-button{width:20px; height:20px; line-height:16px; font-size:19px; min-width:auto; padding:0; background: #DE7A1C; color:#fff; border-radius:100%;}
.sec-boat-event .section-main-calender .main-calendar .fc-hdr-toolbar .fc-center h2{font-size:14px;padding-right:0px;}
.sec-boat-event .main-calendar .sec-calendar-box .sec-monthly-calendar table thead tr th{font-size:11px; padding:6px; font-family: 'museosans-700uploaded_file'}
.sec-boat-event .main-calendar .sec-calendar-box .sec-monthly-calendar table tr td{padding:6px; font-size:11px; height:56px; position:relative;}
.sec-boat-event .main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-show-event{background:#d5ffd5;}
.sec-boat-event .main-calendar .sec-calendar-box .sec-monthly-calendar table td .slot-day-number{float:left; width:auto;}
.sec-boat-event .main-calendar .sec-calendar-box .sec-monthly-calendar table td .slot-box{margin-bottom:0px;}
.sec-boat-event .main-calendar .sec-calendar-box .sec-monthly-calendar table td .slot-box.slot-am-box{margin-top:9px}
.sec-boat-event .main-calendar .sec-calendar-box .sec-monthly-calendar table td .slot-box .icon-box{font-size:11px; cursor:inherit;}
.sec-boat-event .main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-day-number .fc-day-number{cursor:inherit;}
.sec-boat-event .main-calendar .sec-calendar-box .sec-monthly-calendar table td .slot-box .icon-box.sun-icon:hover{color:#EFAD18;}


.sec-boat-event .sec-calendar-box .sec-week-canlendar table th{padding:6px; font-size:10px; font-family: 'museosans-700uploaded_file'}
.sec-boat-event .sec-calendar-box .sec-week-canlendar table td{padding:6px; font-size:10px; line-height:12px;}
.sec-boat-event .sec-calendar-box .sec-week-canlendar .inner-week-calendar .week-calendar-hdr{padding-right:16px;}
.sec-boat-event .sec-calendar-box .sec-week-canlendar table th.w-5, .sec-boat-event .sec-calendar-box .sec-week-canlendar table td.w-5{width:10%;}
.sec-boat-event .sec-calendar-box .sec-week-canlendar table th.w-13, .sec-boat-event .sec-calendar-box .sec-week-canlendar table td.w-13{width:12%;}
.sec-boat-event .sec-calendar-box .sec-week-canlendar .week-calendar-body.gray-right-scrollbar{padding-right:8px;}
.sidebar-toggle .sec-boat-event .sec-calendar-box .sec-week-canlendar table th.w-5, .sec-calendar-box .sec-week-canlendar table td.w-5{width:10%;}
.sidebar-toggle .sec-boat-event .sec-calendar-box .sec-week-canlendar .week-calendar-body{padding-top:28px;}

.sec-boat-event .sec-calendar-box .sec-week-canlendar .week-calendar-body{max-height:314px;}


.sec-boat-event .sec-event-content ul.event-listing{padding:0; margin:0;}
.sec-boat-event .sec-event-content ul.event-listing li{padding:0 0 8px 28px; display:flex; align-items:center; position:relative;}
.sec-boat-event .sec-event-content ul.event-listing li img.boat-icon-image{position:absolute; left:0; top:0;}
.sec-boat-event .sec-event-content ul.event-listing li a{color:#19375f;}
.sec-boat-event .sec-event-content ul.event-listing li a:hover{ color:#DE7A1C; }
.sec-boat-event .sec-event-content .add-event-btn .btn{border-radius:6px;}

.sec-document-listing{width:100%; clear: both;}
.sec-document-library .left-content .content-group{display:flex; align-items:center;}
.sec-document-library .left-content .content-group .btn-lg{margin-left:12px; font-size:13px;}
.sec-document-listing .sec-document-row.row{margin:0 -8px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.sec-document-listing .sec-document-row .doc-box{width:20%; padding: 10px 8px;}
.sec-document-listing .sec-document-row .doc-box .box-info{width: 100%; clear: both; padding: 14px 15px 15px; background: #fff; border-top: 12px solid #DE7A1C; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); height: 100%; position: relative;
    border-radius: 10px;}
.sec-document-listing .doc-box .box-info h4{margin-bottom:3px;}
.sec-document-listing .sec-document-row .doc-box .box-info p{font-size:11px; line-height:14px;}
.sec-document-listing .doc-box .box-info .box-bottom-content{position:relative; left:0; bottom:0px; width:100%;}
.sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list{display:flex; padding:0 0px 10px;}
.sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list li{padding:0 3px;}
.sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list li:first-child{padding-left:0px;}
.sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list li:last-child{padding-right:0px;}
.sec-document-listing .doc-box .box-info .box-bottom-content .checkbox{padding:0 15px;}
.sec-document-listing .doc-box .box-info .box-bottom-content .select-field{padding:0 14px;}
.sec-document-listing .doc-box .box-info .box-bottom-content .select-field.select-field-xs select{font-size:11px; height:26px; padding: 6px 36px 6px 10px; line-height:14px;}
.sec-document-listing .doc-box .box-info .box-bottom-content .select-field.select-field-xs:before{width:26px; height:26px; background-position: center 10px; background-size: 14px; right:14px;}
.sec-document-listing .doc-box .box-info .box-bottom-content .sm-checkbox.checkbox .custom-control-label{color:#19375f; font-family: 'museosans-700uploaded_file'}

.sec-document-library .sec-document-listing{max-height:315px; margin-bottom:20px;}

.sec-document-listing .doc-box .box-info .box-img, .sec-document-listing .doc-box .box-info .box-video{width:100%; position:relative; margin-top:5px; padding-bottom:60%;}
.sec-document-listing .doc-box .box-info .box-img img, .sec-document-listing .doc-box .box-info .box-video img{ width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.sec-document-listing .doc-box .box-info .box-icon{text-align:center; width:100%; font-size:70px; line-height:80px; margin-top:5px; color:#931212;}
.sec-document-listing .doc-box .box-info .box-icon a{color:#931212;}
.sec-document-listing .doc-box .box-info .box-video .video-link-box{position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:1;}
.sec-document-listing .doc-box .box-info .box-video .video-link-box:before{position:absolute; content:''; background:#AACBDF;width:34px; height:34px; border-radius:100%; top:50%; left:50%; transform:translate(-50%,-50%);}
.sec-document-listing .doc-box .box-info .box-video .video-link-box i{position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size:20px; color:#fff; margin-left:2px;}

.sec-document-listing.sec-insurance-dosc .inner-insurance-docs.gray-right-scrollbar{max-height:570px;}

/*video modal*/
.sec-video-modal .modal-dialog{max-width:800px;}
.sec-video-modal .modal-dialog .modal-header{position:relative;}
.sec-video-modal .modal-dialog .modal-header .modal-title{font-family: 'museosans-700uploaded_file'; font-weight:normal; font-size:22px; padding-bottom:0px;}
.sec-video-modal .modal-dialog .modal-header button.close{position:absolute; right:10px; top:8px; font-size:30px;}
.sec-video-modal .modal-dialog .modal-header button.close:focus{outline:none; border:0px; box-shadow:none;}
.sec-video-modal .sec-video-box{position:relative; width:100%; padding-bottom:55%;}
.sec-video-modal .sec-video-box video, .sec-video-modal .sec-video-box iframe{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}


.manual-box{width:100%; max-width:364px; margin:0 0 30px;}
.manual-box .box-info{width:100%; background:#fff; border-radius:10px; overflow:hidden; position:relative; font-size:18px; font-family: 'museo_sans900'; color:#DE7A1C; line-height:18px; padding: 20px 15px 20px 88px;}
.manual-box .box-info .box-icon{width:70px; height:100%; background:#DE7A1C; line-height:55px; text-align:center; display:block; position: absolute; top: 0; text-align: center; left: 0;}
.manual-box .box-info .box-icon img{max-width:34px; object-fit:contain;}
.manual-box .box-info a{position:absolute; left:0; top:0; width:100%; height:100%;}

.sec-boat-models.sec-fleet .fleet-main-box button.slick-arrow{top:56px; height:82.5%; }
.intranet-page .sec-boat-models.sec-fleet .fleet-main-box button.slick-arrow{height:85.5%; }


.sec-boat-models.sec-fleet .fleet-main-box .fleet-box .box-info{padding-bottom:50px;}
.sec-boat-models.sec-fleet .fleet-main-box .fleet-box .box-info .box-content .edit-boat-icon{position:absolute; top:68px; right:55px;}
.intranet-page .sec-boat-models.sec-fleet .fleet-main-box .fleet-box .box-info .box-content .edit-boat-icon{top:60px;}
.sec-boat-models.sec-fleet .fleet-main-box .fleet-box .box-info .box-content .delete-boat-icon{position:absolute; top:68px; right:20px;}
.intranet-page .sec-boat-models.sec-fleet .fleet-main-box .fleet-box .box-info .box-content .delete-boat-icon{top:60px;}


.sec-directory-table{padding-top:10px; margin-bottom:20px;}
.sec-directory-table .sec-table table tbody.gray-right-scrollbar{max-height:345px;}


/*sales page*/
.sales-recent-activity .card .sec-activity-list{max-height:393px;}

.Prospects-task-table .sec-prospects-task-table{padding-top:10px;}
.Prospects-task-table .sec-prospects-task-table .sec-general-table{padding-bottom:20px;} 
.Prospects-task-table .sec-prospects-task-table .sec-table table tbody{max-height:432px;}
.Prospects-task-table .sec-prospects-task-table .sec-tab-body.gray-right-scrollbar::-webkit-scrollbar{width:0px;}
/*.Prospects-task-table .sec-prospects-task-table .sec-tab-body .table-responsive{width:110%;}*/
/*.Prospects-task-table .sec-prospects-task-table .sec-tab-body table tbody td .select-field{max-width:122px;}*/
.Prospects-task-table .sec-prospects-task-table .sec-tab-body table tbody td .select-field.select-field-xss select{padding-right:40px; text-transform:none;}

.sales-recent-activity .activity-listing .sec-activity-list .activity-list li.list-item{ display:flex; justify-content:space-between; margin-bottom:13px; } 
.sales-recent-activity .activity-listing .sec-activity-list .activity-list li.list-item .item-left-content{width:70%; padding-right:8px;}
.sales-recent-activity .activity-listing .sec-activity-list .activity-list li.list-item .item-left-content .bold-text{ color:#19375f; font-family: 'museo_sans900' }
.sales-recent-activity .activity-listing .sec-activity-list .activity-list li.list-item .item-left-content h4{font-size:12px; font-family: 'museosans-700uploaded_file';}
.sales-recent-activity .activity-listing .sec-activity-list .activity-list li.list-item .item-right-content{font-size:11px;}


.sales-page .sec-prospects .section-prospects-status .pro-box .box-info{padding-bottom:55px; padding-right:7px; padding-top:42px;}
.sales-page .sec-prospects .section-prospects-status .pro-box.por-status-box .box-info{padding-top:0px; padding-right:0px;}
.sales-page .sec-prospects .section-prospects-status .pro-box .box-info .pro-header-title{position:absolute; left:0; top:0; width:100%;}
.sales-page .sec-prospects .section-prospects-status .pro-box .box-info .box-content{height:100%; padding: 0px 8px 0; max-height:770px}
.sales-page .sec-prospects .section-prospects-status .pro-box .box-info .box-content.gray-right-scrollbar::-webkit-scrollbar{width:3px;}


/*marketing page*/
/*.sec-marketing-document .sec-document-listing .sec-document-row .doc-box .box-info{padding-bottom:65px;}*/
/*.sec-marketing-document .sec-document-listing{max-height:360px;}
.sec-active-campaign-table .sec-active-campaign-table-data{max-height:380px;}*/
.sec-active-campaign-table .sec-active-campaign-table-data .campaign-table{padding-top:25px;}
.sec-active-campaign-table .sec-active-campaign-table-data .campaign-table .sec-table table tbody{max-height:310px;}
.sec-active-campaign-table .sec-active-campaign-table-data .footer-btn{display:block; width:100%; padding-top:25px;}
.sec-active-campaign-table .sec-active-campaign-table-data .footer-btn .btn{min-width:85px; text-align:center;}
.sec-active-campaign-table .sec-active-campaign-table-data .footer-btn .btn.prev-btn{float:left;}
.sec-active-campaign-table .sec-active-campaign-table-data .footer-btn .btn.next-btn{float:right;}

/*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;}


/*base profile*/
.base-pro-content .pro-box{margin-bottom:20px;}
.base-pro-content .pro-box .card{height:100%; display: block; overflow: unset; margin-bottom:0px;}
.base-pro-content .pro-box .card .card-body{padding:20px 28px;}
.base-pro-content .pro-box .card ul, ul.base-pro-list{margin:0; padding: 0;} 
.base-pro-content .pro-box .card ul li, ul.base-pro-list li{font-family: 'museosans-700uploaded_file'; font-size:14px; line-height:18px; position:relative; color:#19375f;} 
.base-pro-content .pro-box .card ul li img, ul.base-pro-list li img{position:absolute; left:0; top:4px; max-width:18px; display:block;}
.base-pro-content .pro-box .card ul li a, ul.base-pro-list li a{ color:#19375f; }
.base-pro-content .pro-box .card ul li a:hover, ul.base-pro-list li a:hover{ color:#DE7A1C; }
.base-pro-content .pro-box .card ul.pro-listing li, ul.base-pro-list li{padding-bottom:10px; padding-left:30px;}
.base-pro-content .pro-box .card ul.pro-listing li.phone-no img, ul.base-pro-list li.phone-no img{top:2px;}
.base-pro-content .pro-box .card ul.pro-listing li.email a, ul.base-pro-list li.email a{ color:#DE7A1C; }
.base-pro-content .pro-box .card ul.pro-listing li.email a:hover, ul.base-pro-list li.email a:hover{ color:#19375f; }
.base-pro-content .pro-box .card ul.pro-listing li.address-text{padding-bottom:17px;}
.base-pro-content .pro-box .card ul.pro-listing li.address-text img{top:0;}
.base-pro-content .pro-box .card ul.pro-listing li.address-text span{ display:block; width:100%; }

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

.section-staff .staff-box .box-info{ width:100%; background:#fff; border-radius:8px; box-shadow: 0px 2px 10px rgb(4 4 7 / 30%); overflow:hidden; text-align:center; padding:10px 30px 20px; position:relative; margin-bottom:25px;}
.section-staff .staff-box .box-info:before{position:absolute; content:''; background:url(../images/staff_bg_img.png) center top no-repeat; background-size:cover; width:100%; height:30%; left:0; top:-7px;}
.section-staff .staff-box .box-info .box-img{width:152px; height:152px; margin:0 auto 15px;  position:relative; position:relative;}
.section-staff .staff-box .box-info .box-img:before{position:absolute; content:''; background:url(../images/sterring.png) center center no-repeat; background-size:contain; left:0; top:0; right:0; bottom:0; margin:auto; width:152px; height:152px; /*-webkit-transition-property: -webkit-transform; -webkit-transition-duration: 3s; -webkit-animation-name: rotate; -webkit-animation-iteration-count: infinite;  -webkit-animation-timing-function: linear; -moz-transition-property: -moz-transform; -moz-animation-name: rotate;  -moz-animation-duration: 18s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; transition-property: transform; animation-name: rotate; animation-duration:18s; animation-iteration-count: infinite; animation-timing-function: linear;*/}
.section-staff .staff-box .box-info .box-img img{width:90px; height:90px; border-radius:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.section-staff .staff-box .box-info .box-content{width:100%; clear: both;}
.section-staff .staff-box .box-info .box-content h3{font-size:18px; padding-bottom:5px;}

.section-staff .staff-box .box-info .box-content ul.icon-list{display:flex; justify-content:center; flex-wrap:wrap; padding-top:10px;}
.section-staff .staff-box .box-info .box-content p{ color:#19375f; }
.section-staff .staff-box .box-info .box-content ul.icon-list li a.circle-icon-lg{width:36px; height:36px;}
.section-staff .staff-box .box-info .box-content ul.icon-list li a.circle-icon-lg.circle-img-icon-lg img{max-width:20px;}

.outline-boat-bg.base-pro-outline-boat-bg{margin-top: -130px !important;}

/*fleet setup*/
.section-global-fleet .global-fleet-hdr .fleet-hdr-content{ display:flex; align-items:center;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .filter-search-form.center-filter-srh-form{margin:0; width:100%;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .fleet-hdr-drop-box{margin-left:13px; width:22%;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .fleet-hdr-drop-box .select-field.select-field-sm select{padding: 6px 48px 6px 10px;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .right-btn{margin-left:16px;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .right-btn .btn{display:flex; align-items:center;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .right-btn .btn.btn-lg{font-size:13px;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .right-btn .btn img{max-width:15px; margin-right:5px;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .right-btn.right{display:flex; align-items:center; max-width:unset;}
.sec-fleet-setup-hdr.section-global-fleet .global-fleet-hdr .center-content .search-form{margin:0}
.sec-fleet-setup-hdr.section-global-fleet .global-fleet-hdr .right-content{display:flex; justify-content:space-between; align-items:flex-end;}
.sec-fleet-setup-hdr.section-global-fleet .global-fleet-hdr .right-content .search-form .form-group{margin-bottom:0px;}

.general-fleet.sec-base-fleet .base-fleet-row .fleet-box .box-info{border-top: 12px solid #6F7070; background: #f9f9f9;}
.general-fleet.sec-base-fleet .base-fleet-row .fleet-box .box-info h4.orange-title a{color:#6F7070;}
.general-fleet.sec-base-fleet .base-fleet-row .fleet-box .box-info .info-text.blue-text, .general-fleet.sec-base-fleet .base-fleet-row .fleet-box .box-info .fleet-listing li{color:#515151;}
.general-fleet.sec-base-fleet .base-fleet-row .fleet-box .box-info .info-icon-box .circle-icon-sm{background:#6F7070;}
.general-fleet.sec-base-fleet .fleet-box .box-info .fleet-listing li .item-img img{-webkit-filter: grayscale(1); /* Webkit */ filter: grayscale(1); /* W3C */}

.general-fleet.sec-base-fleet .base-fleet-row .fleet-box.active-fleet-box .box-info{background:#fff; border-top-color:#DE7A1C;}
.general-fleet.sec-base-fleet .base-fleet-row .fleet-box.active-fleet-box .box-info h4.orange-title a{color:#DE7A1C;}
.general-fleet.sec-base-fleet .base-fleet-row .fleet-box.active-fleet-box .box-info h4.orange-title a:hover{color:#19375f;}
.general-fleet.sec-base-fleet .base-fleet-row .fleet-box.active-fleet-box .box-info .info-text.blue-text, .general-fleet.sec-base-fleet .base-fleet-row .fleet-box.active-fleet-box .box-info .fleet-listing li{color:#19375f;}
.general-fleet.sec-base-fleet .base-fleet-row .fleet-box.active-fleet-box .box-info .info-icon-box .circle-icon-sm{background:#DE7A1C;}
.general-fleet.sec-base-fleet .fleet-box.active-fleet-box .box-info .fleet-listing li .item-img img{-webkit-filter: grayscale(0); /* Webkit */ filter: grayscale(0); /* W3C */}

.fleet-setup-page .sec-fleet-acordian .panel-group .panel-heading{border-radius: 10px 10px 0px 0px; background:#764212;}

.fleet-setup-page .sec-fleet-acordian .sec-accordion-content .panel-body{border-radius: 0px 0px 10px 10px; box-shadow: 0px 2px 10px rgb(4 4 7 / 30%);}

.sec-base-fleet-accordian.sec-general-accordion .panel-group .panel-heading{background:#DE7A1C;}

.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;}

body .bootstrap-datetimepicker-widget .fa-chevron-right, body .bootstrap-datetimepicker-widget .fa-chevron-left{font-size:22px !important;}


/*base docs*/
.sec-base-hdr .left-content .content-group{ display:flex; align-items:center; }
.sec-base-hdr .left-content .content-group .search-form .form-group{margin-bottom:0px;}
.sec-base-hdr .left-content .content-group .btn-lg{margin-left:12px;}
ul.nav-button-group li .btn.btn-md{min-width:80px}
ul.nav-button-group li{padding-right:12px;}
ul.nav-button-group li:last-child{padding-right:0px;}
.sec-base-hdr .btn.btn-lg{font-size:12px;}





/*schdule settings*/
.bot-border{ border-bottom:1px solid #DE7A1C; } 
.sehedule-box .form-group.bot-border{padding-bottom:18px;}
.sehedule-box .dropdown-group{ display:flex; justify-content:space-between; }
.sehedule-box .dropdown-group .select-field-second{margin-left:15px; width:115px;}
.sehedule-box .select-field select{padding-right:40px; text-align:left; text-align-last:left;}
.sehedule-box .schedule-date-field{margin-bottom:12px;}
.sehedule-box ul.check-box-listing{padding:0; display:flex; justify-content: flex-start; flex-wrap:wrap; margin-left:-5px; margin-right:-5px;}
.sehedule-box ul.check-box-listing li{padding:2px 5px; width:16.6%;}

ul.main-checkbox-listing{padding:0; margin:0; width:100%; float:left;}
ul.main-checkbox-listing li{padding-bottom:4px;}
ul.main-checkbox-listing.checkbox-listing-part li{width:50%; float:left; padding-right:5px;}

ul.sec-checkbox-group-listing{padding:0; margin:0; width:100%; float:left;}
ul.sec-checkbox-group-listing li.list-item .checkbox-info-sec ul.part-checkbox-listing li{ display:inline-block; margin-right:15px;}
ul.sec-checkbox-group-listing li.list-item{padding-bottom:10px; float:left; width:100%; display:block;}


/*accounting page*/
.accounting-page .transaction-box .card-header .select-field select{padding-right:40px; padding-left:6px; }
.accounting-page .transaction-box .card-body table td, .accounting-page .transaction-box .card-body table th{padding:6px 8px;}
.accounting-page .transaction-box .card-body table tr td:first-child, .accounting-page .transaction-box .card-body table tr th:first-child{padding-left:0px;}
.accounting-page .transaction-box .sec-border-table{margin-bottom:19px;}
.accounting-page .card-body .group-btn{ float:right; display:flex; }
.accounting-page .card-body .group-btn .btn{margin-left:15px; min-width:86px;}
.accounting-page .transaction-box .card-body table tr.unsaved-item{background:#ffe4e4;}

/*Ask Question page*/
.sec-ask-question .sidebar-box{-webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%;  max-width: 22%;}
.sec-ask-question .sidebar-box .card .card-header{ display:block;  }
.sec-ask-question .sidebar-box .card .card-header .sm-search-field{width:100%; margin-bottom:12px;}
.sec-ask-question .sidebar-box .card .card-header .sm-search-field .search-form .search-field-box .search-icon{font-size:15px; width:34px; height:40px;}
.sec-ask-question .sidebar-box .card .search-form .search-field-box .form-control{font-size:13px !important; height:40px; padding-right:28px;}
.sec-ask-question .sidebar-box .card .card-body ul.tag-list{padding:0px; margin:0px;}
.sec-ask-question .sidebar-box .card .card-body ul.tag-list li{ color:#DE7A1C; padding-bottom:10px; font-size:12px; line-height:16px; }
.sec-ask-question .sidebar-box .btn.btn-sm{max-width:100%; width:100%;}

.sec-ask-question .question-content{-webkit-box-flex: 0; -ms-flex: 0 0 78%; flex: 0 0 78%;  max-width:78%;}
.sec-ask-question .question-content ul.question-list{margin:0; padding:0px;}
.sec-ask-question .question-content ul.question-list li.list-item{padding:0 15px 0}
.sec-ask-question .question-content ul.question-list li.list-item .qestion-box{width:100%; border-bottom:1px solid #DE7A1C; padding-bottom:15px; position:relative; padding:25px 0px 25px 60px;}
.sec-ask-question .question-content ul.question-list li.list-item .box-img{position:absolute; left:0; top:25px;}
.sec-ask-question .question-content ul.question-list li.list-item .box-img img{ width:44px; height:44px; object-fit:cover; border-radius:100%; }
.sec-ask-question .question-content ul.question-list li.list-item .qestion-box{ }
.sec-ask-question .question-content .qestion-box .box-content{width:100%; clear: both;}
.sec-ask-question .question-content .qestion-box .box-content .post-title{padding-bottom:6px;}
.sec-ask-question .question-content .qestion-box .box-content .post-title a{ color:#19375f; }
.sec-ask-question .question-content .qestion-box .box-content .post-title a:hover h4{ color:#DE7A1C; }
.sec-ask-question .question-content .qestion-box .box-content .content-info{display:flex; justify-content:space-between;}
.sec-ask-question .question-content .qestion-box .box-content ul{padding:0px; margin:0px; display:flex; align-items: flex-end;}
.sec-ask-question .question-content .qestion-box .box-content ul.post-detail-list{padding-bottom:15px;}
.sec-ask-question .question-content .qestion-box .box-content ul.post-detail-list li{padding-right:12px;}
.sec-ask-question .question-content .qestion-box .box-content ul.post-detail-list li a{ color:#515151; }
.sec-ask-question .question-content .qestion-box .box-content ul.post-detail-list li a:hover, .sec-ask-question .question-content .qestion-box .box-content ul.post-detail-list li.name a{ color:#DE7A1C; }
.question-content .qestion-box .box-content ul.post-detail-list li img{max-width: 14px; line-height: 0px; position: relative; top: -2px;}
.question-content .qestion-box .box-content ul.btn-list li{padding-left:12px;}
.sec-ask-question .btn.gray-btn{border-radius:0px; border:0px solid #8E8F8F; background:none; color:#19375f; font-size:13px; min-width:auto; line-height:13px; text-transform:none; padding:0px;}
/*.sec-ask-question .btn.gray-btn{border-radius:0px; border:1px solid #8E8F8F; background:#E5E5E5; color:#848484; font-size:9px; min-width:90px; line-height:13px; text-transform:none; padding: 2px 8px 3px;}*/
.sec-ask-question .btn.gray-btn:hover{ color:#DE7A1C; }


.sec-ask-question .question-main-content .question-content-list{padding-bottom:10px;}
.sec-ask-question .question-main-content ul.nav-tabs{ margin-bottom:16px; }
.sec-ask-question .question-main-content ul.nav-tabs li{padding-right:8px}
.sec-ask-question .question-main-content ul.nav-tabs li a.nav-link{padding: 10px 20px 6px; display: block; color:#19375f; background:#fff; font-size:13px; font-family: 'museo_sans500'; text-transform:uppercase; border:0px; line-height:20px;}
.sec-ask-question .question-main-content ul.nav-tabs li a.nav-link.active{background:#DE7A1C; color:#fff;}
.sec-ask-question .question-main-content .question-content-list .qestion-box .group-icon, .sec-ask-question .question-main-content .question-content-list .qestion-box .group-btn{position: absolute; right: 0px; top:18px; display:flex;}
.sec-ask-question .question-main-content .question-content-list .qestion-box .group-btn{display:inline-block;}
.sec-ask-question .question-main-content .question-content-list .qestion-box .group-btn button.sec-btn{min-width:60px; padding:1px 6px;}

.sec-ask-question .question-main-content .question-content-list .qestion-box .group-icon a{margin-left:6px;}
.sec-ask-question .question-main-content .question-content-list ul.question-list li.list-item .qestion-box{padding-bottom:25px;}
.sec-ask-question .question-main-content .question-content-list ul.question-list li.list-item:last-child .qestion-box{border-bottom:0px;}
.sec-ask-question .question-main-content .question-content-list .footer-btn{border-top: 1px solid #DE7A1C; padding: 15px 0; margin: 0 15px;}
.sec-ask-question .question-detail-content .post-header{width:100%; clear:both; padding-bottom:10px;}
.sec-ask-question .question-detail-content .post-header h3.post-title{font-size:24px; font-family: 'museosans-700uploaded_file'}
.sec-ask-question .question-detail-content .post-content{width:100%; clear: both; padding-bottom:15px;}
.sec-ask-question .question-detail-content .post-footer{width:100%; clear:both; padding:10px 0 20px;}
.sec-ask-question .question-detail-content .comment-user{position:relative; padding:5px 0px 5px 45px; font-size:13px; display:inline-block;}
.sec-ask-question .question-detail-content .comment-user .image-wrapper{position:absolute; left:0; top:0; display:block;}
.sec-ask-question .question-detail-content .comment-user .image-wrapper .comment-user-avatar{width:34px; height:34px; border-radius:100%; display:block; overflow:hidden;}
.sec-ask-question .question-detail-content .comment-user .image-wrapper .comment-user-avatar img{width:100%; height:100%; object-fit:cover;}
.sec-ask-question .question-detail-content .comment-user .user-name--left .comment-user-badge{ display:inline-block; }
.sec-ask-question .question-detail-content .comment-user .user-name--left .comment-user-badge .user-name{font-size:15px; font-family: 'museosans-700uploaded_file'; color:#19375f ; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sec-ask-question .question-detail-content .comment-user .user-name--left .comment-user-badge .user-name:hover{color: #DE7A1C;}
.sec-ask-question .question-detail-content .comment-user .user-name--left .comment-user-badge .badges{display:inline-block; margin-left:3px;}
.sec-ask-question .question-detail-content .comment-user .user-name--left .comment-user-badge .badges .badge{color: #b3b3b3;
    font-weight: 700; text-align: center;  padding: 2px 6px; border: 1px solid; border-radius: 40px; background: transparent;}
.sec-ask-question .question-detail-content .comment-user .user-name--left .comment-user-badge .badges .badge.active{color: #3dd07d;}
.sec-ask-question .question-detail-content .comment-user .user-name--left .time{font-size: 14px; color: #515151; display:inline-block; margin-left:5px;}
.sec-ask-question .question-detail-content .post-footer .btn.gray-btn{min-width:auto; margin-left:3px;}
.divider, hr.last-hr{position: relative; margin: 2em 0; border-bottom: 1px solid #ddd; text-align: center;}
hr.last-hr{margin:30px 0; border-top:0px;}
.sec-ask-question .question-detail-content .sec-quection-comment{width:100%; clear: both;}
.sec-ask-question .question-detail-content .sec-quection-comment h3.comment-main-title{ display:inline-block; font-size:20px; font-family: 'museosans-700uploaded_file' }
.sec-ask-question .question-detail-content .sec-quection-comment .comment-container .comment-count{display: inline-block; margin-top: -1px; padding: 3px 8px 2px; color: #3dd07d; font-size: 13px;
    line-height: 1;  border-radius: 40px; border: 1px solid #3dd07d;}
.sec-ask-question .question-detail-content .sec-quection-comment .subscriber-post label.field-label{padding:2px 0; color: #878787; font-size:15px; font-family: 'museo_sans500'}
.sec-ask-question .question-detail-content .sec-comment-editer{width:100%; clear: both; padding-top:10px;}
.sec-comment-editer .foot-btn{padding-top:20px; width:100%; clear: both; text-align:right;}
.sec-ask-question .question-detail-content .comment-list-wrapper ul.comment-list li .comment-content{margin:5px 0 0 45px}
.sec-ask-question .question-detail-content .comment-list-wrapper ul.comment-list li.comment-list-item:last-child hr.last-hr{ display:none; }

/*tagsinput*/
body .bootstrap-tagsinput{width:100%; clear: both; border-radius: 0px; border-color: #999; color: #515151; padding: 5px 10px;
    font-size: 13px; line-height:18px;}
body .bootstrap-tagsinput .tag{background:#19375f; border-radius: 3px;  padding: 1px 4px;}
.bootstrap-tagsinput .tag [data-role="remove"]{margin-left: 4px; cursor: pointer; color: #ff6161; line-height: 0px; position: relative;   top: -1px;}

/*richtext*/
.richText {
  position: relative;
  width: 100%;
  border: #ebecf1 solid 1px;
  background-color: #f0f0f2;
  border-top: 0;
  border-bottom: 0;
}

.richText .richText-form {
  font-family: Calibri, Verdana, Helvetica, sans-serif;
}

.richText .richText-form label {
  display: block;
  padding: 10px 15px;
}

.richText .richText-form input[type="text"],
.richText .richText-form input[type="file"],
.richText .richText-form input[type="number"],
.richText .richText-form select {
  padding: 10px 15px;
  border: #999999 solid 1px;
  min-width: 200px;
  width: 100%;
}

.richText .richText-form select {
  cursor: pointer;
}

.richText .richText-form button {
  margin: 10px 0;
  padding: 10px 15px;
  background-color: #3498db;
  border: none;
  color: #FAFAFA;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.richText .richText-toolbar {
  min-height: 20px;
  border-bottom: #ebecf1 solid 1px;
  border-top: 1px solid #ebecf1;
}

.richText .richText-toolbar ul{
  margin-bottom:0;
}

.richText .richText-toolbar ul li {
  display:inline-block;
  list-style: none;
}

.richText .richText-toolbar ul li a {
  display: block;
  padding: 10px 15px;
  cursor: pointer;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  transition: background-color 0.4s;
  color:#515151;
}

.richText .richText-toolbar ul li a .fa,
.richText .richText-toolbar ul li a .fas,
.richText .richText-toolbar ul li a .far,
.richText .richText-toolbar ul li a svg {
  pointer-events: none;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: default;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
  position: relative;
  display: block;
  margin: 3% auto 0 auto;
  background-color: #fff;
  border: #EFEFEF solid 1px;
  min-width: 100px;
  width: 300px;
  max-width: 90%;
  -webkit-box-shadow: 0 0 5px 0 #333;
  -moz-box-shadow: 0 0 5px 0 #333;
  box-shadow: 0 0 5px 0 #333;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
  position: absolute;
  top: 0;
  right: -23px;
  background: #FFF;
  color: #333;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  width: 20px;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {
  list-style: none;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {
  display: block;
  float: none;
  font-family: Calibri, Verdana, Helvetica, sans-serif;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
  display: block;
  padding: 10px 15px;
  border-bottom: #EFEFEF solid 1px;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
  background-color: #FFFFFF;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {
  margin: 10px 6px;
  float: left;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px 0 #999;
  -moz-box-shadow: 0 0 10px 0 #999;
  box-shadow: 0 0 10px 0 #999;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {
  display: block;
  height: 30px;
  width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown {
  padding: 10px 15px;
}

.richText .richText-toolbar ul li a:hover {
  background-color: #FFFFFF;
}

.richText .richText-toolbar ul li[data-disable="true"] {
  opacity: 0.1;
}

.richText .richText-toolbar ul li[data-disable="true"] a {
  cursor: default;
}

.richText .richText-toolbar ul li:not([data-disable="true"]).is-selected .richText-dropdown-outer {
  display: block;
}

.richText .richText-toolbar ul:after {
  display: block;
  content: "";
  clear: both;
}

.richText .richText-toolbar:last-child {
  font-size: 12px;
}

.richText .richText-toolbar:after {
  display: block;
  clear: both;
  content: "";
}

.richText .richText-editor {
  padding: 20px;
  background-color: #FFFFFF;
  border-left: #FFFFFF solid 2px;
  font-family: Calibri, Verdana, Helvetica, sans-serif;
  height: 250px;
  outline: none;
  overflow-y: auto;
  overflow-x: auto;
}

.richText .richText-editor ul,
.richText .richText-editor ol {
  margin: 10px 25px;
}

.richText .richText-editor table {
  margin: 10px 0;
  border-spacing: 0;
  width: 100%;
}

.richText .richText-editor table td,
.richText .richText-editor table th {
  padding: 10px;
  border: #EFEFEF solid 1px;
}


.richText .richText-initial {
  margin-bottom: -4px;
  padding: 10px;
  background-color: #282828;
  border: none;
  color: #33FF33;
  font-family: Monospace, Calibri, Verdana, Helvetica, sans-serif;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  min-height: 400px;
  height: 400px;
}

.richText .richText-help {
  float: right;
  display: block;
  padding: 10px 15px;
  cursor: pointer;
  color:#515151;
}

.richText .richText-undo,
.richText .richText-redo {
  float: left;
  display: block;
  padding: 10px 15px;
  border-right: #f6f6f6  solid 1px;
  cursor: pointer;
  color:#515151;
}

.richText .richText-undo.is-disabled,
.richText .richText-redo.is-disabled {
  opacity: 0.4;
}

.richText .richText-help-popup a {
  color: #3498db;
  text-decoration: underline;
}

.richText .richText-help-popup hr {
  margin: 10px auto 5px auto;
  border: none;
  border-top: #EFEFEF solid 1px;
}

.richText .richText-list.list-rightclick {
  position: absolute;
  background-color: #FAFAFA;
  border-right: #EFEFEF solid 1px;
  border-bottom: #EFEFEF solid 1px;
}

.richText .richText-list.list-rightclick li {
  padding: 5px 7px;
  cursor: pointer;
  list-style: none;
}




/*help*/
/*.sail-box-content p{font-size:11px; line-height:14px;}*/
.sec-help-accordion.sec-general-accordion .content-info .sec-video-listing{max-height:430px;}
.sec-superadmin .sec-help-accordion.sec-general-accordion .content-info .sec-video-listing{max-height:390px;}
.sec-help-accordion.sec-general-accordion .content-info ul.video-listing{margin:0 -15px; padding:0; display:flex; justify-content:center; flex-wrap:wrap;}
.sec-help-accordion.sec-general-accordion .content-info ul.video-listing li{width:50%; padding:0 15px 24px}
.sec-help-accordion.sec-general-accordion .content-info ul.video-listing li .video-title{font-size:14px; font-family: 'museosans-700uploaded_file'; color:#19375F; padding-bottom:0px; margin-bottom:0px; line-height:20px; font-family: 'museo_sans500';}
.sec-help-accordion.sec-general-accordion .content-info .video-box{position:relative;width:100%; margin:0 auto 10px; display:block; padding-bottom:63.3%;}
.sec-help-accordion.sec-general-accordion .content-info .video-box a.video-popup-box{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.sec-help-accordion.sec-general-accordion .content-info .video-box iframe, .sec-help-accordion.sec-general-accordion .content-info .video-box video{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}

.submit-ticket-form-box .form-btn .btn.btn-md{padding: 5px 15px 4px;}
.submit-ticket-form-box h4{font-size:15px; padding-bottom:10px;}
.section-help .card{margin-bottom:25px;}
.section-help .right-sidebar-content .card .base-manager-box{width:100%; position:relative;}
.section-help .right-sidebar-content .card .base-manager-box .circle-icon-lg{position:absolute; top:0px; right:-10px; width:46px; height:46px;}
.section-help .right-sidebar-content .card .base-manager-box .circle-icon-lg img{max-width:28px;}
.section-help .right-sidebar-content .card .card-body{padding:15px 30px 25px;}
.section-help .right-sidebar-content .submit-ticket-form-box input.form-control{height:32px;padding: 5px 10px; width:100%;}
.section-help .right-sidebar-content .submit-ticket-form-box textarea{height:90px;}

.section-help .sec-manange-ticket-table .sec-fleet-maintenance-table .sec-table table tbody{max-height:236px; overflow:auto;}
.section-help .sec-manange-ticket-table .sec-fleet-maintenance-table.gray-right-scrollbar::-webkit-scrollbar{width:6px;}
.section-help .sec-manange-ticket-table .sec-fleet-maintenance-table .table-responsive table{display:block; width:132%;}


.section-help .sec-manange-ticket-table .select-field select{text-transform:none;}
.section-help.sec-admin-help .sec-manange-ticket-table .select-field select{padding-right:42px;}
.section-help.sec-admin-help .sec-help-accordion.sec-general-accordion .content-info .video-box{padding-bottom:55.55%;}


.sec-member-desktop .section-help .right-sidebar-content .card .card-body{padding-bottom:33px;}


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

/*member desktop dock page*/
.dock-page .sec-member-desktop .inner-main-content{padding-top:25px;}
.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:20px; 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:11;}
.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{padding-left:15px; padding-right:15px;}

.sec-dock-dual-box .row .dockva-right-box{width:44.8%}
/*.sec-dock-dual-box .row .facebook-frame-box{width:554px; padding-left:15px; padding-right:15px}*/
.sec-dock-dual-box .row .facebook-frame-box{width:550px; padding-left:15px; padding-right:15px}

.sidebar-toggle .sec-dock-dual-box .row .dockva-right-box{width:56.8%}
.sec-dock-dual-box .row .facebook-frame-box .card .card-body{padding:8px}
.sec-dock-dual-box .row .facebook-frame-box .card .card-body iframe{width:100%}
.sec-dock-dual-box .row .facebook-frame-box .sailtime-facebook-box .card-body .fb-frame-box{position:relative; width:100%; display:flex; text-align:center; justify-content:center; flex-wrap:wrap; padding-bottom:51%; overflow:hidden;} 

.sec-dock-dual-box .row .facebook-frame-box .sailtime-facebook-box .card-body iframe{display:block;  margin:0 auto; position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; height:100%}
body.sidebar-toggle .sec-dock-dual-box .row .right-box .sailtime-facebook-box .sec-sailtime-facebook .card-body iframe{width:500px;}
body.sidebar-toggle .sec-dock-dual-box .row .facebook-frame-box .sailtime-facebook-box .card-body .fb-frame-box{padding-bottom:82%}
.sec-sailtime-facebook .sec-fb-post{width:100%; background:#F5F6F7; padding:10px;}
.sec-sailtime-facebook .sec-fb-post .inner-fb-post{max-height:350px; padding-right:10px;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box{width:100%; background:#fff; box-shadow: 0 1px 2px rgb(0 0 0 / 12%); margin-bottom:10px; padding:12px;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box:last-child{margin-bottom:0px;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-content-hdr{ display:flex; align-items:center; justify-content:flex-start; padding-bottom:13px; }
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-content-hdr .fb-user-img{border: 1px solid rgba(0, 0, 0, .1); width:40px; height:40px; border-radius:100%; background:#dfdfdf; margin-right:8px; overflow:hidden;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-content-hdr .fb-user-img img{width:100%; height:100%; object-fit:cover;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-content-hdr .user-detail h4.user-name-title{font-size:14px; line-height:18px; padding-bottom:4px; margin-bottom:0px; color:#1c1e21;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-content-hdr .user-detail .post-time{ padding-bottom:0px; margin-bottom:0px; font-size:11px; line-height:14px;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-content-hdr .user-detail .post-time a{color:#90949c;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-content-hdr .user-detail .post-time a:hover{text-decoration:underline;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-post-content{font-size:14px; line-height:1.38; color:#1c1e21; padding-bottom:14px;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-post-content p:last-child{padding-bottom:0px; margin-bottom:0px;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-post-image .grid-wrapper{display: grid; grid-gap:1px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-auto-rows: 200px; grid-auto-flow: dense;}
  .sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-post-image .grid-wrapper .post-img-box{display: flex;
  justify-content: center; align-items: center;}
.sec-sailtime-facebook .sec-fb-post .fb-post-box .box-content .fb-post-image .grid-wrapper img{max-width: 100%;
  height: auto; vertical-align: middle; display: inline-block; width: 100%; height: 100%; object-fit: cover; border-radius: 0px;}


/*upcoming reservation*/
.sec-doc-reservation{position:relative; z-index:1; overflow:hidden;}
.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 .sec-month-reservation{max-height:363px; padding-right:10px;}
.sec-doc-reservation .sec-month-reservation .sec-month-reservation-listing{width:100%; margin-bottom:20px; overflow:hidden;}
/*.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing{padding:0 0 0px; margin:0px -10px;  display:grid; grid-template-columns:auto; overflow-x: auto; grid-auto-flow: column; grid-template-rows: minmax(150px, 1fr) minmax(150px, 1fr);}*/
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing{padding:0 0 0px; margin:0px -10px;  display:grid; grid: repeat(1, 160px)/repeat(7, 14.2%); grid-auto-flow: row; overflow-y:hidden;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item{padding:0 10px 15px; width:100%;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item .item-box{font-family: 'museosans-700uploaded_file'; width:100%; border-radius:8px; padding:15px 10px; border: 1px solid #dbe2eb; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); background:#fff;}

.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-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item .item-box a.date-link{font-size:13px; padding-bottom:5px; display:block; font-family: 'museosans-700uploaded_file';}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item .item-box p{font-size:12px; margin-bottom: 4px; line-height: 15px;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item ul{padding-top:4px;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item ul li{padding-right:4px; padding-left:0px;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item li.crew{position:relative;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.icon-list li.crew .crew-listing-box{border: 1px solid #dbe2eb; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); background: #fff; padding:15px; border-radius:8px; list-style: auto; clear: both; position: absolute; left: 0; top:22px; width: 100%; z-index: 111; width:200px;font-family: 'museo_sans500'; transition: all 0.1s ease-in 0s; bottom:27px; top:auto; display:none; left:-30px;}


.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item li.crew .crew-listing-box ol{padding:0px; margin: 0 0 0 15px;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item li.crew .crew-listing-box ol li{list-style:auto; font-family: 'museo_sans500'; color:#515151; padding-bottom:3px;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item li.crew .crew-listing-box ol li a{color:#515151;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.reservation-listing li.list-item li.crew .crew-listing-box ol li a:hover{color:#DE7A1C;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.icon-list li.crew:hover .crew-listing-box{display:block; }
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.icon-list li.crew.disabled_crew_list:hover .crew-listing-box{display:none;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation ul.icon-list li.crew.disabled_crew_list .crew-icon.circle-icon-sm{background:#6F7070; cursor:no-drop;}
.sec-month-reservation .sec-month-reservation-listing .sec-main-month-reservation li.crew .crew-listing-box p{text-align:center; margin-bottom:0px !important ; padding-bottom:0px; font-family:13px;}
.sec-doc-reservation.card .card-body .view-btn{padding: 5px 40px 3px; margin-bottom:20px;}


.sec-member-desktop .left-doc-reservation .sec-doc-reservation{overflow:visible;}



/*.sec-on-water .sec-title h2.sec-tit{font-size:19px; font-family: 'museosans-700uploaded_file';}
.sec-on-water .sec-title h2.sec-tit a{padding-left:6px;}*/
.sec-on-water .sec-bg-img{ width:100%; }
.sec-on-water .sec-bg-img a.dock-img-thumb{position:relative; width:100%; display:block; padding-bottom:58%; overflow:hidden; border-radius:10px; margin-bottom:15px}
.sec-on-water .sec-bg-img img{width:100%; border-radius:10px; object-fit:cover; position:absolute; left:0; top:0; height:100%; overflow:hidden; object-fit:cover;}
body.sidebar-toggle .sec-on-water .sec-bg-img a.dock-img-thumb{}
.sec-on-water .sec-bg-img .water_img-link{margin-bottom:0px; font-size:17px;}
.sec-on-water .sec-bg-img .water_img-link a{ color:#fff; opacity:1;}
.sec-on-water .sec-bg-img .water_img-link a:hover, .sec-on-water .sec-title h2.sec-tit a:hover{opacity:0.85}

.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 .slick-list{margin:0 -10px;}
.sec-around-img .item.slick-slide{padding:0 10px;}
.sec-around-img .img-box img{ width:100%; max-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% !important;white-space: nowrap;}
.sec-reservation-content .inner-reservatin-detail .row{flex-wrap: nowrap;}
.sec-reservation-content .inner-reservatin-detail .reservation-box{padding:18px 10px 0; display: inline-block; vertical-align: top; white-space: normal; width:25%;}
.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;}
.calendar-key-box ul{margin:0; padding:0px;}
.calendar-key-box ul li{position:relative; padding: 0 0 15px 25px; font-size:12px; line-height:16px;}
.calendar-key-box ul li span.icon-img{position:absolute; left:0; top:0px; line-height:0px;}
.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 0;}
.sec-notice-box .notice-box-info{display:block; align-items:center; position:relative; padding-right:30px;}
.sec-notice-box .notice-box-info ul.notice-listing{padding:0; margin:0;}
.sec-notice-box .notice-box-info ul.notice-listing li{ display:flex; align-items:center; padding-bottom:8px;}
.sec-notice-box .notice-box-info ul.notice-listing li:last-child{padding-bottom:0px;}
.sec-notice-box .notice-box-info ul.notice-listing li p{margin-bottom:0px; padding-bottom:0px; font-family: 'museo_sans900'; color:#19375f; font-size:14px;}
.sec-notice-box .notice-box-info .notice-close-icon{position:absolute; right:0px; top:5px; color:#19375f; font-size:22px; font-weight:900;}
.sec-notice-box .notice-box-info ul.notice-listing li .circle-icon-md.red-bg-icon{background:#DE3C3C !important;}
.sec-notice-box .notice-box-info ul.notice-listing li .circle-icon-md.red-bg-icon img{max-width:5px;}

.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; display:flex;}
.sec-boat-desc-box .boat-box-info ul li span{min-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; overflow:hidden;}
.sec-boat-document .sec-document-listing{max-height:220px}
.sec-boat-document .sec-document-listing .sec-document-row.row{margin:0 -6px;}
.sec-boat-document .card .card-body .sec-document-listing .sec-document-row .doc-box{width:33.33%;}
.sec-boat-document .sec-document-listing .doc-box .box-info .box-icon{font-size:60px;}
.sec-boat-document .sec-admin-library.sec-document-listing .doc-box .box-info .box-icon{line-height:65px;}
.sec-member-desktop .sec-boat-document .sec-document-listing .sec-document-row .doc-box .box-info{padding-bottom:6px;}
.sec-boat-document .sec-document-listing .doc-box .box-info h4{font-size:12px;}

.my-boat-page .sec-my-boat{margin-top:15px;}
.sec-my-boat .boat-field-dropdown{display:flex; justify-content:flex-start; align-items:center; margin-bottom:10px;}
.sec-my-boat .boat-field-dropdown .select-field{max-width:250px; margin-right:12px;}
.sec-my-boat .boat-field-dropdown select{text-transform:none;}
.star-icon.circle-icon-lg:hover{background:#DE7A1C;}
.star-icon.circle-icon-lg.active{background:#19375f;}


/*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;}
.sec-sailtime-plus .sailtime-plus-about-img a{width:100%; height:100%; padding:30px; display:block;}
.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:9px; }
.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 .sailing-log-list-content{height:auto; max-height:318px;}
.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%;}


/*ettendant page*/
.sec-ettendant-content .ettendant-content-hdr{border-radius: 8px; width: 100%; border: 1px solid #dbe2eb; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); padding:20px; text-align:center; margin-bottom:30px; background:#fff;}
.sec-ettendant-content .ettendant-content-hdr h3{font-size:18px;}
.sec-ettendant-content .sec-ettendant-listing{width:100%; clear: both; padding-top:50px; /*max-height:505px;*/ margin-bottom:30px;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing{padding:0; margin:-75px -15px 0; display:flex; justify-content: flex-start; flex-wrap: wrap;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li{width:50%; float:left; padding:0 15px 0px; margin-top:75px;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info{width: 100%; clear: both; border-radius: 10px; background: #fff; padding: 70px 15px 50px; border-top: 13px solid #DE7A1C;  box-shadow: 0px 2px 3px rgb(4 4 7 / 10%); position:relative; height:100%; display:block;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info .box-img{background: none; text-align: center; margin: 0 auto 15px; width: 100%; position: absolute; left: 50%; top: -56px; transform: translateX(-50%); width: 150px;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info .box-img .ettendant-img-thumb{width:100%; position:relative;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info .box-img .ettendant-img-thumb img{width: 112px; height: 112px; border-radius: 100%; border: 3px solid #DE7A1C; margin: 0 auto; animation: pulse 2s infinite;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info .box-img span.check-icon-img{position:absolute; right:13px; bottom:10px;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info .box-img span.check-icon-img img{max-width:30px;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info .box-content{padding-bottom:10px;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info .box-content h3{font-size:14px; padding-bottom:5px;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info .box-content p{font-family: 'museosans-700uploaded_file'; font-size:13px;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info .box-btn{position:absolute; left:15px; bottom:20px;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info .box-btn .btn{font-size: 13px; min-width: 146px; padding: 3px 15px;}


/*reservation modal*/
.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;}
.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;}
.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{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:4px 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 .modal-body .group-btn{display:flex;}
.sec-general-modal .modal-body .group-btn .btn.save-btn{min-width:154px; padding:1px 8px; float:none;}


.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; }
.sec-add-people-modal .modal-body form textarea{min-height:100px;}
.sec-add-people-modal .modal-body .sec-people-content .hdr-title{display:inline-block;}



.sec-reservation-modal .modal-body{padding:0px;}
.sec-reservation-modal.sec-general-modal .close{top:27px;}
.sec-reservation-modal .sec-inner-reservation{ width:100%; border-top: 20px solid #DE7A1C; padding: 13px 20px 20px; }
.sec-reservation-modal .sec-inner-reservation h3 span.icon-img{margin-left:5px;}
.sec-reservation-modal .sec-inner-reservation h3 span.icon-img.check-icon-img img{max-width:30px;}
.sec-reservation-modal .sec-inner-reservation .reservation-info{width:100%; border-bottom:1px solid #999999; padding-bottom:15px; margin-bottom:20px;}
.sec-reservation-modal .sec-inner-reservation .sec-reservation-listing ul.reservation-listing-item{ margin:0; padding: 0; } 
.sec-reservation-modal .sec-inner-reservation .sec-reservation-listing ul.reservation-listing-item li{padding-bottom:10px; color:#515151;word-wrap: break-word;} 
.sec-reservation-modal .sec-inner-reservation .sec-reservation-listing ul.reservation-listing-item li span{padding-right:10px;}
.sec-reservation-modal .sec-inner-reservation .sec-reservation-listing ul.icon-list li:first-child{padding-left:0px;}
.sec-reservation-modal .sec-inner-reservation .sec-reservation-listing a.btn.btn-sm{font-size: 11px; padding: 1px 15px; line-height: 23px;  min-width: 180px; border-radius:6px;}
.sec-reservation-modal .sec-inner-reservation .reservation-audit-info, .sec-reservation-modal .sec-inner-reservation .sec-crew-request-list{position:relative; width:100%;}
.sec-reservation-modal .sec-inner-reservation .reservation-audit-info .edit-icon{position:absolute; right:0; bottom:0;}
.sec-reservation-modal .sec-inner-reservation .reservation-audit-info h3, .sec-reservation-modal .sec-inner-reservation .sec-crew-request-list h3{font-size:15px; padding-bottom:18px; font-family: 'museosans-700uploaded_file';}
.sec-reservation-modal .sec-inner-reservation .reservation-audit-info .audit-detail h4{font-size:15px; text-transform:uppercase; font-family: 'museosans-700uploaded_file'; padding-bottom:7px;}
.sec-reservation-modal .sec-inner-reservation .reservation-audit-info .audit-detail p, .sec-reservation-modal .sec-inner-reservation .reservation-audit-info .audit-content table td{ color:#515151; }

.sec-reservation-modal .sec-inner-reservation .reservation-audit-info .audit-content{max-width:500px;}
.sec-reservation-modal .sec-inner-reservation .reservation-audit-info .audit-content table{margin:0 -8px;}
.sec-reservation-modal .sec-inner-reservation .reservation-audit-info .audit-content table td{font-size:13px; padding:5px 8px}
.sec-reservation-modal .sec-inner-reservation .reservation-audit-info .audit-content table th{padding:5px 8px;}

.sec-reservation-modal .sec-inner-reservation .sec-crew-request-list{width: 100%; border-bottom: 1px solid #999999;
    padding-bottom: 15px; margin-bottom: 20px;}
.sec-reservation-modal .sec-inner-reservation .sec-crew-request-list ul.crew-request-listing{padding:0; margin:0; display:flex; justify-content:flex-start;flex-wrap:wrap; margin:0 -15px;}
.sec-reservation-modal .sec-inner-reservation .sec-crew-request-list ul.crew-request-listing li.list-item{width:33.33%; padding:8px 15px;}
.sec-reservation-modal .sec-inner-reservation .sec-crew-request-list ul.crew-request-listing li.list-item .item-info{display:flex; align-items:center;}
.sec-reservation-modal .sec-inner-reservation .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-reservation-modal .sec-inner-reservation .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;}

/*base modal*/
.sec-base-modal.sec-general-modal .sec-base-view .base-box, .sec-general-view-modal.sec-general-modal .sec-view-content .view-box, body .view-box{width:100%; padding-bottom:20px;}
.sec-base-modal.sec-general-modal .sec-base-view .base-box h4, .sec-general-view-modal.sec-general-modal .sec-view-content h4, body .view-box h4{font-size: 13px; margin-bottom: 8px; font-family: 'museosans-700uploaded_file'; line-height: 18px;}

.sec-base-modal.sec-general-modal .sec-base-view .base-box .base-text, 
.sec-general-view-modal.sec-general-modal .sec-view-content .view-box .view-text, 
.sec-general-view-modal.sec-general-modal .sec-view-content .view-box .view-text-desc, .view-box .view-text-desc, 
.view-box .view-text{border:0px solid #999; padding:7px 10px; color:#515151; font-size:13px; display:block; background:#f9f9f9; height:34px;}

.sec-general-view-modal.sec-general-modal .sec-view-content h4{font-size:14px;}
.sec-general-view-modal.sec-general-modal .sec-view-content .view-box .view-text-desc{height:auto;}

.sec-general-view-modal.sec-general-modal .sec-view-content .view-box .view-img img{width:80px; height:60px; object-fit:cover;}
.sec-general-view-modal.sec-general-modal .sec-view-content .view-foot-btn .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;}

/*reservation unconfirm*/

.sec-reservation-modal.sec-reservation-unconfirm .sec-inner-reservation{ border-top-color:#6F7070; }
.sec-reservation-modal.sec-reservation-unconfirm .sec-inner-reservation .modal-title.orange-title{ color:#6F7070; }
.sec-reservation-modal.sec-reservation-unconfirm .sec-inner-reservation .circle-icon-sm.gray-bg-icon{cursor:pointer;}

/*reservation disable*/ 
/*.sec-reservation-modal.sec-reservaion-disable-modal{ cursor:no-drop;}*/
.sec-reservation-modal.sec-reservaion-disable-modal .sec-inner-reservation{ border-top-color:#BCBBBB; } 
.sec-reservation-modal.sec-reservaion-disable-modal .sec-inner-reservation .modal-title.orange-title, .sec-reservation-modal.sec-reservaion-disable-modal .sec-inner-reservation h3{ color:#BCBBBB ; }
.sec-reservation-modal.sec-reservaion-disable-modal .sec-inner-reservation .circle-icon-lg.gray-bg-icon, .sec-reservation-modal.sec-reservaion-disable-modal .sec-inner-reservation .circle-icon-sm.gray-bg-icon{background:#BCBBBB !important ; cursor:pointer;}
.sec-reservation-modal.sec-reservaion-disable-modal .sec-inner-reservation h3 span.icon-img{opacity:0.4;}
.sec-reservation-modal.sec-reservaion-disable-modal .sec-inner-reservation h3 span.icon-img.sun-icon-img img{filter: grayscale(100%);} 
.sec-reservation-modal.sec-reservaion-disable-modal .sec-inner-reservation .reservation-audit-info h3.blue-title{color:#19375F;}


/*maintanance view image modal*/
.sec-img-view-modal .modal-content .img-group{display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 -15px;}
.sec-img-view-modal .modal-content .img-group .img-item{width:25%; padding:15px;}
.sec-img-view-modal .modal-content .img-group .img-item img{width:100%; height:200px; object-fit:cover;}

/*add prospect modal*/
.sec-add-prospect-modal .modal-body form textarea{height:249px;}

/*add boat field*/
.sec-add-boat-modal .input-field-group{display:flex; justify-content:space-between; padding-top:5px;}
.sec-add-boat-modal .input-field-group .time-field{width:66%; margin-right:8px;}
.sec-add-boat-modal .input-field-group .select-field{width:33%;}

.sec-upload-doc-modal.sec-general-modal .modal-body form .warnning-text{margin-top: -4px;}

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


/*permission list modal*/
.sec-general-modal.sec-permission-list-modal .modal-dialog, .sec-general-modal.sec-sm-general-modal .modal-dialog{max-width:560px;}

.sec-add-role-permissiong-modal .permission-listing{margin:0; column-count:3; -webkit-column-count:3; -moz-column-count:3;}
.sec-add-role-permissiong-modal .permission-listing li{padding:0; display: inline-block;margin-bottom: 15px;
width: 100%;}
.sec-add-role-permissiong-modal .permission-listing li .checkbox{padding-bottom:5px;}
.sec-add-role-permissiong-modal .permission-listing li .checkbox .custom-control-label{text-transform:capitalize;}


.sec-general-view-modal.sec-general-modal h2.content-title-main{font-size:26px; font-family: museosans-700uploaded_file;}
.sec-general-view-modal.sec-general-modal h3.content-title-small{font-size:20px; font-family: museosans-700uploaded_file;}
.sec-general-view-modal.sec-general-modal p{margin-bottom:15px;}

.sec-general-modal .select2.select2-container .select2-selection--single:before{height:30px !important;}
.sec-general-modal .select2.select2-container .select2-selection .select2-selection__rendered{line-height:28px !important;}

.sec-quickbook-hdr .select2.select2-container .select2-selection,.sec-reporting-hdr .select2.select2-container .select2-selection{height: 50px !important; text-transform: uppercase; text-align: center; display: flex;justify-content: center;align-items: center; border-radius: 4px;}
.sec-quickbook-hdr .select2.select2-container .select2-selection--single:before,.sec-reporting-hdr .select2.select2-container .select2-selection--single:before{height: 50px !important;}

.sec-quickbook-hdr .select2.select2-container .select2-selection--multiple .select2-selection__rendered{position: absolute; top: 12px;}
.sec-quickbook-hdr .select2.select2-container .select2-selection--multiple::before, .sec-quickbook-hdr .select2.select2-container .select2-selection--single::before{position: absolute;
content: '';
background:#fff;
border:none;
width:100%;
height:49px;
top:0px;
left:0;
border-radius:4px;}
.sec-quickbook-hdr .select2.select2-container .select2-selection--multiple .select2-search--inline textarea.select2-search__field{min-height:50px;
text-align:center; padding-top:9px; font-family: inherit;
font-size: inherit;
color: #515151;
font-weight: 400;}
/*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:40px;
}

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

.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;
}

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height:36px;
  position:relative;
  padding-right:0px;
}
.select2.select2-container .select2-selection--multiple:before, .select2.select2-container .select2-selection--single:before{position:absolute; content:''; background:#fff; border:1px solid #999; width:100%; height:30px; top:-1px; left:0; border-radius:4px;}
 .select2.select2-container .select2-selection--single:before{top:0; background:none;}
.page-main-content .select2.select2-container .select2-selection--single:before{height:36px;}
.page-main-content .select2.select2-container .select2-selection .select2-selection__rendered{line-height:33px;}
.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px;
}

.select2.select2-container .select2-selection--multiple .select2-search--inline textarea.select2-search__field{min-height:auto}

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

.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: 0px;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px;
  border-right:0px;
}

.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; }


.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 -3px; padding:0px; display:flex;}
.engine-reading-listing ul li.list-item{padding:3px 3px;float:left; width:33.33%;}
.engine-reading-listing ul li.list-item label.field-label{font-size:11px; font-family: 'museosans-700uploaded_file'; margin-bottom:1px;}

/*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;}

/*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-img-box #video_box .sec-video-box{position:relative; width:100%; padding-bottom:40%;}
.sec-view-content-modal .sec-content-desc .sec-img-box #video_box .sec-video-box video{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}


.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; width: 90px;}
.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;}*/

.sec-add-member-level-modal .sec-allowance-group-bg{padding: 15px; background: #fbfbfb; width:100%;}

.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 form .statement-field .delete-text{font-size:12px; font-family: 'museosans-700uploaded_file'; padding-left:50px; margin-bottom:0px; margin-top:0px;}
.section-base-form form .statement-field .delete-text a.text-danger{color:#931212 !important;}
/*.section-base-form form .statement-field{display:flex; align-items:center;}*/
.sec-revenue-form{max-width:520px; margin:0 auto;}

.section-base-form 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 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: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: 1234; 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%;}*/

.close-sec-title.sec-title h2.sec-tit{padding-right:25px;}
.close-sec-title.sec-title h2.sec-tit .close-icon{position:absolute; right:0; top:-1px; cursor:pointer; opacity:1; color:#fff; font-size:22px;}
.close-sec-title-orange.close-sec-title.sec-title h2.sec-tit .close-icon{color:#DE7A1C;}
.close-sec-title.sec-title h2.sec-tit .close-icon:hover{opacity:0.9;}
.close-sec-title.sec-title h2.sec-tit .close-icon img{max-width:16px;}
.section-content-approvals .sec-table table tbody{max-height:205px;}
.section-content-approvals table{table-layout:fixed;}
.section-content-approvals .sec-tab-header, .sec-unapprove-boats .sec-tab-header{padding-right:26px;}

.section-content-approvals .tab-btn{padding-right:26px;}
.section-boat-expiring .sec-inner-general-table table{table-layout:fixed;}
.section-boat-expiring .sec-tab-header{padding-right:10px;}
.section-boat-expiring .sec-table table tbody{max-height:285px;}
.section-boat-expiring  #boat_expiring_table .expiring-msg-title span{cursor:unset;}

.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 .card .global-fleet-hdr{padding-bottom:0px !important;}
.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;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .content-info-show-count{padding: 4px 10px 6px; background: rgba(25,55,95,0.7); color:#fff; margin-right:15px;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .content-info-show-count p{margin-bottom:0px;}

.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; float:right;}
.sec-doc-fleet .global-fleet-hdr .right-content .content-info .select-field{max-width:200px; margin-right:10px;}
.sec-admin-dock-fleet .card .sec-general-table .sec-table table tbody{max-height:445px;}
.sec-admin-dock-fleet .card .sec-general-table .sec-table{margin-bottom:10px;}

.sec-unapprove-boats.sec-doc-fleet .sec-general-table .sec-table table tbody{max-height:432px;}
.sec-unapprove-boats .sec-inner-general-table table{table-layout:fixed;}


/*.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; }*/
/*.search-form .search-field-box .form-control{padding-right:15px;}*/
.sec-admin-doc-people .sec-inner-general-table table tbody{max-height:420px;}
.sec-admin-doc-people .sec-tab-header{padding-right:0px;}
.sec-admin-doc-people table{table-layout:fixed;}
.sec-admin-doc-people .sec-people-table .table-responsive{padding-bottom:0px;}
.sec-admin-doc-people .sec-people-table table .user-img{width:50px; height:50px;} 
.sec-admin-doc-people .sec-people-hdr .hdr-people-content{ display:flex }
.sec-admin-doc-people .sec-people-hdr .hdr-people-content .search-form{margin-right:20px;}
.sec-admin-doc-people .sec-people-hdr .hdr-people-content .add-icon{margin-top:6px}

.sec-doc-document .card-document .sec-document-list{max-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; float:left;}
.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-help-desk-table{height:257px; overflow:auto; position:relative; padding-right:0px; cursor:inherit;}
.sec-help-desk-request .sec-help-desk-table .table-responsive{width:550px;}
.sec-help-desk-request .sec-help-desk-table.gray-right-scrollbar::-webkit-scrollbar{width:0px;}




/*admin calendar page*/

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

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

.sec-general-accordion .panel-group .sec-embark-boat-log .panel-heading .panel-icon img{max-width:40px;}
.sec-ettendant-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-left{display:inline-block; width:50%;}
.sec-ettendant-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-right{width:40%;}
.sec-ettendant-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-left .content-info{ display:flex; align-items:flex-end; }
.sec-ettendant-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-left .content-info .show-info-field{width:46%;}
.sec-ettendant-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-left .content-info .show-info-field .select-field{margin-bottom:0px !important;}
.sec-ettendant-boat-log .sec-boat-log-detail .bot-lod-hdr .bot-log-left .content-info .btn.btn-md{padding:3px 20px 1px; 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-table table tbody{max-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{justify-content:unset;}
.sec-admin-main-people .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content{width:33%;}
.sec-admin-main-people .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-right-icon{width:112px;}
.sec-admin-main-people.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li.username-list-item{clear:left;}
.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; clear: both; float: left;}
.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 .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-right-icon a.circle-icon-md.active-campaign-icon{line-height:22px;}
.sec-admin-main-people .contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-right-icon a.circle-icon-md.active-campaign-icon img{margin-left:2px;}

.section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info ul.alert-list-detail{max-height:180px !important; padding-right:15px;}
.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{max-height:1090px;}

.section-main-people .contact-sidebar .sidebar-contact-info ul.contact-list-item li.load-more-li .box-info{display:block;}
.section-main-people .contact-sidebar .sidebar-contact-info ul.contact-list-item li.load-more-li .box-info .box-content{text-align:center; width:100%;}

.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; max-width:100%; align-items: flex-start; }
.sec-admin-document-library.sec-document-library .left-fleet-hdr .search-form .search-field-box{width: 360px; margin-right:15px;}
.sec-admin-document-library.sec-document-library .left-fleet-hdr .search-form .sec-btn.btn{font-size:13px; /*padding:8px 25px;*/}

.sec-admin-document-library.sec-document-library .sec-document-listing{max-height:400px; margin-bottom:30px;}
.intranet-page .sec-admin-document-library.sec-document-library .sec-document-listing{max-height:305px;}
.sec-admin-document-library.sec-document-listing .sec-document-row .doc-box .box-info{padding-bottom:0px;}

.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:0px;}
.sec-admin-marketing-document.sec-marketing-document .sec-document-listing{max-height:auto;}
.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;}
.sec-admin-marketing-document.sec-marketing-document .sec-document-listing .doc-box .box-info .box-bottom-content, .sec-admin-marketing-document.sec-marketing-document .sec-document-listing .doc-box .box-info .box-bottom-content{position:relative; bottom:0; left:0; padding-top:6px;}
.sec-admin-marketing-document.sec-marketing-document .sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list{padding-left:0px;}
.sec-admin-marketing-document.sec-marketing-document .sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list li{padding:0 3px;}
.sec-admin-marketing-document.sec-marketing-document .sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list li:first-child{padding-left:0px;}
.sec-admin-marketing-document.sec-marketing-document .sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list li:last-child{padding-right:0px;}


/*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; padding-top:5px;}
.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:15px;}


/*.sec-baseowner-doc-library .sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-content{position:absolute; bottom:8px;}
.sec-baseowner-doc-library .sec-admin-library.sec-document-listing .doc-box .box-info .box-bottom-content ul.icon-list{padding-left:9px;}
.sec-baseowner-doc-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-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:0px; padding-bottom:0px;}
.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:15px;}


/*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 .delete-icon.circle-icon-sm.circle-img-icon-sm img{max-width:11px;}
.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; }*/

.tt-menu .tt-dataset{width:150px; box-shadow: 0px 2px 3px rgb(4 4 7 / 30%); background:#fff; border-radius:6px; overflow:hidden;}
.tt-menu .tt-dataset .tt-suggestion{padding:6px 10px; border-bottom:1px solid #dfdfdf; cursor: default;}
.tt-menu .tt-dataset .tt-suggestion:last-child{border-bottom:0px;}
.tt-menu .tt-dataset .tt-suggestion:hover{background:#19375F; color:#fff;}


/*admin system settings*/
.sec-forum-update-table .sec-general-table .sec-table table tbody{height:205px;}
/*.sec-forum-update-table .sec-help-desk-table .table-responsive{width:145%;}*/
.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-table table tbody{/*height:525px;*/ height:auto;  max-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-table table tbody{height: auto; max-height:400px;}
.sysem-settings-page .sec-email-messages-table .sec-table table tbody{max-height:360px; padding-right:10px !important;}


/*admin reporting page*/
.sec-reporting-info .card .card-body ul.icon-list{align-items:center;}
.sec-reporting-info .card .card-body ul.icon-list li button.list-icon{border:0px; box-shadow:none; background:none;}
.sec-reporting-info .card .card-body ul.icon-list li button.list-icon .heart-active-icon{display:none;}
.sec-reporting-info .card .card-body ul.icon-list li button.list-icon.active .heart-active-icon{display:block;}
.sec-reporting-info .card .card-body ul.icon-list li button.list-icon.active .heart-border-icon{display:none;}
.sec-reporting-info .card .card-body ul.icon-list li button.list-icon:focus{outline:none; box-shadow:none;}
.sec-reporting-info .card .card-body .report-detail-table .sec-tab-body{max-height:500px;}
.sec-quickbook-hdr .datepicker-field .date-field-box,.sec-reporting-hdr .datepicker-field .date-field-box{position:relative;}
.sec-quickbook-hdr .datepicker-field .input-group-addon,.sec-reporting-hdr .datepicker-field .input-group-addon{position:absolute; right:0; top:0; width:50px; height:50px; text-align:center; line-height:50px; background:#DE7A1C; display:block; z-index:11;}
.sec-quickbook-hdr .datepicker-field.datepicker-field-lg input.form-control,.sec-reporting-hdr .datepicker-field.datepicker-field-lg input.form-control{text-align:center; font-size:14px;}
/*.sec-reporting-hdr .datepicker-field .form-group:before{position:absolute; content:''; width:50px; height:50px; right:0; top:0; background:#DE7A1C url(../images/icons/Cal.png) center center no-repeat; z-index:1;}*/
.sec-reporting-info .report-detail-table{width:100%; padding-top:25px; clear: both; display:block;}
.sec-reporting-info .report-detail-table .sec-table table tbody.gray-right-scrollbar{max-height:300px;}

/*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{ 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 .filter-search-form .filter-control-icon{top:5px;}
.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:36px; font-size:19px;}

.sec-admin-manange-ticket-table.card .card-header{width:100%; display:block;}
.sec-admin-manange-ticket-table.card .card-header .row{align-items:center;}
.sec-admin-manange-ticket-table .left-hdr-content .content-info{display:flex; justify-content:flex-start; align-items:center;}
.sec-admin-manange-ticket-table .left-hdr-content .content-info .card-title{margin-right:15px; }
.sec-admin-manange-ticket-table .left-hdr-content .content-info .search-form{margin-right:0px;}
.sec-admin-manange-ticket-table .left-hdr-content .content-info .search-form .search-field-box{margin-bottom:0px;}
.sec-admin-manange-ticket-table .left-hdr-content .content-info .filter-search-form.center-filter-srh-form{margin:0; width:100%;}


/*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:auto; max-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-table table tbody{max-height:432px;}
.sec-admin-bases-acordian.sec-fleet-acordian .sec-accordion-content .sec-content-app-table .sec-table{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-table table tbody{max-height:280px;}
.sec-admin-vendors-table .sec-general-table .sec-table{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 .checkbox{padding-left:4px;}
.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{width:40%; display:flex; align-content:baseline; padding-top:20px;}
.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:0px; 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-royalty-fees .royalty-right-content #download_files{display:flex; width:280px;}
.sec-admin-royalty-fees .royalty-right-content #btndownload{bottom: -1px; right: auto; left: 106%; position: absolute;}

.sec-admin-royalty-fees .card-body .royalty-left-content .royaltyfee-section-dropdown{display: flex; justify-content: space-between;}

.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;}

.sec-admin-transations .transations-right-content .table-scroll{display:block;}
.sec-admin-transations .transations-right-content .table-scroll thead, .sec-admin-transations .transations-right-content .table-scroll tr{ display:flex; width:100%; }
.sec-admin-transations .transations-right-content .table-scroll thead{padding-right:25px;}
.sec-admin-transations .transations-right-content .table-scroll tbody{max-height:212px; display:block; width:100%;}
.sec-admin-transations .transations-right-content .table-scroll tr td, .sec-admin-transations .transations-right-content .table-scroll tr th{flex-basis: 100%;display: block;}
.sec-admin-transations .transations-right-content .table-scroll tr td:first-child, .sec-admin-transations .transations-right-content .table-scroll tr th:first-child{padding-left:10px !important;}
.sec-admin-transations .transations-right-content .table-scroll td ul.icon-list li:first-child{padding-left:0px;}
.sec-admin-transations .transations-right-content .table-scroll tr.unsaved-item{background:#ffe4e4;}
.sec-admin-transations .transations-right-content .table-scroll tr td.negative-amount span{color:red;}


/* choose img file */
.choose-img-file label{ display:block; width:100%; }
body .choose-img-file .img-input-file{ padding: 1px 10px !important; border-radius: 0px; border-color: #999; font-size:13px; display:block; width:100%; border: 1px solid #999;}
.choose-img-file .preiview-img, .choose-img-file .imgPreview .delete_imgthumb{margin-top:10px; position:relative; display:inline-block; width:90px; height:90px;}
.choose-img-file .preiview-img img{ object-fit:contain; }
.choose-img-file .imgPreview{margin:15px -10px 0;}
.choose-img-file .imgPreview img{ float:left; padding:10px; object-fit:contain; }
.choose-img-file .imgPreview .delete_imgthumb {display:inline-block; width:90px; height:90px;}
.choose-img-file .imgPreview .delete_imgthumb img{height:100%; width:100%; object-fit:contain;}
.choose-img-file .preiview-img .close-icon, .choose-img-file .imgPreview .delete_imgthumb .close-icon{position:absolute; right:0; top:0; color:#A03232; font-size:18px;}
.choose-img-file .imgPreview .delete_imgthumb .close-icon{background: #ff3333; width: 18px; height: 17px; line-height: 17px; color: #fff;
    text-align: center; border-radius: 100%; cursor: pointer; font-size: 12px; font-weight: 500;}

.content_hide{visibility:hidden; position:absolute;}

/*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:#f9f9f9; 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:#fff3d9; 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;}

/* Role permission list page */
.sec-role-permission .sec-permission-list ul.permission-listing{/*display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap: wrap;*/ margin:0; column-count: 3; -webkit-column-count:3;
    -moz-column-count:3;}
.sec-role-permission .sec-permission-list ul.permission-listing li{ /*width:33.33%; float:left;*/ padding:0; display:inline-block; margin-bottom:15px; width:100%;}
.sec-role-permission .sec-permission-list ul.permission-listing li .checkbox{padding-bottom:5px;}
.sec-role-permission .sec-permission-list ul.permission-listing li .checkbox .custom-control-label{text-transform: capitalize;}
.sec-role-permission .sec-permission-list ul.permission-listing li ul.permission-sub-listing{padding-top:5px;}
.sec-role-permission .sec-permission-list ul.permission-listing li ul.permission-sub-listing li{width:100% !important; float:none !important; padding: 5px 0px 5px 15px !important; display:block; margin-bottom:0px;}
.sec-role-permission .sec-permission-list ul.permission-listing li ul.permission-sub-listing li .checkbox{margin-bottom:0px;}

/*icon modal*/
.sec-icon-modal .sec-icon-group ul.icon-listing{padding:0; margin:0 -15px; display:flex; justify-content:flex-start; flex-wrap:wrap;     align-items: flex-start;}
.sec-icon-modal .sec-icon-group ul.icon-listing li{width:25%; display:flex; padding: 15px 15px 15px 56px; align-items:center; position:relative;}
.sec-icon-modal .sec-icon-group ul.icon-listing li a{margin-right:12px; position:absolute; left: 15px; top: 10px; }
.sec-icon-modal .sec-icon-group ul.icon-listing li a span{width:30px; height:30px; display: block; text-align:center; line-height:26px;}

/*sidebar weather*/
.sidebar-weather-details .weather-forecast-detail-box{background:#046586; width:100%; padding:4px; position:relative;}
.sidebar-weather-details .weader-inner-content{position:relative;}
.sidebar-weather-details .weather-forecast-detail-box .inner-box-content{background:#509cc1; width:100%; border-radius:5px; padding:10px;}
.sidebar-weather-details .weather-forecast-detail-box .content-detail{ display:flex; justify-content:space-between; width:100%; padding-bottom:3px; }
.sidebar-weather-details .weather-forecast-detail-box .content-detail .forecast-text-box, .sidebar-weather-details .weather-forecast-detail-box .content-detail .forecast-img-box{width:33.33%;}
.sidebar-weather-details .weather-forecast-detail-box .forecast-img-box .img-box{ padding:0 10px; height:82px; line-height:75px; width:100%; display:block;}
.sidebar-weather-details .weather-forecast-detail-box .forecast-img-box .img-box img{width:100%; max-width:57px; margin:0 auto;}
.sidebar-weather-details .weather-forecast-detail-box .content-detail .forecast-text-box p{font-size:13px; color:#fff; padding-bottom:3px; margin-bottom:0px; line-height:16px;}
.sidebar-weather-details .weather-forecast-detail-box .content-detail .forecast-text-box.left-text{text-align:left;} 
.sidebar-weather-details .weather-forecast-detail-box .content-detail .forecast-text-box.right-text{text-align:right;} 
.sidebar-weather-details .weather-forecast-detail-box .forecast-text-box .city-name .arrow-right-icon img{max-width:7px; margin-left:1px;}
.sidebar-weather-details .weather-forecast-detail-box .forecast-text-box p.weather-temp{font-size:26px; line-height:26px;}
.sidebar-weather-details .weather-forecast-detail-box .forecast-text-box .weather-temp span{font-size:22px;}
.sidebar-weather-details .weather-forecast-detail-box .forecast-text-box .group-icon{width:100%; display:block; padding-bottom:3px;}
.sidebar-weather-details .weather-forecast-detail-box .forecast-text-box .group-icon a{ color:#fff; }
.sidebar-weather-details .weather-forecast-detail-box ul.forecast-listing{ display:flex; justify-content:center; margin:0 -8px; }
.sidebar-weather-details .weather-forecast-detail-box ul.forecast-listing li{padding:5px 8px; text-align:center; position:relative; width:20%;}
.sidebar-weather-details .weather-forecast-detail-box ul.forecast-listing li:before{position:absolute; content:''; right:0; top:8px; height:55px; width:1px; background:#dfdfdf; opacity:0.5;}
.sidebar-weather-details .weather-forecast-detail-box ul.forecast-listing li:last-child:before{display:none;}
.sidebar-weather-details .weather-forecast-detail-box ul.forecast-listing li p{font-size:12px; color:#fff; padding-bottom:5px; margin-bottom:0px; line-height:13px;}
.sidebar-weather-details .weather-forecast-detail-box ul.forecast-listing li p:last-child{padding-bottom:0px;}
.sidebar-weather-details .weather-forecast-detail-box ul.forecast-listing li span.forecast-img{font-size:25px; color: #fff;   padding-bottom:5px; display: block; width: 100%; line-height:22px;}
.sidebar-weather-details .weather-forecast-detail-box ul.forecast-listing li span.forecast-img img{max-width:24px; margin:0 auto; display:block;}
.sidebar-weather-details .weader-inner-content .weather-loader{position:absolute; left:0; top:0; width:100%; height:100%;    background: rgba(4, 101, 134, 0.7); z-index:1; display:none;}
.sidebar-weather-details .weader-inner-content .weather-loader img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

/* fleet notice table css */
.fleet-notice-table{width:100%; padding-top:20px; border-top: 1px solid #dfdfdf; margin-top:20px;}
/*.fleet-notice-table .sec-general-table{width:100%; clear: both; border-top:1px solid #C69468; padding-top:10px;}*/
.sec-fleet-notice-modal.sec-general-modal .modal-dialog{max-width:500px;}


/*reservation listing modal css*/
.sec-reservation-listing-modal .sec-reservation-listing-content{width:100%; clear:both; max-height:350px;}
.sec-reservation-listing-modal .sec-reservation-listing-content ul.week-book-listing{margin:0 -10px; white-space:unset;}
.sec-reservation-listing-modal .sec-reservation-listing-content ul.week-book-listing li{padding:10px; white-space:unset;}

/*notification setting modal*/
.sec-notification-settings-modal .sec-tab-body.gray-right-scrollbar{max-height:400px;}
.sec-notification-settings-modal table td.first_capital{text-transform:capitalize;}


.sec-general-modal .sec-doc-content .sec-add-fleet-form .form-group p{word-break: break-all;}

/* new reservation option modal */
.new_reservation_option_modal .modal-dialog{max-width: 350px !important;}
.new_reservation_option_modal .cancel-text{float: inherit;max-width: 100% !important;font-size:14px !important;text-align:center;display:block;font-family: 'museosans-700uploaded_file';}

.edit_addons_modal .cancel-text{float: inherit;max-width: 100% !important;font-size:13px !important;font-family: 'museosans-700uploaded_file';}
.edit_addons_modal .footer_btn {margin: 0 auto !important;display: table;}
.edit_addons_modal .edit_save_addons, .edit_addons_modal .cancel_addons{display:block;width: 180px !important;text-align: center;}

.edit_addons_modal .addons_add_row_btn:hover{background-color: #19375f !important;}
.edit_addons_modal .addons_add_row_btn img{width:auto;height:15px;margin-right: 4px;}
.edit_addons_modal .addons_add_row_btn{display: flex; align-items: center;width: 130px;}

body #goog-gt-tt.skiptranslate{display:none !important}

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; }

.icon-group-flex{display:flex; align-items:center;}
.icon-group-flex a{margin-right:3px;}
.icon-group-flex a:last-child{margin-right:0px;}


body .sec-general-table  table.sortable thead{display: block; width:100%; padding-right:26px;}
body .sec-general-table  table.sortable thead th{position:relative; cursor:pointer;}
body .sec-general-table  table.sortable thead th.no-sort:after{display:none; cursor:inherit;}
body .sec-general-table  table.sortable thead th:after{content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; font-size:18px; color:#e9c29d; width:16px; height:auto; text-align:right; top:0; top:-3px; display:inline-block; line-height:0px;}
body .sec-general-table  table.sortable thead th:empty:after{display:none;}
body .sec-general-table table.sortable thead th.dir-d:after, body .sec-general-table table.sortable thead th.dir-u:after{content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; font-size:18px; color:#DE7A1C; width:16px; height:auto; text-align:right;  top:0; display:inline-block; line-height:0px;}
body .sec-general-table  table.sortable thead th.dir-u:after{content: "\f0d8"; top: -4px;}
body .sec-general-table  table.sortable tbody{display:block; width:100%; }
body .sec-general-table  table.sortable tbody.gray-right-scroolbar{overflow-y: auto;overflow-x: hidden; padding-right:18px;}
body .sec-general-table  table.sortable tbody.gray-bottom-scrollbar{overflow-x: auto;overflow-y: hidden;}

body .sec-general-table  table.sortable tr{display:flex;}

body ul.list-point, body ul.order-list-point{padding:0 0 10px; margin:0;}
body ul.list-point li, body ul.order-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%;}
body ul.order-list-point{counter-reset: item;}
body ul.order-list-point li{counter-increment: item;}
body ul.order-list-point li:before{position:absolute; content:counter(item); color:#DE7A1C; left:0; top:1px; font-size:14px; font-weight:600}

.sec-term-condition-modal .content-info{max-height:475px; 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%);}


.sec-holiday-list-modal .holiday_content{max-height:450px; height: 400px}
.sec-holiday-list-modal .btn.save-btn{margin-top: 0px !important;;}

.sec-general-table .sec-inner-general-table .input-group .btn-dlt{
  height: 30px; 
  display: contents;
}
#checklist_form .sec-general-table .sec-inner-general-table .input-group{
  padding: 5px 0px;
}

#checklist_form .sec-general-table .sec-inner-general-table .input-group .form-control:not(:first-child){
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#checklist_form .sec-general-table .sec-inner-general-table .input-group .DeleteRow{
  position: absolute;
  left: auto;
  right: 0;
}

#checklist_form .sec-general-table .sec-inner-general-table .input-group .DeleteRow.checkondelete{
  position: absolute;
  left: auto;
  right: 5px;
  z-index: 11;
  top: 10px;
  background: #fff;
}


/* 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 only screen and (min-width: 1485px){
  .sec-dock-dual-box .row .dockva-right-box {
      width: 44.8% !important; 
  }
}*/


@media only screen and (min-width:1600px){
  .sec-dock-dual-box .row .dockva-right-box{width:45.5% !important;}
  .sidebar-toggle .sec-dock-dual-box .row .dockva-right-box{width:59%}
  .sec-on-water .sec-bg-img a.dock-img-thumb{padding-bottom:52% !important}
  body.sidebar-toggle .sec-on-water .sec-bg-img a.dock-img-thumb{padding-bottom:65% !important}
}

@media only screen and (min-width:1700px){
  .sec-on-water .sec-bg-img a.dock-img-thumb{padding-bottom:40% !important}
  body.sidebar-toggle .sec-on-water .sec-bg-img a.dock-img-thumb{padding-bottom:53% !important}
}

@media only screen and (min-width:1440px){
  .sec-dock-dual-box .row .dockva-right-box{width:48.5%}
  .sidebar-toggle .sec-dock-dual-box .row .dockva-right-box{width:59%}
  .sec-on-water .sec-bg-img a.dock-img-thumb{padding-bottom:56%}
  body.sidebar-toggle .sec-on-water .sec-bg-img a.dock-img-thumb{padding-bottom:51%}
}

@media only screen and (max-width:1349px){
.sec-dock-dual-box .row .dockva-right-box{    width: 42.8%;}
  .sidebar-toggle .sec-dock-dual-box .row .dockva-right-box{width: 55.8%;}
}


@media only screen and (max-width:1320px){
/*intranet page*/
.sec-document-listing .sec-document-row .doc-box{width:25%;}

.page-main-content .page-tab-hdr ul.hdr-tab-list li{font-size:14px; }
.page-main-content .page-tab-hdr ul.hdr-tab-list li a{padding:17px 18px;}
.sec-dock-dual-box .row .facebook-frame-box{ width: 450px;} /*460px*/
.sec-dock-dual-box .row .dockva-right-box{width:47.8%}
}

@media only screen and (max-width:1175px){
.section-main-calender .main-calendar .fc-hdr-toolbar{display:block;}
.fc-hdr-toolbar{padding-bottom:20px; width:100%; float:left; clear:both;}
.fc-hdr-toolbar .fc-left{width:48%; float:left; padding-bottom:10px; width:auto;}
.fc-hdr-toolbar .fc-center{width:auto; float:right; padding-bottom:10px;}
.fc-hdr-toolbar .fc-right{width:auto; float:left; margin-left:0px;}
body.impersonating_module .fc-hdr-toolbar .fc-right .fc-button-group{justify-content:flex-start;}
}

@media only screen and (max-width:1150px){
/*intranet page*/
.sec-document-listing .sec-document-row .doc-box{width:33.33%;}
.page-main-content .page-tab-hdr ul.hdr-tab-list li a{padding:17px 8px;}

}


@media only screen and (max-width:1024px){
/*base member */
.sec-page-sidebar, .sec-page-sidebar .sidebar-hdr-info{width:70px;}
.sidebar-toggle .sec-page-sidebar .sidebar-hdr-info, .sidebar-toggle .sec-page-sidebar, .sec-page-sidebar .sidebar-box{width:346px;}
.sec-page-sidebar .sidebar-hdr-info{width:70px;}
.sidebar-toggle .sec-page-sidebar .sidebar-hdr-info .hdr-right-fan{display:block;}
.sidebar-toggle .sec-page-sidebar .sidebar-hdr-info .sidebar-pro-info .sidebar-profile{display:flex;}
.sec-page-sidebar .sidebar-hdr-info .sidebar-pro-info .sidebar-profile, .sec-page-sidebar .sidebar-hdr-info .hdr-right-fan{display:none;}
.sidebar-toggle .sec-page-sidebar .sidebar-box .sidebar-top-box .nav-icon-list, .sec-page-sidebar .sidebar-box .sidebar-arrow-left.badge-icon .badge{visibility:visible;}
.sec-page-sidebar .sidebar-box .sidebar-top-box .nav-icon-list, .sidebar-toggle .sec-page-sidebar .sidebar-box .sidebar-arrow-left.badge-icon .badge{visibility:hidden;}
.section-key .key-box{min-width:100%;}
/*.sidebar-toggle .page-main-content .page-notice-hdr{padding-left:315px;}*/
.page-main-content .page-notice-hdr{padding-left:15px;}
.sidebar-toggle .page-main-content{margin-left:346px; padding-left:0px;}
.sidebar-toggle .sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a{font-size:22px;}
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a{font-size:0px;}
.sidebar-toggle .sec-page-sidebar .sidebar-base-menu .round-icon-b{display:none;}
.sec-page-sidebar .sidebar-base-menu .round-icon-b{display:block;}
.sidebar-toggle .sec-page-sidebar .sidebar-base-menu .base-menu-detail{display:block;}
.sec-page-sidebar .sidebar-base-menu .base-menu-detail{display:none;}
.sidebar-toggle .sec-page-sidebar .sidebar-base-menu{margin-bottom:0px;}
.sidebar-toggle .sec-page-sidebar .sidebar-bottom-bg, .sidebar-toggle .sec-page-sidebar .sidebar-weather-details, .sidebar-toggle .sec-page-sidebar .outline-boat-bg{display:block;}
.sec-page-sidebar .sidebar-bottom-bg, .sec-page-sidebar .sidebar-weather-details, .sec-page-sidebar .outline-boat-bg{display:none;}
.sec-page-sidebar .sidebar-nav-menu ul.nav-menu-list li a{padding-left:86px !important;}
.sec-page-sidebar .sidebar-hdr-info:before{display:none;}
.sidebar-toggle .sec-page-sidebar .sidebar-hdr-info:before{display:block;}
.outline-boat-bg{width:300px;}
.page-main-content{/*margin-left:70px; width: calc(100% - 70px); */padding-left:70px;}
.page-main-content .inner-main-content{padding-left:20px}
.page-main-content .page-notice-hdr:before{left:1px;}
.page-main-content .page-tab-hdr{padding-left:0px;}
.sidebar-toggle .page-main-content .page-tab-hdr{padding-left:0px;}
.page-main-content .page-tab-hdr ul.hdr-tab-list li a{padding:18px 14px;}

/*-----------------------------------------------------------*/
/*member desktop*/

.sec-dock-dual-box .row .dockva-right-box{width: 50.8%;}
.sidebar-toggle .sec-dock-dual-box .row .dockva-right-box{width:53.8%}
.sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile{ visibility:hidden; }
.sidebar-toggle .sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile{ visibility:visible; }
.sec-page-sidebar .sidebar-top-hdr-info{width:70px;}
.sidebar-toggle .sec-page-sidebar .sidebar-top-hdr-info{width:346px;}
.sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile h4.profile-name{font-size:8.59px;}
.sidebar-toggle .sec-page-sidebar .sidebar-top-hdr-info .sidebar-profile h4.profile-name{font-size:20px;}

.page-main-content .page-announcement-hdr{padding-left:0px; padding-right:0px;}
.sidebar-toggle .page-main-content .page-announcement-hdr{padding-left:0px;}
.sidebar-toggle .sec-page-sidebar .sidebar-top-hdr-info:before{ display:block; }

/*week calendar*/
.sec-calendar-box .sec-week-canlendar table th.w-13, .sec-calendar-box .sec-week-canlendar .week-calendar-body table tr td.weekday-time ul li{font-size:11px;}
.sec-calendar-box .sec-week-canlendar .table-responsive{width:auto; display:block;overflow-x:inherit;}
.sec-calendar-box .sec-week-canlendar table{width:100%;}
.main-calendar .sec-calendar-box .sec-week-canlendar{width:100%; display:block; overflow-x:auto;}
.main-calendar .sec-calendar-box .sec-week-canlendar .inner-week-calendar{width:950px;}

/*-----------------------------------------------------------*/
/*baseowner desktop*/

/*my fleet*/
.sec-base-my-fleet.sec-fleet .fleet-box.fleet_five_box{flex: 0 0 25%; max-width: 25%;}

.sec-reservation-content .inner-reservatin-detail .reservation-box{width:33.33%;}




}

@media only screen and (max-width:991px){
.page-main-content .page-notice-hdr .inner-hdr .notice-text{font-size: 20px;}
.sec-prospects .section-prospects-status .pro-box{width:33.33%; padding-bottom:10px;}

/*my fleet page*/
.sec-accordion-content .sec-boat-details .boat-img-detail .boat-img img, .sec-accordion-content .sec-boat-details .boat-img-detail .boat-img #img-preview{width: 160px; height: 160px;}
.sec-base-fleet .base-fleet-row .fleet-box{width:33.33%;}

/*engine room pages*/
.page-main-content .page-tab-hdr{height:55px; padding-left:0px;}
.sidebar-toggle .page-main-content .page-tab-hdr{padding-left:0px;}
.page-main-content .page-tab-hdr .tab-nav-hdr .navbar-toggler-btn, .sec-web-main-header .sec-hdr-nav .center-hdr-nav .navbar-nav-btn{ display:block; }
.page-main-content .tab-nav-hdr button.navbar-toggler-btn, .sec-web-main-header .center-hdr-nav button.navbar-nav-btn{width:30px; height:30px; display: block; padding:0px; cursor:pointer; background:none; color:#fff; border: 0px; position: absolute; right: 20px; top: 13px; z-index: 1;}
.page-main-content .tab-nav-hdr button.navbar-toggler-btn:focus, .sec-web-main-header .center-hdr-nav button.navbar-nav-btn:focus{outline: 0px auto -webkit-focus-ring-color; box-shadow:none; border:0px; outline:0px;}
.page-main-content .tab-nav-hdr .navbar-toggler-btn .icon-bar, .sec-web-main-header .center-hdr-nav .navbar-nav-btn .icon-bar{width:30px; height:2px; background:#fff; display: block; transition:all 0.1s ease-in 0s;}
.page-main-content .tab-nav-hdr .navbar-toggler-btn.open .icon-bar, .sec-web-main-header .center-hdr-nav .navbar-nav-btn.open .icon-bar{background:#fff}
.page-main-content .tab-nav-hdr .navbar-toggler-btn .icon-bar.line2, .sec-web-main-header .center-hdr-nav .navbar-nav-btn .icon-bar.line2{margin:7px 0}
.page-main-content .tab-nav-hdr .navbar-toggler-btn.open .icon-bar.line1, .sec-web-main-header .center-hdr-nav .navbar-nav-btn.open .icon-bar.line1{visibility:hidden;}
.page-main-content .tab-nav-hdr .navbar-toggler-btn.open .icon-bar.line2, .sec-web-main-header .center-hdr-nav .navbar-nav-btn.open .icon-bar.line2{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top:-4px}
.page-main-content .tab-nav-hdr .navbar-toggler-btn.open .icon-bar.line3, .sec-web-main-header .center-hdr-nav .navbar-nav-btn.open .icon-bar.line3{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top:-9px}
.page-main-content .tab-nav-hdr ul.hdr-tab-list, .sec-web-main-header .center-hdr-nav .sec-site-hdr-nav ul.nav-menu{width:100%; max-height:0px; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; padding:0px; background:#764212; box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%); margin-top:55px; display:block; visibility:hidden; }
.page-main-content .tab-nav-hdr ul.hdr-tab-list{margin-top:0px;}
.page-main-content .tab-nav-hdr.open ul.hdr-tab-list, .sec-web-main-header .center-hdr-nav .sec-site-hdr-nav.open ul.nav-menu{max-height:320px; overflow-y: auto; display:block; visibility:visible;}
.page-main-content .tab-nav-hdr ul.hdr-tab-list li.list-item{line-height:32px; border-bottom:1px solid #aeaeae5c; padding:0px}
.page-main-content .tab-nav-hdr ul.hdr-tab-list li.list-item:last-child{ border-bottom:0px; }
.page-main-content .tab-nav-hdr ul.hdr-tab-list li.list-item a{padding:10px 20px; font-size:18px; text-align:left;}
.page-main-content .tab-nav-hdr ul.hdr-tab-list li.list-item a:before{ display:none !important; }
.page-main-content .tab-nav-hdr ul.hdr-tab-list li.list-item a:hover, .header .header-bottom ul.navbar li.list-item.active a{ background:#DE7A1C; color:#fff }

.sec-web-main-header .center-hdr-nav .sec-site-hdr-nav ul.nav-menu{ background:#DE7A1C; position: absolute; top:32px; left: 0; margin-top:0px; box-shadow:none; z-index:1;}
.sec-web-main-header .center-hdr-nav .sec-site-hdr-nav ul.nav-menu li{display:block; width:100%; padding:10px 0; border-bottom:1px solid #ddddddb8;}
.sec-web-main-header .center-hdr-nav .sec-site-hdr-nav ul.nav-menu li a{padding:0 15px;}

/*ask question page*/
.sec-ask-question .sidebar-box, .sec-ask-question .question-content{-webkit-box-flex:100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}


/*login page*/
.section-resent-news button.slick-arrow{background-color:rgba(0,0,0,0.5);}
.section-resent-news button.slick-arrow.slick-prev{left:25px;}
.section-resent-news button.slick-arrow.slick-next{right:25px;}
.section-resent-news button.slick-arrow.slick-prev:after{font-size:30px; left:0;}
.section-resent-news button.slick-arrow.slick-next:before{font-size:30px; right:0px;}

/*website page*/
.sec-web-main-header .sec-hdr-nav{position:relative; justify-content: flex-start;}
.sec-web-main-header .center-hdr-nav button.navbar-nav-btn{top:1px; right:10px;}


/*-----------------------------------------------------------*/
/*member desktop*/

.sec-dock-dual-box .row .facebook-frame-box{width:100%}
.sidebar-toggle .sec-dock-dual-box .row .dockva-right-box, .sec-dock-dual-box .row .dockva-right-box{width:100%}

.sec-dock-dual-box .row .facebook-frame-box .sailtime-facebook-box .card-body iframe{position:relative; display:inline-block; height:400px; width:100%; margin:0 auto; left: 0; transform: translate(0); max-width:500px}

body.sidebar-toggle .sec-dock-dual-box .row .facebook-frame-box .sailtime-facebook-box .card-body .fb-frame-box,  .sec-dock-dual-box .row .facebook-frame-box .sailtime-facebook-box .card-body .fb-frame-box{padding-bottom:0px}

/*my boat page*/
.sec-maintenance-log .card-body .sec-maintenance-log-detail{overflow-x:auto; display:block; width:100%;}
.sec-maintenance-log .card-body ul.maintenance-log-list{width:900px;}

/*people page*/
.sec-member-desktop .section-main-people .right-contact-detail .main-contact-info{height:auto;}
.sec-member-desktop .section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info ul li{width:100%;}

.sec-general-modal .modal-body .w-70{width:100%;}
.sec-weather-report .cal-weather-report ul.weather-days-listing li{width:112px;}

.section-upcoming-reservation .inner-reservation-section ul.reservation-month-list li{width:33%;}

.people-page .sec-admin-people-content-hdr .filter-search-form .inner-filter-box-bg .filter-box ul.filter-checkbox-listing li{width:50%}


}


@media only screen and (max-width:767px){
.page-main-content .page-notice-hdr .inner-hdr .notice-text{font-size:14px;}
.sec-sales-analysis .card-header .hdr-group-content-left .card-title{font-size:12px;}
.sec-sales-analysis .card-header .hdr-group-content-left a.btn{font-size:10px;}
ul.key-list-icon li:first-child{padding-left:11px;}

/*calendar page*/
.fc-hdr-toolbar .fc-center h2{font-size:13px;}
.section-upcoming-reservation h3, h3.f-19{font-size:15px; line-height:20px;}
.card-box .card-box-hdr .left-content .select-field{max-width:100%;}
.sec-member-calendar.card-box .card-box-hdr .left-content{margin-bottom:20px;}

/*my fleet page*/
.section-global-fleet .global-fleet-hdr .center-content .search-form{margin:15px 0; max-width:100%;}
.sec-fleet-setup-hdr.section-global-fleet .global-fleet-hdr .right-content{display:block; padding-top:10px;}
.sec-fleet-setup-hdr.section-global-fleet .global-fleet-hdr .right-content .filter-search-form.center-filter-srh-form, .sec-fleet-setup-hdr.section-global-fleet .global-fleet-hdr .right-content .filter-search-form.center-filter-srh-form .search-form, .sec-fleet-setup-hdr.section-global-fleet .global-fleet-hdr .right-content .filter-search-form .sec-filter-box-main.open, .sec-fleet-setup-hdr.section-global-fleet .global-fleet-hdr .right-content .filter-search-form .sec-filter-box-main{max-width:100%;}
.sec-fleet-setup-hdr.section-global-fleet .global-fleet-hdr .right-content .filter-search-form.center-filter-srh-form{padding-bottom:10px;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .right-btn .btn{font-size:13px;}


/*people page*/
.section-main-people .left-contact-detail .contact-detail-main .contact-img img{width:80px; height:80px;}

/*intranet page*/
.sec-document-listing .sec-document-row .doc-box{width:50%;}

/*sales page*/
.sec-sales-analysis .sec-sales-content{padding:0px;}
.Prospects-task-table .sec-prospects-task-table table tr td.w-20{width:300px !important;}
body .table{max-width:inherit; width:950px;}

body .sec-general-table{width:100%; overflow-x: auto; display:block;}
body .sec-general-table .sec-inner-general-table{width:950px; max-width:inherit;}
body .sec-general-table .sec-inner-general-table .table-responsive{overflow-x:unset;}
body .sec-general-table .sec-inner-general-table .table{width:100%;}


.sec-tab-body-scroll table thead{display: table; width: calc(100% - 17px);}
.sec-tab-body-scroll tbody{display: block; max-height: 200px; overflow:hidden auto;}

.sec-general-table .sec-tab-body-scroll tbody::-webkit-scrollbar{width:8px;} 
.sec-general-table .sec-tab-body-scroll tbody::-webkit-scrollbar-thumb{background:#DE7A1C; border-radius: 14px;}
.sec-general-table .sec-tab-body-scroll tbody::-webkit-scrollbar-track{background-color:#E5E5E5; border-radius: 14px;}



/*schedule settings page*/
.sec-overview .card .card-body .mr-3, .sec-monthly-statement .card .card-body .mr-2{margin-right:0px !important;}
.sec-overview .card .card-body .ml-3, .sec-monthly-statement .card .card-body .ml-2{margin-left:0px !important;}
.sehedule-box ul.check-box-listing li{width:25%;}

/*help page*/
.sec-manange-ticket-table .card-header{ display:block; }
.sec-manange-ticket-table .hdr-group-content-left{ width:100%; padding-bottom:10px; }
.sec-manange-ticket-table .hdr-group-content-right .card-options{float:right;}

/*ask question page*/
.sec-ask-question .question-content .qestion-box .box-content .content-info{ display:block; }

/*login page*/
.section-form .inner-form .right-form-bg{display:none;}
.login-form-page .section-form .inner-form .form-box{ width:100%; }


/*-----------------------------------------------------------*/
/*member desktop*/
/*dock page*/

.sec-crew-notice .inner-notice-box .notice-content{ display:block; }
.sec-crew-notice .inner-notice-box .notice-content .crew-icon-img, .sec-crew-notice .inner-notice-box .notice-content .notice-text{display:inline-block; float:left;}
.sec-crew-notice .inner-notice-box .notice-content .notice-text{width:87%;}
.sec-crew-notice .inner-notice-box .notice-content ul.group-btn{padding-top:8px; display:block !important; float:left; width:100%; margin-left:0px;}
.sec-crew-notice .inner-notice-box .notice-content ul.group-btn li{float:left;}

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

/*library page*/
.sec-member-desktop .sec-base-hdr .btn.btn-lg{float:none !important;}
.sec-member-desktop .sec-base-hdr .left-content .content-group{display:flex; align-items:center;}

/*my boat page*/
.sec-boat-document .card .card-body{height:auto;}


/*revenue statement base form*/
form .mr-3, form .mr-5{margin-right:0px !important;}
form .ml-3, form .ml-2, form .ml-5{margin-left:0px !important;}

.section-base-form form textarea{min-height:110px;}
.w-50, .w-70{width:100% !important;}
.section-base-form .card-body form .statement-field{display:block;}
.section-base-form .card-body form .statement-field .delete-text{padding-left:0px; padding-bottom:15px;}

/*admin dock page*/
.sec-doc-fleet .global-fleet-hdr .left-content, .sec-doc-fleet .global-fleet-hdr .center-content, .sec-doc-fleet .global-fleet-hdr .right-content{width:100%; padding:0 10px 10px;}

/*admin reporting page*/
.sec-quickbook-hdr .ml-3,.sec-reporting-hdr .ml-3{margin-left:0px !important;}
/*.sec-reporting-hdr .select2.select2-container .select2-selection--single:before {height: 50px;}*/

/*admin help page*/
.sec-admin-manange-ticket-table .card-header{position:relative;}
.sec-admin-manange-ticket-table .card-header .right-hdr-icon{position:absolute; right:10px; top:7px;}
.sec-admin-manange-ticket-table .card-header .left-hdr-content{padding-bottom:0px;}
.sec-admin-manange-ticket-table .card-header .left-hdr-content .card-title{padding-right:0px; padding-bottom:15px; display:inline-block;}
.sec-admin-manange-ticket-table .left-hdr-content .content-info{display:block;}


/*admin royalty fees\*/
.sec-admin-royalty-fees .card-body .ml-3, .sec-admin-royalty-fees .card-body .mr-3, .sec-admin-transations .card-body .ml-3, .sec-admin-transations .card-body .mr-3{margin-right:0px !important; margin-left:0px !important;}
.sec-admin-royalty-fees .card-body .royalty-right-content .statement-select-field{margin-top:10px !important;}


.sec-admin-main-people.section-main-people .contact-sidebar .sidebar-contact-info ul.contact-list-item{max-height:500px;}
.section-main-people .left-contact-detail .contact-detail-main .contact-img .contact-persentage{right:22px; top:-4px;}
.section-main-people .left-contact-detail .contact-detail-main .contact-img .active-people{top:65px; right:50px;}

.sec-role-permission .sec-permission-list ul.permission-listing li, .sec-icon-modal .sec-icon-group ul.icon-listing li{width:50%;}
.sec-role-permission .sec-permission-list ul.permission-listing{column-count:2; -webkit-column-count:2; -moz-column-count:3;}
.sec-role-permission .sec-permission-list ul.permission-listing li{width:100%;}

/*ask question detail*/
.sec-ask-question .question-main-content ul.nav-tabs li a.nav-link{font-size:11px; padding:8px 6px 4px;}

.sec-document-library .left-content .content-group .btn-lg{font-size:12px;}

/*my fleet*/
.sec-base-my-fleet.sec-fleet .fleet-box.fleet_five_box{flex: 0 0 33.33%; max-width:33.33%;}

.sec-img-view-modal .modal-content .img-group .img-item{width:33.33%;}

.section-upcoming-reservation .inner-reservation-section ul.reservation-month-list li{width:49%;}
.sec-reservation-content .inner-reservatin-detail .reservation-box{width:50%;}
}

@media only screen and (max-width:620px){
.section-main-calender .main-calendar .fc-hdr-toolbar{display:block;}
.fc-hdr-toolbar{padding-bottom:20px; width:100%; float:left; clear:both;}
.fc-hdr-toolbar .fc-left, .fc-hdr-toolbar .fc-center, .fc-hdr-toolbar .fc-right{width:100%; float:none; padding-bottom:0px}
.fc-hdr-toolbar .fc-center{padding:15px 0;}
.fc-hdr-toolbar .fc-button{min-width: 40px;}
.fc-hdr-toolbar .fc-button.fc-today-button{font-size: 10px; padding: 3px 4px;}
.fc-hdr-toolbar .fc-left .boat-list-dropdown{margin-left:15px;}
.fc-hdr-toolbar .fc-right .circle-icon-lg{margin-left:10px !important;}
.fc-hdr-toolbar .fc-left .boat-list-dropdown{margin-left:0px;}
.fc-hdr-toolbar .fc-right{justify-content:flex-start;}
body.impersonating_module .fc-hdr-toolbar .fc-right{width:100%;}
.people-page .sec-admin-people-content-hdr .filter-search-form .inner-filter-box-bg .filter-box ul.filter-checkbox-listing li{width:100%}

}


@media only screen and (max-width:599px){
.page-main-content .page-notice-hdr .inner-hdr .notice-text{font-size:12px;padding: 0 30px}
.sec-prospects .section-prospects-status .pro-box{width:50%;}
.sec-sales-analysis .card-header{display:block;}
.sec-sales-analysis .card-header .hdr-group-content-left{padding-bottom:15px;}
.sec-sales-analysis .card-header .hdr-group-content-left, .sec-sales-analysis .card-header .hdr-group-content-right{width:100%; justify-content:space-between;}
.sec-sales-analysis .card-header .hdr-group-content-right .card-options{justify-content:space-between;}

/*calendar page*/

.fc-hdr-toolbar .fc-button{font-size: 9px; padding:5px; min-width:inherit;}
.fc-hdr-toolbar .fc-center h2{font-size:12px;}

/*my fleet page*/
.sec-base-fleet .base-fleet-row .fleet-box{width:50%;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content{display:block;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .filter-search-form.center-filter-srh-form{width:100%; max-width:100%; margin-bottom:10px !important;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .content-info-show-count{margin-right:0px; margin-bottom:10px;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .right-btn .btn{ display:inline-block; }

/*people page*/
.sec-people-hdr-dropdown ul.hrd-dropdown-list{justify-content: flex-start; flex-wrap: wrap;}
.sec-people-hdr-dropdown ul.hrd-dropdown-list li{width:50%; padding-bottom:10px; }
.sec-people-hdr-search-bg-text{ display:block; }
.section-main-people .left-contact-detail .contact-detail-main .contact-img img{width:50px; height:50px;}
.section-main-people .left-contact-detail .contact-detail-main .right-contact-info h3{font-size:13px;}
.section-main-people .left-contact-detail .contact-detail-main .contact-img .contact-persentage{right: -9px; top: -4px; width: 25px;
    height: 25px; font-size: 9px; line-height: 28px;}
.section-main-people .left-contact-detail .contact-detail-main .contact-img .active-people{bottom:-1px; right:5px; width:10px; height:10px ;}
.section-main-people .left-contact-detail .contact-detail-main .contact-img{margin-right:20px;}
.section-main-people .right-contact-detail .contact-info-hdr .right-icon-list ul li a.circle-icon-lg{width:26px; height:26px;}
.section-main-people .right-contact-detail .contact-info-hdr .right-icon-list ul li a.circle-icon-lg.circle-img-icon-lg img{max-width:18px;}
.section-main-people .right-contact-detail .contact-info-hdr .right-icon-list ul.icon-list li{padding:0 1px;}
.section-main-people .left-contact-detail .contact-detail-main .right-contact-info p.request-cleaning-text .red-icon{width:10px; height:10px; margin-right:4px;}
.section-main-people .left-contact-detail .contact-detail-main .right-contact-info p.request-cleaning-text{ display:block; }
.section-main-people .left-contact-detail .contact-detail-main{align-items:flex-start;}
.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li{width:100%; padding-right:0px;}
.section-main-people .right-contact-detail .contact-alert-detail .contact-notice-info{padding-top:20px;}
.sec-people-hdr-search .btn.round-orange-btn{margin-top:0px;}

/*intranet page*/
.sec-directory-resources .card .card-header{ display:block; }
.sec-directory-resources .card .card-header .card-title{padding-bottom:15px;}
.sec-directory-resources .card .card-header .sm-search-field{width:100%;}

/*fleet setup*/
.section-global-fleet .global-fleet-hdr .row .right-content{ display:block; }
.section-global-fleet .global-fleet-hdr .row .right-content .search-form{padding-bottom:10px;}

/*schedule settings page*/
.sehedule-box ul.check-box-listing li{width:33.33%;}

/*accounting page*/
.transaction-box .card .card-header{ display:block; }
.transaction-box .card .card-header .card-title{padding-bottom:10px;}
.transaction-box .card .card-header .w-20{width:50% !important;}
.transaction-box .card .card-header .select-field.select-field-xs select{padding-right:46px;}

/*ask-question page*/
.sec-ask-question .question-content .qestion-box .box-content ul.btn-list{ display:block; float:left; }
.sec-ask-question .question-content .qestion-box .box-content ul.btn-list li{float:left;}
.sec-ask-question .question-content ul.question-list li.list-item{padding:0px;}
.sec-ask-question .question-content ul.question-list li.list-item .qestion-box{float:left; width:100%; clear:both;}
.sec-ask-question .footer-btn{width:100%; clear:both; float:left; margin-left:0px !important; margin-right:0px !important;}

/*login page*/
.login-form-page .section-resent-news{padding:10px 0 30px;}

/*website page*/
.section-website .sec-web-body .sec-web-footer .foot-box .box-info a.foot-btn{min-width: 135px;}
.section-website .sec-web-body .sec-web-footer .foot-box .box-info{margin-top:0px;}
.section-website .sec-web-body .sec-web-footer:before{ display:none; }
.section-website .sec-web-body .sec-web-footer{padding:15px 0;}
.section-website .sec-web-body .sec-web-footer .foot-box{padding-bottom:20px;}
.section-website .sec-web-body .sec-web-footer .foot-box:last-child{padding-bottom:10px;}
.sec-web-main-header .sec-web-header .right-hdr-content{display:none;}
.section-website .sec-web-main-header .sec-web-header{padding:7px 10px; display:block;}
.section-website{padding:0px;}

/*-----------------------------------------------------------*/
/*member desktop*/
/*dock page*/
.page-main-content .page-announcement-hdr .inner-hdr .box-info h3{font-size:16px; line-height:22px;}
.page-main-content .page-announcement-hdr .inner-hdr{width:370px;}
.page-main-content .page-announcement-hdr .inner-hdr .box-info p{font-size:13px; line-height:20px;}

/*my boat page*/
.sec-boat-document .card .card-body .sec-document-listing .sec-document-row .doc-box{width:50%;}

/*people page*/
.sec-member-desktop .section-main-people .right-contact-detail .main-contact-info .contact-info-main-hdr{padding:15px;}

.sec-title h2.sec-tit.orange-title{white-space:break-spaces; line-height:30px; display:block;}

.sec-general-modal .modal-body form .form-btn, .section-base-form .card-body form .form-btn{float:none !important; text-align:center;}
.sec-general-modal .modal-body form .btn.save-btn, .section-base-form .card-body form .btn.save-btn, .sec-general-modal .modal-body form .cancel-text, .section-base-form .card-body form .cancel-text{float:none;}

.sec-general-modal .modal-body h2.hdr-title{font-size:18px;}

.sec-general-accordion .panel-group .panel-heading .panel-title{font-size:14px; padding-left:35px;}
.sec-general-accordion .panel-group .panel-heading .panel-icon img{max-width:22px;}
.sec-general-accordion .panel-group .panel-heading .right-arrow-icon{line-height: 10px; width: 22px; height: 16px;}
.sec-general-accordion .panel-group .panel-heading .right-arrow-icon img{max-width: 16px;}

/*admin people page*/
.sec-admin-main-people.section-main-people .right-contact-detail .contact-boat-list ul li{width:50%;}

/*admin intranet page*/
.sec-admin-document-library.sec-document-library .left-fleet-hdr .search-form{display:block; padding-bottom:15px;}
.sec-admin-document-library.sec-document-library .left-fleet-hdr .search-form .search-field-box{width:100%;}
.sec-admin-document-library.sec-document-library .right-fleet-hdr ul.nav-button-group{float:none !important; display:block !important;}
.sec-admin-document-library.sec-document-library .right-fleet-hdr ul.nav-button-group li{float:left; padding-bottom:8px;}
.sec-admin-document-library.sec-document-library .sec-document-listing{margin-bottom:20px;}

.sec-people-hdr-dropdown ul.hrd-dropdown-list li:last-child{width:auto;}

.page-main-content .outline-boat-bg{width: 223px; height: 140px;}
.search-form, .filter-search-form .sec-filter-box{max-width:100%;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .right-btn, .sec-people-hdr-search .content-group .right-btn{margin-left:0px;}
.section-global-fleet .global-fleet-hdr .fleet-hdr-content .right-drop{margin:0 0 15px !important}

.sec-help-accordion.sec-general-accordion .content-info ul.video-listing li{width:100%;}

.sec-document-library .left-content .content-group, .sec-fleet .left-content .content-group{display:block; align-items:center;}
.sec-document-library .left-content .content-group .btn-lg, .sec-fleet .left-content .content-group .btn-lg{margin-left:0px; margin-top:10px;}

.fc-hdr-toolbar .fc-right .reserve-btn{margin-left: 10px; padding: 1px 8px;}
.fc-hdr-toolbar .fc-left .boat-list-dropdown{margin-right:15px;}

.sec-add-role-permissiong-modal .permission-listing{column-count:2; -webkit-column-count:2; -moz-column-count:2;}

/*my fleet*/
.sec-base-my-fleet.sec-fleet .fleet-box.fleet_five_box{flex: 0 0 50%; max-width:50%;}

.sec-img-view-modal .modal-content .img-group .img-item{width:50%;}

.section-global-fleet .global-fleet-hdr .fleet-hdr-content .fleet-hdr-drop-box{width:100%; margin-left:0px; margin-bottom:10px;}

.sec-reservation-content .inner-reservatin-detail .reservation-box{width:auto;}
}


@media only screen and (max-width:683px){
.sec-base-hdr .left-content .content-group{display:block;}
.docs-page .sec-base-hdr .left-content .filter-search-form .search-form{max-width:100%;}
.docs-page .sec-base-hdr .left-content .content-group .btn{margin-top:10px;}
.docs-page .sec-base-hdr .left-content .content-group .btn.btn-lg:first-of-type{margin-left:0px !important;}
.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing li.list-item{width:50%;}
.sec-boat-reservation-info .boat-reservation-info .boat-info-box .btn{margin-top: 12px}
}


@media only screen and (max-width:575px){
.sec-sailtime-plus .sailtime-form-details{padding-bottom:15px;}
.sailtime-plus-content .sailtime-form-details .form-group.mr-3{margin-right:0px !important;}
.sailtime-plus-content .sailtime-form-details .form-group.ml-3{margin-left:0px !important;}
.sec-sailtime-plus .sailtime-plus-about-img{margin-bottom:15px;}
.section-upcoming-reservation .inner-reservation-section ul.reservation-month-list li{width:100%;}




/*---------admin page-----*/
/*admin dock page*/

.card-document ul.document-list.part-document-list li{width:100%; float:none; padding-right:0px;}
.sec-doc-document .card-document ul.document-list li .doc-box .doc-img ul{padding: 1px 3px 0;}
.sec-doc-document .card-document ul.document-list li .doc-box .doc-img ul li{margin: 3px 0;}

/*admin help page*/
.sec-admin-manange-ticket-table .center-hdr-content .content-info{display:block;}
.sec-admin-manange-ticket-table .center-hdr-content .content-info .search-form{margin-right:0px;}
.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:15px;}


/*admin vendors page*/
.sec-admin-vendors-table .card-header{display:block; position:relative;}
.sec-admin-vendors-table .hdr-group-content-left{ display:block; width:100%; }
.sec-admin-vendors-table .card-options{position:absolute; right:13px; top:10px; z-index:1;}
.sec-admin-vendors-table.card .card-header .card-title{padding-bottom: 20px; padding-top: 10px;}
.sec-admin-vendors-table.card .search-form{max-width:100%; width:100%;}


.sec-role-permission .sec-permission-list ul.permission-listing li{width:100%; padding:5px 15px;}
.sec-role-permission .sec-permission-list ul.permission-listing{column-count:1; -webkit-column-count:1; -moz-column-count:1;}

/*question details*/
.sec-ask-question .question-content ul.question-list li.list-item .qestion-box{padding-top:35px; padding-bottom:35px;}
.sec-admin-ask-question.sec-ask-question .question-content .qestion-box .delete-icon, .sec-ask-question .question-main-content .question-content-list .qestion-box .group-icon, .sec-ask-question .question-main-content .question-content-list .qestion-box .group-btn{top:8px;}
.sec-ask-question .question-main-content ul.nav-tabs{border-bottom:0px;}
.sec-ask-question .question-main-content ul.nav-tabs li{padding-bottom:4px;}
.sec-boat-reservation-info .boat-reservation-info .sec-crew-request-list ul.crew-request-listing li.list-item{width:100%;}
}

@media only screen and (max-width:479px){
.page-main-content .page-notice-hdr .inner-hdr .hdr-close-btn{right:10px;}
.page-main-content .page-notice-hdr .inner-hdr{padding-right:6px;}
/*.page-main-content .page-notice-hdr{padding-left:75px;}*/
ul.key-list-icon li{padding:5px 5px;}
ul.key-list-icon li:first-child{padding-left:5px;}
.sec-week-glance .sec-inner-week-glance button.slick-arrow.slick-prev, .sec-week-glance .sec-inner-week-glance button.slick-arrow.slick-next{left:20px;}
/*.page-main-content{padding-left:15px; padding-right:15px;}*/
.sec-title h2.sec-tit, .sec-title h2.sec-tit.orange-title{font-size:18px;}
.sec-prospects .section-prospects-status .pro-box{width:100%;}
.sec-title{padding-bottom:12px;}
.sec-title h2.sec-tit, .sec-title h2.sec-tit.orange-title{white-space:initial; display:block; line-height:26px;}
.sec-title h2.sec-tit:after{ display:none; }
h2.orange-title{font-size:16px;}

/*calendar page*/
.fc-hdr-toolbar .fc-left .fc-button-group .fc-button{width:18px; height:18px; font-size:16px; line-height:18px;}
.fc-hdr-toolbar .fc-left .fc-button{margin-right:3px !important; line-height: 12px; height: auto; display: inline-block;}
.section-main-calender .main-calendar .fc-hdr-toolbar{ display:block; }
.fc-hdr-toolbar .fc-left, .fc-hdr-toolbar .fc-right .fc-button-group{justify-content:space-between; align-items:center; display:flex;}
.fc-hdr-toolbar .fc-center{ padding:15px 0 10px; text-align:center; float:left;}
.fc-hdr-toolbar .fc-right{ float:right; padding:10px 0;}
.fc-hdr-toolbar .fc-right .fc-button-group{justify-content:center;}
.fc-hdr-toolbar .fc-button{height: 22px; text-align: center; line-height: 10px;}
.fc-hdr-toolbar .fc-button.fc-today-button{line-height:15px;}
.section-upcoming-reservation{padding:0 10px 10px;}
.section-upcoming-reservation .inner-reservation-section button.slick-arrow.slick-prev{left:-20px;}
.section-upcoming-reservation .inner-reservation-section button.slick-arrow.slick-next{right:-20px;}
.sec-member-calendar.card-box .card-box-hdr .right-content .d-flex{display:block !important; float:none !important;}
.sec-member-calendar.card-box .card-box-hdr .right-content .content-detail .btn{float:left;}
.sec-member-calendar.card-box .card-box-hdr .right-content .content-detail .circle-icon-lg{float:right;}
.sec-member-calendar.card-box .content-detail .sec-weater-report-hdr{width:100%; clear: both; margin-left:0px;}

/*my fleet page*/
.sec-general-accordion .panel-group .panel-heading .panel-title{font-size:12px; padding-left:35px;}
.sec-general-accordion .panel-group .panel-heading .panel-icon img{max-width:24px;}
.sec-general-accordion .panel-group .panel-heading{padding:15px 10px 15px 8px;}
.sec-general-accordion .panel-group .panel-heading .right-arrow-icon{position:absolute; right:0px; top:50%; transform:translateY(-50%); width:20px; height:25px;}
.sec-general-accordion .panel-group .panel-heading .right-arrow-icon img{max-width: 14px;}
.sec-boat-log-detail .bot-lod-hdr .bot-log-left{padding-right:10px;}
.sec-fleet-acordian .sec-accordion-content .section-map-key-listing ul{display:block; padding-left:0px;}
.sec-fleet-acordian .sec-accordion-content .section-map-key-listing ul li{padding-bottom:10px;}


/*people page*/
.sec-people-hdr-dropdown ul.hrd-dropdown-list{ display:block; }
.sec-people-hdr-dropdown ul.hrd-dropdown-list li{width:100%; padding-right:0px; padding-bottom:10px;}
.sec-people-hdr-dropdown{padding-bottom:20px;}
.sec-people-hdr-search-bg-text p, .sec-people-hdr-search-bg-text .checkbox .custom-control-label{line-height:20px;}
.sec-people-hdr-search-bg-text p{margin-right:0px;}
.sec-people-hdr-search-bg-text .checkbox{margin-top:8px;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box{padding: 15px 3px;}

.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-img img{width:36px; height:36px; }
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box.active-people .box-img .active-people-icon{top: 29px; right: 5px; width: 9px; height: 9px;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info ul.icon-list li{padding:0 1px;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content{margin-left:6px;}
.section-main-people .right-contact-detail .contact-info-hdr{padding: 60px 10px 20px; position:relative;}
.section-main-people .right-contact-detail .contact-info-hdr .right-icon-list{position:absolute; right:10px; top:20px;}
.section-main-people .contact-info-hdr .left-contact-detail{width:100%; padding-right:0px;}
.section-main-people .right-contact-detail .contact-info-boat-detail, .section-main-people .right-contact-detail .contact-boat-list, .section-main-people .right-contact-detail .contact-alert-detail, .section-main-people .right-contact-detail .contact-badge-detail, .section-main-people .right-contact-detail .contact-incident-log{padding:20px 15px}
.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li .list-label{width:auto;}
.section-main-people .right-contact-detail .contact-boat-list ul li{width:100%; padding-right:0px;}
.section-main-people .right-contact-detail .contact-badge-detail .badge-box img{max-width:50px;}

.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-img{width:38px;}
.contact-sidebar .sidebar-contact-info ul.contact-list-item li.list-item-box .box-info .box-content{width:68%;}

.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li{display:block;}
.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li .list-label{ display:block; margin-right:0px;  }
.section-main-people .right-contact-detail .contact-info-boat-detail ul.boat-detail-list li .list-label br{display:none;}

/*intranet page*/
.sec-document-listing .sec-document-row .doc-box{width:100%;}

/*sales page*/
.sec-sales-analysis .card .card-header .card-options .dropdown-option{margin-left:0px;}

/*fleet setup*/
.sec-base-fleet .base-fleet-row .fleet-box{width:100%;}

/*base docs page*/
.sec-base-hdr .left-content  ul.nav-button-group li a.btn{min-width:94px;}

/*schedule settings page*/
.sehedule-box ul.check-box-listing li{width:50%;}
ul.main-checkbox-listing.checkbox-listing-part li{width:100%;}
.page-main-content .inner-main-content ul.hdr-btn-group.d-flex{display:block !important;}
.sec-overview .card .card-body .mt-4{margin-top:0px !important;}

/*accounting page*/
.sec-monthly-statement .card .card-header{ display:block; }
.sec-monthly-statement .card .card-header{padding-bottom:10px;}
.transaction-box .card .card-header .w-20{width:100% !important;}

/*help page*/
.sec-manange-ticket-table .hdr-group-content-left{ display:block; }
.sec-manange-ticket-table .hdr-group-content-left .card-title{padding-bottom:10px; padding-right:70px;}
.sec-manange-ticket-table .hdr-group-content-left .w-50{width:100% !important;}
.sec-manange-ticket-table .hdr-group-content-right .card-options{position:absolute;right:10px; top:10px; z-index:1;}

/*ask-question page*/
.sec-ask-question .question-content .qestion-box .box-content ul.post-detail-list{ display:block; padding-bottom:4px;}
.question-content .qestion-box .box-content ul.btn-list li{padding-left:4px;}
.question-content .qestion-box .box-content ul.btn-list li .btn.gray-btn{min-width:inherit; padding:0 5px;}

/*login page*/
.section-form .inner-form .form-box .inner-box-info{padding:20px 20px 30px;}
.section-form .inner-form .form-box .form-title{ font-size:18px; padding-bottom:12px; }
.section-website .sec-web-main-header .sec-web-header{padding:7px 10px;}

.sec-web-main-header .sec-hdr-nav .hdr-join a, .sec-web-main-header .hdr-phone-no a{font-size:0px;}
.sec-web-main-header .sec-web-header .hdr-logo img{max-width:160px;}
.section-website .sec-web-body .sec-web-services .sec-ser-title h2{font-size:20px; line-height:24px;}

.outline-boat-bg.float-right{margin-right:-15px;}
.outline-boat-bg{width:220px;}

.section-base-form .card-body .sec-title h2.sec-tit{font-size:16px; line-height:24px;}

/*my fleet*/
.sec-base-my-fleet.sec-fleet .fleet-box.fleet_five_box{flex: 0 0 100%; max-width:100%;}



/*-----------------------------------------------------------*/
/*member desktop*/
/*dock page*/
.page-main-content .page-announcement-hdr .inner-hdr{width:330px;}
.sec-crew-notice .inner-notice-box .notice-content .notice-text{width:80%;}
.sec-on-water .sec-bg-img img{height:230px;}
.sec-around-content .sec-body-title .sec-title h2.sec-tit {font-size: 16px; line-height: 22px;}

/*calendar page*/

/*people page*/

.sec-member-desktop .section-main-people .right-contact-detail .contact-info-hdr .right-icon-list{top:0;}
.section-main-people .left-contact-detail .contact-detail-main .contact-img{margin-right:10px;}
.sec-member-desktop .section-main-people .right-contact-detail .contact-info-hdr{padding-top:40px;}
.sec-member-desktop .section-main-people .right-contact-detail .contact-alert-detail .contact-alert-info ul li{width:100%; margin-right:0px;}

/*library page*/
.sec-member-desktop .sec-base-hdr .left-content .content-group, .sec-base-hdr .left-content .content-group .filter-search-form{display:block;}
.sec-base-hdr .left-content .content-group .filter-search-form{width:100%;}
.sec-member-desktop .sec-base-hdr .btn.btn-lg{margin-left:0px;}
.sec-member-desktop .sec-base-hdr .left-content .search-form{margin-bottom:8px;}
.sec-base-hdr .left-content ul.nav-button-group{display:block !important; float:left;}
.sec-base-hdr .left-content ul.nav-button-group li{float:left; padding-right:3px;}

/*sailtime plus*/
.sec-sailtime-plus .sailtime-form-details textarea{height:90px;}

.editable-group .editable-span{border-radius:4px;width: 40px;height: 22px;background-color:#fff;margin-left: 8px;}

/*help page*/
.section-help .right-sidebar-content .card .card-body{padding:15px 15px 25px;}
.sec-help-accordion.sec-general-accordion .content-info .video-box{width:100%;}


.sec-view-content-modal .sec-content-desc .sec-img-box .box-img img{width:240px; height:220px;}


/*---------admin page-----*/
/*admin dock page*/
.sec-doc-fleet .global-fleet-hdr .right-content .content-info{display:block;}
.sec-doc-fleet .global-fleet-hdr .right-content .content-info .select-field{margin-right:0px; margin-bottom:15px; max-width:100%;}
.sec-doc-fleet .global-fleet-hdr .center-content .search-form .search-field-box.form-group{margin-bottom:4px;}

/*admin global fleet*/
.sec-general-accordion .panel-group .sec-embark-boat-log .panel-heading .panel-icon img{max-width:30px;}


/*admin people page*/
.sec-admin-main-people.section-main-people .right-contact-detail .contact-boat-list ul li{width:100%;}

.search-form .search-field-box .form-control{font-size:12px;}
.search-form .search-field-box .search-icon{font-size:19px;}

/*admin intranet page*/
.sec-site-box .inner-box{padding:30px 15px}

/*admin ask question*/
.sec-admin-ask-question.sec-ask-question .question-content .qestion-box .comment-checkbox.checkbox .custom-control-label{line-height:19px;}
.sec-ask-question .question-content ul.question-list li.list-item .qestion-box{padding-left:52px;}

.sysem-settings-page .activity-listing .sec-activity-list .listing-activity-item li .item-content{ display:block; }
.sysem-settings-page .activity-listing .sec-activity-list .listing-activity-item li .item-content .content-right{padding-top:3px; text-align:left;}

/*admin royalty fees*/
.sec-admin-royalty-fees .card-body .royalty-right-content .royalty-icon-list ul li{padding:0px 2px; }

.dropdown-group{display:block;}
.dropdown-group .select-field{margin-bottom:10px;}
.dropdown-group .select-field-second{margin-left:0px !important; width:100% !important;}
.dropdown-group .select-field:last-child{margin-bottom:0px;}

/*ettendant page*/
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing{display:block;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li{width:100%; height:auto !important;}
.sec-ettendant-content .sec-ettendant-listing ul.ettendant-listing li .box-info{height:auto;}

.sec-add-role-permissiong-modal .permission-listing{column-count:1; -webkit-column-count:1; -moz-column-count:1;}

.sec-img-view-modal .modal-content .img-group .img-item img{height:120px;}

}

@media only screen and (max-width:400px){
.sec-prospects .section-prospects-status .pro-box{width:100%;}
.sec-sales-analysis .sec-sales-content .left-sales-content .w-50{width:100% !important; margin-bottom:15px !important;}
ul.key-list-icon li.emoji-key-item a img{width:26px; height:50px; object-fit:contain;}

/*schedule settings page*/
.sehedule-box .dropdown-group{ display:block; }
.sehedule-box .dropdown-group .select-field-second{width:100%; margin-left:0px; margin-top:10px;}
.sehedule-box .form-group .w-50{width:100% !important}

/*accounting page*/
.accounting-page .card-body .group-btn{ display:block;}
.accounting-page .card-body .group-btn .btn{font-size: 11px; padding: 2px 10px; margin-left: 2px; margin-bottom:5px;}
.sec-monthly-statement .card .card-header .w-50{width:100% !important;}

/*website page*/
.section-website .sec-web-btn-list ul li{padding-left:0px; padding-right:0px; display:inline-block;}
.section-website .sec-web-btn-list ul li a.btn{white-space: break-spaces; display:inline-block; font-size:12px;}


/*people page*/
.contact-sidebar .sidebar-contact-info{padding: 10px 6px 30px;}

/*fleet page*/
.section-global-fleet .global-fleet-hdr .right-content .content-info .select-field{margin-right: 10px; max-width:200px;}

/*-----------------------------------------------------------*/
/*member desktop*/
/*dock page*/
.page-main-content .page-announcement-hdr .inner-hdr{width:250px;}
.page-main-content .page-announcement-hdr .inner-hdr button.slick-arrow{bottom:-30px;}
.page-main-content .page-announcement-hdr .inner-hdr{padding: 30px 40px 40px 50px;}
.page-main-content .page-announcement-hdr .inner-hdr .box-info h3{font-size:14px; line-height:18px;}
.page-main-content .page-announcement-hdr .inner-hdr .box-info p{font-size:12px; line-height:16px;}
.sec-crew-notice .inner-notice-box .notice-content ul.group-btn li a.btn{min-width:auto; font-size:10px; padding: 2px 6px 1px;}
.sec-on-water .sec-bg-img img{height:180px;}
.sec-around-img .img-box img{height:140px;}

.sec-accordion-content .sec-boat-details .boat-img-detail .group-btn .choose-file-btn{margin-right:8px;}

/*my boat page*/
.sec-boat-document .card .card-body .sec-document-listing .sec-document-row .doc-box{width:100%;}

 .sec-icon-modal .sec-icon-group ul.icon-listing li{width:100%;}



}



/*---------------------------------------------------------------------------------------------*/
/* vipul css*/
/*---------------------------------------------------------------------------*/
.sec-page-sidebar .sidebar-base-menu.sidebar-select-language-drop{padding: 71px 25px 17px;}

body .goog-te-gadget-simple{display: flex !important; align-items: center !important; padding: 0 !important; background-color: transparent; border: none; color: #19375f; font-size:16px; font-family: 'museosans-700uploaded_file';
}
body .goog-te-gadget-simple .goog-te-menu-value, body .goog-te-gadget-simple .goog-te-menu-value span{color: #19375f !important;}
body .goog-te-gadget-simple .goog-te-menu-value span:nth-child(2){display:none;}
.g_s_language #google_translate_element .goog-te-gadget .goog-te-gadget-simple .goog-te-gadget-icon{position: absolute;
  left: 22px; top: 19px; display: block; line-height: 19px; text-align: center; object-fit: contain; max-width: 20px;
  z-index: 9999; background-color: transparent;
}
.g_s_language #google_translate_element .goog-te-gadget .goog-te-gadget-simple span a{margin-right: 0; margin-left: 0;}
.g_s_language #google_translate_element .goog-te-gadget .goog-te-gadget-simple span a span:nth-last-child(3){border: none !important; padding-left: 5px;}
.g_s_language #google_translate_element .goog-te-gadget .goog-te-gadget-simple span a span:last-child{color: rgb(25 55 95) !important;}
.goog-te-banner-frame.skiptranslate {display: none !important;}
.goog-te-banner-frame.skiptranslate {
            display: none !important;
        } 
        body {
            top: 0px !important; 
        }
        .goog-logo-link {
            display:none !important;
        }
        .trans-section {
            margin: 100px;
        } 

.part-checkbox-listing li .custom-control{padding-left:0;}
.part-checkbox-listing li .checkbox .custom-control-input{left:19px; top:25px;}
.part-checkbox-listing li .custom-control-label{margin-bottom:25px; padding-left:0px;}
.part-checkbox-listing li .custom-control-label::before{top:26px; left: 0;}
.part-checkbox-listing li .checkbox .custom-control-label::after{top:28px; left:6px;}
.custom-control-input:disabled~.custom-control-label::after, .custom-control-input[disabled]~.custom-control-label::after{
  color: #e9ecef; /*border: solid #e9ecef;*/}
/*.contact-badge-section .owl-stage-outer .owl-item{max-width: 126px;}*/
.contact-badge-section .owl-stage-outer .owl-item .badge-box{width: 110px; margin: 0 auto; display: block;}
.holiday_form_group .holidays_form .holiday_content .row{align-items: center;  margin-bottom: 1rem;}
.holiday_form_group .holidays_form .holiday_content .form-group{margin-bottom:0;}
.holiday_form_group .holidays_form .float-left .add_more_holiday{width:30px; height: 30px;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .available:hover, .main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .view_reservation:hover{border-color: #5f688c !important; border-width: 1px !important; border-style: dotted !important;}
.main-calendar .sec-calendar-box .sec-monthly-calendar table tr td.fc-day-top .slot-book-box{border-color: transparent;
    border-width: 1px; border-style: dotted;  border-radius: 6px;}
.fleet_five_box{flex: 0 0 20%; max-width: 20%;}
.filter-search-form.center-filter-srh-form{max-width: 325px;}
.fleet-hdr-content .right-btn:nth-child(2), .right-btn:nth-child(3){max-width: 145px;}

.group-switch-desc{display:flex;}
.group-switch-desc .custom-switch-box{margin:0 10px;}


.main-container1{ width: 100%; max-width: 100%; overflow: auto;}
.grid-wrapper{display: flex;flex-wrap: wrap;width: 143%;}
.grid-wrapper li{background-color: #ef4444;color: #ffffff;font-size: 24px;list-style-type: none;min-height: 50vh;padding:0;text-align: center;width: 14.28vw;}
.main-container{margin: 0 auto;max-width: 100%;padding:0;}

.section-checkonoff-list .select2-selection--single{padding: 0px;
margin: 0px !important;
border-radius: 4px !important;
display: flex;
align-content: center;
justify-content: center;
height: 36px !important;
text-transform: uppercase;color: #495057; font-size: 13px; }

#select2-boattype-results .select2-results__option{text-transform: uppercase;font-size: 13px;}
.charter-section .charter-add{position:absolute; right:-40px; bottom:30px;}
#add-datetimeContainer:blank + .charter-add{position:relative; right:unset; bottom:unset;}
#edit-datetimeContainer .datetime-set .charter-remove, #add-datetimeContainer .datetime-set .charter-remove{position: absolute; right: 0;bottom:105px; left:100%; width:fit-content;}
#edit-datetimeContainer .datetime-set ,#add-datetimeContainer .datetime-set{position:relative;}
.peak_time_note{white-space: nowrap;}

#season-style-1 ul{padding-left: 20px;}
#season-style-1 ul li{font-size: 13px; list-style: disc;}

#season-style-2 ul{padding-left: 20px;}
#season-style-2 ul li{font-size: 13px; list-style: disc;}
.sec-week-glance .week-boat-listing .week-box-three{padding-top:17px;}
.sec-week-glance .week-boat-listing .week-box-one{padding-top:13px;}

.remove-row{line-height: 1.1;}